/* Test styles - do not publish */
#testSample { height:300px; }
/* end test styles */


/* Global Styles */
body { background-color: #000000; color: #fff; font-size: 10px; margin: 0 0 5px 0; padding: 0; font-family: "Univers", "Helvetica", "Verdana", "Arial"; }
ol, ul, li { list-style: none; margin: 0; padding: 0;}
dl, dt, dd { margin: 0; padding: 0;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal; }
img { border: 0px; }
form { margin: 0; padding: 0; width: 100%; }
input, select { }
table, td, tr, p { padding: 0; margin: 0; }

hr.greyLine {
    background-color:#afafaf;
    color:#afafaf;
    height:1px;
}

.greyText {
    color:#afafaf;    
}

a { color: #fc9911; }

/* Helper Styles */
.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.clr { clear: both; }
.blk { display: block; }
.w100 { width: 100%; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
/* ---------------- */

/* Template Styles */
h1 { font-family: "Helvetica", "Univers", "Verdana", "Arial"; font-size: 27px; }
h2 { font-family: "Helvetica", "Univers", "Verdana", "Arial"; font-size: 14px; }
h3 { font-family: "Helvetica", "Univers", "Verdana", "Arial"; font-size: 12px; }
p.smallNote { color: #333; font-size: 9px; margin-top: 10px; }
div#printerPageContent { background-color: #fff; padding: 15px 0; }
/* ------------------------ */

/* new Header / Footer Styles */
#header, 
#footer, 
#body {background-color:#000; text-align:center; margin:0 auto; width:1003px; border-right:1px solid #000; border-left:1px solid #000; }
#header {border-bottom: 1px solid #FFFFFF; height:67px; position:relative; background: #000 url(/assets/images/bkg/bkg-header.jpg) no-repeat;) }
#header #logo { float:left; margin:18px 0 0 18px; }
#header .menu { margin-top: 5px; float:right; font-size: 11px; color: #afafaf; line-height: 1; }
#header .menu { position:absolute; top:8px; right:6px; } 
#header .menu a { color: #afafaf; display:block; float:left; padding-right:5px; margin-right:5px; }
#header .menu a.last { padding-right:0; margin-right:0; border-right:none; }
#header .menu a:hover { color: #f89018; }
#header .headerSearchForm { position:absolute; top:38px; right:8px; margin-top:2px; width:240px; }
#header .headerSearchForm #headerSearch {  }
#header .headerSearchForm #headerSearch span { display:block; width: 174px; height: 18px; overflow: hidden; background: url(../assets/images/bkg/bkg-headerSearchInput.gif) no-repeat 0 0; float:left; }
#header .headerSearchForm #headerSearch span input { background: none; border: 0; display: block; margin-left: 23px; margin-top:1px; width: 140px; text-align: left; font-size: 10px; outline: none; color:#d9d9d9; }
#header #headerSearch #buttonSearchHeader { }


/* Footer of the content pages */
#innerWrapper #footer { margin:0 auto; text-align:left; width:1003px; height:70px; background:#000; }
#innerWrapper #footer .content { padding-top:10px; padding-left:20px; }
#innerWrapper #footer .menu { padding-top:2px; }
#innerWrapper #footer .menu a { color:#8C8C8C; font-size:11px; font-weight:normal; padding: 1px 1px 1px 0; font:normal 11px Verdana,Arial,Sans-Serif; }
#innerWrapper #footer .menu a.last { border-right:none; }
#innerWrapper #footer .menu a:hover { color: #f89018; }
#innerWrapper #footer .social { color:#8C8C8C; font:normal 11px Verdana,Arial,Sans-Serif; float:right; text-align:center; margin-top:10px; width:80px; }
#innerWrapper #footer .social img { padding:1px; }
#innerWrapper #footer .social span { padding:2px 0; display:block; }
#innerWrapper div#footer .legal { font-size:9px; color:#DDD; }
#innerWrapper #footer .follow{float:right;width:70px;margin-top: -35px;text-align:center;}
/* ----------------- */



/* Header / Footer Styles */
#header a, 
div#footer a { text-decoration: none; }

/* Header Only Styles */
#header #headerNavigation { position:relative; text-align:center; height:14px; top:40px; font-family: verdana; width:560px; float:left; }
#header #headerNavigation ul { margin:0 auto; height:14px; width:490px; }
#header #headerNavigation .item { }
#header #headerNavigation .last { border-right:none; margin-right:0; padding-right:0; }
#header #headerNavigation li { display: inline-block; float:left; color: #afafaf; font-size: 12px; }
#header #headerNavigation ul ul { width:163px; margin-top:26px; }
#header #headerNavigation li a { color: #afafaf; }
#header #headerNavigation li a:hover { color: #fc9911; }
#header #headerNavigation li.item div {color: #ffffff; font-size: 11px; display: none; position: absolute; left: -17px; top: 0; padding: 0; text-align: center; width: 163px; /*background: url(../assets/images/bkg/bkg-headerSubnav.jpg) no-repeat 0 15px;*/ }
#header #headerNavigation li.item div#designSubMenu { left: 220px;  }
#header #headerNavigation li.item:hover div { display: block; line-height: 1.5; }
#header #headerNavigation li.item:hover a { color:#fc9911; }
#header #headerNavigation li.item:hover li a { color:#afafaf; }
#header #headerNavigation li.item li { font-size: 11px; float: left; display: inline; padding: 0; height:25px; }
#header #headerNavigation li.item li a {color:#000000 !important; height:18px; padding-top:7px; width:163px; display: block; line-height: 1; background: url(../assets/images/bkg/bkg-headerSubnav.png) center no-repeat; }
#header #headerNavigation li.item li.divider { display:none; }
#header #headerNavigation li.item li a:hover { color:#fc9911!important; background: url(../assets/images/bkg/bkg-headerSubnavOverState.png) center no-repeat; }
#header #headerNavigation li.item li.left {}
#header #headerNavigation li.item li.right { height:23px; }
#header #headerNavigation li.item li.right a { background: url(../assets/images/bkg/bkg-headerSubnavRight.png) no-repeat center; height:21px; }
#header #headerNavigation li.item li.right a:hover { background-image: url(../assets/images/bkg/bkg-headerSubnavRightOverState.png) }

/* -------------- */
/* Header Printer Friendly */
#headerPrinterFriendly { width: 100%; color: #fff; padding-top: 5px; /*background: #000 url(../assets/images/bkg/bkg-headerPrinterFriendly.jpg) no-repeat center center;*/ }
#headerPrinterFriendly div.bottom { clear: both; height: 8px; border-bottom: 1px solid #ccc; background: #fff url(../assets/images/bkg/bkg-headerBottomPrinter.gif) no-repeat top center; }
#headerPrinterFriendly span.navLinks { display: inline; float: right; margin-right: 20px; }
#headerPrinterFriendly a { color: #fff; font-weight: bold; }
#headerPrinterFriendly span#logo { display: block; margin: -5px auto 0 auto; width: 612px; height: 51px;}
/* --------------------- */
/* Footer Printer Friendly */
div#footerPrinterFriendly { width: 100%; color: #fff; background: #000 url(../assets/images/bkg/bkg-footerPrinterBottom.jpg) no-repeat top center; }
div#footerPrinterFriendly div.top { height: 8px; border-top: 1px solid #ccc; background-color: #fff; }
div#footerPrinterFriendly div.content { padding: 10px 15px 15px 15px; text-align: center; }
div#footerPrinterFriendly div.content div span { font-size: 12px; font-weight: bold; line-height: 1; }
div#footerPrinterFriendly div.content span { font-size: 11px; }
div#footerPrinterFriendly div.content p { font-size: 18px; margin: 5px 0 5px 0; }
/* --------------------- */
/* Header HTML Page */
#headerHTMLPage { width: 100%; color: #fff; padding-top: 5px; /*background: #000 url(../assets/images/bkg/bkg-headerPrinterFriendly.jpg) no-repeat center center;*/ }
#headerHTMLPage div.bottom { clear: both; height: 8px; border-bottom: 1px solid #ccc; background: #fff url(../assets/images/bkg/bkg-headerBottomPrinter.gif) no-repeat top center; }
#headerHTMLPage span.navLinks { display: inline; float: right; margin-right: 20px; }
#headerHTMLPage a { color: #fff; font-weight: bold; }
#headerHTMLPage span#logo { display: block; margin: -5px auto 0 auto; width: 612px; height: 51px;}
/* --------------------- */
/* Footer HTML Page */
div#footerHTMLPage { width: 100%; color: #fff; background: #000 url(../assets/images/bkg/bkg-footerPrinterBottom.jpg) no-repeat top center; }
div#footerHTMLPage div.top { height: 8px; border-top: 1px solid #ccc; background-color: #fff; }
div#footerHTMLPage div.content { padding: 10px 15px 15px 15px; text-align: center; }
div#footerHTMLPage div.content div span { font-size: 12px; font-weight: bold; line-height: 1; }
div#footerHTMLPage div.content span { font-size: 11px; }
div#footerHTMLPage div.content p { font-size: 18px; margin: 5px 0 5px 0; }
   /* --------------------- */
/* ------------------- */

/* Product Comparison Printer Friendly page */
div#productComparisonPrinterContent { width: 750px; }
div#productComparisonPrinterContent h1 { color: #000; }
div#productComparisonPrinterContent h2 { font-size: 11px; color: #000; text-transform: lowercase; }
div#productComparisonPrinterContent img {display: block; margin: 0 auto 10px auto; }
div#productComparisonPrinterContent th { padding-bottom: 2px; font-weight: normal; font-size: 11px; color: #9b9b9b; text-align: right; vertical-align: top; width: 150px; }
div#productComparisonPrinterContent td { font-size: 10px; text-align: center; vertical-align: top; width: 120px; }
div#productComparisonPrinterContent td div { padding: 0 5px 2px 5px; }
div#productComparisonPrinterContent .borderRow { padding-top: 2px; border-top: 1px solid #ccc; }
div#productComparisonPrinterContent p.smallNote { margin-left: 90px; }
/* -------------------- */

/* Product Printer Friendly Page */
div#productPrinterContent { width: 615px; margin-left: 20px; padding-left: 20px; }
div#productPrinterContent h1 { line-height: 1; font-size: 18px; margin: 0 0 20px 0; }
div#productPrinterContent h2 { font-size: 18px; margin-bottom: 10px; }
div#productPrinterContent div#productOverview { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
div#productPrinterContent div#productOverview div.colOne { display: inline; float: left; width: 264px; overflow: hidden; }
div#productPrinterContent div#productOverview div.colTwo { display: inline; float: right; width: 335px; }
div#productPrinterContent div#productOverview p { font-size: 12px; }
div#productPrinterContent div#productOverview h2 {  margin-top: 20px; }
div#productPrinterContent div#productOverview div.styleEntry { width: 100%; margin-bottom: 10px; }
div#productPrinterContent div.styleEntry span.styleSwatch { display: inline; float: left; border: 2px solid #b2b2b2; padding: 1px; background-color: #fff; }
div#productPrinterContent div.styleEntry span.styleSwatch img { display: block; border: 1px solid #fff; }
div#productPrinterContent div.styleEntry span.styleInfo { font-size: 11px; line-height: 1; display: inline; float: left; /*width: 290px;*/ margin: 4px 0 0 10px; }
div#productPrinterContent div#productSpecs { width: 100%; margin-top: 15px; padding-bottom: 10px; }
div#productPrinterContent div#productSpecs div.colOne { display: inline; float: left; width: 375px; margin-left: 10px; }
div#productPrinterContent div#productSpecs div.colTwo { display: inline; float: right; width: 200px; }
div#productPrinterContent div#productSpecs .promotionText { color: #afafaf; }
div#productPrinterContent div#productSpecs p.promotion { font-family: "Verdana"; margin: 5px 0 20px 0; }
div#productPrinterContent div#productSpecs div#notes { height: 220px; background: url(../assets/images/bkg/bkg-productPrinterNotes.gif) repeat top left; }
div#productPrinterContent div#productSpecs h2#forNotes { background-color: #fff; margin-top: 40px;  }
div#productPrinterContent div#productSpecs div.colOne h2, div#ProductPrinterContent div#productSpecs div.colOne h3 { line-height: 1; margin-bottom: 5px; }
div#productPrinterContent div#productSpecs ul { margin-bottom: 10px; }
div#productPrinterContent div#productSpecs li { padding: 0 0 3px 10px; background: url(../assets/images/bkg/bkg-bullet1.gif) no-repeat 0px 3px; }
div#productPrinterContent div#productSpecs h3 { font-weight: bold; }
div#productPrinterContent p.smallNote { padding-left: 10px; }
/* ----------------- */