body
{
    font-family: Verdana, Arial, Georgia, sans-serif;
    font-size: medium;
    line-height: 1.3;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: Black;
    background-color: white;
}

/*This is here because IE 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;
}

/*Every page should have a top div named divBody or divBodyShort.  This div
should include the entirerty of every page*/
#divBodyShort
{
    width: 760px;
    margin: 0px;
}

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

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


.AccessorySpacer
{
    float: right;
}


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

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

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

.AccessoryVSpacerImage
{
    height: 100%;
}

.AtaGlanceSmallNoColor
{
    font-size: 69%;
}
.AtaGlanceSmallBold
{
    font-size: 69%;
    font-weight: bold;
}
.AtaGlanceSmallerBold
{
    font-size: 65%;
    font-weight: bold;
}
.AtaGlanceSmallerBold
{
    font-size: 65%;
    font-weight: bold;
}
.AtaGlanceLargeBoldBlue
{
    font-size: 110%;
    color: #003399;
}

.AtaGlanceLargeGrey
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    font-style: normal;
    font-weight: bold;
    color: #666666;
}


.AtaGlanceSmallWhite
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    font-style: normal;
    font-weight: bold;
    color: white;
}

.bkdTitleImage
{
    background-image: url(Logo-gray-fade-long.gif);
    background-repeat: no-repeat;
    height: 101px;
    width: 1024px;
    vertical-align: bottom;
    margin: 0px;
}

.bkdHeaderAccessoryApp
{
    background-image: url(i-FindProduct.gif);
    background-repeat: no-repeat;
    height: 137px;
    width: 545px;
    vertical-align: bottom;
    margin: 0px;
}

.bkdTitle1AccessoryApp
{
    background-image: url(t-advantage.gif);
    background-repeat: no-repeat;
    height: 143px;
    width: 171px;
    vertical-align: bottom;
    margin: 0px;
}

.bkdTitle2AccessoryApp
{
    background-image: url(t-project.gif);
    background-repeat: no-repeat;
    height: 143px;
    width: 171px;
    vertical-align: bottom;
    margin: 0px;
}
.bkdTitle3AccessoryApp
{
    background-image: url(t-collection.gif);
    background-repeat: no-repeat;
    height: 143px;
    width: 171px;
    vertical-align: bottom;
    margin: 0px;
}


.Black70
{
    font-size: 70%;
    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;
}

.blueBorderTable
{
    width: 90%;
    background-color: #eaf2f9;
    border-style: solid;
    border-width: 1px;
    border-color: #003399;
    padding: 5px;
    margin-top: 3px;
}

.BlueBackBlueBorderd
{
    background-color: #eaf2f9;
    border: solid 1px #003399;
    padding: 5px;
    margin: 3px;
}

.borderedDiv
{
    border: solid 1px #003399;
    padding: 5px;
    margin: 2px 3px 3px 3px;
}

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

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

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

.DarkGray__100
{
    color: #666666;
    font-size: 100%;
}
.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_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;
}

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


/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
This section deals with the new page design
*/

/*****************************************
Blue Brother header
*/
.PageHeader
{
    background: #1D43A4 url(header_bg.jpg) repeat-y 0 0;
    width: 100%;
    height: 59px;
}

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

.PageHeaderShort
{
    background: #1D43A4 url(header_short_bg.jpg) repeat-y 0 0;
    width: 100%;
    height: 59px;
}

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

.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;
}

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

/*****************************************
Gray Nav Bar
*/
.NavBar
{
    background: #E8ECEF url(topnav_bg.jpg) repeat-x 0 0;
    width: 100%;
    height: 34px;
    clear: both;
    margin-top: 8px;
    margin-bottom: 0px;
}

.NavBarShort
{
    background: #E8ECEF url(topnav_short_bg.jpg) repeat-x 0 0;
    width: 100%;
    height: 34px;
    clear: both;
    margin-top: 8px;
    margin-bottom: 0px;
}

.NavList
{
    font-size: 80%;
    font-weight: bold;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.NavList a
{
    color: #3649A5;
}
.NavList li
{
    text-align: center;
    width: 18%;
    padding: 7px;
    float: left;
}
/*
****************************************
End Gray Nav Bar
*/

/*Every MasterPage should have a div with the SubHeader class.  This div
is for the SubHeader Picture and Text.  The master page must specify
the picture to use*/
.SubHeader
{
    width: 100%;
    height: 51px;
}

/*Every MasterPage should have a label/span with the SubHeaderText class.  
This is for the SubHeader Text.  The master page must specify
the text to use*/
.SubHeaderText
{
    font-size: 115%;
    color: #28469C;
    font-weight: bold;
    margin: 0px 20px;
    padding-top: 11px;
    float: left;
}

/*Every MasterPage should have a label/span with the SubHeaderText class.  
This is for the SubHeader Text.  The master page must specify
the text to use*/
.SubHeaderText a
{
    color: #28469C;
}

.SubHeader img
{
    border: none 0px;
    float: right;
    margin: 11px 15px 0px 0px;
}

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

.NewFooter li
{
    float: left;
    padding-right: 10px;
}

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

.NewFooter .FooterCopy
{
    padding-left: 30px;
}

/*End Footer
********************************************************
*/

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

.ShortNewFooter li
{
    float: left;
    padding-right: 10px;
}

.ShortNewFooter div
{
    clear: left;
    margin: 0px;
    padding: 0px;
}


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

.ShortNewFooter .FooterCopy
{
    padding-left: 13px;
}

/*End Short Footer
********************************************************
*/

/*
End section dealing with the new page design
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/


.LinkUnderline:hover
{
    text-decoration: underline;
}


.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%;
}

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

.NoColor69
{
    font-size: 69%;
}

.OddBlue_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: #3A63B2;
}

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

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

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

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

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

.FeatProdRowvAlignTop
{
    vertical-align: top;
}

.FormRowTitle
{
    clear: left;
    text-align: right;
    width: 35%;
    font-weight: bold;
    font-size: 67%;
    float: left;
    margin-bottom: 3px;
    padding-right: 10px;
}

.FormRowValue
{
    width: 40%;
    padding-right: 10px;
    float: left;
    text-align: left;
    margin-bottom: 3px;
}

.FormRowValidator
{
    padding-left: 2px;
    color: red;
    font-weight: bold;
    font-size: 60%;
    width: 20%;
    float: left;
    margin-bottom: 3px;
}

.solidBlueDiv
{
    background-color: #3482c3;
    padding: 4px;
    margin-top: 5px;
    text-align: left;
}

.crumbs
{
    color: #333333;
    text-decoration: none;
    font-size: 69%;
}

.crumbs:hover
{
    color: #376b97;
    text-decoration: none;
}
.crumbs:active
{
    color: #b9b9b9;
    text-decoration: none;
}

.LeftNav
{
    width: 166px;
    float: left;
    clear: left;
    padding-top: 3px;
}

.LeftNav div
{
    padding-bottom: 4px;
}

.LeftNav ul
{
    list-style-image: url(arrowshort.gif);
    margin: 0px;
    padding-left: 22px;
    line-height: normal;
   
}

.LeftNav ul li
{
    margin-bottom: 0px;
}

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

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

.MenuBar li
{
    float: left;
}

.MenuBar li a img
{
    float: left;
    border-width: 0px;
}

.mediumblue
{
    color: #0066FF;
    font-weight: bold;
    font-size: 95%;
}

.NoColor__60
{
    font-size: 60%;
}

.PtouchBackImage
{
    background-image: url(t-center-back.gif);
    background-position: center bottom;
    background-repeat: repeat-x;
}
.PtouchTopRightCornerImage
{
    background-image: url(c-top-right.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.PtouchTopLeftCornerImage
{
    background-image: url(c-top-left.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 36px;
}
.PtouchBottomRightCornerImage
{
    background-image: url(c-bottom-right.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.PtouchBottomLeftCornerImage
{
    background-image: url(c-bottom-left.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.PtouchBottomBackImage
{
    background-image: url(b-center-back.gif);
    background-repeat: repeat-x;
}
.PtouchleftsideBackImage
{
    background-image: url(s-left.gif);
    background-repeat: repeat-y;
}
.PtouchrightsideBackImage
{
    background-image: url(s-right.gif);
    background-repeat: repeat-y;
}

.Ptouch2TopLeftCorner
{
    background-image: url(t-left-2.gif);
    background-repeat: no-repeat;
}
.Ptouch2BackImage
{
    background-image: url(t-back-2.gif);
    background-repeat: repeat-x;
}
.PtouchGrid
{
    width: 650px;
}
.Ptouch2TopRightCorner
{
    background-image: url(t-right-2.gif);
    background-repeat: no-repeat;
}


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


.smallred
{
    font-size: 80%;
    color: #ff0000;
}

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

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

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

.smallboldwhite
{
    font-size: 82%;
    font-weight: bold;
    color: white;
}

.smallnocolor
{
    font-size: 82%;
}

.smallernocolor
{
    font-size: 78%;
}

.SuperAndSmall
{
    vertical-align: super;
    font-size: 80%;
}
.MenuBar li
{
    float: left;
}

.MenuBar li a img
{
    float: left;
    border-width: 0px;
}


#ulMenuBar li
{
    float: left;
}

#ulMenuBar li a img
{
    float: left;
    border-width: 0px;
}
.footertext
{
    color: #4d5c67;
    font-size: 67%;
    text-align: center;
    padding-left: 85px;
    padding-top: 25px;
}


/* Styles used with the /scripts/EnlargeImage.js feature */
#showimage
{
    position: absolute;
    visibility: hidden;
    border: 1px solid gray;
}

#dragbar
{
    /*cursor: hand; Removed because hand isn't a stanrdard value, pointer is and show work for everything we care about*/
    cursor: pointer;
    background-color: #EFEFEF;
    min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext
{
    font-weight: bold;
    margin-right: 1px;
}