/* ========= 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 GENERAL STRUCTURE 4.0 HEADINGS 5.0 BRANDING 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ #sectionUtilities { width: 937px; height: 50px; background: #383838; padding: 6px; margin: 14px auto 28px; } #perfectFaucetBanner { width: 525px; height: 48px; border: 1px solid black; border-right: 0; float: left; background: url(/images/banners/banner-perfect-faucet.jpg) no-repeat; } #categoryBox { margin: 0 0 20px 0; position: relative; } #categoryBox .filterIntro{background-color:#474747;color:#FFF;padding:8px 14px;margin:0 0 1em 0;} #categoryBox .filterSubmit{text-align:center;clear:both;background-color:#474747;color:#FFF;padding:2px 14px;margin:1em 0;} #categoryBox .filterOptions{padding:14px;} #categoryBox .filterOptions .description { display: none; } #categoryBox .newProductBox { background: #aaa; color: black; font-weight: bold; padding: 4px 10px; float: left; display: inline; margin-right: 12px; } #categoryBox .optionGroup{margin:1em 0 2em;} #categoryBox .optionstypecharacteristic .optionGroupItem{position:relative;height:55px;border-bottom:1px solid #BEBEBE;} #categoryBox .optionssmartfeatures .optionGroupItem{padding:6px 4px;} #categoryBox .optionsfinishes .optionGroupItem, #categoryBox .optionschooseholeswidth .optionGroupItem{float:left;margin:4px 4px 0 0;border:2px solid #CCC;position:relative;} #categoryBox .optionschooseholeswidth .optionGroupItem{padding:2px 4px;} #exactSearchBox{border:6px solid #CCC;background-color:#CCC;color:#333;margin:0;padding:0 10px 5px;} #categoryBox #formtubshower .optionssmartfeatures{background:#ccc;height:auto;} div.buyThis { margin: 0 0 0 24px; padding: 0; width: 220px; float: right; font-weight: bold; text-align: center; } body div#productOptions div.buyThis a { display: block; color: white; } #collectionIntro{background-color:#474747;border:6px solid #474747;margin:0 6px;padding:0 0 0 10px;} #introText{float:left;width:290px;} #collectionFeature {float:right; display: inline; width:628px;height:240px;background-color:#333;} .roomToggleOpen{margin:0 6px;background:#000002 url(/images/bg-toggle.gif) no-repeat 12px 0;} .roomToggleOpen:hover { background-position: 12px -18px; } .roomToggleClosed{margin:12px 6px;background:#474747 url(/images/bg-toggle.gif) no-repeat 12px -30px;} .roomToggleClosed h2{border-top:6px solid #474747;border-bottom:6px solid #474747;} .roomToggleClosed:hover { background-position: 12px -48px; } .roomToggleClosed .collectionsHead { margin-top: 12px; } .roomBox{border:6px solid #474747;background-color:#CCCCCC;color:#000;margin:0 6px 40px 6px;z-index:10;width:936px !important;width /* */:948px;} .roomBox .loadingBox{height:400px;background:#CCC url(/images/loadingAnimation.gif) no-repeat 50% 50%;} .roomBoxInner { position: relative; width: 936px; } .roomBoxInner .productsBox { margin: 0; padding: 0; width: 930px; position: relative; left: 6px; } #bathBox { z-index: 20; } .filterBox{position:relative;padding:0 0 0 42px;height:22px;} .filterBox .filterOptionsBox{border:none;margin:0;padding:0;} .filterBox .filterOptionsBox .filterOption{float:left;margin-right:8px;font-size:90%;} .sortBox{position:relative;padding:0 0 0 42px;height:22px;} .sortBox .currentSort{display:block;font-size:11px;font-weight:bold;background:#000002 url(/images/dropdown-arrow.gif) no-repeat right 50%;border:1px solid #999999;padding:2px 4px 1px 4px;color:#FFF;cursor:pointer;} .sortBox .sortOptionsBox{border:none;margin:0;padding:0;font-size:x-small;} .sortBox .sortBest{display:block;padding:3px;border-bottom:1px solid #999;} .sortBox .sortOption{float:left;margin-right:8px;} .pageLengthBox{position:relative;padding:0 0 0 42px;height:22px;} .pageLengthBox .currentLength{display:block;font-size:11px;font-weight:bold;background:#000002 url(/images/dropdown-arrow.gif) no-repeat right 50%;border:1px solid #999999;padding:2px 4px 1px 4px;color:#FFF;cursor:pointer;} .pageLengthBox .lengthSave{display:block;padding:3px;border-bottom:1px solid #999;} .pageLengthBox .lengthOptionsBox{border:none;margin:0;padding:0;font-size:x-small;} .pageLengthBox .lengthOption{float:left;margin-right:8px;} .advancedFilteringBox{padding:16px;border-top:1px solid #BBBBBB;background-color:#FFFFFF;} .advancedFilteringBox .advancedFilteringOptions { font-size: x-small; } .advancedFilteringBox .advancedFilteringOptions .advancedFilteringOption{float:left;overflow:hidden;padding:0 12px 0 0;} .viewBox{position:relative;padding:0 0 0 42px;height:22px;} .viewBox .viewOptionCompact, .viewBox .viewOptionDetailed { display:block;position:absolute;height:18px;top:0;text-indent:-100em;background-image:url(/images/products/bg-viewToggle.gif);z-index:15;cursor:pointer;} .viewBox .viewOptionCompact{background-position:0 0;left:0;width:110px;} .viewBox .viewOptionCompact:hover { background-position: 0 -18px; } .viewBox .selected .viewOptionCompact, .viewBox .selected .viewOptionCompact:hover { background-position: 0 -36px; } .viewBox .viewOptionDetailed{background-position:-110px 0;left:110px;width:109px;} .viewBox .viewOptionDetailed:hover { background-position: -110px -18px; } .viewBox .selected .viewOptionDetailed, .viewBox .selected .viewOptionDetailed:hover { background-position: -110px -36px; } .pagerBox{position:relative;padding:10px 8px;height:34px;} .pager{display:block;position:absolute;top:30px;right:8px;font-size:11px;} .bottom .pager{top:0;} #filteringHead{margin: 12px 0; padding:8px; position:relative;} #filteringProducts{float:right;padding:0;width:660px;position:relative;} #filteringProducts #compareSelectedButton{position:absolute;top:0;height:27px;width:232px;background:#000002 url(/images/gui/buttons/button-compare-selected.png) no-repeat 0 0;cursor:pointer;} #filteringProducts .filterResultsBox{border:6px solid #474747;background-color:#CCC;position:relative;margin:30px 0;} #filteringProducts #producttargetother { margin-top: 60px; } #filteringProducts .filterResultsBox div.loadingBox{height:400px;background:#CCC url(/images/loadingAnimation.gif) no-repeat 50% 50%;} #filteringProducts div.productWrapper { width: 200px; } #filteringProducts div.productThumbBox { width: 179px !important; } #filteringOptions{float:left;width:276px;position:relative;} #filteringOptions div.filterIntro { display: none; } #filteringOptions div.newProductBox{padding:8px;background-color:#474747;border-top:2px solid #000002;font-weight:bold;margin:0;} #filteringOptions div.optionGroup{border-top:2px solid #000002;} #filteringOptions div.optionGroup .description{display:none;} #filteringOptions div.optionGroup .optionGroupOptions{border:6px solid #474747;background-color:#CCC;border-top:none;color:#333;} #filteringOptions #selected-filters .optionGroupOptions{border:6px solid #AC0535; padding: 10px 0; position: relative; min-height: 22px; } .ie6 #filteringOptions #selected-filters .optionGroupOptions { height: 22px; } #filteringOptions #selected-filters .optionGroupOptions span.selected-filter { margin: 5px; display: block; position: relative; background: #ccc; z-index: 30; width: 250px; } #filteringOptions div#selected-filters { background-color: #AC0535; margin-bottom: 10px; } #filteringOptions .spotlight { font-size: 14px; margin-top: 2px; } #filteringOptions #highlightProdId { background: #ccc url(/images/spotlights/highlight-icon-id-faucet-light.gif) no-repeat 14px 45%; padding-left: 76px; border: 6px solid #474747; color: black; } #filteringOptions .optionstypecharacteristic .optionGroupOptions { padding: 4px; } #filteringOptions .optionstypecharacteristic .optionGroupItem{position:relative;height:55px;border-bottom:1px solid #BEBEBE;} #filteringOptions .optionsprice .optionGroupItem { margin: 0 6px; padding: 12px 0 0; } #filteringOptions .optionssmartfeatures .optionGroupOptions, #filteringOptions .optionscollection .optionGroupOptions { padding: 4px; } #filteringOptions .optionssmartfeatures .optionGroupItem, #filteringOptions .optionscollection .optionGroupItem {position:relative;padding:6px 4px;border-bottom:1px solid #BEBEBE;} #filteringOptions .optionsfinishes .optionGroupOptions, #filteringOptions #optionchooseholeswidth .optionGroupOptions { padding: 2px 0 6px 6px; } #filteringOptions .optionsfinishes .optionGroupItem, #filteringOptions .optionschooseholeswidth .optionGroupItem{float:left;margin:4px 4px 0 0;border:2px solid #CCC;position:relative;} #filteringOptions .optionschooseholeswidth .optionGroupItem{padding:2px 4px;} #filteringOptions .optionsfinishes .selected, #filteringOptions .optionschooseholeswidth .selected{border:2px solid #C00;} #filteringOptions .filterSubmit{text-align:center;padding:8px;background-color:#474747;border-top:2px solid #000002;} #productDetailTop{margin:0 30px;} #photoBox { float: left; display: inline; width: 360px; position: relative; margin-right: 12px; text-align: center; } #photoBoxButtons { display: inline-block; padding: 0 0 12px; margin: 0 0 12px; } #productOptions div.releaseDateBox { padding: 4px 6px; background: white; color: #ac0535; border: 1px solid #ac0535; text-align: center; font-size: 13px; } #productOptions{ float: left; display: inline; width: 220px; padding: 0 20px 0 0; border-right: 1px solid #1f1f1f; } #productAddons { float: left; display: inline; width: 275px; padding: 0 0 0 20px; } .productBox { width: 80px; float: left; } div.productCarousel div.productBox { width: auto; float: none; } #relatedCategoryBox div.productBox { width: 118px; } #relatedCategoryBox div.odd { margin-right: 24px; } #productOptions #priceBox, #productOptions #finishBox { width: auto; clear: left; } #productOptions #modelBox, #productOptions #funcOptsBox, #productOptions #featuredAccessoriesBox { float: right; width: 288px; } #funcOptsBox { margin-bottom: 12px; padding-bottom: 4px; border-bottom: 1px solid #1f1f1f; } #completeModels, #configurableModels, #featuredAccessories{padding-bottom:1em;overflow:hidden;clear:left;} #configurableModels { position: relative; } /*** detail tabs ***/ #productDetails { background: #666; margin: 18px 6px 20px 6px; position: relative; padding: 7px; } #productDetailsInner { background: #b8b8b8 url(/images/gui/bg/bg-product-detail.png) repeat-x; border: 1px solid #474747; padding-left: 25px; } div.detailGroup { float: left; padding: 18px 12px; margin: 0 12px 0 0; color: #000; width: 260px; border-right: 1px solid rgba(255,255,255,0.1); } #productDetailsInner div.last { border-right: 0; } #featuresBenefitsBox #technologyList, #supportPartsBox #troubleshootingBox { margin-right: 0; width: 240px; } #featuresBenefitsBox #detailsList #shortDescription { font-size: 1.3em; margin: .5em 0; } #featuresBenefitsBox #detailsList #exclusiveBox, #featuresBenefitsBox #detailsList #holesBox { margin: 1em 0; } #relatedProductsBox #relatedCategoryToggle{background:#474747;margin:1em 0;} #relatedProductsBox #relatedCategoryToggle .relatedToggle{display:block;float:left;padding:8px 12px;border-right:1px solid #CCC;color:#FFF;cursor:pointer;background-color:#474747;text-decoration:underline;} #relatedProductsBox #relatedCategoryToggle .relatedToggle:hover{background-color:#FFF;color:#474747;text-decoration:none !important;} #relatedProductsBox #relatedCategoryToggle .selected{background-color:#ac0535 !important;color:#FFF !important;text-decoration:none !important;} #relatedProductsBox .productWrapper{width:200px;margin-right:16px;} #relatedProductsBox .productWrapper .productThumbBox{width:179px !important;} #relatedProductsBox .relatedCategory{padding:1em 0;clear:left;} #relatedProductsBox .relatedCategory .relatedCategoryProducts { padding-top: 1em; } #relatedProductsBox .leftFade{width:68px;height:138px;background:transparent url(/images/slider/bg-fadeleft-CCC.png) repeat-y 0 0;} #relatedProductsBox .rightFade{width:68px;height:138px;background:transparent url(/images/slider/bg-faderight-CCC.png) repeat-y 0 0;} #relatedProductsBox .scrollBar{background:#CCC url(/images/slider/bg-scrollbar.gif) repeat-x 0 50%;z-index:10;margin-bottom:-6px;} #relatedProductsBox .scrollBarDrag{background:#CCC url(/images/slider/bg-scrollbarDrag.gif) repeat-x 50% 50%;} #relatedProductsBox .scrollBarDragLeft{position:absolute;width:5px;left:0;top:0;z-index:15;background:#CCC url(/images/slider/bg-scrollbarDragLeft-CCC.gif) no-repeat 0 50%;} #relatedProductsBox .scrollBarDragRight{position:absolute;width:5px;right:0;top:0;z-index:15;background:#CCC url(/images/slider/bg-scrollbarDragRight-CCC.gif) no-repeat 0 50%;} .product-popup-video-container{margin-left:20px;} .product-popup-360-video-container{margin-left:70px;} .product-popup-360-text{background-color:#000;color:#FFF;padding:6px 70px;margin-top:20px;} body.sectionLanding div.optionsColumn, body.categoryLanding div.optionsColumn { width: 273px; float: left; display: inline; margin-right: 40px; } body.sectionLanding div.filterOptions div.last, body.categoryLanding div.filterOptions div.last { margin-right: 0; } body.sectionLanding #categoryBox #formtubshower div.last, body.categoryLanding #categoryBox #formtubshower div.last { float: none; } div.relatedProductGroup { margin-bottom: 12px; } div#supportPartsBox div#supportBox{padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #6e6e6e;} div#supportPartsBox div#repairBox p{display: block; padding:20px 0px; border-bottom: 1px solid #6e6e6e; } div#supportPartsBox div#repairBox p:last-child{margin-bottom: 15px;} div#no-selected { text-align: center; width: 264px; position: absolute; top: 15px; left: 0; } .ie7 div#no-selected { text-align: center; width: 264px; position: absolute; top: 13px; left: 0; } .ie6 div#no-selected { text-align: center; width: 264px; position: absolute; top: 13px; left: 0; } div.productThumb { position: relative; } div.productCarousel { margin-left: 19px; } div.carouselContainer { position: relative; } div#supportPartsBox div#holesBox{border-bottom:1px solid #6E6E6E; padding-bottom: 15px; margin-bottom: 10px} div#supportPartsBox div#holesBox span.productInstallationText{position:absolute; padding: 10px 0px 0px 10px;} div#footNote{ padding: 20px 10px 10px; } .spotlightMyProjects { float: left; width: 220px; height: 122px; margin-right: 0; border: 2px solid #666; background: url(/images/gui/spotlights/homepage-spotlights.jpg) no-repeat -440px 0; } .spotlightMyProjects a, .spotlightMyProjects a:visited, .spotlightMyProjects a:hover, .spotlightMyProjects a:active { display: block; position: relative; width: 220px; height: 122px; color: #a9a9a9; font-size: 11px; text-decoration: none; } .spotlightMyProjects a span.spotlightText { position: absolute; left: 0; bottom: 0; display: block; width: 210px; padding: 7px 0 0 10px; min-height: 38px; background: url(/images/gui/bg/bg-gradient-sprite-dark.png) repeat-x 0 -1011px; cursor: pointer; } .ie6 .spotlightMyProjects a span.spotlightText { height: 38px; } .spotlightMyProjects a b { display: block; font-weight: normal; font-size: 13px; color: white; cursor: pointer; } /* 4.0 HEADINGS ------------------------------------------ */ h2.overviewHead{margin:1.5em 0 0 20px;overflow:hidden;text-indent:-100em;width:400px;height:21px;} h2#headbathcollections { background: #000002 url(/images/products/bath/overview/bg-head-collections.gif) no-repeat 0 0; } h2#headbathcategories { background: #000002 url(/images/products/bath/overview/bg-head-categories.gif) no-repeat 0 0; } h2#headkitchencollections { background: #000002 url(/images/products/kitchen/overview/bg-head-collections.gif) no-repeat 0 0; } h2#headkitchencategories { background: #000002 url(/images/products/kitchen/overview/bg-head-categories.gif) no-repeat 0 0; } #categoryTabs h3{margin:0 6px 0 0;width:185px;height:66px;background-position:0 0;background-repeat:no-repeat} #categoryBox .filterOptions h4{margin:0;padding:2px 0;text-transform:uppercase;font-weight:bold;font-size:1em;border-bottom:1px solid #bebebe;} h2.collectionsHead{height:18px;margin:24px 0 4px 0; padding-left: 35px; font-size: 16px; } #filteringHead h2{font-size:200%;} #filteringProducts .filterResultsBox h3 { background: #474747; color: #FFF; margin: 0; padding: 0 6px 4px 6px; font-size: 11px; text-transform: uppercase; font-weight: bold; } #filteringOptions h3 { background: #AC0535; height: 29px; margin: 0; font-size: 16px; padding: 13px 0 0 10px; } #filteringOptions div.optionGroup h4 {background-color:#474747;padding:10px 14px;margin:0;text-transform:uppercase;font-size:12px; font-weight: bold; } #filteringOptions div.optionGroup h4.toggle{background:#474747 url(/images/bg-toggle-small.gif) no-repeat 6px 0;padding-left:20px;} #filteringOptions div.optionGroup h4.closed{background-position:6px -32px !important;} #filteringOptions div#selected-filters h4 {background-color: #AC0535; } #productName { font-size: 22px; font-weight: normal; line-height: 1; margin: 0 0 10px; } #productOptions h3{color:#FFF;border-bottom:1px solid #999;margin:4px 0 6px 0;padding-bottom:4px;font-size:15px;} #productOptions h4{color:#FFF;margin:.5em 0 2px 0;} #productTabs h3{margin:0 6px 0 0;width:170px;height:44px;background-position:0 0;background-repeat:no-repeat} .detailGroup h3 { color: black; font-size: 15px; margin-bottom: 12px; } .detailGroup h4 { font-size: 13px; font-weight: bold; margin: 12px 0; } #relatedProductsBox h4{clear:left;} #productAddons h3 { font-size: 15px; } div#productAddons div#modelBox h3{ padding: 22px 0px 10px; } div#productAddons div#modelBox div#completeModels div{padding: 0px 0px 5px;} div#productAddons div#modelBox div#completeModels h4 { display: block; float:left;} div#productAddons div#modelBox div#completeModels span.currentSelection, div#productAddons div#modelBox div#configurableModels span.currentSelection{ display: block; float:left; padding-left: 10px;} div#productAddons div#modelBox div#configurableModels h4, #featuredAccessoriesBox h4 { font-size: 14px; margin-bottom: 12px; } div.sectionBox h3 { font-size: 24px; color: #999; margin-left: 38px; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ #categoryBox a.resetLink { display: none; } #categoryTabs h3 a{display:block;width:185px;height:66px;overflow:hidden;text-indent:-100em;} #categoryTabs h3 a:hover { background-position: 0 -84px; } #categoryTabs h3.selected a, #categoryTabs h3.selected a:hover{background-position:0 -168px;height:84px;} #categoryTabs h3#tabfaucets a { background-image: url(/images/products/kitchen/overview/bg-tab-faucets.gif); } #categoryTabs h3#tabaccessories a { background-image: url(/images/products/kitchen/overview/bg-tab-accessories.gif); } #categoryTabs h3#tablavatory a { background-image: url(/images/products/bath/overview/bg-tab-faucet.gif); } #categoryTabs h3#tabtubshower a { background-image: url(/images/products/bath/overview/bg-tab-shower.gif); } #categoryTabs h3#tabromantub a { background-image: url(/images/products/bath/overview/bg-tab-roman.gif); } #categoryTabs h3#tabbidetspecialty a { background-image: url(/images/products/bath/overview/bg-tab-specialty.gif); } #categoryTabs h3#tabaccessories a { width: 184px; background-image: url(/images/products/bath/overview/bg-tab-accessories.gif); } #categoryBox #formtubshower a#customShowerAd { display:block;text-indent:-100em;overflow:hidden;outline:none;width:270px;height:253px;background:#474747 url(/images/products/bath/overview/spotlight-customshower.jpg) no-repeat 0 0;margin-top:12px;} .pager a:link, .pager a:visited { color: #000; } .pager a:hover { color: #AC0535; } .pager a:active { color: #000; } .pager a.selected, .pager a.selected:hover { color: #000; text-decoration: none; font-weight: bold; } .roomBox .saveAllButton { position: absolute; overflow: hidden; text-indent: -100em; top: -4px; background-image: url(/images/gui/img-replacement/bg-savecompareall.png); cursor: pointer; } .roomBox .saveAllButton{width:80px;right:0px;background-position:0 0;} .roomBox .saveAllButton:hover { background-position: 0 -20px; } #filteringHead #returnLink{color:#FFF;position:absolute;right:18px;top:3em;font-weight:bold;} #producttargetresults #saveAllButton, #producttargetresults #compareTheseProductsButton { position:absolute;overflow:hidden;text-indent:-100em;top:-4px;background-image:url(/images/gui/img-replacement/bg-savecompareall.png);cursor:pointer;} #producttargetresults #saveAllButton{width:90px;right:102px;background-position:0 0;} #producttargetresults #saveAllButton:hover { background-position: 0 -20px; } #producttargetresults #compareTheseProductsButton{width:100px;right:6px;background-position:-100px 0;} #producttargetresults #compareTheseProductsButton:hover { background-position: -100px -20px; } #filteringOptions a.resetLink{ display: block; position: absolute; top: 12px; right: 8px; width: 84px; height: 19px; overflow: hidden; text-indent: -100em; background: #000002 url(/images/products/filtering/bg-buttons.gif) no-repeat -174px 0; } #filteringOptions a.resetLink:hover{background:#000002 url(/images/products/filtering/bg-buttons.gif) no-repeat -174px -19px;} #filteringOptions a#customShowerAd { display: block; width: 276px; height: 177px; overflow: hidden; text-indent: -100em; background: #474747 url(/images/products/bath/ad-customshower-filter.jpg) no-repeat 0 0; margin: 12px 0; } #photoBox a { margin-right: 0; margin-bottom: 2px; border: 1px solid black; } #photoBox a:hover { border: 1px solid white; } /* Larger WaterSense logo at bottom of Smart Features list */ a#watersense-detail { display: block; width: 80px; height: 92px; margin: 20px; border: 1px solid #aaa; } #productOptions .productOption{float:left;margin:0 1px 1px 0;} #productOptions #featuredAccessories .productOption { float: none; } #productOptions .productOption { display: block; border: 2px solid #000002; } #productOptions .productOption:hover { border: 2px solid #AC0535; } #productDetailTop #productOptions #featuredAccessoriesBox #featuredAccessories .productBox .productOption:hover { display: block; width: 60px; height: 60px; line-height: .1; font-size: .1em; } #productOptions .selected { border: 2px solid #AC0535 !important; padding: 0 !important; } #productOptions #featuredAccessories ul.featured-accessory-list li a.selected { border: 0 none !important; } #productDetails a:link, #productDetails a:visited { color: black; } #productDetails a:hover { color: white; } #productDetails a.button { color: white; } #productTabs h3 a{display:block;width:170px;height:44px;overflow:hidden;text-indent:-100em;} #productTabs h3 a:hover { background-position: 0 -44px; } #productTabs h3.selected a, #productTabs h3.selected a:hover{background-position:0 -88px;height:44px;} #productTabs h3#tabFeaturesBenefits a { background-image: url(../images/products/bg-tab-features.gif); } #productTabs h3#tabSupportParts a { background-image: url(../images/products/bg-tab-support.gif); } #productTabs h3#tabRelatedProducts a { background-image: url(../images/products/bg-tab-related.gif); } #featuresBenefitsBox ul#featuresList li#availableAt a:hover { color: black; } #supportPartsBox #supportBox #emailLink { display: block; width: 173px; height: 19px; overflow: hidden; text-indent: -100em; background-image: url(/images/products/bg-detail-tabbuttons.gif); } #supportPartsBox #supportBox #emailLink { background-position: 0 0; } #supportPartsBox #supportBox #emailLink:hover { background-position: 0 -19px; } #relatedProductsBox .leftArrow{width:68px;height:360px;top:0;left:0;background:transparent url(/images/slider/bg-arrowleft-CCC.gif) no-repeat 4px 50%;position:absolute;z-index:10;cursor:pointer;} #relatedProductsBox .leftArrow:hover { background-position: -64px 50%; } #relatedProductsBox .rightArrow{width:68px;height:360px;top:0;right:0;background:transparent url(/images/slider/bg-arrowright-CCC.gif) no-repeat -4px 50%;position:absolute;z-index:10;cursor:pointer;} #relatedProductsBox .rightArrow:hover { background-position: -72px 50%; } a#buttonNoncompliant, a#buttonCompliant { display: block; width: 386px; height: 58px; } a.whereToBuyLink, a.whereToBuyLink:link, a.whereToBuyLink:visited { font-size: 15px; padding: 6px 20px; margin-top: 12px; float: right; } .ie a.whereToBuyLink span { background: url(/images/gui/arrows/button-arrow.png) no-repeat right 70%; } #categoryBox a { float: left; display: inline; width: 238px; height: 68px; background-image: url(/images/gui/buttons/gui-sprite-category-buttons.jpg); background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; margin: 0 0 10px 2px; } #categoryBox a#link-lavatory { background-position: 0 0; } #categoryBox a#link-tubshower { background-position: 0 -70px; } #categoryBox a#link-customshower { background-position: 0 -140px; } #categoryBox a#link-romantub { background-position: 0 -210px; } #categoryBox a#link-bidetspecialty { background-position: 0 -280px; } body.bath #categoryBox a#link-accessories { background-position: 0 -350px; } #categoryBox a#link- { background-position: 0 -420px; } #categoryBox a#link-faucets { background-position: -238px 0; } body.kitchen #categoryBox a#link-accessories { background-position: -238px -70px; } div#supportBox a.email_link{margin-top: 10px;} div#technologyList a#watersense-detail{display: block; background: url(/images/products/icons/watersense-product-detail.gif) 5px 5px no-repeat #7e7e7e; padding: 10px 10px 0px 95px; color: #000; height: 92px; margin: 0; text-decoration: none; width: auto; border: none;} div#technologyList a#watersense-detail{display: block; background: url(/images/products/icons/watersense-product-detail.gif) 5px 5px no-repeat #7e7e7e; padding: 10px 10px 0px 95px; color: #000; height: 92px; margin: 0; text-decoration: none; width: auto; border: none;} div#detailsList div#exclusiveBox{background:#7e7e7e; padding: 5px; height: 50px;} #filteringOptions #selected-filters .optionGroupOptions span.selected-filter a.remove-link { font-size: 11px; } #relatedCategoryBox p.productName a { display: block; color: black; text-decoration: none; } #relatedCategoryBox p.productName a:hover, #relatedCategoryBox div.productBox:hover a { color: white; } p.cavt-link a { font-weight: bold; text-decoration: none; font-size: 14px; font-weight: normal; color: #ac0535; } p.cavt-link a span { display: block; background: url(/images/gui/icons/gui-sprite-main.png) no-repeat 0 -264px; padding-left: 10px; margin-bottom: 6px; } .ie p.cavt-link a span { background: url(/images/gui/icons/gui-sprite-main.png) no-repeat 0 -263px; } p.cavt-link b { display: block; text-decoration: underline; color: white; font-size: 11px; font-weight: bold; font-family: helvetica, verdana, arial, sans-serif; padding-left: 10px; } p.cavt-link b.plain { text-decoration: none; } a.redArrow { display: block; background: url(/images/gui/icons/gui-sprite-main.png) no-repeat 0 -266px; padding-left: 10px; color: white; font-size: 11px; } p.configurable a.redArrow { font-weight: bold; } div.productCarousel a, div.productCarousel a:visited { display: block; padding: 6px 10px; border: 2px solid black; text-align: center; text-decoration: none; color: white; font-size: 10px; } div.productCarousel a.selected { border: 2px solid #ac0535; } #funcOptsBox ul a, #funcOptsBox ul b { display: block; color: white; font-size: 10px; text-decoration: none; padding: 6px 12px 6px 90px; background-image: url(/images/gui/icons/gui-sprite-functional-options.png); background-repeat: no-repeat; margin: 2px; min-height: 34px; background-position: 0 4px; zoom: 1; } .ie6 #funcOptsBox ul a, .ie6 #funcOptsBox ul b { height: 34px; } #funcOptsBox li.monitor a, #funcOptsBox li.monitor b { background-position: 0 4px; } #funcOptsBox li.monitor-waterefficient a, #funcOptsBox li.monitor-waterefficient b { background-position: 0 -56px; } #funcOptsBox li.monitor-volume a, #funcOptsBox li.monitor-volume b { background-position: 0 -118px; } #funcOptsBox li.monitor-waterefficient-volume a, #funcOptsBox li.monitor-waterefficient-volume b { background-position: 0 -178px; } #funcOptsBox li.tempassure-volume a, #funcOptsBox li.tempassure-volume b { background-position: 0 -236px; } #funcOptsBox ul b { border: 2px solid #ac0535; margin: 0; } /*div#collectionIntro div#introText a#photosLink{line-height: 10px; height: auto; padding-bottom: 10px; background-position: 225px 3px;} .ie6 div#collectionIntro div#introText a#photosLink, .ie7 div#collectionIntro div#introText a#photosLink{background-position: 220px 3px;}*/ /* 7.0 PARAGRAPHS ------------------------------------------ */ #introText p { margin: 1em 0; } .advancedFilteringBox .advancedFilteringOptions p { margin: 0; padding: .5em 6px; font-weight: bold; } p.soap-dispenser-disclaimer { clear: both; font-style: italic; } #productOptions #funcOptsBox p { padding-right: 10px; } #supportPartsBox #supportBox p { font-size: 12px; } p.modelNumberBox { color: #999; font-size: 12px; font-weight: bold; border-bottom: 1px solid #1f1f1f; padding: 0px 0px 10px; margin: 0px 0px 10px; } #relatedCategoryBox p.productName { font-size: 10px; } #highlightProdId p { margin: 10px; } p.cavt-link { margin-bottom: 12px; } p.configurable { margin-bottom: 12px; } #configurableModels p.configurable { border-top: 1px solid #1f1f1f; margin-top: 12px; padding-top: 12px; } p.repairPartsLink { margin: 6px 0; } p.discontinuedPartsMsg { color:#AC0535; font-weight: bold; margin: 8px 0; } /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ #sectionUtilities form { width: 409px; height: 48px; float: left; border: 1px solid black; border-left: 0; background: #666; } #sectionUtilities form fieldset { border: 0; margin: 0; padding: 11px 0 0 20px; } #sectionUtilities form label { font-size: 14px; margin-right: 8px; } #sectionUtilities form button { position: relative; top: 1px; text-align: center; display: inline-block; outline: 0; height: 22px; background: url('/images/gui/bg/gui-sprite-button-bg.png') repeat-x 0 -40px; color: white; text-decoration: none; padding: 0 12px; border: 0; font-size: 14px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 2px rgba(0,0,0,0.5); cursor: pointer; } .ie6 #sectionUtilities form button {padding: 0px 3px;} .ie7 #sectionUtilities form button {padding: 0px 6px; line-height: 1.1; } #sectionUtilities form input.image { position: relative; top: 5px; } input#q { width: 100px; height: 11px; padding: 3px 3px 2px; margin-right: 4px; font-size: 10px; } #categoryBox .filterGroup {background-color:#CCC;padding:18px 6px 6px 6px;margin:0;color:#333;width:936px !important;width /* */:948px;} #categoryBox .optionstypecharacteristic .optionGroupItem input{position:absolute;top:15px;left:6px;margin:0;} #categoryBox .optionstypecharacteristic .optionGroupItem label{display:block;padding:15px 4px 0 100px;height:43px;} #categoryBox .optionsfinishes label { cursor: hand !important; } #categoryBox .optionsfinishes input, #categoryBox .optionschooseholeswidth input{position:absolute;bottom:0;right:0;} #exactSearchBox input { vertical-align: middle; } #exactSearchBox label { display: none; } #exactSearchBox input#q { width: 100px; } .roomBox form { margin: 0; } form.viewOptions{background-color:#474747;padding:0 8px;color:#FFF;font-weight:bold;height:22px;} .filterBox input { vertical-align: middle; margin-top: 1px; } .sortBox input { vertical-align: middle; margin-top: 1px; } .pageLengthBox input { vertical-align: middle; margin-top: 1px; } .advancedFilteringBox .advancedFilteringOptions .advancedFilteringOption input { float: left; } .advancedFilteringBox .advancedFilteringOptions .advancedFilteringOption label { margin-left: 20px; display: block; padding-top: 2px; } input.viewOptionsSubmit { position: absolute; top: 22px; right: 4px; z-index: 10; } #filteringProducts form.filterBlock{position:relative;color:#000;} #filteringProducts form.filterBlock#results { z-index: 30; } #filteringOptions form { margin: 0; } .filterOptions .optionGroup label { background-color: #ccc; } #filteringOptions .optionstypecharacteristic .optionGroupItem input{position:absolute;top:15px;left:6px;margin:0;} #filteringOptions .optionstypecharacteristic .optionGroupItem label{display:block;padding:15px 4px 0 100px;height:43px;} #filteringOptions .optionssmartfeatures .optionGroupItem input, #filteringOptions .optionscollection .optionGroupItem input{position:absolute;left:4px;top:4px;} #filteringOptions .optionssmartfeatures .optionGroupItem label, #filteringOptions .optionscollection .optionGroupItem label { display: block; padding-left: 24px; } #filteringOptions .optionscollection .optionGroupItem input { top: 12px; } #filteringOptions .optionsfinishes input, #filteringOptions .optionschooseholeswidth input{position:absolute;bottom:0;right:0;} /* 10.0 LISTS ------------------------------------------ */ #funcOptsBox ul { list-style: none; width: 237px; margin: 12px auto 0; } #funcOptsBox li { background: #191919; margin-bottom: 8px; padding: 0; zoom: 1; } #featuresBenefitsBox ul#featuresList li#availableAt { list-style: none; background: white; border: 1px solid #ac0535; margin-left: -16px; padding: 6px 12px; margin-bottom: 12px; } #featuresBenefitsBox dl { padding: 1em 0; } #featuresBenefitsBox dl dt{display:block;float:left;clear:left;margin-right:8px;font-weight:bold;} #featuresBenefitsBox dl dt, #featuresBenefitsBox dl dd { padding-bottom: 4px; } #featuresBenefitsBox dl dd { margin-left: 0; float: left; max-width: 185px; } #featuresBenefitsBox #technologyList ul { list-style: none; padding: 0; margin: 0; } #featuresBenefitsBox #technologyList li { padding-left: 0; margin-left: 0; margin-bottom: 12px; } #supportPartsBox #supportBox dt { color: black; font-weight: bold; padding: 4px 0; margin-top: 1em; } #supportPartsBox #supportBox dd { padding: 0; margin-left: 8px } #supportPartsBox #repairBox ul{ list-style: none; margin: 0 0 1em 0; padding: 0; } #supportPartsBox #repairBox ul li, #supportPartsBox #troubleshootingBox ul li{ padding: 0 0 6px 0; margin: 0; } ul#featuresList { font-size: 12px; } ul#featuresList li { margin-bottom: 6px; } dl.productSpecs dt, dl.productSpecs dd { margin-bottom: 6px; } dl.productSpecs dt { font-weight: bold; width: 125px; float: left; clear: left; } dl.productSpecs dd { overflow: hidden; } #collectionBox { width: 958px; margin-left: 0; background: url(/images/gui/bg/bg-collection-thumbs-bottom.png) no-repeat 12px bottom; padding-bottom: 6px; } #collectionThumbs { background: url(/images/gui/bg/bg-collection-thumbs-top.png) no-repeat 12px top; padding: 6px 0 0 12px; } #collectionThumbs li { float: left; display: inline; padding: 3px 8px; } div#supportPartsBox div#troubleshootingBox ul{ margin: 0px;} div#supportPartsBox div#troubleshootingBox ul li{display: block; background: url(/images/gui/arrows/red-arrow-right.gif) 0 2px no-repeat; padding-left: 10px;} div.productCarousel li { padding: 0 6px; margin: 0; } div#supportPartsBox dl.productSpecs{border-bottom:1px solid #6E6E6E; padding-bottom: 15px; margin-bottom: 10px} div#footNote ol { padding-left: 59px; } div#footNote ol li#footnote1, div#footNote ol li#footnote2{ color: #fff;} /* 11.0 TABLES ------------------------------------------ */ /*** price table ***/ #productOptions #priceBox table { border: 0; margin: 0; padding: 0; width: 100%; } #productOptions #priceBox table thead th{font-weight:bold;color:#FFF;border-bottom:1px solid #999;padding:4px 0;margin-bottom:8px;} #productOptions #priceBox table tbody td { padding: 3px 0; color: white; } #productOptions #priceBox table tbody td .modelNum { font-size: 10px; display: block; } #productOptions #priceBox table tbody td.price { font-weight: bold; width: 145px; text-align: right; } #productOptions #priceBox table tbody .total td { font-weight: bold; border-top: 1px solid #1f1f1f; padding: 10px 0px; font-size: 10px; } #productOptions #priceBox table tbody .total td sup {font-size: 8px;} #productOptions #priceBox table tbody .total td.price { font-weight: bold; font-size: 24px; vertical-align: middle; font-weight: normal; } #productOptions #priceBox table tbody td.addonPrice { color: #ac0535; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ #categoryBox .optionsfinishes .selected, #categoryBox .optionschooseholeswidth .selected{border:2px solid #C00;} #categoryBox .optionsprice label span, #categoryBox .optionsfinishes label span, #categoryBox .optionschooseholeswidth label span { display: none; } #exactSearchBox strong { display: block; margin: 4px 0; } .filterBox strong.formTitle{position:absolute;top:1px;left:0px;margin:0;padding:0;font-size:12px;} .sortBox strong.formTitle{position:absolute;top:1px;left:0px;margin:0;padding:0;font-size:12px;} .pageLengthBox strong.formTitle{position:absolute;top:1px;left:0px;margin:0;padding:0;font-size:12px;} .viewBox strong.formTitle{position:absolute;top:1px;left:0px;margin:0;padding:0;font-size:12px;} .itemCount{display:block;font-size:11px;top:10px;left:8px;position:absolute;} .bottom .itemCount{top:0;} #showformlink { border: 1px solid #CCC; position: relative; } #productboxresults, #productboxother { position: relative; margin: 0; top: 0; left: 0; } #filteringOptions .optionsprice label span, #filteringOptions .optionsfinishes label span, #filteringOptions .optionschooseholeswidth label span { display: none; } .filterCount { font-size: 10px; } #productOptions .currentSelection{ display: block; color: white; font-weight: bold; margin-bottom: 2px; font-size: 90%; } #productOptions .currentSelection span.finishShown { color: #999; } #productOptions .dispenser-link { display: block; } #featuresBenefitsBox #detailsList #holesBox span{display:block;margin-left:56px;padding-top:8px;} span.modelNumber { color: white; font-size: 14px; margin-left: 8px; } span.productAddon { color: #ac0535; } #productsPrev, #productsNext { position: absolute; top: 69px; background-image: url(/images/gui/icons/gui-sprite-main.png); background-repeat: no-repeat; width: 16px; height: 32px; cursor: pointer; } #productsPrev { background-position: 2px -298px; left: 0; } #productsNext { background-position: 2px -348px; right: 0; } div.productCarousel a b { display: block; } div.sectionBox h3 b { font-size: 32px; color: white; text-transform: lowercase; } /* 13.0 IMAGES ------------------------------------------ */ #categoryBox .optionstypecharacteristic .optionGroupItem img.filterIcon{position:absolute;top:4px;left:24px;width:70px;height:41px;} #categoryBox .optionstypecharacteristic .optionGroupItem .toolTip img { vertical-align: middle; width: auto; height: auto; } div.buyThis img { margin: 6px 0; } #filteringOptions .optionstypecharacteristic .optionGroupItem img.filterIcon{position:absolute;top:4px;left:24px;width:70px;height:41px;} #filteringOptions .optionstypecharacteristic .optionGroupItem .toolTip img { vertical-align: middle; width: auto; height: auto; } .optionssmartfeatures .optionGroupItem img { vertical-align: middle; } /* Coming Soon & Discontinued banner */ img.noteBanner { position: absolute; top: 0; left: 0; } #featuresBenefitsBox #detailsList #holesBox img { float: left; } #featuresBenefitsBox #detailsList #exclusiveBox img{float:left;margin:0 10px 10px 0;} #featuresBenefitsBox #technologyList li img { vertical-align: middle; margin-right: 12px; } #relatedCategoryBox div.productThumb img { margin-bottom: 6px; } div#supportPartsBox div#holesBox img { padding: 3px 0 2px 3px; background: #b8b8b8; }