/* CSS Stylesheet for BrotherMall */




.wide
{
    width: 345px;
    margin: 0px 0px 0px auto;
}

#divFreeItemDisclaimer
{
    vertical-align: top;
    float: left;
}



#tblMain
{
    width: 775px;
    margin-left: auto;
    margin-right: auto;
}

#divShopByCategory span
{
    padding-right: 2%;
}

#divShopByCategory .ShopByCatSpan1
{
    padding-left: 3%;
}

#divShopByCategory img
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}


#divShopByCategory
{
    background-image: url(/images/home/shop-by-category2.jpg);
    background-repeat: no-repeat;
    height: 215px;
    width: 607px;
    text-align: left;
    margin: 0px;
}


#ButtonNav img
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

#ButtonNav a
{
    border-width: 0px;
}

#Header
{
    float: left;
}




.GrayBorders td
{
    border-width: 1px;
    border-color: #BDBDBD;
    border-style: solid;
}


#backtotop
{
    float: right;
}

.ListNoMargin
{
    margin: 0px;
    list-style-position: inside;
    padding: 0px;
    width: 35em;
}



.ProductBar
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

#ulProductBar li
{
    float: left;
}

#ulProductBar li a img
{
    float: left;
    border-width: 0px;
}

.HeaderFirstRow
{
    
    background: #254C85 url(/images/title/bmall-header-bkgr.jpg) repeat-y 0 0;
  
}

.NavListing
{
    list-style-type: none;
    margin: 0px;
    float: right;
}

#NavList li
{
    float: left;
    padding-right: 3px;
    color: #FFF;
    font-size: 78%;
    font-weight: bold;
    border-width: 0px;
}

#NavList li a
{
    color: #FFF;
}


.FullWidth
{
    width: 100%;
}

.RightTopBottomBorder
{
    border-left-width: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color: Black;
    border-style: solid;
}

.LeftTopBottomBorder
{
    border-right-width: 0px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-color: Black;
    border-style: solid;
}

.TableBorder
{
    border: solid 1px #BDBDBD;
}

.TableLine
{
    background-image: url(../images/lines/trans-line-h-long-100-15.gif);
    background-position: center center;
    background-repeat: repeat;
}

.TableDottedLine770
{
    background-image: url(../images/lines/dots-horizontal.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.PtouchBackImage
{
    background-image: url(../images/Accessories/ptouchfilter/t-center-back.gif);
    background-position: center bottom;
    background-repeat: repeat-x;
}
.PtouchTopRightCornerImage
{
    background-image: url(../images/Accessories/ptouchfilter/c-top-right.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.PtouchTopLeftCornerImage
{
    background-image: url(../images/Accessories/ptouchfilter/c-top-left.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.PtouchBottomRightCornerImage
{
    background-image: url(../images/Accessories/ptouchfilter/c-bottom-right.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.PtouchBottomLeftCornerImage
{
    background-image: url(../images/Accessories/ptouchfilter/c-bottom-left.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.PtouchBottomBackImage
{
    background-image: url(../images/Accessories/ptouchfilter/b-center-back.gif);
    background-repeat: repeat-x;
}
.PtouchleftsideBackImage
{
    background-image: url(../images/Accessories/ptouchfilter/s-left.gif);
    background-repeat: repeat-y;
}
.PtouchrightsideBackImage
{
    background-image: url(../images/Accessories/ptouchfilter/s-right.gif);
    background-repeat: repeat-y;
}

.Ptouch2TopLeftCorner
{
    background-image: url(../images/Accessories/ptouchfilter/t-left-2.gif);
    background-repeat: no-repeat;
}
.Ptouch2BackImage
{
    background-image: url(../images/Accessories/ptouchfilter/t-back-2.gif);
    background-repeat: repeat-x;
}
.PtouchGrid
{
    width: 650px;
}
.Ptouch2TopRightCorner
{
    background-image: url(../images/Accessories/ptouchfilter/t-right-2.gif);
    background-repeat: no-repeat;
}
.GrayTableLine
{
    background-image: url(../images/lines/trans-grayline-h-long-100-15.gif);
    background-position: center center;
    background-repeat: repeat;
}

#tblProductGroupModels
{
    border-collapse: collapse;
}


.BlueBorder
{
    border-width: 1px;
    border-color: #D0EFFC;
    border-style: solid;
}

.smallnocolor
{
    font-size: 82%;
}

.smallernocolor
{
    font-size: 78%;
}

.smallermaroon
{
    font-size: 78%;
    color: Maroon;
}

.smallerbold
{
    font-size: 80%;
    font-weight: bold;
}

.tinynocolor
{
    font-size: 73%;
}
.smallbold
{
    font-size: 82%;
    font-weight: bold;
}

.BoldItalicUnderline
{
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}

.ItalicUnderline
{
    font-style: italic;
    text-decoration: underline;
}

.medbold
{
    font-size: 95%;
    font-weight: bold;
}

.medboldblack
{
    font-size: 95%;
    font-weight: bold;
    color: #000000;
}

.smallergray
{
    font-size: 80%;
    color: #666666;
}

.smallerboldergray
{
    font-size: 80%;
    font-weight: bolder;
    color: #666666;
}
.smallgray
{
    font-size: 82%;
    font-weight: normal;
    color: #666666;
}

.smallblue
{
    font-size: 95%;
    font-weight: normal;
    color: #0000FF;
}

.normalbold
{
    font-size: 105%;
    font-weight: bold;
}

.largebold
{
    font-size: 112%;
    font-weight: bold;
}

.largerbold
{
    font-size: 150%;
    font-weight: bold;
}

.smallboldred
{
    font-size: 82%;
    font-weight: bold;
    color: #FF0000;
}

.smallerboldred
{
    font-size: 75%;
    font-weight: bold;
    color: #FF0000;
}
.smallboldgray
{
    font-size: 90%;
    font-weight: bold;
    color: Gray;
}

.HeadCartLeft
{
    background-image: url(../images/title/head-cart-left.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 10px;
}

.HeadCartRight
{
    background-image: url(../images/title/head-cart-right.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 10px;
}

.SimilarTop
{
    background-image: url(../images/product/similar-top.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 32px;
    width: 162px;
}

.SimilarLeft
{
    background-image: url(../images/product/similar-left.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 10px;
}

.SimilarRight
{
    background-image: url(../images/product/similar-right.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 9px;
}

.SimilarBottom
{
    background-image: url(../images/product/similar-bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 12px;
    width: 162px;
}

.PromotionBoxTop
{
    background-image: url(../images/product/special-promo_top.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 48px;
    width: 343px;
}

.PromotionBoxLeft
{
    background-image: url(../images/product/special-promo_left.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 10px;
}

.PromotionBoxRight
{
    background-image: url(../images/product/special-promo_right.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 9px;
}

.PromotionBoxBottom
{
    background-image: url(../images/product/special-promo_bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 12px;
    width: 343px;
}

.TabbedBoxLeft
{
    background-image: url(../images/product/tabs_left.gif);
    background-repeat: repeat-y;
    background-position: left top;
    width: 10px;
}

.TabbedBoxRight
{
    background-image: url(../images/product/tabs_right.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 9px;
}

.TabbedBoxBottom
{
    background-image: url(../images/product/tabs_bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 584px;
}
.TabbedBoxBottom385
{
    background-image: url(../images/accessories/tab-385-bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 385px;
}
.TabbedBoxBottom300
{
    background-image: url(../images/accessories/tab-300-bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 300px;
}

.TabbedBoxTop300
{
    background-image: url(../images/Product/tab-300-top-NewModel.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    width: 300px;
}

.TabbedBoxTop300Refurb /*used for new models */
{
    background-image: url(../images/Product/tab-300-top-RefurbModel.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    width: 300px;
}
.TabbedBoxTop300Access /*used for accessory detail */
{
    background-image: url(../images/accessories/tab-300-top-Details.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 28px;
    width: 300px;
}
.TabbedBoxBottom585
{
    background-image: url(../images/accessories/tabs_bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 585px;
}

.TabbedBoxTop585
{
    background-image: url(../images/accessories/tabs_top.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 37px;
    width: 585px;
}

.TabbedNavBar
{
    color: #FFFFFF;
    text-decoration: none;
    border-width: 0;
    padding: 0;
}

.roundedBoxLeft
{
    background-image: url(../images/product/roundedbox_left.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 10px;
}

.roundedBoxRight
{
    background-image: url(../images/product/roundedbox_right.gif);
    background-repeat: repeat-y;
    background-position: center top;
    width: 9px;
}

.roundedBoxBottom
{
    background-image: url(../images/product/roundedbox_bottom.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 800px;
}

.roundedBoxTop
{
    background-image: url(../images/product/roundedbox_top.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    width: 800px;
}


.AccessoryCatSep
{
    border-bottom: solid 1px #BDBDBD;
}

.FloatRight
{
    float: right;
}

.AccessorySpacer
{
    float: right;
}


td .AccessoryCatCell
{
    text-align: left;
    vertical-align: text-top;
    width: 10%;
    border-right: solid 1px #A1A5A9;
    padding-left: 5px;
}

.AccessoryCatCellEnd
{
    text-align: left;
    vertical-align: text-top;
    width: 10%;
}

.AccessCatImage
{
    width: 118px;
    height: 86px;
}

.AccessoryVSpacerImage
{
    height: 100%;
}

.GrayBorder
{
    border-width: 1px;
    border-color: #BDBDBD;
    border-style: solid;
}
.BlueBorder
{
    border-width: 1px;
    border-color: #003366;
    border-style: solid;
}

.WhiteBold
{
    font-weight: bold;
    font-size: 115%;
    color: white;
}
.reqfield
{
    font-size: 80%;
    color: #ff0000;
}
.leftnav
{
    color: #1E75BD;
    font-size: 80%;
    text-decoration: none;
}

.large
{
    font-size: large;
}
.LargeBlueHeader
{
    font-size: medium;
    color: #3366CC;
    font-weight: bolder;
}

.WhiteBoldHeader
{
    font-size: medium;
    color: #FFFFFF;
    font-weight: bold;
}


/*------------------------------------------------------
Deals with the Order Step 2 Page
*/

#BillingPageShippingOptions
{
    padding: 2px;
}


#BillingPageShippingOptions #ShippingOptions
{
    clear: both;
    text-align: left;
    margin-bottom: 10px;
}

#BillingPageShippingOptions h3
{
    background-color: #CCCCCC;
    margin: 0px;
    padding: 1px;
}

#ShippingOptions div
{
    margin-bottom: 10px;
}
#ShippingOptions div div
{
    margin-left: 20px;
}

#BillingPageShippingOptions #ShippingAddress
{
    text-align: left;
    padding-top: 10px;
    border-top: dashed 1px #AAAAAA;
}

/*------------------------------------------------------
End Deals with the Order Step 2 Page
*/


/*------------------------------------------------------
Deals with the Order Summary Page
*/
#OrderSummary
{
    width: 760px;
    padding-left: 2px;
}

#OrderSummary h1
{
    font-size: 120%;
    font-weight: bold;
    padding-left: 5px;
    margin-top: 0px;
    padding-top: 0px;
}

#OrderSummary #Shipping
{
    width: 278px;
    margin-left: 2px;
    float: left;
}

#OrderSummary h3
{
    background-color: #CCCCCC;
    margin: 0px auto;
    text-align: center;
    padding: 2px;
}

#OrderSummary #InsideShipping
{
    padding: 5px;
}

#OrderSummary h4
{
    font-size: 82%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#OrderSummary .Addresses
{
    margin: 10px;
}

#OrderSummary #ShippingOptions
{
    border-top: dashed 1px #BDBDBD;
    padding-top: 10px;
}

#OrderSummary #Payment
{
    width: 220px;
    float: left;
    margin-left: 10px;
}

#OrderSummary #InsidePayment
{
    padding: 5px;
}
#InsidePayment #Billing
{
    padding-bottom: 0px;
}

#InsidePayment #PayMethod
{
    border-top: dashed 1px #BDBDBD;
    padding-top: 10px;
}

#OrderSummary #OrderTotal
{
    width: 230px;
    margin-left: 10px;
    float: left;
}


#OrderTotal #tblTotals
{
    text-align: right;
    font-size: 80%;
    width: 100%;
}

#OrderTotal #tblTotals .TotalType
{
    font-weight: bold;
    width: 65%;
}

#OrderTotal #tblTotals #SalesTax
{
    border-top: dashed 1px #BDBDBD;
    padding: 10px 0px;
    margin-top: 5px;
    color: #ff0000;
    text-align: center;
}

#OrderSummary #SalesTaxFootnote
{
    clear: both;
    width: 95%;
    padding-top: 20px;
    padding-left: 20px;
}

#OrderSummary #SalesTaxFootnote .SalesTaxHeader
{
    color: #ff0000;
    font-size: 70%;
    font-weight: bold;
}

#OrderSummary #SalesTaxFootnote .SalesTaxText
{
    color: #ff0000;
    font-size: 70%;    
}
#OrderSummary #Cart
{
    clear: both;
    width: 100%;
    padding-top: 20px;
}

#Cart .CartContents
{
    clear: both;
}


/*------------------------------------------------------
End Deals with the Order Summary Page
*/

/*------------------------------------------------------
Deals with the Order Confirmation Print Page
*/

#OrderPrint
{
	width: 680px;
}


#OrderPrint #OrderConf #Shipping
{
    height: 230px;
    width: 210px;
    margin-left: 2px;
    float: left;
}


#OrderPrint #OrderConf #Payment
{
    float: left;
    margin-left: 5px;
    width: 210px; 
    height: 230px;
}


#OrderPrint #OrderConf #OrderTotal
{
    width: 220px; 
    height: 230px;
    margin-left: 5px;
    float: left;
}

#OrderPrint #OrderConf #Cart
{
    clear: both;
    width: 660px;
    padding: 20px 0px;
    text-align: left;
}



/*------------------------------------------------------
End deals with the Order Confirmation Print Page
*/

/*------------------------------------------------------
Deals with the Order Confirmation Page
*/
#OrderConf
{
    width: 98%;
    padding-left: 2px;
}

#OrderConf h2
{
    font-size: 100%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#OrderConf #Shipping
{
    height: 270px;
    width: 240px;
    margin-left: 2px;
    float: left;
}


#OrderConf h3
{
    background-color: #CCCCCC;
    margin: 0px auto;
    text-align: center;
    padding: 2px;
}

#OrderConf #InsideShipping
{
    padding: 5px;
}

#OrderConf h4
{
    font-size: 82%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#OrderConf .Addresses
{
    margin: 10px;
}

#OrderConf #ShippingOptions
{
    border-top: dashed 1px #BDBDBD;
    padding: 10px;
}

#OrderConf #Payment
{
    float: left;
    margin-left: 10px;
    width: 240px; 
    height: 270px;
}

#OrderConf #InsidePayment
{
    padding: 5px;
}
#InsidePayment #Billing
{
    padding-bottom: 0px;
}

#InsidePayment #PayMethod
{
    border-top: dashed 1px #BDBDBD;
    padding-top: 10px;
}

#OrderConf #OrderTotal
{
    width: 245px; 
    height: 270px;
    margin-left: 10px;
    float: left;
}


#OrderTotal #tblTotals
{
    text-align: right;
    font-size: 80%;
    width: 100%;
}

#OrderTotal #tblTotals .TotalType
{
    font-weight: bold;
    width: 65%;
}

#OrderTotal #tblTotals #SalesTax
{
    border-top: dashed 1px #BDBDBD;
    padding: 10px 0px;
    margin-top: 5px;
    color: #ff0000;
    text-align: center;
}

#OrderConf #Cart
{
    clear: both;
    width: 100%;
    padding: 20px 0px;
    text-align: left;
}

/*------------------------------------------------------
End Deals with the Order Confirmation Page
*/


/*------------------------------------------------------
EMA Page
*/
#EMA h1
{
    font-size: 125%;
    font-weight: bold;
}

#EMA h2
{
    font-size: 95%;
    font-weight: bold;
    color: #0000FF;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#EMA h3
{
    font-size: 90%;
    font-weight: bold;
    color: #0000FF;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#EMA h4
{
    font-size: 85%;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#EMA p
{
    font-size: 82%;
    padding-top: 0px; 
    margin-top: 0px;
}

#EMA ul
{
    padding-top: 0px; 
    margin-top: 0px;

}

#EMA li
{
        font-size: 82%;
}

/*------------------------------------------------------
Ends EMA FAQ Page
*/

/*------------------------------------------------------
EMA Page
*/
#EMAFAQ h1
{
    font-size: 125%;
    font-weight: bold;
}

#EMAFAQ h2
{
    font-size: 95%;
    font-weight: bold;
    margin-top: 30px;
}




#EMAFAQ p
{
    font-size: 82%;

}

#EMAFAQ ul
{


}

#EMAFAQ li
{
        font-size: 82%;
}

/*------------------------------------------------------
Ends EMA FAQ Page
*/