#siteWrapper { width: 1003px; margin: 0px auto; padding: 0px; background-color: #FFF; } #header { height: 128px; padding: 0px; margin: 0px; } /* IE6 Only */ * html #header { margin-bottom: -3px; } #nav1Container { font-weight: bold; text-align: center; padding: 0px 0px 0px 12px; background: #a7a7a7; border-left: 5px solid #a7a7a7; border-right: 5px solid #a7a7a7; clear: both; } #nav1 { margin: 0px; padding: 0px; list-style-type: none; float: left; } #nav1 li { margin: 0px; padding: 0px; float: left; } #nav1 a { float: left; width: 97px; color: #fff; text-decoration: none; line-height: 2.2em; text-align: center; font-weight: bold; padding: 0px; background: url("tabs.gif") 0 0; } #nav1 a:hover { background-position: -194px 0; } #home #nav1_home a, #accessories #nav1_accessories a, #campingGear #nav1_campingGear a, #clothing #nav1_clothing a, #helmets #nav1_helmets a, #luggage #nav1_luggage a, #protection #nav1_protection a, #screens #nav1_screens a, #seats #nav1_seats a, #miscellaneous #nav1_miscellaneous a, #HowGiviWorks #nav1_HowGiviWorks a, #Trekker #nav1_Trekker a, #HardCases #nav1_HardCases a, #SoftBags #nav1_SoftBags a, #LuggageFittings #nav1_LuggageFittings a, #EngineGuards #nav1_EngineGuards a, #SideCases #nav1_SideCases a, #TopBoxes #nav1_TopBoxes a { background-position: -97px 0; color: #fff; } #resourceBar { height: 2px; padding: 0px; background: url("tricolore_rule.jpg") 0 0; clear: both; } #nav2Container { margin: 0px 185px 0px 185px; padding: 0px 0px 0px 20px; background: #000 url("palette_2_bg.jpg") repeat-x 0px -30px; clear: both; height: 22px; } #nav2 { margin: 0px; padding: 0px; background: #a7a7a7; list-style-type: none; float: left; } #nav2 li { margin: 0px; padding: 0px; float: left; } #nav2 a { float: left; color: #fff; text-decoration: none; line-height: 1.8em; padding: 0px 10px; background: #a7a7a7 url("palette_2_bg.jpg") repeat-x 0px -30px; font-weight: bold; } #nav2 a.firstLink { border-left: 1px solid #515151; } #nav2 a:hover { background: #a7a7a7 url("DesignImages/palette_2_bg") repeat-x 0px -60px; color: #fff; } #contentWrapper { border-left: 5px solid #a7a7a7; border-right: 5px solid #a7a7a7; width: 993px; padding: 0px; clear: both; background: #a7a7a7; } .clear { clear: both; } #left { width: 170px; float: left; padding: 0px 11px 10px 7px; margin: 0px; min-height: 600px; } /* IE6 Only */ * html #left { height: 600px; } #brandDropDown { border: 1px solid #515151; border-top: none; border-bottom: none; padding: 8px 0px 5px 5px; background: #efefef; width: 163px; margin: 0px; } #searchArea { border: 1px solid #515151; border-top: none; border-bottom: none; padding: 8px 0px 5px 5px; background: #ffffff; width: 163px; margin: 0px; } #infoArea { border: 1px solid #333333; border-top: none; padding: 8px 0px 8px 5px; background: #333333; width: 163px; margin: 0px 0px 15px 0px; } .infoDetails { margin: 0px 0px 0px 0px; padding: 0px; background: #ffffff; text-align: center; } #specialOffersArea { border: 1px solid #333333; border-top: none; padding: 8px 0px 8px 5px; background: #FFFFFF; width: 163px; margin: 0px 0px 15px 0px; } .specialOffersDetails { margin: 0px 0px 0px 0px; padding: 0px; background: #FFFFFF; text-align: center; color: #FF0000; } .sidebarBottom { margin: 0px 0px 15px 0px; padding: 0px; height: 8px; background: url("sidebar-bottom.gif") no-repeat bottom; width: 170px; } #searchArea input[type=submit] { padding: 1px; } #deptHeader, #bestSellersHeader, #newProductsHeader, #searchHeader, #cartHeader, #brandHeader, .sidebarHeader { padding: 3px 0px 3px 0px; margin: 15px 0px 0px 0px; font-weight: bold; font-size: 13px; background: url("sidebar-header.gif") no-repeat; color: #fff; clear: both; text-align: center; height: 16px; width: 170px; } .sidebarContainer { margin: 0px; padding: 5px 3px 10px 3px; width: 164px; text-align: center; background: url("rounded-bottom-bg.gif") no-repeat bottom; } #deptNavCont { width: 170px; margin: 0px 0px 15px 0px; } #deptNav { padding: 0px; margin: 0px; list-style-type: none; width: 170px; } #deptNav li { padding: 0px; margin: 0px; width: 100%; } #deptNav a { display: block; color: #FFF; background: #0066ff; border-top: 1px solid #515151; text-decoration: none; padding: 1px 0px 1px 5px; line-height: 2em; font-weight: bold; font-size: 12px; } #deptNav a:hover { color: #FFF; background: #a7a7a7; } #bestSellersContainer, #newProductsContainer { border: 1px solid #515151; border-top: none; border-bottom: none; padding: 5px 4px; margin: 0px; text-align: center; width: 160px; background: #fff; } #bestSellersContainer br, #newProductsContainer br { clear: both; } #bestSellersContainer a:link, #bestSellersContainer a:visited, #newProductsContainer a:link, #newProductsContainer a:visited { text-decoration: none; } #bestSellersContainer a:hover, #bestSellersContainer a:active, #newProductsContainer a:hover, #newProductsContainer a:active { text-decoration: underline; } #mainWrapper { width: 800px; float: left; padding: 0px; margin: 4px; min-height: 600px; } /* IE6 Only */ * html #mainWrapper { height: 600px; } #topMain { margin: 15px 0px 0px 0px; width: 800px; padding: 0px; height: 10px; background: url("main-top.gif") no-repeat; clear: both; } #middleMain { margin: 0px; padding: 5px 10px; width: 778px; border-left: 1px solid #515151; border-right: 1px solid #515151; clear: both; background: #dddddd; } #bottomMain { margin: 0px 0px 20px 0px; padding: 0px; width: 800px; height: 10px; background: url("main-bottom.gif") no-repeat bottom; clear: both; } #right { width: 168px; float: left; padding: 0px 1px 10px 8px; margin: 0px; min-height: 600px; } /* IE6 Only */ * html #right { height: 600px; } #cartSummary { border: 1px solid #515151; width: 166px; border-top: none; border-bottom: none; margin: 0px; padding: 5px 1px; text-align: center; background: #ffffff; } .cartDetails { margin: 0px 0px 12px 0px; padding: 0px; } #cartSummary a { text-decoration: none; font-weight: bold; padding: 2px 4px; background: #0066ff url("palette-bg.jpg") repeat-x 0px -60px; border: 1px solid #515151; color: #ffffff; line-height: 1.4em; } #cartSummary a:hover { background: #515151 url("palette-bg.jpg") repeat-x 0px 0px; color: #ffffff; } #logosCont { margin: 0px 0px 15px 0px; padding: 0px; border: 1px solid #515151; border-bottom: none; } #logosCont a { display: block; width: 168px; height: 22px; margin: 0px; padding: 0px; border-bottom: 1px solid #515151; } #logosCont a.ventura {background: url("logos.jpg") -168px 0px;} #logosCont a.bagster {background: url("logos.jpg") -168px -22px;} #logosCont a.givi {background: url("logos.jpg") -168px -44px;} #logosCont a.sargent {background: url("logos.jpg") -168px -66px;} #logosCont a.twinmax {background: url("logos.jpg") -168px -88px;} #logosCont a.ventura:hover {background: url("logos.jpg") 0px 0px;} #logosCont a.bagster:hover {background: url("logos.jpg") 0px -22px;} #logosCont a.givi:hover {background: url("logos.jpg") 0px -44px;} #logosCont a.sargent:hover {background: url("logos.jpg") 0px -66px;} #logosCont a.twinmax:hover {background: url("logos.jpg") 0px -88px;} .sidebarImageHolder { margin: 20px 0px; padding: 0px; width: 170px; } #footerLinksHeader { margin: 10px 0px 0px 0px; height: 40px; background: #fff url("footer-header.jpg") no-repeat left center; padding: 0px; border-top: 1px solid #515151; clear: both; } #footerLinksCont { margin: 0px; padding: 0px; border-top: 1px solid #515151; clear: both; background: #fff; } .footerLinks { width: 192px; float: left; margin: 0px; padding: 10px 25px; background: #fff; } .footerLinks h4 { margin: 0px 0px 2px 0px; color: #333; font-size: 14px; } .footerLinks p { font-size: 12px; margin: 10px 0px; } #footer { clear: both; text-align: center; padding: 8px 0px 4px 0px; margin: 0px; background: #a7a7a7; color: #FFFFFF; height: 100px; border-top: 1px solid #515151; } #footer a { text-decoration: none; color: #ffffff; } #footer a:hover { color: #0066ff; text-decoration: underline; } .divider { margin: 6px 0px; border-bottom: 1px solid #0066ff; height: 1px; padding: 0px; } .prodDivider { margin: 10px 0px 2px 0px; border-bottom: 2px solid #515151; height: 2px; padding: 0px; clear: both; } .rightProductData { width: 425px; float: left; border-left: 1px solid #a7a7a7; background: #dddddd; padding: 0px 0px 0px 15px; } .greyboxContainer { margin: 0px 0px 10px 0px; padding: 0px; width: 420px; float: left; } .greyboxContainer img { border: 1px solid #515151; margin: 0px 5px 8px 0px; padding: 0px; } .centerText { border: 1px solid #515151; background: #ffc0c0; padding: 4px 4px 4px 4px; text-align: center; margin: 0px; } /*added by STW */ .fontred { color: #ff0000; } .specialOfferContainer { border: 1px solid #515151; width: 166px; border-top: none; border-bottom: none; margin: 0px; padding: 5px 1px; text-align: center; background: #ffffff; } .cookies { color: #ff0000; } .fragmentImage { padding: 0px 0px 0px 200px; } #fragmentLinkText { text-align: center; text-decoration: bold; } .invisibleProdDivider { margin: 10px 0px 2px 0px; border-bottom: 2px solid #dddddd; height: 2px; padding: 0px; clear: both; } .infoIconBox { border: 1px solid #000000; background: #ffffff; padding: 0px 0px 0px 0px; text-align: center; margin: 0px; } .productMainImage { border: 1px solid #000000; } #tabberComponentBox { width: 560px; height: 129px; border-style: solid; border-width: 1px;    border-color: #dddddd;  } #tabberComponentBox .tabberComponentHeader{ width: 536px; height: 22px; padding: 6px 0px 0px 8px; background-color: #dddddd; margin: 8px 8px 0px 8px; } #tabberComponentBox .tabberComponentBox1 { width: 450px; height: 90px; border-style: solid; border-width: 0;  padding: 0px 0px 0px 12px; float:left; } #tabberComponentBox .tabberComponentBox2 { width: 92px; height: 90px; border-style: solid; border-width: 0; padding: 0px 2px 0px 0px; float:left; } #fragmentComponentBox { width: 560px; height: 129px; border-style: solid; border-width: 1px;    border-color: #a7a7a7;  } #fragmentComponentBox .fragmentComponentHeader { width: 536px; height: 22px; padding: 6px 0px 0px 8px; background-color: #a7a7a7; margin: 8px 8px 0px 8px; } #fragmentComponentBox .fragmentComponentBox1 { width: 450px; height: 90px; border-style: solid; border-width: 0;  padding: 0px 0px 0px 12px; float:left; } #fragmentComponentBox .fragmentComponentBox2 { width: 92px; height: 90px; border-style: solid; border-width: 0; padding: 0px 2px 0px 0px; float:left; } #homeSectionLinkBox { width: 586px; height: 166px; border-style: solid; border-width: 1px;    border-color: #dddddd; padding: 1px 0px 0px 1px; } #homeSectionLinkBoxSingle { width: 130px; height: 166px; border-style: solid; border-width: 1px;    border-color: #ffffff; padding: 1px 0px 0px 1px; } #homeSectionLinkBox .homeSectionLinkHeader1 { width: 130px; height: 22px; background-color: #515151; border-style: solid; border-width: 1px; border-color: #515151; padding: 6px 0px 0px 0px; margin: 0px 18px 0px 0px; text-align: center; color: #ffffff; float:left; } #homeSectionLinkBoxSingle .homeSectionLinkHeader1 { width: 130px; height: 22px; background-color: #515151; border-style: solid; border-width: 1px; border-color: #515151; padding: 6px 0px 0px 0px; margin: 0px 18px 0px 0px; text-align: center; color: #ffffff; float:left; } #homeSectionLinkBox a:hover { background-color: red; } .homeSectionLinkHeader1 a:hover { background-color: red; } #homeSectionLinkBoxSingle .homeSectionLinkBox1 { width: 130px; height: 130px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; float:left; } #homeSectionLinkBox .homeSectionLinkBox1 { width: 130px; height: 130px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; float:left; } #homeSectionLinkBox .homeSectionLinkHeader2 { width: 130px; height: 22px; background-color: #515151; border-style: solid; border-width: 1px; border-color: #515151; padding: 6px 0px 0px 0px; margin: 0px 18px 0px 0px; text-align: center; color: #ffffff; float:left; } #homeSectionLinkBox .homeSectionLinkBox2 { width: 130px; height: 130px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; float:left; } #homeSectionLinkBox .homeSectionLinkHeader3 { width: 130px; height: 22px; background-color: #515151; border-style: solid; border-width: 1px; border-color: #515151; padding: 6px 0px 0px 0px; margin: 0px 18px 0px 0px; text-align: center; color: #ffffff; float:left; } #homeSectionLinkBox .homeSectionLinkBox3 { width: 130px; height: 130px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; float:left; } #homeSectionLinkBox .homeSectionLinkHeader4 { width: 130px; height: 22px; background-color: #515151; border-style: solid; border-width: 1px; border-color: #515151; padding: 6px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; color: #ffffff; float:left; } #homeSectionLinkBox .homeSectionLinkBox4 { width: 130px; height: 130px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; } .manufacturerName { width: 460px; height: 32px; font-size: 16px; float: right; } .clear { clear:both; } #homeAdvertLinkBox { width: 303px; height: 162px; border-style: solid; border-width: 1px;    border-color: #dddddd; padding: 1px 0px 0px 1px; } #homeAdvertLinkBox .homeAdvertLinkHeader { width: 300px; height: 22px; background-color: #ff0000; border-style: solid; border-width: 1px; border-color: #515151; padding: 6px 0px 0px 0px; margin: 0px 18px 0px 0px; text-align: center; color: #ffffff; float:left; } #homeAdvertLinkBox .homeAdvertLinkBox1 { width: 300px; height: 150px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; float:left; } #homeAdvertLinkBox a:hover { background-color: red; } .homeAdvertLinkHeader a:hover { background-color: red; } #HomePageFragmentBox { width: 585px; height: 72px; border-style: solid; border-width: 0px;    border-color: #cccccc; padding: 1px 1px 1px 86px; } .componentPrice { color: #000000; font-weight: bold; } .whiteText { color: #FFFFFF; } .blackText { color: #000000; } .greyText { color: #cccccc; } .redText { color: #ff0000; } .orangeText { color: #ffcc33; } .blueText { color: #0000ff; } #SearchResults { width: 770px; height: 150px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #515151; padding: 0px 0px 0px 0px; margin: 0px 18px 0px 0px; float:left; } #SearchResults { width: 765px; height: 150px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #000000; padding: 0px 0px 0px 5px; margin: 0px 0px 5px 0px; float:left; }