#wrapper { width: 980px; margin: 0px auto; padding: 0px; vertical-align: top; background-color: #FFFFFF; } #headerContainer { height: 110px; padding: 0px; margin: 0px; } #logo { height: 110px; width: 430px; padding: 0px; margin: 0px; float: left; } #phoneDetails { height: 75px; width: 550px; padding: 0px; margin: 0px; float: left; } #searchArea { height: 30px; width: 170px; padding: 5px 30px 0px 350px; margin: 0px; float: left; text-align: right; } /* IE6 Only */ * html #headerContainer { margin-bottom: -3px; } #navbar { height: 31px; font-weight: bold; border: 1px solid #d7d5d3; border-bottom: none; } #navbar a { display: block; float: left; color: #475a88; text-decoration: none; margin: 0px; padding: 3px 9px; border-right: 1px solid #d7d5d3; } #navbar a:hover { background-color: #475a88; color: #d7d5d3; } #centralArea { border-left: 1px solid #d7d5d3; border-right: 1px solid #d7d5d3; padding-bottom: 5px; } #left { width: 170px; float: left; padding: 0px 10px 15px 10px; margin: 0px; } #left img, #left img a { border: none; padding: 0px; margin: 0px; } #sidebarSelector { margin: 15px 0px 0px 0px; padding: 65px 0px 0px 15px; height: 38px; width: 155px; background: url("sidebar-selector-bg.jpg") no-repeat; } .sidebarHeader { padding: 4px 0px 5px 5px; margin: 15px 0px 0px 0px; font-weight: bold; vertical-align: middle; color: #fff; } .minusMargin { margin-top: -3px; } .sidebarContainer { text-align: center; border: 1px solid #d7d5d3; border-top: none; padding: 5px 0px; background: #d7d5d3; } .mainSection:link, .mainSection:visited, .mainSectionTopTLSBG:link, .mainSectionTopTLSBG:visited, .mainSectionBottomTLSBG:link, .mainSectionBottomTLSBG:visited { display: block; color: #475a88; padding: 6px 0px 0px 6px; text-decoration: none; height: 21px; font-weight: bold; background: url('button-bg.jpg') no-repeat 0 0; } .mainSectionTopTLSBG:link, .mainSectionTopTLSBG:visited { background: url('button-bg.jpg') no-repeat 0 -189px; padding: 7px 0px 0px 6px; } .mainSectionBottomTLSBG:link, .mainSectionBottomTLSBG:visited { background: url('button-bg.jpg') no-repeat 0 -135px; } .mainSection:hover, .mainSection:active, .mainSectionBottomTLSBG:hover, .mainSectionBottomTLSBG:active, .mainSectionTopTLSBG:hover, .mainSectionTopTLSBG:active { display: block; color: #999; padding: 6px 0px 0px 6px; background: url('button-bg.jpg') no-repeat 0 -27px; } .mainSectionTopTLSBG:hover, .mainSectionTopTLSBG:active { background: url('button-bg.jpg') no-repeat 0 -217px; padding: 7px 0px 0px 6px; } .mainSectionBottomTLSBG:hover, .mainSectionBottomTLSBG:active { background: url('button-bg.jpg') no-repeat 0 -162px; } .subSection:link, .subSection:visited, .subSectionTopBG:link, .subSectionTopBG:visited, .subSectionBottomBG:link, .subSectionBottomBG:visited { display: block; color: #444444; padding: 1px 45px 1px 0px; text-decoration: none; border-left: 1px solid #d7d5d3; border-right: 1px solid #d7d5d3; font-weight: bold; font-size: 11px; text-align: right; background: url('subSection-bg.gif') no-repeat left top; } .subSectionTopBG:link, .subSectionTopBG:visited { background: url('button-bg.jpg') no-repeat 0 -108px; padding: 4px 45px 1px 0px; } .subSectionBottomBG:link, .subSectionBottomBG:visited { padding-bottom: 6px; } .subSection:hover, .subSection:active, .subSectionTopBG:hover, .subSectionTopBG:active, .subSectionBottomBG:hover, .subSectionBottomBG:active { display: block; color: #999; padding: 1px 45px 1px 0px; text-decoration: none; font-weight: bold; } .subSectionTopBG:hover, .subSectionTopBG:active { padding: 4px 45px 1px 0px; } .subSectionBottomBG:hover, .subSectionBottomBG:active { padding-bottom: 6px; } #newProductsContainer { border: 1px solid #d7d5d3; padding: 6px; margin: 0px 0px 20px 0px; text-align: center; } #newProductsContainer br { clear: both; } #newProductsContainer a { text-decoration: underline; } #mainContainer { width: 597px; float: left; margin: 14px 0px 0px 0px; padding: 0px; } #topMain { width: 567px; padding: 0px 15px; height: 13px; margin: 0px auto; } #middleMain { width: 567px; padding: 0px 15px 5px 15px; margin: 0px auto; } #bottomMain { width: 567px; padding: 0px 15px; height: 20px; margin: 0px auto; } #right { width: 170px; float: right; padding: 0px 10px 15px 7px; margin: 0px; } #cartSummary { border: 1px solid #d7d5d3; border-top: none; border-bottom: none; margin: 0px; padding: 6px 1px 0px 1px; text-align: center; color: #444444; background-color: #ffffff; } #cartSummary p { margin: 0px 0px 6px 0px; padding: 0px; line-height: 1.3em; } #liveHelp { margin: 15px 0px 0px 0px; } #liveChat { text-align: center; } #liveChat a { font-size: 11px; text-decoration: underline; } .sidebarBottomRounded { height: 10px; background: url('sidebar-bottom-rounded.jpg') no-repeat bottom; clear: both; } #custCareContainer { width: 170px; } #custCareNav { padding: 0px; margin: 0px; list-style-type: none; width: 170px; float: left; } #custCareNav li { padding: 0px; margin: 0px; float: left; width: 100%; } #custCareNav a:link, #custCareNav a:visited, #custCareNav a:hover, #custCareNav a:active { display: block; background: url('button-bg.jpg') no-repeat 0 -54px; text-decoration: none; padding: 4px 0px 4px 6px; margin: 0px; font-weight: bold; } #custCareNav a:hover, #custCareNav a:active { background: url('button-bg.jpg') no-repeat 0 -81px; color: #999; } .sidebarContainerNoBorder a { text-decoration: none; } #customerCare { padding: 10px 0px 0px 0px; text-align: center; border: 1px solid #d7d5d3; border-top: none; border-bottom: none; background: url('custCare-bg.jpg') no-repeat; } #specialDealsContainer { border: 1px solid #d7d5d3; border-bottom: none; border-top: none; padding: 0px 0px 5px 0px; margin: 0px; text-align: center; } #specialDealsContainer a { text-decoration: underline; } .specialDeals { background: url('specialDeals-bg.jpg') no-repeat; margin: 0px 10px 8px 10px; height: 120px; padding: 10px 5px 5px 5px; clear: both; } .specialName { margin: 0px; height: 34px; } .specialName a:link, .specialName a:visited { text-decoration: none !important; } .specialName a:hover, .specialName a:active { text-decoration: underline !important; } .specialImage { float: left; margin: 0px 5px 10px 1px; border: none; } .specialPrice { font-weight: bold; font-size: 14px; color: #990000; margin: 5px 0px 0px 0px; } .specialMoreInfo { width: 135px; clear: both; height: 15px; display: block; } #footerInfo { clear: both; margin: 10px 0px; color: #444444; } #footerBanner { margin: 0px; height: 31px; border-top: 1px solid #d7d5d3; border-bottom: 1px solid #d7d5d3; } #footerArticlesContainer { margin: 15px 0px 10px 0px; padding: 5px 2px; clear: both; height: 120px; } .footerArticles { float: left; margin: 0px 0px 0px 15px; width: 285px; height: 100px; padding: 8px 10px 12px 10px; } /* IE6 Only */ * html .footerArticles { margin: 0px 0px 0px 7px; } .footerArticles a { color: #475a88; } #footerLinksContainer { margin: 5px 0px; padding: 5px 0px; clear: both; height: 200px; } .footerLinks { float: left; margin: 0px 0px 0px 20px; padding: 0px; width: 172px; height: 170px; font-size: 11px; } /* IE6 Only */ * html .footerLinks { margin: 0px 0px 0px 10px; } #footerLinksContainer a { display: block; margin: 0px; padding: 0px; font-size: 11px; color: #444444; } #footer { clear: both; text-align: center; padding: 16px 0px; margin: 0px; border-top: 1px solid #d7d5d3; color: #444444; height: 14px; } #footer a { text-decoration: none; color: #444444; } #footer a:hover { color: ##444444; text-decoration: underline; } .terms { padding: 10px 0px; color: #444444; } .terms H2 { color: #444444; border-bottom: 3px solid #444444; margin: 0px 0px 6px 0px; padding: 0px 0px 4px 0px; } hr { color: #d7d5d3; margin: 3px 0px; padding: 0px; clear: both; height: 1px; } .clear { clear: both; } .highlight { color: #0066CC; } .sectionTD { vertical-align: top; text-align: center; width: 25%; border-right: 1px solid #d7d5d3; } .productReference, .addThis { font-weight: bold; margin: 8px 0px 8px 0px; padding: 5px 0px; float: left; } .addThis { font-weight: bold; margin: 8px 0px; padding: 2px 0px; float: right; } .quantityBox { float: left; margin: 8px 25px 8px 0px; } #lightboxImages { margin: 0px 0px 10px 0px; padding: 0px; width: 240px; float: left; overflow: auto; border: none; } #lightboxImages img { border: 1px solid #d7d5d3; margin: 0px 8px 8px 0px; padding: 0px; } #rightProductData { width: 246px; float: left; border-left: 1px solid #d7d5d3; padding-left: 10px; } #addToCartContainer { width: 241px; height: 42px; padding: 12px 0px 0px 13px; margin: 10px 0px 0px 0px;  } .addToCartButton { float: left; margin-right: 20px; padding-top: 3px; } .stockDelivery { float: left; } table.relatedProducts { width: 100%; } table.relatedProducts td { vertical-align: top; text-align: center; width: 25%; } .inStock { color: #FF0000; font-weight: bold; } .nextDayDelivery { color: #475a88; font-weight: bold; } .price { color: #FF0000; font-weight: bold; } .incVAT { font-size: 11px; } .sectionDescription { margin: 2px 0px 4px 0px; font-size: 11px; color: #FF0000; } .stoolFinder, .stoolFinderNoNav { width: 560px; height: 93px; margin: 10px auto; padding: 0px; font-size: 12px; } .pageNav { width: 310px; padding: 8px 0px 0px 90px; height: 23px; float: left; font-weight: bold; } .pageNav a { float: left; width: 16px; display: block; text-align: center; line-height: 1.4em; margin: 0px 1px; } .allStools { width: 155px; padding: 5px 2px 0px 0px; height: 26px; text-align: right; float: left; } .colorFinder { width: 437px; padding: 4px 0px 0px 3px; height: 58px; text-align: center; float: left; } .rightLinks { width: 120px; float: left; text-align: right; } .rightLinks a { width: 103px; padding: 7px 17px 0px 0px; height: 24px; text-align: right; display: block; } .ColContainer { margin: 0px auto 15px auto; padding: 0px; width: 175px; } .ColTitle { margin: 0px auto; padding: 3px; text-align: center; font-weight: bold; } .ColTitle a { display: block; padding: 1px 0px; color: #475a88; } .ColTitle a:hover { display: block; } .ColImage { margin: 0px auto; padding: 10px 3px 3px 3px; text-align: center; border: 1px solid #d7d5d3; border-top: none; } .ColText { margin: 0px auto; padding: 7px 4px 4px 4px; text-align: center; border: 1px solid #d7d5d3; border-top: none; } #banner { margin: 10px 0px 15px; padding: 0px; } .lineThrough { text-decoration: line-through; font-size: 11px; font-weight: normal; } #videoContainer { width: 620px; margin: 0px; padding: 0px; margin: 0px auto; } #videoHeader { height: 31px; margin: 0px; padding: 0px; } #videoLabel { width: 70px; height: 22px; margin: 0px; padding: 8px 0px 0px 0px; text-align: center; float:left; color: #475a88; border: 1px solid #d7d5d3; border-bottom: none; } #videoClose { width: 120px; height: 22px; margin: 0px; padding: 8px 5px 0px 0px; text-align: right; float: right; color: #475a88; } #videoName { padding: 10px; color: #475a88; border: 1px solid #d7d5d3; background: #eaeaea; text-align: center; } #videoHolder { text-align: center; border: 1px solid #d7d5d3; border-bottom: none; border-top: none; padding: 20px 10px; } #videoFooter { text-align: right; color: #475a88; background: #eaeaea; border: 1px solid #d7d5d3; padding: 15px; } .relatedContainer { width: 128px; height: 143px; background: url('related-bg.jpg') no-repeat; padding: 3px; margin: 0px auto; }