body
{
    font-family: Verdana, Arial, Georgia, sans-serif;
    font-size: medium;
    line-height: 1.3;
    color: #555555;
    background-color: #EDEDED;
}

/*This is here because line-height: 100%; 6 sucks and wants
to put space after declaring a form tag*/
form
{
    padding: 0px;
    margin: 0px;
}
/*Every page should have a top div named divBody or divBodyShort.  This div
should include the entirerty of every page*/
#divBody
{
    width: 965px;
    margin: 0px auto;
    padding: 0px;
    background-color: white;
    /*background: url(/Images/Header/SidesFade.gif) repeat-y left top;*/
}


/*Every MasterPage should have a div with the ContentArea or ContentAreaShort
class.  This div should include the entirerty of the content area*/
.ContentArea
{
    width: 100%;
}

.ContentBodyNoNav
{
    margin:20px 40px;
}


.ErrorMessage
{
    color: Red; 
}


/*****************************************
Blue Brother header
*/
.PageHeader
{
    font-size: 16px;
    line-height: 1;
    width: 100%;
    min-width: 400px;
    margin-right: -150px;
    height: 59px;
    color: #fff;
    font-family: "arial","helvetica","sans-serif";
    background: #0d2ea0;
    background: linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -webkit-gradient(linear, left top, right top, from(#0d2ea0), color-stop(0.2, #0d2ea0), color-stop(0.8, #071956), to(#071956));
    background: -moz-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -o-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    background: -ms-linear-gradient(0deg, #0d2ea0 20%, #071956 80%);
}

.PageHeader #RightSideHeader
{
    float: right;
    width: 280px;
    text-align: right;
    padding-top: 4px;
}

.PageHeaderShort
{
    background: #1D43A4 url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/Header/header_short_bg.jpg) repeat-y 0 0;
    width: 100%;
    height: 59px;
}

.PageHeaderShort #RightSideHeader
{
    float: right;
    width: 280px;
    text-align: right;
    padding-top: 4px;
}

.HeaderLinks
{
    color: White;
    font-size: 70%;
    list-style-type: none;
    margin: 0px;
    padding: 2px 30px;
    float: right;
}

.HeaderLinks li
{
    float: left;
    padding: 3px 4px;
}

.HeaderLinks #GlobalLink
{
    color: White;
    text-decoration: underline;
}

.HeaderLinks #GlobalLink:hover
{
    text-decoration: none;
}

.HeaderLinks #SearchLink
{
    color: White;
    text-decoration: underline;
}

.HeaderLinks #SearchLink:hover
{
    text-decoration: none;
}

.HeaderSelect
{
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.HeaderSelect select
{
    margin-top: 3px;
    margin-right: 5px;
    float: left;
    height: 18px;
    width: 220px;
}
.HeaderSelect input
{
    float: left;
    margin-top: 3px;
}

.HeaderSelect div
{
    float: left;
    height: 18px;
    width: 230px;
    text-align: center;
    margin-top: 3px;
}

.HeaderSelect a
{
    color: White;
    font-size: 70%;
    text-decoration: underline;
}

.HeaderSelect a:hover
{
    text-decoration: none;
}

.HeaderLogo
{
    margin: 9px 10px;
    float: left;
    border: none;
}
/*****************************************
End Blue Brother header
*/

/*****************************************
Gray Nav Bar
*/
/***********Menu*******************/
.NavBar
{
    /* clear:both; */
    background: #e7e7e7 url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/Header/NavBar_bg.gif) repeat-x center top;
    height: 23px;
    padding-top: 7px;
    color: #333333;
    text-align: left;
    font-size: 80%;
    width: 100%;
}
.NavBar ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.NavBar li
{
    display: inline;
    font-weight: bold;
    color: #333333;
    padding-bottom: 5px;
    padding-top: 5px;
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/Header/NavBar_Divider.gif) no-repeat right 50%;
}
.NavBar a
{
    color: #333333;
    padding: 0 15px 0 15px;
    font-weight: bold;
    text-align: center;
}

.NavBar li.noseparator
{
    background: none;
}

.NavBar a:link
{
    color: #666666;
    text-decoration: none;
}
.NavBar a:visited
{
    color: #666666;
    text-decoration: none;
}
.NavBar a:hover
{
    text-decoration: none;
    color: #222222;
}
.NavBar a:active
{
    text-decoration: none;
    color: #333333;
}
/***********End Menu************

.NavBar
{
    background: #E8ECEF url(/Images/Header/NavBar_bg.gif) repeat-x 0 0;
    width: 100%;
    height: 30px;
    clear: both;
    margin: 1px 0px;
}

.NavBarShort
{
    background: #E8ECEF url(/Images/Header/NavBar_bg.gif) repeat-x 0 0;
    width: 100%;
    height: 30px;
    clear: both;
    margin: 1px 0px;
}

.NavList
{
    font-size: 80%;
    font-weight: bold;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.NavList a
{
    color: #666666;
}

.NavList li.NavItem
{
    text-align: center;
    padding: 7px 15px 0px 15px;
    float: left;
}
.NavList li.NavDivider
{
    width: 2px;
    float: left;
}*/
/*
****************************************
End Gray Nav Bar
*/


/*  Left Nav */

.LeftNav
{
    width: 175px;
    float: left;
    clear: left;
    padding-right: 5px;
    margin:10px 10px;
}
.LeftNav .NavHeader
{
    width: 100%;
    font-size: 78%;
    color: #FFFFFF;
    padding: 0px 0px 7px;
    margin: 10px 0px 0px;
    font-weight: bold;
    background-color: #005CA9;
}



.NavHeader .NavHeaderText
{
    padding-left: 10px;
    display: block;
    padding-top: 3px;
}


.LeftNav ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.LeftNav ul li
{
    margin-bottom: 0px;
    padding: 4px 0px 4px 10px;
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/leftnav/ItemDivider.png) no-repeat left bottom;
    font-size: 70%;
    line-height: normal;
}

/*Fixes IE 6.0's height problem in real browsers*/
.LeftNav ul > li
{
    min-height: 18px;
    height: auto;
}


.LeftNav a
{
    color: #4c4c4c;
}



.LeftNav .LeftNavSubMenu li
{
    margin-bottom: 0px;
    padding: 8px 0px 0px 10px;
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/leftnav/ItemDivider.png) no-repeat left top;
    background: none;
    font-size: 100%;
    line-height: normal;
}

/*  End Left Nav */

/*****************************************************************
Footer*/
.NewFooter
{
    clear: both;
    padding-top: 30px;
    font-size: 65%;
    color: #868686;
    width: 100%;
    /*background: url(/Images/Footer/greybackground.gif) repeat-x left top;*/
    text-align: center;
    margin-bottom:20px;
}
.NewFooter ul
{
    list-style-type: none;
    margin: 0px;
    text-align: center;
}

.NewFooter li
{
    display: inline;
    padding-right: 10px;
}

.NewFooter ul a
{
    color: #868686;
    text-decoration: underline;
}

.NewFooter .FooterCopy
{
    padding-left: 0px;
    padding-bottom:40px;
}

.BILFooterInfo
{
    font-size: 55%;
    color: #4d5c67;
    text-align: center;
    margin-top: 5px;
    clear: both;
}
/*End Footer
********************************************************
*/

/*****************************************
PageTitle
*/
.PageTitle
{
    color: #666;
}

.WelcomePageCompanyName
{
    color: #003096;
    float:right;
}



.WelcomePageHolidayMessage
{
    background: #fee; 
    border: 1px solid #c00; 
    padding: 0 1em; 
    margin-bottom: 10px;
}
/*End PageTitle
********************************************************
*/




.BoldFont
{
    font-weight: bold;
}
.Black70
{
    font-size: 70%;
    color: #000000;
}

.Black65
{
    font-size: 65%;
    color: #000000;
}

.Black75
{
    font-size: 75%;
    color: #000000;
}

.Black__80
{
    font-size: 80%;
    color: #000000;
}

.Black_Bold_90
{
    font-size: 90%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_60
{
    font-size: 60%;
    font-weight: bold;
    color: #000000;
}

.Blue_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #0F4B7F;
}
.DarkBlue_Bold_110
{
    color: #043472;
    font-size: 130%;
    font-weight: bold;
}

.BlueBoldNoSize
{
    font-weight: bold;
    color: #1e75bd;
}
.borderedDiv
{
    border: solid 1px #003399;
    padding: 5px;
    margin: 2px 3px 3px 3px;
}

.Clearer
{
    clear: both;
    line-height: 0px;
}

.OceanBlue_Bold_70
{
    color: #005f96;
    font-size: 70%;
    font-weight: bold;
}

.DarkGray_Bold_70
{
    color: #666666;
    font-size: 70%;
    font-weight: bold;
}

.DarkGray_Bold_80
{
    color: #666666;
    font-size: 80%;
    font-weight: bold;
}

.DarkGray_Bold_100
{
    color: #666666;
    font-size: 100%;
    font-weight: bold;
}

.DarkGray_Bold_110
{
    color: #666666;
    font-size: 110%;
    font-weight: bold;
}

.DarkGray_Bold_130
{
    color: #666666;
    font-size: 130%;
    font-weight: bold;
}

.DarkGray__100
{
    color: #666666;
    font-size: 100%;
}
.DarkGray_Bold_75
{
    color: #666666;
    font-size: 75%;
    font-weight: bold;
}

.DarkGray__60
{
    color: #666666;
    font-size: 60%;
}

.DarkGray__70
{
    color: #666666;
    font-size: 70%;
}

.DarkGray__75
{
    color: #6f6d6d;
    font-size: 75%;
}
.DarkBlue__67
{
    color: #003399;
    font-size: 67%;
}

.DarkBlue__70
{
    color: #003399;
    font-size: 70%;
}

.DarkBlue__110
{
    color: #003399;
    font-size: 110%;
}

.DarkBlue__150
{
    color: #003399;
    font-size: 150%;
}

.DarkBlue__160
{
    color: #003399;
    font-size: 160%;
}

.DarkBlue_Bold_65
{
    color: #003399;
    font-size: 65%;
    font-weight: bold;
}

.DarkBlue_Bold_67
{
    color: #003399;
    font-size: 67%;
    font-weight: bold;
}

.DarkBlue_Bold_70
{
    color: #003399;
    font-size: 70%;
    font-weight: bold;
}
.DarkBlue_Bold_75
{
    color: #003399;
    font-size: 75%;
    font-weight: bold;
}
.DarkBlue_Bold_80
{
    color: #003399;
    font-size: 80%;
    font-weight: bold;
}
.DarkBlue_Bold_90
{
    color: #003399;
    font-size: 90%;
    font-weight: bold;
}
.DarkBlue_Bold_100
{
    color: #003399;
    font-size: 100%;
    font-weight: bold;
}

.DarkBlue_Bold_110
{
    color: #28469C;
    font-size: 110%;
    font-weight: bold;
}

.DarkBlue_Bold_150
{
    color: #003399;
    font-size: 150%;
    font-weight: bold;
}

.DarkBlue_Bold_125
{
    color: #003399;
    font-size: 125%;
    font-weight: bold;
}

.Gray__80
{
    font-size: 80%;
    color: #333333;
}

.Gray__60
{
    color: #666666;
    font-size: 60%;
}

.Gray_Bold_90
{
    font-size: 90%;
    color: #333333;
    font-weight: bold;
}

.Gray_Bold_80
{
    font-size: 80%;
    color: #333333;
    font-weight: bold;
}

.Green_Bold_
{
    font-weight: bold;
    color: green;
}

.Maroon_Bold_80
{
    font-weight: bold;
    font-size: 80%;
    color: Maroon;
}

.Orange_Bold_90
{
    font-weight: bold;
    font-size: 90%;
    color: #d07c24;
}

.Blue_Bold_90
{
    color: #00529C;
    font-weight: bold;
    font-size: 90%;
}

.Black_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: Black;
}
.Black_Bold_85
{
    font-size: 85%;
    font-weight: bold;
    color: #000000;
}
.Black_Bold_95
{
    font-size: 95%;
    font-weight: bold;
    color: #000000;
}

.Blue__67
{
    color: #0066FF;
    font-size: 67%;
}

.Blue__80
{
    color: #0066FF;
    font-size: 80%;
}

.Blue__100
{
    color: #0066FF;
    font-size: 100%;
}

.Blue_Bold_70
{
    color: #0066FF;
    font-weight: bold;
    font-size: 70%;
}

.Blue_Bold_100
{
    color: #0066FF;
    font-weight: bold;
    font-size: 100%;
}

.Blue_Bold_120
{
    color: #0066FF;
    font-weight: bold;
    font-size: 120%;
}

.Gold_Bold_80
{
    color: #FDD017;
    font-weight: bold;
    font-size: 80%;
}


.FormStyleDisabled
{
    border: #C0C0C0 1px solid;
    background-color: #FFFFFF;
    font-size: 70%;
    color: #C0C0C0;
}

.FormStyle
{
    border: #7B869A 1px solid;
    background-color: #FFFFFF;
    color: #000000;
}

.LightGray_Bold_60
{
    color: #58595B;
    font-size: 60%;
    font-weight: bold;
}

.LightGray_Bold_80
{
    color: #58595B;
    font-size: 80%;
    font-weight: bold;
}

.LightGray_60
{
    color: #58595B;
    font-size: 60%;
}

.LightGray_70
{
    color: #58595B;
    font-size: 70%;
}

.LightGray_78
{
    color: #58595B;
    font-size: 78%;
}

.LightGray_80
{
    color: #58595B;
    font-size: 80%;
}

.LightGray_100
{
    color: #58595B;
    font-size: 100%;
}

.Gray__67
{
    font-size: 67%;
    color: #4d5c67;
}

.Gray_Bold_90
{
    font-size: 90%;
    font-weight: bold;
    color: Gray;
}

.Maroon__82
{
    font-size: 82%;
    color: Maroon;
}

.GrayModelLink
{
    font-size: 70%;
    font-weight: bold;
    color: #979ebb;
}

.NoColor__67
{
    font-size: 67%;
}

.NoColor__65
{
    font-size: 65%;
}

.NoColor__70
{
    font-size: 70%;
}

.NoColor__73
{
    font-size: 73%;
}

.NoColor__78
{
    font-size: 78%;
}

.NoColor__82
{
    font-size: 82%;
}

.NoColor__85
{
    font-size: 85%;
}

.NoColor__90
{
    font-size: 90%;
}

.NoColor__100
{
    font-size: 100%;
}

.NoColor_Bold_67
{
    font-size: 67%;
    font-weight: bold;
}

.NoColor_Bold_70
{
    font-size: 70%;
    font-weight: bold;
}

.NoColor_Bold_75
{
    font-size: 75%;
    font-weight: bold;
}

.NoColor_Bold_78
{
    font-size: 78%;
    font-weight: bold;
}

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

.NoColor_Bold_82
{
    font-size: 82%;
    font-weight: bold;
}


.NoColor_Bold_90
{
    font-size: 90%;
    font-weight: bold;
}

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

.NoColor_Bold_100
{
    font-size: 100%;
    font-weight: bold;
}

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

.NoColor_Bold_110
{
    font-size: 110%;
    font-weight: bold;
}

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

.NoColor_Bold_125
{
    font-size: 125%;
    font-weight: bold;
}

.NoColor_Bold_140
{
    font-size: 140%;
    font-weight: bold;
}

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

.NoColor_Bold_None
{
    font-weight: bold;
}

.NoColor_BoldItalic_70
{
    font-size: 70%;
    font-style: italic;
    font-weight: bold;
}

.NoColor_BoldItalic_100
{
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
}

.NoColor_BoldUnderline_70
{
    font-size: 70%;
    font-weight: bold;
    text-decoration: underline;
}

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

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

.NoColor_Italic_67
{
    font-size: 67%;
    font-style: italic;
}

.NoColor_Italic_70
{
    font-size: 70%;
    font-style: italic;
}

.NoColor_Italic_None
{
    font-style: italic;
}

.RedFont
{
    color: #FF0000;
}
.BlackFont
{
    color: #000000;
}

.Red_67
{
    font-size: 67%;
    color: #FF0000;
}

.Red__70
{
    font-size: 70%;
    color: #FF0000;
}

.Red_75
{
    font-size: 75%;
    color: #FF0000;
}

.Red__80
{
    font-size: 80%;
    color: #FF0000;
}

.Red_85
{
    font-size: 85%;
    color: #FF0000;
}

.Red_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_75
{
    font-size: 75%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_90
{
    font-size: 90%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: #FF0000;
}

.TopSpace
{
    padding-top: 3px;
}

.White__70
{
    font-size: 70%;
    color: White;
}

.White__75
{
    font-size: 75%;
    color: White;
}

.White__78
{
    font-size: 78%;
    color: White;
}

.White__82
{
    font-size: 82%;
    color: White;
}

.White__100
{
    font-size: 100%;
    color: White;
}

.White_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: White;
}

.White_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: White;
}

.White_Bold_85
{
    font-size: 85%;
    font-weight: bold;
    color: White;
}

.White_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: White;
}

.White_Bold_110
{
    font-size: 110%;
    color: #FFFFFF;
    font-weight: bold;
}

.White_Bold_125
{
    font-size: 125%;
    color: #FFFFFF;
    font-weight: bold;
}

.White_BoldItalic_100
{
    font-size: 100%;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
}

.LightBlue_Bold_90
{
    color: #005BA8;
    font-size: 90%;
    font-weight: bold;
}

.Fuschia_Bold_70
{
    color: #C92173;
    font-size: 70%;
    font-weight: bold;
}



.Red_Bold_70
{
    font-size: 70%;
    color: #ff0000;
    font-weight: bold;
}

.Red_Bold_80
{
    font-size: 80%;
    color: #ff0000;
    font-weight: bold;
}
.Red__70
{
    font-size: 70%;
    color: #ff0000;
}

.RoyalBlue_Bold_150
{
    font-size: 150%;
    color: #0033CC;
    font-weight: bold;
}

.White_Bold_100
{
    color: White;
    font-size: 100%;
    font-weight: bold;
}

.White_Bold_80
{
    color: White;
    font-size: 80%;
    font-weight: bold;
}
.WhiteBoldHeader
{
    color: White;
    font-size: 75%;
    font-weight: bold;
}


.White__80
{
    color: White;
    font-size: 80%;
}

.White__67
{
    color: White;
    font-size: 67%;
}

.WhiteBold70
{
    color: white;
    font-size: 70%;
    font-weight: bold;
}

.WhiteBold80
{
    color: white;
    font-size: 80%;
    font-weight: bold;
}

.WhiteBold90
{
    color: white;
    font-size: 90%;
    font-weight: bold;
}

.NoColor69
{
    font-size: 69%;
}


.DarkBlue_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #00529C;
}

.DarkBlue_Bold_65
{
    font-size: 65%;
    color: #00529C;
}

.White80
{
    font-size: 80%;
    color: white;
}

.Blue_Bold_150
{
    color: #00529c;
    font-weight: bold;
    font-size: 150%;
}
.Olive_Bold_105
{
    color: #707c15;
    font-weight: bold;
    font-size: 105%;
}

a
{
    color: #1E75BD;
    text-decoration: none;
}

a:hover
{
    color: #666666;
    text-decoration: underline;
}

a:active
{
    color: #6699ff;
    text-decoration: none;
}


.NoColor__60
{
    font-size: 60%;
}



/**********************************
Add to cart section*/
.AddToCart
{
    width: 193px;
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/BMG/AddToCart/AddtoCartBottom.gif) no-repeat left bottom;
    padding-bottom: 6px;
    margin: 5px 0px;
}

.AddToCartHeader
{
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/BMG/AddToCart/AddtoCartHeader.gif) no-repeat 0px 0px;
    width: 193px;
    height: 17px;
    font-size: 70%;
    font-weight: bold;
    text-align: center;
    color: #5e6060;
}

.AddToCartInner
{
    width: 191px;
    border-left: solid 1px #e0dfdd;
    border-right: solid 1px #e0dfdd;
    padding-bottom: 4px;
}

.AddToCartButton
{
    width: 143px;
    margin: 4px auto 0px auto;
    display: block;
}

.AddToCartText
{
    width: 150px;
    text-align: right;
    margin: 0px auto;
}


.AddToCartPrices
{
    font-size: 80%;
    font-weight: bold;
    border-bottom: solid 1px #a0ce67;
}


.AddToCartRegularPrice
{
    color: #00349a;
    display: block;
    padding: 2px 0px;
}

.AddToCartRebatePrice
{
    color: #f87807;
    display: block;
    padding: 2px 0px;
}

.AddToCartTotal
{
    font-size: 80%;
    font-weight: bold;
    color: #f87807;
    display: block;
    padding: 2px 0px;
}
.AddToCartFreeShip
{
    font-size: 60%;
    font-weight: bold;
    color: #00349a;
    display: block;
    padding: 2px 0px;
}
/**********************************
Ends Add to cart section*/

.ModalBackground
{
    background-color: Gray;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ModalWindow
{
    position: absolute;
    left: -1000px;
}

.Border_Solid_1
{
    border-style: solid;
    border-width: 1px;
    width: 75%;
    padding: 10px;
}

.Center_75
{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.Center_100
{
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


/**************************************************
Product Selector Styles*/
.ProductSelectorPageCoverHide
{
    visibility: hidden;
    display: none;
}

.ProductSelectorPageCover
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #898787;
    opacity: .4; /*IE 8 compatibilty*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index: 100;
}

.PSBox
{
    width: 1005px;
    height: 599px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
}

.PSBox #PSFrame
{
    border: 0px none;
    width: 1005px;
    height: 599px;
    overflow: visible;
}

.ClosePS
{
    position: absolute;
    top: 10px;
    right: 20px;
    color: Red;
    font-weight: bold;
}
.ClosePS:hover
{
    text-decoration: none;
    color: Red;
}
/**************************************************
Product Selector Styles*/


.NormalBoxHeader
{
    /*background: url(/Images/blue-bar_bg.jpg) repeat-x 0 0;*/
    background-color: #02529B;
    font-size: 80%;
    color: white;
    height: 21px;
    font-weight: bold;
    padding: 4px 0 0 10px;
}

.NormalBoxHeader .SearchImageInsideHeader
{
    display: block;
    float: left;
    padding: 1px 10px 0 0;
}

.GrayBox
{
    background-color: #eae8e8;
    padding: 10px 5px;
    font-size: 75%;
}


.ErrorMessage
{
    color: Red;
    font-weight: bold;
    font-size: 80%;
}


.ErrorMessage2
{
    color: Red;
    font-weight: bold;
}

.SuccessMessage
{
    color: Green;
    font-weight: bold;
    font-size: 80%;
}


.ResultsTable
{
    width: 100%;
    padding-top: 30px;
    border-bottom: 5px solid #95b6d7;
}

.ResultsTableHead
{
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/blue-bar_bg-Tall.png) repeat-x 0 0;
    height: 32px;
}

.ResultsTable th
{
    font-size: 70%;
    height: 25px;
    vertical-align: middle;
    padding: 0px 3px;
    font-weight: normal;
    color: White;
    border-right: 1px solid #95b6d7;
    text-align: center;
}
.ResultsTable td
{
    font-size: 70%;
    padding: 2px 3px;
    font-weight: normal;
    height: 20px;
    border-right: 1px solid #95b6d7;
    text-align: center;
}

.ResultsTable tbody tr
{
    background-color: white;
}

.ResultsTable .AlternateRow
{
    background-color: #eae8e8;
}

.ResultsTableLeftSide
{
    border-left: 5px solid #95b6d7;
}

.ResultsTable td.ResultsTableRightSide
{
    border-right: 5px solid #95b6d7;
}

/**************************************************
Cart Styles*/
.CartStatusHeader
{
    color: #1f47a7;
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/Cart/Mango_bg.gif) repeat-x 0 0;
    height: 30px;
    font-size: 90%;
    padding: 5px 0px 0px 10px;
}

.WhiteBox
{
    background-color: #fff;
    padding: 10px 5px;
    font-size: 75%;
}

.OrderInfoItem
{
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom: dashed 1px #fcb042;
}

.OrderItem
{
    padding-bottom: 5px;
}

.CartList
{
    border-collapse: collapse;
}

.CartList td
{
    border-bottom: solid 1px #d3d3d3;
    padding: 15px 4px;
}


.CartList .CartItemLeftHand
{
    border-left: none 0px;
}

.CartList .CartItemRightHand
{
    border-right: none 0px;
}

/**************************************************
Parts Styles*/

.PartsGrid
{
    color: #1f47a7;
    background: url(https://www.brother-usa.com/virdata/BrotherMexicoB2B/Images/Cart/Mango_bg.gif) repeat-x 0 0;
    height: 30px;
    font-size: 90%;
    padding: 5px 0px 0px 10px;
}

/********************** Blocking/Waiting Message Styles ***************************/
.WaitingMessage
{
    font-size: 100%;
    font-weight: bold;
    padding: 20px 0px;
}

div.blockOverlay
{
    background-color: #06569f;
    filter: alpha(opacity=60);
    opacity: .6;
}

/********************** End Blocking/Waiting Message Styles ***************************/


/********************** Forgot Password Styles ***************************/

.ForgotPasswordHeader
{
	width:100%; 
	vertical-align: middle; 
	height:25px; 
	padding-left:25px; 
	padding-top:10px;
	margin-top: 10px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.MangoBar
{
	width:785px; 
	vertical-align: middle; 
	background-color:#f0c336; 
	height:20px; 
	padding-left:25px; 
	padding-top:3px	
}

.YellowBar
{
	background-color: #ffd653;
	color: #1e44a5;
}

.YellowBarContainer
{
    margin: 0px;
    border: solid 1px #be9107;
    padding: 0px 5px 5px 5px;
	border-collapse: collapse;
	/*width: 756px;*/
	float: left;
}

/********************** End Forgot Password Styles ***************************/
/********************** Start Button Styles ***************************/
.b2b-button {
    background-position: 0% 0%;
    display: inline-block;
    font-family: verdana,sans-serif;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding: 8px;
    border-radius: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 10px;
    font-size: 95%;
    color: #ffffff;
    background-repeat: repeat;
    background-attachment: scroll;
    }

.b2b-button:hover {
    background-position: 0% 0%;
    text-decoration: none;
    color: #ffffff;
    background-repeat: repeat;
    background-attachment: scroll;
}

.blueThemeButton {
    background-image: linear-gradient(top, #3272B9, #0451A3);
    background-color: #1C6AEA;
    border: 1px solid #1C6AEA;
}

.blueThemeButton:hover {
    background-image: linear-gradient(top, #0451A3, #3272B9);
    background-color: #1C6AEA;
}

.darkblueThemeButton{
    background-color: #02529B;
    border: 1px solid #0A3B9A;
}

.darkblueThemeButton:hover{
    background-color: #0a3b9a;
    border: 1px solid #0A3B9A;
}

.orangeThemeButton {
    background-image: linear-gradient(top, #e99547, #dd602e);
    background-color: #e99547;
    border: 1px solid #ea9c49;
}

.orangeThemeButton:hover {
    background-image: linear-gradient(top, #dd602e, #e99547);
    background-color: #e99547;
}

.yellowThemeButton {
    background-image: linear-gradient(top, #FCCC2A, #DEB027);
    background-color: #FCCC2A;
    border: 1px solid #E9C451;
}

.yellowThemeButton:hover {
    background-image: linear-gradient(top, #DEB027, #FCCC2A);
    background-color: #FCCC2A;
}

.grayThemeButton {
    background-image: linear-gradient(top, #9EA39D, #525354);
    background-color: #9EA39D;
    border: 1px solid #525354;
    color: #000000;
}

.grayThemeButton:hover {
    background-image: linear-gradient(top, #525354, #9EA39D);
    background-color: #9EA39D;
    color: #000000;
}

.grayDisabledThemeButton {
    background-image: linear-gradient(top, #BDC3C7, #BDC3C7);
    background-color: #BDC3C7;
    border: 1px solid #BDC3C7;
    color: #fff;
    opacity: 0.7;
    cursor: default;
}

.grayGradient-button
{
    background-color: #EEEDED;
    background-image: -ms-linear-gradient(bottom, #DCDDDD 0%, #EEEDED 100%);
    background-image: -moz-linear-gradient(bottom, #DCDDDD 0%, #EEEDED 100%);
    background-image: -o-linear-gradient(bottom, #DCDDDD 0%, #EEEDED 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEEDED), color-stop(1, #EEEDED));
    background-image: -webkit-linear-gradient(bottom, #DCDDDD 0%, #EEEDED 100%);
    background-image: linear-gradient(to top, #DCDDDD 0%, #EEEDED 100%);   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCDDDD', endColorstr='#EEEDED',GradientType=0 ); /* IE6-9 */
}

.orangeGradient-button
{
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

/********************** End Button Styles ***************************/

/********************** RA Quote Styles ***************************/
.BlueBar
{
	background-color: #1e44a5;
	color: white;
    padding:5px;
    font-weight:bold;
}

.YellowBarContainer
{
    margin: 0px;
    border: solid 1px #be9107;
    padding: 0px 5px 5px 5px;
	border-collapse: collapse;
	/*width: 756px;*/
	float: left;
}
/********************** End RA Quote Styles ***************************/

/****************Marketing Resources****************/

.MarketingResourcesBox
{
    margin:20px 20px 20px 0px; 
}

.MarketingResourcesBox:hover
{
    text-decoration:underline; 
    cursor:pointer; 
}

.MarketingResourcesBox a{
    color: #555555;
}

.MarketingResourcesBox img 
{
    height: 200px; 
    max-width: 200px;
}

.MarketingResourcesTable td{
    vertical-align:top;
}

.MarketingResourcesBoxHeader
{
    word-wrap:normal;
    margin-top:10px;
    display:block;
}

.MarketingResourcesBoxDescription
{
    min-height:20px; 
    width:200px; 
    overflow:hidden; 
    margin-bottom:5px;
    display:block;
}


.VerticalMarketsBox
{
    padding:20px; 
    margin:10px; 
    border: 1px solid #CCCCCC; 
    border-radius: 10px; 
    height:200px;
}

.VerticalMarketsBoxHeader
{
    height:38px; 
    overflow:hidden; 
    margin-bottom:5px;
}

.VerticalMarketsBoxDescription
{
    float:left; 
    height:51px; 
    overflow:hidden; 
    margin-bottom:5px;
}



/****************Marketing Resources****************/

/****************Blanket POs************************/
.BlanketPOList
{
    border-collapse: collapse;
}

.BlanketPOList td
{
    /*border: dashed 1px #fcb042;*/
    border-bottom: solid 1px #999;
    padding: 8px 4px;
}


/****************Blanket POs************************/