/* ========= 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 14.0 META 15.0 ACCESSIBILITY 16.0 PAGE SPECIFIC ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ * { margin: 0; padding: 0; } body { font-size: 76%; font-family: Verdana, Helvetica, Arial, sans-serif; } /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* Utility class to clear an element */ .clear { clear: both; } br.clear { height: 0 !important; display: block; } .clearfix:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ * html .clearfix { height:1px; } .fl { float: left; } .fr { float: right; } /* Class to set up image replacement */ .replaced { text-indent: -10000em; overflow: hidden; background-repeat: no-repeat; } /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ body { background: url(/images/gui/bg/page-repeat.jpg); } body.thickbox-popup { background: #b2b6cf none; } body#error { background-color: #b2b6cf; } body#error div#content { background: #b2b6cf; } /* Basic page structure */ div#wrapper { position: relative; width: 780px; margin: 0 auto; padding: 25px 0; } div#site-header { background: url(/images/gui/bg/nav-top.gif) no-repeat bottom left; padding-bottom: 3px; } div#inner-wrapper { background: url(/images/gui/bg/content-repeat.gif) repeat-y; } div#content-body { padding-top: 12px; } /* #content-body variants - ID omitted due to IE6 bug */ div.one-column { padding: 12px 20px 0; } div.two-column { width: 539px; margin-right: 20px; float: right; display: inline; } div.two-column-wide { width: 412px; margin-right: 20px; float: right; display: inline; } body#wheretobuy-map div#content-body { padding: 12px; } body#site-home div#inner-wrapper { background: url(/images/gui/bg/homepage-background.gif) no-repeat left -150px; min-height: 500px; } div#sidebar { width: 188px; margin: 12px 0 0 12px; float: left; display: inline; } div#site-footer { margin-top: 12px; padding-left: 16px; font-size: 0.9em; color: white; } body#site-home div#site-footer { padding-left: 214px; } div.sidebar-box { width: 188px; color: white; background: url(/images/gui/bg/sidebar-box-tile.gif) repeat-y; font-size: 0.9em; margin-bottom: 10px; } div.thumbnail {height: 165px; width: 119px; margin-right: 10px; float: left; } div.product-box { width: 160px; /*height: 28em;*/ float: left; margin-right: 10px; margin-bottom: 10px; } body.search-results div.product-box { margin-bottom: 12px; margin-right: 19px; min-height: 375px; } body.search-results div.last { margin-right: 0; } div.third { margin-right: 0; } div.left-columnInner {float: left; width: 286px; padding-right: 15px;} div.right-columnInner {float: left; width: 238px;} .groupDiv { border-bottom:1px solid #FFFFFF; clear:left; float:left; margin-bottom:10px; margin-top:4px; width:100%; } div.faq-answer { padding: 1em; background: #D1D3DF; } div#glossary-tools { width: 320px; margin: 12px; background: url(/images/gui/bg/sidebar-box-wide-tile.gif) repeat-y; float: left; display: inline; } dl.imagesInGutter dd div.imageShift { position: absolute; top: 12px; right: 1px; width: 174px; text-align: center; } div.gutterImage { width: 175px; position: absolute; top: 10px; right: 0; text-align: center; } /* Site search box in header */ div#google-search { position: absolute; top: 29px; right: 13px; } /* Flash movie positioning adjustments */ object#homepage-flash { margin-left: 50px; } object#faucet-coach-homepage { position: absolute; top: 360px; left: -22px; } object#faucet-coach-large { margin: 0 5px; float: left; display: inline; } div#sidebar object#faucet-coach { margin-bottom: 10px; } body#glossary-home object#faucet-coach { margin-top: 8px; } object#true-confessions { margin-left: 6px; } object#pdfFlash { margin-top: 25px; } /* Frame choices on Showoffery form */ div.choose-frame { float: left; } div.numSrch { margin-bottom: 2em; } /* Search Results */ div.search-section { margin: 0 20px 5px; background: #D1D3DF; } body#results-one-category div.search-section-header { cursor: default; } div.search-section-header { background: #6978AF; color: white; padding: 5px 10px 1px; cursor: pointer; } body#results-one-category div.search-section-header h3 { padding-top: 8px; } div.search-section-results { padding: 10px 20px 20px; } div.pager-box { float: right; margin-top: 2px; display: inline; } body#results-one-category div.pager-box { margin-bottom: 5px; } div.techdoc-content { width: 280px; float: left; margin-right: 10px; display: inline; } img#techdoc-image { float: left; } /* Map on Where to Buy results */ div#locator { margin: 0; } div#map { width: 450px; height: 450px; left: 305px; } body.thickbox-popup div#content { padding: 12px; } /* Icons on product detail page */ div.product-icons { margin: 12px 0; } /* Troubleshooting diagrams in FAQ */ body.faq div.diagrams { width: 400px; margin: 0 auto 12px; } #image-search { background: #6877AE url(/images/pic/highlight-image-search.gif) 0 0 no-repeat; width: 179px; height: 110px; margin: 0 12px 12px 0; } .goto-options { padding: 10px; border-top: 1px solid #fff; margin: 15px 0 0; } /* 4.0 HEADINGS ------------------------------------------ */ h1 { margin-bottom: 0.25em; background-repeat: no-repeat; } h1.replaced { height: 26px; } body#site-home h1, body#support-home h1, body#installation h1, body#deinstallation h1 { text-indent: -10000em; overflow: hidden; background-repeat: no-repeat; height: 0; } body#bath-home h1 { background-image: url(/images/ir/bath-products.gif); } body#company-home h1 { background-image: url(/images/ir/company.gif); } body#product-details h1 { background-image: url(/images/ir/product-details.gif); } body#coping-tools-home h1 { background-image: url(/images/ir/coping-tools.gif); } body#request-lit-home h1 { background-image: url(/images/ir/literature-request.gif); } body#company-home h1 { background-image: url(/images/ir/company.gif); } body#contact-home h1 { background-image: url(/images/ir/contact-me.gif); } body#product-registration h1 { background-image: url(/images/ir/product-registration.gif); } h1#email-this-item { background-image: url(/images/ir/email-this-item.gif); } body#faq-home h1 { background-image: url(/images/ir/faq.gif); } body#glossary-home h1 { background-image: url(/images/ir/visual-glossary.gif); } body#instructions-home h1 { background-image: url(/images/ir/instructions.gif); height: 170px; margin-bottom: 2em; } body#kitchen-home h1 { background-image: url(/images/ir/kitchen-products.gif); } body.pressroom h1 { background-image: url(/images/ir/pressreleases.gif); } body#privacy-statement h1 { background-image: url(/images/ir/privacystatement.gif); } h1#product-search-results { background-image: url(/images/ir/product-search-results.gif); } body#product-search h1 { background-image: url(/images/ir/product-search.gif); } body.search-results h1 { background-image: url(/images/ir/search-results.gif); width: 226px; float: left; display: inline; } body.showoffery h1 { background-image: url(/images/ir/shameless-faucet-showoffery.gif); } body#techdocs h1 { background-image: url(/images/ir/support-information.gif); width: 320px; float: left; } body#techdoc-search h1 { background-image: url(/images/ir/support-information-search.gif); } h1#techdoc-search { background-image: url(/images/ir/support-information-search.gif); } body#terms-of-use h1 { background-image: url(/images/ir/terms-of-use.gif); } body#utility-laundry-home h1, body#product-list h1#barlaundry { background-image: url(/images/ir/bar-laundry-products.gif); } body#warranty-home h1 { background-image: url(/images/ir/warranty.gif); } body.where-to-buy h1 { background-image: url(/images/ir/wheretobuy.gif); } body#will-it-fit-kitchen h1 { background-image: url(/images/ir/will-it-fit-kitchen.gif); } body#will-it-fit-bath h1 { background-image: url(/images/ir/will-it-fit-bath.gif); } body#product-list h1#bath-roman { background-image: url(/images/ir/catalog/bath-roman.gif); } body#product-list h1#bath-sink { background-image: url(/images/ir/catalog/bath-sink.gif); } body#product-list h1#bath-tub { background-image: url(/images/ir/catalog/bath-tub.gif); } body#product-list h1#kitchen-pullouts { background-image: url(/images/ir/catalog/kitchen-pullouts.gif); } body#product-list h1#kitchen-singlehandle { background-image: url(/images/ir/catalog/kitchen-singlehandle.gif); } body#product-list h1#kitchen-twohandle { background-image: url(/images/ir/catalog/kitchen-twohandle.gif); } body#product-list h1#title-productsearch { background-image: url(/images/ir/catalog/title-productsearch.gif); } body#product-list h1#title-productsearchresults { background-image: url(/images/ir/catalog/title-productsearchresults.gif); } body#privacy-statement div#content-body h2 { color: #00267F; font-size: 1.1em; text-transform: uppercase; margin-top: 2em; } body.will-it-fit h2 { color: white; font-size: 1.5em; padding: 10px 0 6px 52px; margin: 15px 0 0.25em; background-repeat: no-repeat; background-position: bottom left; border-top: 1px solid #22278C; } body#terms-of-use h2, body.story div#sidebar h2, h2.bluecaps { text-transform: uppercase; color: #00267f; font-size: 1.1em; } h2#head-1-hole-kitchen { background-image: url(/images/pic/will-it-fit/kitchen1hole.gif); } h2#head-2-hole-kitchen { background-image: url(/images/pic/will-it-fit/bath2hole.gif); } h2#head-3-hole-kitchen { background-image: url(/images/pic/will-it-fit/kitchen3hole.gif); } h2#head-4-hole-kitchen { background-image: url(/images/pic/will-it-fit/kitchen4hole.gif); } h2#head-1-hole-bath { background-image: url(/images/pic/will-it-fit/bath1hole.gif); } h2#head-2-hole-bath { background-image: url(/images/pic/will-it-fit/bath2hole.gif); } h2#head-3-hole-bath { background-image: url(/images/pic/will-it-fit/bath3hole.gif); } body.glossary-page h1 { color: #00267F; font-size: 1.1em; text-transform: uppercase; } body#bath-home h2, body#kitchen-home h2, body#utility-laundry-home h2 { font-size: 1.1em; margin-bottom: 0.75em; padding-top: 0.35em; color: #00267f; text-transform: uppercase; } body#product-list h2 { font-size: 1.1em; margin-bottom: 0em; padding-top: 0.35em; color: #00267f; text-transform: uppercase; } body#product-details h2 { font-size: 1.1em; margin-bottom: 0.1em; padding-top: 1.25em; color: #00267f; text-transform: uppercase; } body#product-details div.head {border-bottom: 1px solid #fff; margin-bottom: 4px;} body#product-search h2, body#techdoc-search h2 { font-size: 1.1em; color: #00267f; text-transform: uppercase; } /*div#sidebar h2 { color: #00267f; text-transform: uppercase; font-size: 1.1em; }*/ div#sidebar h2 { font-size: 1.1em; } div#glossary-tools h2 { background: url(/images/gui/bg/sidebar-box-wide-top.gif) no-repeat; padding: 10px 17px 6px; color: white; font-size: 1.1em; } div.sidebar-box h2 { color: white; margin: 0 0 0.5em 10px; } body.faq div.sidebar-box h2 { padding: 0 0 7px 10px; margin: 0 0 0.5em; border-bottom: 1px solid white; } div.contact-highlight h3 { margin-left: 10px; font-size: 1.1em; } ul#faq h3 { cursor: pointer; margin-bottom: 1em; color: #00267F; text-decoration: underline; font-size: 1.1em; } ul#faq h3.expanded { text-decoration: none; color: #0047DF; } ul#faq h3.expanded:hover { text-decoration: underline; } body.pressroom h5 { border-bottom: 1px solid #000; margin-bottom: 0.5em; } body.faq h5 { font-size: 1.1em; margin-bottom: 0.25em; border-bottom: 1px solid #000; } body.faq h6 { font-size: 1em; margin: 1em 0 0.25em; } /* Search Results */ form#advanced-search h2 { font-size: 1em; color: white; padding: 0 3px 4px; } div.search-section-header h3 { margin-bottom: 0.5em; float: left; display: inline; } body.search-results h4 { font-size: 1.1em; } h1#goto-product { background: url(/images/ir/goto-titles.gif) 0 0 no-repeat; height: 20px; } h1#goto-function { background: url(/images/ir/goto-titles.gif) 0 -20px no-repeat; height: 20px; } h1#goto-techdoc { background: url(/images/ir/goto-titles.gif) 0 -40px no-repeat; height: 20px; } .goto-options h3 { text-transform: uppercase; margin: 0 0 5px; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ a { color: #00267f; } a:visited { color: #47609F; } /* Main nav */ ul#site-nav a[href*="."] { display: block; text-indent: -10000em; overflow: hidden; height: 25px; background-repeat: no-repeat; } ul#site-nav a[href*="kitchen.do"] { background-image: url(/images/gui/nav/kitchen.gif); width: 70px; height: 25px; } ul#site-nav a[href*="bath.do"] { background-image: url(/images/gui/nav/bath.gif); width: 59px; } ul#site-nav a[href*="/barlaundry.do"] { background-image: url(/images/gui/nav/bar-laundry.gif); width: 117px; } ul#site-nav a[href*="/customersupport/"] { background-image: url(/images/gui/nav/faucet-coach.gif); width: 120px; } ul#site-nav a[href*="/showoffery/"] { background-image: url(/images/gui/nav/faucet-showoffery.gif); width: 160px; } ul#site-nav a[href*="/wheretobuy/"] { background-image: url(/images/gui/nav/where-to-buy.gif); width: 118px; } ul#site-nav a[href*="/company/"] { background-image: url(/images/gui/nav/company.gif); width: 82px; } ul#site-nav a:hover { background-position: left -25px; } ul#site-nav a.active, body.kitchen ul#site-nav a[href*="kitchen.do"], body.bath ul#site-nav a[href*="bath.do"], body.barlaundry ul#site-nav a[href*="/barlaundry.do"] { background-position: left -50px; } /* Sub-nav */ ul#subnav a { display: block; text-decoration: none; color: #8D97BF; font-weight: bold; } ul#subnav a:hover { text-decoration: underline; color: #00267F; } ul#subnav a.active { color: #00267F; } body.contact ul#subnav a[href*="contact.html"], body#product-registration ul#subnav a[href*="productregistration.html"], body.coping-tools ul#subnav a[href*="/copingtools/"], body.faq ul#subnav a[href*="/faq/"], body.glossary-page ul#subnav a[href*="/glossary/"], body.instructions ul#subnav a[href*="/instructions/"], body.pressroom ul#subnav a[href*="/pressroom"], body.request-lit ul#subnav a[href*="/requestliterature"], body.warranty ul#subnav a[href*="warranty.html"] { color: #00267F; } /* Section page links (Bath, Kitchen, etc) */ ul#function-select a { display: block; padding: 0 4px 0; background-color: #00267f; color: white; text-decoration: none; font-size: 0.85em; border: 1px solid #002; } ul#function-select a:hover { background: #6877AE; border-color: #446; } ul#function-select a span { display: block; background-color: white; background-repeat: no-repeat; background-position: 2px 2px; color: white; width: 124px; height: 89px; text-decoration: none; margin: 2px -4px 0; } ul#function-select a#function-bath-sinklav span { background-image: url(/images/pic/function-bath-lavatory.jpg); } ul#function-select a#function-bath-roman span { background-image: url(/images/pic/function-bath-romantub.jpg); } ul#function-select a#function-bath-tubshower span { background-image: url(/images/pic/function-bath-tubshower.jpg); } ul#function-select a#function-kitchen-pullouts span { background-image: url(/images/pic/function-kitchen-pullout.jpg); } ul#function-select a#function-kitchen-twohandle span { background-image: url(/images/pic/function-kitchen-twohandle.jpg); } ul#function-select a#function-kitchen-singlehandle span { background-image: url(/images/pic/function-kitchen-singlehandle.jpg); } ul#function-select a#function-utility-barprep span { background-image: url(/images/pic/function-utility-barlaundry-bar.jpg); } ul#function-select a#function-utility-laundry span { background-image: url(/images/pic/function-utility-barlaundry-laundry.jpg); } /* Links with photos on Showoffery page */ a.story-link { display: block; width: 180px; float: left; text-align: center; text-decoration: none; margin: 0 20px 20px 0; font-weight: bold; font-size: 0.9em; } div#sidebar a.story-link { width: 88px; margin: 0 5px 5px 0; } /* Sidebar image links */ div#sidebar a.sidebar-highlight { display: block; margin-bottom: 12px; } body.faq div#sidebar a { color: white; font-weight: normal; } div.sidebar-box a { color: white; } /* Homepage link to showoffery */ a#showoffery-link { display: block; margin: 37px 0 0 240px; } /* Step links on Instructions page */ ol#instruction-steps a { font-size: 1.25em; font-weight: bold; } /* Step links on Instructions sidebar on Installation/De-installation pages */ ol#sidebar-instructions a { color: white; font-weight: normal; } div#glossary-tools a { text-decoration: none; color: white; } div#site-footer a { float: left; color: white; margin-right: 10px; } div#site-footer a[href*="home.html"] { margin-right: 0; } body#site-home div#site-footer a[href*="home.html"] { display: none; } /* Product List */ div.pagerWrap { clear: left; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 100%; margin-top: 10px; } div.pagerLeft { float: left; padding: 2px 6px; font-size: 10px; } div.pagerRight { float: right; padding: 2px 20px; font-size: 10px; text-align: right; } div.basicsort { border-bottom: 1px solid #FFFFFF; margin-bottom: 10px; width: 100%;} div.sortprodheader { float: left; background-color: #00267F ; border-right: 1px solid #FFFFFF; color: #FFFFFF; font-size: 10px; font-weight: bold; line-height:12px; padding: 2px 8px 2px 6px; } div.sortprodselected { float: left; background-color: #D9DAE9; border-right: 1px solid #FFFFFF; font-size: 10px; font-style: italic; line-height: 12px; padding: 2px 8px;} div.sortprodunselected { float: left; font-size: 10px; font-weight: bold; line-height: 12px; padding: 2px 7px; border-right: 1px solid #FFFFFF;} /* Product Details*/ body#product-details div.links {float:left; width: 539px; } body#product-details div.links div.wheretobuy {float:right; font-size: 10px; } div#viewlarger { text-align: center;} /* Cancel button */ a.cancel { display: block; float: left; text-indent: -1000em; overflow: hidden; width: 68px; height: 28px; background: url(/images/gui/buttons/cancel.gif) no-repeat; } /* Search Results */ div.search-section-header a { color: white; } /* Back link on Product detail and Documentation pages */ a.back-link { float: right; } /* Where to buy Results page */ div#panel a { color: #00267f; } div#panel table tbody td a { font-weight: bold; } div#panel a.next_results, div#panel a.prev_results { color: white; background: #00267F; text-decoration: none; padding: 2px 4px; border: 1px solid white; } li.prdDocItm a { margin-right: 1em; } /* 7.0 PARAGRAPHS ------------------------------------------ */ p { line-height: 1.5; } div#content-body p { margin-bottom: 0.75em; } div#site-footer p { float: left; margin-right: 14px; } body#site-home div#site-footer p { display: block; float: none; margin-bottom: 0.5em; } p.opening { color:#FFFFFF; font-size:16px; font-weight:bold; line-height:20px; margin:10px 0 0 0; padding:0 0 15px 0;} p.lead-in { font-size: 1.15em; line-height: 1.25; font-weight: bold; text-transform: uppercase; color: #00267f; } /* Sidebar quotes */ div.sidebar-box blockquote p { line-height: 1.4; } div.sidebar-box p.byline { text-align: right; font-style: italic; } body#privacy-statement p.address { margin-left: 2em; } div.faq-answer p { margin-bottom: 0.75em; } p.answerHelpful, p.stillNeedHelp { float: left; padding-right: 16px; margin-top: 20px; } p.answerHelpful { margin-right: 30px; } body#glossary-home div#content-body p { width: 210px; float: left; margin-right: 13px; display: inline; } body.glossary-page div#content-body p { width: 270px; float: left; } body#warranty-home p.address { width: 250px; float: left; margin-bottom: 2em; } p.big-note { text-transform: uppercase; font-size: 1.1em; color: #00267F; font-weight: bold; } /* Where to buy Results page */ div#content-body p.resultCriteria { font-size: 1.1em; margin-bottom: 0; } div#content-body p.searchNote { margin-bottom: 1.25em; } p.search-again { font-weight: bold; } p.disclaimer { font-size: 0.85em; } div.contact-highlight p { margin-left: 10px; } /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* Sidebar quotes */ div.sidebar-box blockquote { margin: 0 0 1.25em; padding: 0 10px; } /* 9.0 FORMS ------------------------------------------ */ input[type="checkbox"], input[type="radio"] { border: none !important; padding: 0 !important; background: transparent !important; } dl.sideBySide dd input { border: 1px solid #666; background: #FFF; margin: 0; padding: 2px; } dl.sideBySide dd.multiRadio label { margin-right: 0.5em; } dl.sideBySide dd.multiRadio label input { margin-right: 0.25em; position: relative; top: 3px; } div#formButtons { text-align: center; margin-top: 5px; padding-top: 5px; margin-bottom: 1em; } /* Remove inappropriate styles from radio buttons and checkboxes */ input.radio, input.checkbox { border: none !important; padding: 0 !important; background: transparent !important; } input#searchRadius { width: 4em; } div#google-search label { color: white; font-weight: bold; margin-right: 5px; } button#search-go-header { text-indent: -1000em; overflow: hidden; background: url(/images/gui/buttons/search-go-header.gif) no-repeat; cursor: pointer; height: 26px; width: 26px; border: none; margin-left: 5px; } button.submitButton { text-indent: -1000em; overflow: hidden; background: url(/images/gui/buttons/submit.gif) no-repeat; cursor: pointer; width: 61px; height: 28px; border: none; } button.searchButton { text-indent: -1000em; overflow: hidden; background: url(/images/gui/buttons/search.gif) no-repeat; cursor: pointer; width: 68px; height: 28px; border: none; } div#formButtons button.searchButton { display: block; } button.send-email { text-indent: -1000em; overflow: hidden; background: url(/images/gui/buttons/send-email.gif) no-repeat; cursor: pointer; width: 92px; height: 28px; border: none; } /* Search Results */ form#advanced-search { float: right; display: inline; margin: -5px 0 1em; text-align: right; } /* Thickbox form */ body.thickbox-popup form { margin-top: 0.5em; } #image-search form { padding: 72px 10px 0; } #image-search form input#modelNumber { width: 115px; } #image-search form button#image-search-go { text-indent: -1000em; overflow: hidden; background: url(/images/gui/buttons/image-search-go.gif) no-repeat; cursor: pointer; width: 28px; height: 28px; border: none; position: relative; top: 3px; left: 3px; } form#registrationForm { padding-top: 24px; } form#registrationForm fieldset#productOwnerInfo { margin-top: 0; } form#registrationForm fieldset { padding: 0; } dd.optionsList { margin: 0 0 0.25em 0.25em; } dd.optionsList input { margin-right: 0.5em; } fieldset { border: 0; margin-bottom: 24px; } fieldset h3 { font-size: 1.1em; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid white; color: #00267f; text-transform: uppercase; } fieldset dl.adjacentFields label { font-weight: bold; display: block; } form#registrationForm input.text { width: 200px; } form#registrationForm input#initial, form#registrationForm input#apt { width: 30px; } form#registrationForm input#firstName, form#registrationForm input#lastName { width: 175px; } form#registrationForm input#zip { width: 100px; } /* 10.0 LISTS ------------------------------------------ */ ul#site-nav { list-style: none; margin-left: 26px; position: relative; } ul#site-nav li { float: left; } ul#function-select { list-style: none; } ul#function-select li { float: left; margin-right: 12px; display: inline; } ul#subnav { background: white; list-style: none; padding: 1px 0 4px 25px; } ul#subnav li { float: left; margin-right: 10px; font-size: 0.9em; } ul#highlights { list-style: none; float: right; width: 436px; display: inline; } ul#highlights li { float: left; margin: 0 10px 10px; display: inline; } body#support-home ul#buttons { list-style: none; margin: 30px 0 0 12px; } body#support-home ul#buttons li { float: left; margin-right: 21px; } body#support-home ul#buttons li.last { margin-right: 0; } ul#faq { list-style: none; } ul#faq > li { margin-bottom: 1em; } ul#faq ul { list-style: disc; margin-bottom: 1em; } ul#faq ul li { line-height: 1.5; margin-left: 25px; margin-bottom: 0.25em; } ul#faq ol { margin-left: 25px; } div.sidebar-box ul, div.sidebar-box ol { list-style: none; } div.sidebar-box li { margin: 0 10px 0.5em; } body.faq div.sidebar-box li { line-height: 2.25; font-weight: bold; color: #EFF3FF; padding: 0 10px; margin: 0 2px 0.5em; } body.faq div.sidebar-box li.active { background: #b5bedf; color: #00267f; } ol#instruction-steps { list-style: none; } ol#instruction-steps li { margin-bottom: 0.75em; } ol#sidebar-instructions { color: white; font-weight: bold; } ul.square { list-style-image:none; list-style-position:outside; list-style-type:square; margin-bottom:10px; padding-left: 18px;} div#glossary-tools ul { padding-left: 9px; list-style: none; } div#glossary-tools li { width: 90px; height: 130px; margin: 5px; text-align: center; float: left; display: inline; } /* Will it fit? */ body.will-it-fit div#content-body ol { margin-left: 3em; } ul.hole-examples { list-style: none; margin-bottom: 1em; } ul.hole-examples li { float: left; width: 95px; } body#privacy-statement div#content-body ul { margin-left: 2em; } /* Product Details */ .prdDocLst { font-size:11px; line-height:20px; list-style-image:url(/images/gui/icons/icon-document.gif); margin:0; padding-left:24px;} dl.imagesInGutter { margin: 0 25px 0 0; position: relative; } dl.imagesInGutter dt { font-size: 1.1em; font-weight: bold; background: #fff; padding: 0.6em 0 0.5em 10px; } dl.imagesInGutter dd { min-height: 160px; position: relative; background: #e2e4ef; padding: 5px 220px 13px 25px; margin: 0 0 2em 0; border-bottom: 1px solid #999; } body.pressRelease dl.imagesInGutter dd, body.trends dl.imagesInGutter dd { padding-top: 10px; } dl.imagesInGutter dd.tall { min-height: 275px; } dl.imagesInGutter dd.noImage { background-image: none; padding: 5px 13px 25px; min-height: 0; } dl.pressReleaseContacts { margin-bottom: 1em; } dl.pressReleaseContacts dt { font-weight: bold; } div.sidebar-box dl.pressReleaseContacts { margin-left: 10px; } /* Form list styles */ dl.sideBySide { margin: 0 0 1em; } dl.sideBySide dt { float: left; clear: left; width: 200px; text-align: right; margin-right: 0.5em; font-weight: bold; padding-top: 4px; font-size: 0.9em; } form#product-search-advanced dl.sideBySide dt, form#techdoc-search-advanced dl.sideBySide dt { width: 125px; } dl.sideBySide dd { margin: 0 0 0.75em 205px; text-align: left; } form#product-search-advanced dl.sideBySide dd, form#techdoc-search-advanced dl.sideBySide dd { margin: 0 0 0.75em 135px; } dl.sideBySide dd.tall { margin-bottom: 1.5em; } dl.sideBySide dd.multiRadio { padding-top: 5px; } dl.sideBySide dt.checkbox-swapsides { position: relative; top: -0.5em; left: 230px; text-align: left; } dl.sideBySide dd.checkbox-swapsides { } /* Search Results */ div.search-section ul { list-style: none; } div.search-section-results li { margin-bottom: 0.75em; padding-bottom: 0.5em; border-bottom: 1px solid #f3f5ff; } div.techdoc-content ul { padding-left: 2em; } li.prdDocItm { margin-bottom: 0.5em; } /* Thickbox form */ body.thickbox-popup form dd { margin-bottom: 0.5em; } form#registrationForm dt { font-weight: bold; font-size: 1em; margin: 1.5em 0 0.35em; } form#registrationForm dd { margin-bottom: 0.75em; } fieldset#productOwnerInfo dl.adjacentFields { float: none; display: inline; width: 90%; } fieldset#productOwnerInfo dl.adjacentFields dd { float: left; display: inline; margin: 1em 5px 0 0; } fieldset#productOwnerInfo dl, dd#otherBrandsWrapper dl { float: left; display: inline; width: 48%; } .goto-options ul { padding: 0; margin: 0; } .goto-options ul li { margin-bottom: 8px; list-style-type: none; } /* 11.0 TABLES ------------------------------------------ */ div#panel table { width: 300px; } div#panel th { background: #00267F; color: white; } div#panel th.dealerCount { background: transparent; color: black; } div#panel table tfoot td { padding: 3px 0; } colgroup.labels col { width: 250px; } colgroup.tableContent col { width: 150px; } form#registrationForm th { text-align: left; font-size: 10px; } form#registrationForm tbody td { border-bottom: 1px solid #ddd; padding: 3px 1px; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ div#content-footer { background: url(/images/gui/bg/content-bottom.gif) no-repeat; height: 16px; width: 780px; } body#site-home div#content-footer { display: none; } div#glossary-tools-bottom { background: url(/images/gui/bg/sidebar-box-wide-bottom.gif) no-repeat; height: 14px; } div.sidebar-box-top { background: url(/images/gui/bg/sidebar-box-top.gif) no-repeat; height: 14px; } div.sidebar-box-bottom { background: url(/images/gui/bg/sidebar-box-bottom.gif) no-repeat left bottom; height: 13px; } div#confessions-container h2 em { font-style: normal; font-weight: normal; } p.attribution span.location { display: block; } span.note, span.letter { color: #900; } /* Product List */ body#product-list div.productInfo { padding: 4px; font-size: 10px; } /* Product details inner */ div.holeInfo { padding: 15px 0 10px 0 ; } div.holeInfo .left { float: left; padding-right: 5px; } div.finish-thumbs { padding: 15px 0 5px 0 ; width: 286px; } div.finish-thumbs .left { float: left; padding-right: 5px; } .requiredFlag, .error { color: #ac0535; font-weight: bold; } /* Links with photos on Showoffery page */ a.story-link span.location { display: block; } /* Images on Visual Glossary pages */ div#accent-image { background-repeat: no-repeat; width: 130px; float: right; } body#safety-glasses div#accent-image { background-image: url(/images/pic/visual-glossary/safetyglasses.gif); height: 150px; } body#basin-wrench div#accent-image { background-image: url(/images/pic/visual-glossary/basinwrench.gif); height: 280px; } body#putty-knife div#accent-image { background-image: url(/images/pic/visual-glossary/puttyknife.gif); height: 280px; } body#flashlight div#accent-image { background-image: url(/images/pic/visual-glossary/flashlight.gif); height: 280px; } body#batteries div#accent-image { background-image: url(/images/pic/visual-glossary/batteries.gif); height: 110px; } body#bucket div#accent-image { background-image: url(/images/pic/visual-glossary/bucket.gif); height: 130px; } body#gasoline div#accent-image { background-image: url(/images/pic/visual-glossary/gasoline.gif); height: 100px; width: 200px; } body#pillow div#accent-image { background-image: url(/images/pic/visual-glossary/pillow.gif); height: 250px; } body#teflon-tape div#accent-image { background-image: url(/images/pic/visual-glossary/teflontape.gif); height: 80px; } body#hookups div#accent-image { background-image: url(/images/pic/visual-glossary/hookups.gif); height: 230px; } body#measuring-tape div#accent-image { background-image: url(/images/pic/visual-glossary/measuringtape.gif); height: 120px; } body#carpenters-pencil div#accent-image { background-image: url(/images/pic/visual-glossary/carpenterspencil.gif); height: 210px; } /* 13.0 IMAGES ------------------------------------------ */ img { border: none; } img#site-logo { width: 224px; height: 43px; margin: 0 0 12px 14px; } /* Links with photos on Showoffery page */ a.story-link img { display: block; } dd.choose-frame img { width: 105px; height: 120px; } body.story img.feature-photo { width: 300px; float: right; } div#glossary-tools img { display: block; width: 80px; height: 90px; margin: 0 auto; } body#safety-glasses div#glossary-tools img[src*="safetyglasses"], body#basin-wrench div#glossary-tools img[src*="basinwrench"], body#putty-knife div#glossary-tools img[src*="puttyknife"], body#flashlight div#glossary-tools img[src*="flashlight"], body#batteries div#glossary-tools img[src*="batteries"], body#bucket div#glossary-tools img[src*="bucket"], body#gasoline div#glossary-tools img[src*="gasoline"], body#pillow div#glossary-tools img[src*="pillow"], body#teflon-tape div#glossary-tools img[src*="teflontape"], body#hookups div#glossary-tools img[src*="hookups"], body#measuring-tape div#glossary-tools img[src*="measuringtape"], body#carpenters-pencil div#glossary-tools img[src*="carpenterspencil"] { opacity: 0.5; } /* Product List */ div.productThumbs { text-align: center; background-color: #F0F0E6; position: relative; width: 100%; } .prdThmb { margin: 3px 3px 3px 0; } /* Troubleshooting diagrams in FAQ */ body.faq div.diagrams img { width: 400px; margin-bottom: 12px; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------------------------------------------ */