/* */ body { margin:0; background:#FFF url(../images/main-background.gif) repeat; } body,table,td { font-family:Arial,Verdana,sans-serif; color:#000; font-size:12px; line-height:16px; } select { font-size:12px; } .eleven { font-size:11px; } .black { color:#000; } sup { font-size:smaller; position:relative; bottom:0.5em; vertical-align:baseline;} /* Link Definitions */ a { color:#000; text-decoration:none; } a.red-no-line { color:#900 !important; text-decoration:none;} h2 a { font-family:Arial,Verdana,sans-serif; font-size:15px; font-weight:normal; margin:0 0 13px 0; } a.icon-link { color:#900; font-size:11px; } a.copy { color:#900; text-decoration:underline; } a.go { color:#900; text-decoration:none; font-size:11px; margin-left:5px; } a.go:hover { text-decoration:underline !important; } a.go:visited { color:#900; text-decoration:none; } #sitemap a { color:#000; text-decoration:none; } #sitemap a:hover { text-decoration:underline; } li.link a, li.save a, li.remove a, li.top a, li.backlink, li.email a, li.print a, li.download a, li.tips a, li.add a, li.video a, li.enlarge a { color:#900; } a:visited, h2 a:visited, a.icon-link:visited, li.link a:visited, li.top a:visited, li.save a:visited, li.remove a:visited, li.download a:visited, li.add a:visited, li.tips a:visited, li.enlarge a:visited { color:#666; } ul.blacklink li.link a { color:#000; } ul.blacklink li.link a:hover { color:#900; } li.linkblack a { color:#000; } a:hover { text-decoration:underline; color:#900; } li.link a.filelink { color:#000; text-decoration:none; } li.link a.filelink:hover, li.link a.filelink:active { color:#900; text-decoration:underline; } a.symbolURL { color:#900; text-decoration:underline;} ul.whitelink li.link a { color:#fff; } ul.whitelink li.link a:hover { color:#9ff; } li.linkwhite a { color:#fff; font-family: Verdana; } #maywesuggest a,#product-list a, .gallery-product-list .link a { color:#000; } #maywesuggest a:hover,#product-list a:hover, .gallery-product-list .link a:hover { color:#900; } #gallery-images-table tr td a img { border: 1px solid white; } #gallery-images-table tr td a:hover img { border: 1px solid #900; } #my-folder-tab { position:absolute; top:9px; left:800px; width:172px; z-index:3; } #bring-up { z-index:101; background:#FFF; position:relative; top:0; left:0; padding:0 10px 10px 0; } #main, #main-home-ca { background:#FFF; position:relative; top:0; left:16px; width:759px; border:9px solid #FFF; margin-bottom:10px; z-index:2; } #main-home { background:#FFF; position:relative; top:0; left:16px; width:1012px; border:9px solid #FFF; } #mykohler-home { background-color:#E9E9E9; height:72px; width:230px; padding:6px 9px 0 9px; font-size:11px; } #mykohler-home ul { margin-top:2px; } #mykohler-home li { padding:0 6px 4px 10px; line-height:12px !important; list-style-type:none; } #mykohler-home a { font-size:11px; } #tradeLinks { margin:0; padding:0; } #tradeLinks-home { background-color:#E9E9E9; height:27px; padding:0 9px; } select.tradeLinks-home { width:190px; font-size:11px; margin-top:5px; } #content-section { min-height:500px; } #navigation *, #leftnav *,#right-nav *,#searcharea *,#searcharea-home *, #my-folder-tab *,#my-folder-tab-off * { font-size:11px; } #print-main { border:0px solid #E1E9ED; width:600; color:#313031; margin:15px; } #utilitynav img { margin:5px 0 22px 0; } #searcharea { background:#E1E1E2; width:182px; height:67px; border-right:9px solid #FFF; } #searcharea-home { background:#E1E1E2; width:182px; height:67px; } #leftnav { background:#FFF url(../images/bg-leftnav.gif) repeat-y; } #leftnav-iframe { background:#FFF url(../images/bg-leftnav.gif) repeat-y; } #title-bar-0, #title-bar-8 { background:#A5A29D; width:567px; height:36px; margin-bottom:4px; } #title-bar-1 { background:#A19D80; width:567px; height:36px; margin-bottom:4px; } #title-bar-2 { background:#829dab; width:567px; height:36px; margin-bottom:4px; } #title-bar-3 { background:#8d997b; width:567px; height:36px; margin-bottom:4px; } #title-bar-4, #title-bar-5, #title-bar-6 { background:#7F746F; width:567px; height:36px; margin-bottom:4px; } #title-bar-7 { background:#69A0A2; width:567px; height:36px; margin-bottom:4px; } .logo { margin:5px 0 19px 8px; } #logo-underline { height:1px; width:100%; } #footer { background:#E1E1E2; height:56px; border-top:7px solid #FFF; } br { line-height:10px; } hr { margin-top:15px; margin-bottom:9px; color:#CCC; height:0; width:100%; padding:0; } #selection-guide-list hr { margin:10px 0; color:#CCC; height:1px; width:100%; } .static-home-box hr, #static-nav hr { color:#FFF !important; } hr.white { color:#FFF !important; } hr.no-margins { margin:0; width:100%; } .divider-line { background-color:#CCC; height:1px; border-top:15px solid #FFF; border-bottom:9px solid #FFF; } .divider-line-five { background-color:#CCC; height:1px; border-top:5px solid #FFF; border-bottom:5px solid #FFF; } h1 { font-family:Arial,Verdana,sans-serif; font-size:14px; margin:0 0 6px 0; } h1.no-margins { margin:0; } h1.boldPower {font-size:13px;color:#000000;} h1.boldPower span {font-size:10px;} h2 { font-family:Arial,Verdana,sans-serif; font-size:14px; line-height:19px; font-weight:normal; margin:0 0 13px 0; } h3 { font-family:Arial,Verdana,sans-serif; font-size:12px; color:#333; font-weight:bold; margin:0 0 2px 0; } h3.boldToiletsPower {font-size:15px;margin:7px 0 3px 0;} h3.boldToilets {font-size:15px;margin-bottom:3px;} h4.boldPower-subhdr {font-size:14px;font-weight:normal;color:#355569;margin:17px 0 8px 0;} .large-font { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#000; } .large-font-grey { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#333; line-height:19px;} .large-font-blue { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#2E4B5A; line-height:19px;} .large-font-green { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#3E4E27; line-height:19px;} .large-font-ltgrey { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#666; margin-bottom:9px; line-height:19px;} .large-font-yellow { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#5B552B; margin-bottom:9px; line-height:19px;} .medium-font-grey { font-family:Arial,Verdana,sans-serif; font-size:12px; color:#333; font-weight:bold; } .small-font { font-size:10px; line-height:12px; } li.whitelink * { color:#FFF !important; } /* things that should be white */ li.whitelink a:hover { color:#FFF; text-decoration:underline; } ul { margin:0; padding:0; } ol { position:relative; left:-22px; } ul.copy-list { margin:7px 0 0 0; padding:0; } ul.padded-top { margin:15px 0 0 0; padding:0; } ul.padded { margin:2px 0 12px 0; padding:0; } ul.padded-bottom { margin:0 0 12px 0; padding:0; } /* Styles for the new category landing page */ ul.bathing-padded { margin:15px 0 55px 0; padding:0; } #bathing-intro-div { margin:0; padding:0; width:567px; min-height:346px; background:#dceae9 url(../../common/images/img_bathing_background.jpg) no-repeat } #bathing-left-copy { width:334px; float:left; padding: 0 0 0 30px;} #bathing-select-features-right-div { float:left; margin-left:30px; } #bathing-right-column { behavior: url("/common/htc/iepngfix.htc"); } /* subcategory pages */ #bathing-overview { width: 567px; height:352px;} #bathing-intro-border { background:#829dab;height:3px;width:567px;padding:0;margin:2px 0 0 0;font-size:3px; } .view-Products-img { border:none;height:18px; width:103px; position:relative; top:0; left:0; } /* bathing-bottom subcat-pages */ #disabled-showProducts { behavior: url("/common/htc/iepngfix.htc"); } #tab-overview { cursor:pointer; cursor:hand; border:none; margin-right:1px;} #tab-photo { cursor:pointer; cursor:hand; border:none; margin-right:1px; } #tab-video { cursor:pointer; cursor:hand; border:none; } .bathing-image { border:none; } #bathing-video-close-image { cursor:pointer; cursor:hand; float:right; } #bathing-video-close{ z-index:105;display:none; position:absolute; background:#ffffff; width:768px; left:210px;padding:2px; padding-left:10px;} #bathing-video-message{ display:none; z-index:105; position:absolute; background:#ffffff; width:768px; left:210px;padding:2px; padding-left:10px;} #bathing-left-column { float:left;width:378px; padding-top:30px; } #bathing-right-column { float:left; width:150px; padding-top:30px; } .bathing-subcategory-sections { padding-bottom:30px; width:375px; } .bathing-subcategory-sections-image { cursor:pointer; cursor:hand; float:left; background:transparent url('../images/bathing/img-background.jpg'); width:94px; height:94px; } .bathing-subcategory-sections-desc {cursor:pointer; cursor:hand; float:left; margin-left:20px; width: 238px; float:left; color:#444444; font-size:12px; } .bathing-plus { cursor:pointer; cursor:hand; margin-left:4px; border:0px;} /* bathing subcat popup */ #bathing-videos-small-overlay-container *, #bathing-popup * { behavior: url("/common/htc/iepngfix.htc"); } #bathing-popup { width:549px; position:absolute; top:30px; visibility:hidden;z-index:103; } #bathingPopup-content { background:transparent url('../images/bathing/bg-bathingPopup-mid.png') no-repeat; width:496px; padding:0 30px 0 23px; } #bathing-popup-text { color:#444444; font-family:Arial;font-size:14px; line-height:18px; } .bathing-right-nav-resources { padding-left:8px; height: 89px; width:175px; border-top: 1px solid #e2e4e8; padding-top:12px; margin-bottom:0px; padding-bottom:0px;} .bathing-right-nav-title { margin-bottom:8px; width:62px; height:7px; border:0; } .bathing-try-it-now { float:left; margin-left:20px;cursor:hand;cursor:pointer;} #bathing-launch-guide { cursor:pointer; margin-top:23px; width:85px; height:11px; cursor:hand; margin-left:5px; border:0;} #bathing-intro { cursor:pointer; margin-top:23px; width:161px; height:11px; cursor:hand; margin-left:5px; border:0;} #bathing-download-literature { cursor:pointer; margin-top:4px; width:142px; height:11px; cursor:hand; margin-left:5px; border:0;} #clearContainer { width:566px; } #bathing-popup-thumbnails { padding-top:14px;} #bathing-popup-div-title { margin-left:30px; margin-bottom:15px;} #bathing-popup-title { margin-top:25px; } #bathing-popup-title img { float:left; } #bathing-popup-title-img { padding-left:6px; } #bathing-subcat-header-gallery { display:none; } #bathing-subcat-resources .link { background:transparent url(../images/bullet-link.gif) no-repeat;} #bathing-subcat-resources .link a { font-color: #000000 !important; } #bathing-subcat-experiences .link { font-color: #222222 !important; background:transparent url(../images/bullet-link.gif) no-repeat;} #bathing-subcat-experiences .link a { font-color: #222222 !important; } .videos-scroll-buttons { cursor:hand;cursor:pointer; float:left;background-color:#568094;width:30px;height:88px; } .bathing-scroll-image { margin-top:30px; margin-left:10px; } #bathing-picture-gallery-small-overlay { position:absolute;} #bathing-subcat-header-photo { width:567px; display:none;} #bathing-subcat-header-overview { width:567px; height:352px; display:none;} #bathing-subcat-video { width:567px; height:352px; display:none;} #overview-overlay-image { float:right; border:none; z-index:200 !important;} #clip-list { width:1000px; border:0 none; padding:0; position:relative; z-index:1; } #clip-list li { float:left; list-style-type:none; list-style-image:none; list-style-position:outside; background:none; height: 88px} #clipregion { border: 0px none ; width:507px !important; margin: 0px; padding: 0px; float:left; background:none; } #clipregion li img { border: 0px;} #bathing-Glossary { width:560px; } #bathing-Glossary h1 { color:#a3b7c1; font-size:18px; font-weight:normal; margin-bottom:20px; } #bathing-Glossary p { margin-bottom:20px; } #bathing-Glossary hr { color:#666666; margin-top:0px; padding:0px;} #bathing-videos-small-overlay-container { width:567px; height:88px; display:none; position:absolute; background:transparent url('../images/bathing/ie-clipregion-background.gif') repeat;} #bathing-rollover-bar { display:none; position:absolute;} #bathing-video-container { display:none; } #videoPlayer { width:651px; margin:0; padding:0; position:absolute;left:210px;top:106px; z-index:0; background-color:transparent; } #video-background { position: absolute; z-index:102; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /*#video-background { position: absolute; z-index:102; top: 0px; left: 0px; background-image: url(../images/bathing/background_opacity_50.png);background-repeat:repeat; }*/ #popup-background { position: absolute; z-index:-1; top: 0px; left: 0px; background:transparent; width: 1663px; height: 1200px; } #view-products-container * { behavior: url("/common/htc/iepngfix.htc"); } #view-products-container{ position:absolute; top:515px;left:650px; height:18px; width:103px; cursor:pointer; cursor:hand; overflow:hidden; } .bathing-videos-small-clips { cursor:pointer; cursor:hand; display:inline; height:86px; background: url('../images/bathing/default-image-background.png'); } .bathing-videos-large-clips { cursor:pointer; cursor:hand;height:86px; margin-left:1px; background: url('../images/bathing/selected_image_background.png'); width:233px;} .bathing-gallery-images { float:left; margin-top:11px; margin-left:10px; border:3px solid transparent; width:77px; height:62px;} .bathing-gallery-copy { float:left; font-size:11px; color:#ffffff; height:50px; width:160px; margin-top:11px; margin-left:10px; visibility:hidden;} .bathing-gallery-video-copy { float:left; font-size:11px; color:#ffffff; height:50px; width:275px; margin-top:11px; margin-left:12px; visibility:hidden;} .bathing-gallery-copy a { color:#ffffff!important;text-decoration:underline; } .bathing-gallery-copy a:hover a:visited {color:#ffffff !important; text-decoration:underline; } .bathing-images-80 { width:80px; height:80px; margin-left:3px; margin-top:4px;} #bathing-images-product-features-title { margin-bottom:10px;} #video-window { z-index:120;} #videoPlayer {z-index:120;} #img-bathing-overlay { border:none; position:relative; left:283px; } #bathing-subcat-main-image { width:567px; height:352px;} #close-popup { cursor:pointer; cursor:hand; position:relative; top:50px; left:498px; border:0px; z-index:103;} #bathing-popup-image { width:483px; height:334px; margin-left:6px; margin-bottom:14px;} #bathing-popup-image-thumbnails { margin-left:30px; height:40px; margin-bottom:25px;} .bathing-bathing-popup-thumbnails { float:left; margin-left:3px; } .bathing-bathing-thumbnail-image { cursor:pointer; cursor:hand; border:0px; width:33px; height:33px; } #bathing-popup-image-title { margin-bottom:10px; margin-left:30px;} #bathing-popup-buttons { margin:10px 0 20px 37px; } /* container for buttons */ #bathing-popup-image-copy{ font-size:14px; width:406px;margin-left:30px;} #bathing-experience-original-compositions{ display:none; cursor:pointer; cursor:hand; padding:20px 0 0 37px; } #bathing-experience-try-it-out{ display:none; cursor:pointer; cursor:hand; padding:20px 0 0 37px; } #bathing-popup-view-products { cursor:pointer; cursor:hand; padding:10px 0 30px 37px; } .bathing-popup-thumbnail-inner { margin: 1px; }; /* .category-select-boxes { margin: 182px 0 0 0;width:172px; padding:13px 5px 0 13px; min-height:159px; /* border: solid 1px red; */ } */ .category-select-boxes{ width:172px; padding:13px 5px 0 13px; min-height:159px; /* border: solid 1px red; */ } li { padding:0 6px 4px 10px; line-height:16px !important; list-style-type:none; } ol li { list-style-type:decimal; padding:0 6px 4px 0; margin-bottom:15px; } li.print, li.email, li.tips, li.download, li.save, li.add, li.remove, li.enlarge { padding:0 6px 4px 16px; font-size:11px; list-style-type:none !important; } li.video { padding:0 2px 4px 20px; font-size:11px; } .download-link { font-size:11px;margin-bottom:4px;display:block; color:#900; } ul.compressed li { padding-bottom:0; } ul.expanded li { padding-bottom:9px; } .articlelist-bullets { float:left; padding-top:4px; } #static-nav .link a, #static-nav .showroom-link a { color:#000; } #static-nav .link a:hover, #static-nav .showroom-link a:hover { color:#900; text-decoration:underline; font-weight:normal; } #static-nav b .link a:hover, #static-nav b .showroom-link a:hover { color:#900; text-decoration:underline; font-weight:bold; } .asterik { color:#900; } #static-nav a.active, #static-nav a.active:hover, #static-nav a.active:active { font-weight: bold; } /* FORM STYLES */ label.over:hover, label.over:active { text-decoration:underline; color:#900; } .textbox { border:1px solid #B4B2B2; height:17px; width:151px; margin:3px 0 6px 0; font-size:10px; } .kpf-textbox { border:1px solid #B4B2B2; width:20px; height:20px; } .small-textbox { border:1px solid #B4B2B2; width:20px; height:17px; } .tab-textbox { border:1px solid #B4B2B2; width:130px; height:18px; } select { width:150px; border:1px solid #B4B2B2; margin:3px 0 5px 0; } .baselect { width:250px; border:1px solid #B4B2B2; margin:3px 0 5px 0; } .checkbox { width:13px; margin:0 3px 0 0; } .select-no-margin { margin:0; } .select-padded-bottom { margin-bottom:7px; } .submit-arrow { margin:0 0 5px 5px; } .kohler-brands { width:138px; border:1px solid #989898; } .search-textbox { width:126px; border:1px solid #989898; height:17px; color:#999; font-size:9px; margin:0 5px 0 3px; } .yui-skin-sam form { margin:0; } #tradeprofessionals-tab select { width:138px; position:relative; left:-4px; } #subCatForm select { width: 150px; font-size:11px; margin:3px 0 5px 0; } #subCatFormNew select { width: 150px; font-size:11px; height:17px; } .question { display:inline; margin:0 0 3px 3px; cursor:pointer; cursor:hand; } #pfRegisterForm input, #contactUsForm input { border:1px solid #B4B2B2; width:185px; margin-bottom:8px; } #contactUsForm input.short { width:40px; margin-bottom:0; } #pfRegisterForm input.long, #pfRegisterForm select, #contactUsForm input.long, #contactUsForm select { width:215px; margin-bottom:8px; font: normal 12px Arial,Verdana,sans-serif; } #pfRegisterForm input.check, #contactUsForm input.check { width:auto; margin-bottom:0; border:0 solid white; } #pfRegisterForm #pfFormSubmit, #contactUsForm #formSubmit, #contactUsForm #formClear { border:1px solid #000000; border-bottom:2px solid #000000; border-right:2px solid #000000; width:auto; font: normal bold 12px Arial,Verdana,sans-serif; } #pfRegisterForm #pfFormSubmit:active, #contactUsForm #formSubmit:active, #contactUsForm #formClear:active { border:2px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; } #contactUsForm textarea { border:1px solid #B4B2B2; width:90%; padding:2px; margin-bottom:8px; font: normal 12px Arial,Verdana,sans-serif; } #calcForm select { border:1px solid #B4B2B2; width:50px; height:20px; margin:0; } .calculator-textbox { border:1px solid #B4B2B2; width:50px; height:20px; } /* BACKGROUND COLORS */ .background-1 { background:#F1ECC7 url(../images/spacer.gif) repeat; } .background-2 { background:#DCE6EB url(../images/spacer.gif) repeat; } .background-3 { background:#F3F3F3 url(../images/spacer.gif) repeat; } /* Text Color */ .blue, .blue-title h1, .blue-title h2, .blue-title h3, .blue-title h4 { color:#2E4B5A; } .grey, .grey-title h1, .grey-title h2, .grey-title h3, .grey-title h4 { color:#333; } .yellow, .yellow-title h1, .yellow-title h2, .yellow-title h3, .yellow-title h4 { color:#5B552B; } .yellow, .green-title h1, .green-title h2, .green-title h3, .green-title h4 { color:#3E4E27; } .lt-grey { color:#999; } .white { color:#FFF; } .red { color:#900; } .title-section { margin:11px 0 0 8px; } .title-page { margin:11px 0 0 1px; } .content { padding:15px 0; } .content-top-fifteen { padding:15px 0 0 0; } .content-padded { padding:15px 7px; } .content-indented { padding:0 7px; } .content-indented-left { padding:0 0 0 7px; } .content-indented-left15 { padding:0 0 0 15px; } .copy-with-tertiary-nav { padding:7px 10px 15px 10px; } .ttl-graphic { margin:29px 0 0 8px; height:46px; position:relative; top:0; left:0; z-index:97; } .ttl-graphic2 { margin:1px 0 0 8px; } .product-name { margin:0 0 0 7px; } .product-image { margin:0 7px 7px 7px; filter:blendTrans(duration=0.5); } .product-image-large { margin:7px; filter:blendTrans(duration=0.5); } #large-product-image { border:1px solid #E1E1E2; margin-bottom:8px; } .bordered-box { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; } .product-spec-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:359px; } .color-finish-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:359px; } .color-palette-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:548px; } .color-palette-coordinating-container { border-top:1px solid #E1E1E2; padding:7px; width:530px; font-size:10px;} .desc-feature-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:359px; } .color-finish-disclaimer { font-size:10px; } #product-features { width:375px; } .white-line { border-top:1px solid #FFF; } /* Color palette now has supersize tabs */ .cp-kitchen-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:551px; } .cp-bath-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:551px; } .cp-faucet-container { border-left:1px solid #E1E1E2; border-right:1px solid #E1E1E2; border-bottom:1px solid #E1E1E2; padding:7px; width:551px; } /* Main Navigation & Color Bar Styles */ .bar-1 { background:#E8DE95; height:18px; padding:2px 5px 0 8px; font-size:11px; color:#333333; font-weight:bold; cursor:pointer; } .bar-2 { background:#BFCED6; height:18px; padding:2px 5px 0 8px; font-size:11px; color:#333333; font-weight:bold; cursor:pointer; } .bar-3 { background:#E7E9EC; height:18px; padding:2px 5px 0 8px; font-size:11px; color:#333333; font-weight:bold; cursor:pointer; } .bar-7 { background:#E0DFDD; height:18px; padding:2px 5px 0 8px; font-size:11px; color:#333333; font-weight:bold; cursor:pointer; } .bar-atomz { background:#e1e1e2; height:18px; padding:2px 5px 0 8px; font-size:11px; color:#333333; font-weight:bold; cursor:pointer; } .dropdown-bar-atomz { padding:0 5px 0 8px; } .green-bar { background:#D2D9D3; height:17px; padding:0 5px 0 8px; } .lt-blue-bar { background:#E7EBEF; height:17px; padding:0 9px 0 8px; } .selection-guide-bar { width:557px; height:47px; padding:9px 0 0 10px; } .nav-node { padding-bottom:3px; } .subsection-area { padding:7px 7px 6px 16px; line-height:18px; border-bottom:1px solid #FFFFFF; } .subsection-area-arrow { padding:7px 7px 6px 5px; line-height:18px; border-bottom:1px solid #FFFFFF; } .subsection-area-last { padding:7px 7px 6px 16px; line-height:18px; } .subsection-area-arrow-last { padding:7px 7px 6px 5px; line-height:18px; } img.nav-arrow { margin-right:4px; } .subsection-area ul { padding:2px 0 2px 12px; } .subsection-area-arrow ul { padding:2px 0 2px 11px; } .subsection-area-last ul { padding:2px 0 2px 12px; } .subsection-area-arrow-last ul { padding:2px 0 2px 11px; } .subsection-area li, .subsection-area-arrow li, .subsection-area-last li, .subsection-area-arrow-last li { padding:0 6px 2px 10px; line-height:12px; } #static-nav { background-color:#FFF; } #subnav-area-1 { background-color:#F1ECC7; } #subnav-area-2 { background-color:#DCE6EB; } #subnav-area-3 { background-color:#EBF0E3; } #subnav-area-7 { background-color:#D0EDED; } .leftNav-twitterLink {width:164px;margin-top:3px;padding:5px 6px 5px 11px;border:1px solid #D6D4CE;cursor:pointer;cursor:hand;} * html .leftNav-twitterLink {width:183px;} .expand-nav-node { cursor:pointer; } #subcat-middle .bar-1, #subcat-middle .bar-2, #subcat-middle .bar-3, #subcat-iframe .bar-1, #subcat-iframe .bar-2, #subcat-iframe .bar-3 { height:5px; } .bgcolor-1 { background:#E8DE95; } .bgcolor-1a { background:#F1ECC7; } .bgcolor-2 { background:#BFCED6; } .bgcolor-2a { background:#DCE6EB; } .bgcolor-3 { background:#cedfb4; } .bgcolor-3a { background:#ebf0e3; } #subcat-forceheight { height: 179px; } .slctGuide-tab-1 { background:#F1ECC7; height:14px; width:171px; padding:9px; font-size:13px; } .slctGuide-tab-a-1 { background:#A19D80; height:41px; width:171px; padding:9px; font-size:13px; color:#FFF; } .slctGuide-3tab-1 { background:#F1ECC7; height:14px; width:169px; padding:9px; font-size:13px; } .slctGuide-3tab-a-1 { background:#A19D80; height:41px; width:169px; padding:9px; font-size:13px; color:#FFF; } .slctGuide-tab-2 { background:#DCE6EB; height:14px; width:171px; padding:9px; font-size:13px; } .slctGuide-tab-a-2 { background:#829DAB; height:41px; width:171px; padding:9px; font-size:13px; color:#FFF; } .slctGuide-3tab-2 { background:#DCE6EB; height:14px; width:169px; padding:9px; font-size:13px; } .slctGuide-3tab-a-2 { background:#829DAB; height:41px; width:169px; padding:9px; font-size:13px; color:#FFF; } .kitchen-nav-tab { background:#E8DE95; width:176px; height:18px; padding:3px 0 0 7px; border-bottom:1px solid #FFF; cursor:pointer; font-weight:bold; color:#666; } .kitchen-nav-tab td { font-weight:bold; color:#666; } .kitchen-subnav { background:#F1ECC7; width:166px; padding:3px 0 0 17px; border-bottom:1px solid #FFF; } div.kitchen-subnav ul { position:relative; left:-10px; } div.kitchen-subnav li { padding:0 6px 2px 10px; line-height:12px } div.kitchen-subnav a:hover { color:#333; font-weight:bold; text-decoration:none; } .bathroom-nav-tab { background:#BFCED6; width:176px; height:18px; padding:3px 0 0 7px; border-bottom:1px solid #FFF; cursor:pointer; font-weight:bold; color:#666; } .bathroom-nav-tab td { font-weight:bold; color:#666; } .bathroom-subnav { background:#DCE6EB; width:166px; padding:3px 0 0 17px; border-bottom:1px solid #FFF; } div.bathroom-subnav ul { position:relative; left:-10px; } div.bathroom-subnav li { padding:0 6px 2px 10px; line-height:12px } div.bathroom-subnav a:hover { color:#333; font-weight:bold; text-decoration:none; } .commercial-subnav { background:#F3F3F3; width:166px; padding:3px 0 0 17px; border-bottom:1px solid #FFF; } .commercial-nav-tab { background:#BCBCBC; width:176px; height:18px; padding:3px 0 0 7px; border-bottom:1px solid #FFF; cursor:pointer; font-weight:bold; } .commercial-nav-tab td { font-weight:bold; } div.commercial-subnav ul { position:relative; left:-10px; } div.commercial-subnav li { padding:0 6px 2px 10px; line-height:12px } div.commercial-subnav a:hover { color:#333; font-weight:bold; text-decoration:none; } .showrooms-subnav { background:#CEC9C0; width:166px; padding:3px 0 0 17px; border-bottom:1px solid #FFF; } div.searchagain-box { background: #E1E1E2; height:34px; padding:12px 0 15px 9px; border-top:#FFF 1px solid; } #logo-popup { margin:23px 0 21px 12px; } #popup-main-0, #popup-main-1, #popup-main-2, #popup-main-3, #popup-main-7 { background:#FFF; border:9px solid transparent; width:375; padding-bottom:15px; } #color-popup-main-0, #color-popup-main-1, #color-popup-main-2, #color-popup-main-3, #color-popup-main-7 { background:#FFF; margin:10px; } #popup-title-bar-0, #popup-title-bar-1, #popup-title-bar-2, #popup-title-bar-3, #popup-title-bar-7 { width:339px; height:39px; padding:30px 0 0 12px; margin:0 12px 14px 12px; } #color-popup-title-bar-0 { background:#E1E1E2; width:462px; height:36px; margin-bottom:4px; } #color-popup-title-bar-1 { background:#F1ECC7; width:462px; height:36px; margin-bottom:4px; } #color-popup-title-bar-2 { background:#DCE6EB; width:462px; height:36px; margin-bottom:4px; } #color-popup-title-bar-3 { background:#EBF0E3; width:462px; height:36px; margin-bottom:4px; } #color-popup-title-bar-7 { background:#69A0A2; width:462px; height:36px; margin-bottom:4px; } #popup-main-0 { border-color:#E1E1E2; } #popup-main-1 { border-color:#F1ECC7; } #popup-main-2 { border-color:#DCE6EB; } #popup-main-3 { border-color:#EBF0E3; } #popup-main-7 { border-color:#8AD1D3; } #popup-title-bar-0 { background:#E1E1E2; } #popup-title-bar-1 { background:#F1ECC7; } #popup-title-bar-2 { background:#DCE6EB; } #popup-title-bar-3 { background:#EBF0E3; } #popup-title-bar-7 { background:#8AD1D3; } .popup-content-indented { padding:0 23px 0 23px; } .popup-textbox { border:1px solid #B4B2B2; height:21px; width:159px; margin-bottom:15px; } .popup-textbox-wide { border:1px solid #B4B2B2; height:21px; width:328px; margin-bottom:15px; } .popup-area-wide { border:1px solid #B4B2B2; height:135px; width:328px; margin-bottom:15px; } /*Center Column Styles */ .padded-left { padding-left:9px; } .two-column-left { width:363px; padding:0 10px 0 10px; } .two-column-right { width:163px; padding:0 10px 0 10px; } .two-column-even-left-thin { width:183px; margin-right:9px; } .two-column-even-left { width:240px; padding:0 15px 0 9px; } .two-column-even-right { width:240px; padding:0 9px 0 15px; } /*Right Column Styles */ .right-column-padded { padding:12px 0 10px 9px; } .right-column { padding:0 0 10px 9px; } #right-column-buttons img { margin-bottom:7px; } .right-colum-container { background-color:#EEEFF1; padding:12px 10px 10px 22px; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin-bottom:7px; } .right-column-widgetContainer { background-color:#EEEFF1; padding:15px 10px 10px; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin-bottom:7px; position:relative; z-index:5; } /* spacing and image styles */ .six-left { padding-left:6px; } .six-right { padding-right:6px; } .nine-left { padding-left:9px; } .nine-right { padding-right:9px; } img.five-bottom { margin-bottom:5px; } .nine-bottom { margin-bottom:9px; } img.five-right { margin-right:5px; } img.fifteen-bottom { margin-bottom:11px; } img.copy-right { margin:4px 8px 0 8px; float:right; } img.copy-left { margin:4px 10px 0 0; float:left; } img.twenty-right { margin-right:20px; } img.twenty-left { margin-left:20px; } .copy-left-cationed { float:left; margin:4px 10px 10px 0; font-size:11px; } .copy-left-cationed img { margin-bottom:3px; } .opaque { border:2px solid #990000; /* filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; */ } table.img-left { margin:4px 0 0 8px; } table.img-right { margin:4px 10px 0 0; } /* Icon Styles in a Bar */ .first-icon { margin:0 6px 0 0; } .first-icon-no-bar { margin:0 6px 0 9px; } .icon-left { margin:0 4px 0 10px; } .icon-right { margin:0 18px 0 6px; } .icon-aligned-right { margin:0 9px 0 6px; } .icon-down-arow { float:right; margin-top:5px; } /* Border Styles */ .border-right { border-right:1px solid #CCC; padding:8px; } /* Swapping Div Styles */ .results-features { display:none; position:absolute; top:198px; left:192px; width:191px; padding:0; } .results-length { display:none; position:absolute; top:6px; left:184px; width:177px; padding:14px 7px 14px 7px; } .results-install-type { display:none; position:absolute; top:6px; left:-5px; width:177px; padding:14px 7px 14px 7px; } #results-features-1 { background:#F1ECC7; } #results-features-2 { background:#DCE6EB; } #results-features-3, #filter-floorplans, #floorplans-number { background:#F3F3F3; } .rearrange-by { display:none; position:absolute; top:198px; left:384px; width:191px; } .rearrange-by-we { display:none; position:absolute; top:20px; left:380px; width:185px; } .install-by-we { display:none; position:absolute; top:20px; left:2px; width:185px; } .length-by-we { display:none; position:absolute; top:20px; left:191px; width:185px; } .rearrange-by-atomz { display:none; position:absolute; top:198px; left:383px; width:191px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; } #rearrange-by-1 { background:#F1ECC7; padding-top:7px; z-index:1; } #rearrange-by-2 { background:#DCE6EB; padding-top:7px; z-index:1; } #results-install-type-2 { background:#DCE6EB; padding-top:7px; } #results-length-2 { background:#DCE6EB; padding-top:7px; } #rearrange-by-3 { background:#F3F3F3; padding-top:7px; } #rearrange-by-4, #rearrange-by-7 { background:#f5f5f5; padding-top:7px; } .sort-button { padding:0 5px 7px 10px; font-size:11px; } #resultFilter .resultFilterSection { width:auto; padding:5px 3px 15px 13px; } #resultFilter .resultFilterSection div.title { display:block; font-weight:bold; font-size:10px; padding:0 0 5px 0; } #resultFilter .resultFilterDivider { width:100%; height:5px; line-height:0px; background-color:#bfced6; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #resultFilter .resultFilterDividerYellow { background-color:#E8DE95; } #resultFilter .result-filter-color_swatch { float:left; padding:0 10px 0 0; } #resultFilter .disabled { } .productResult-adaLogo { width:100%; margin-top:5px; text-align:right; } .productResult-adaLogo img { margin-right:25px;} .groupResult-adaLogo { width:100%; margin-top:5px; text-align:right; } .groupResult-adaLogo img { margin-right:0px;} /* Home Page Styles */ #home-select-area { width:183px; background:#E1E1E2; border-right:9px solid #FFF; border-left:9px solid #FFF; } #home-select-area * form { margin:0;} #home-select-area * form select { width:150px;} #home-select-area * option { width:180px;} #home-list-area { padding:11px 7px 5px 12px; width:177px; background:#E1E1E2; border-right:9px solid #FFF; border-left:9px solid #FFF; } .home-static-content { height:147px; margin:9px 0 0 12px; color:#333; } #home-static-center { background:#FFF url(../images/bg-leftnav.gif) repeat-y; border-left:9px solid #FFF; border-right:9px solid #FFF; width:182px; } #product-finder-table { margin:15px 10px; } /* Section Front Styles */ #section-spiffs { border-top:4px solid #FFF; } /* Category Front Styles */ #branding-image { margin:0 0 3px 0; } #myIframe { width:189px; min-height:197px; } #myIframe-new { width:189px;z-index:1;} #myIframe-new>* { z-index:1;} #img-showProducts { cursor:pointer; cursor:hand; behavior: url("/common/htc/iepngfix.htc");} #selectByFeatures { margin-bottom:7px; } .category-grey-boxes { background:#E7E9EC; width:172px; padding:13px 5px 0 13px; min-height:159px; /* border: solid 1px red; */ } #select-by-features { position:absolute; top:300px; left:570px; z-index:99; display:block; background:#E7E9EC; width:189px; } #select-by-features-selection { position:absolute; top:348px; left:569px; z-index:99; display:block; background:#E7E9EC; width:189px; } #select-by-features-kit { position:absolute; top:363px; left:569px; z-index:99; display:block; background:#E7E9EC; width:189px; } #select-by-features-toilet-seats{ position:absolute; top:347px; left:569px; z-index:99; display:block; background:#E7E9EC; width:189px; } #select-by-features-commercial { position:absolute; top:299px; left:570px; z-index:99; display:block; background:#E7E9EC; width:189px; } iframe-style { background:#E7E9EC; width:189px; } img.hdr-boldPerformance {margin-bottom:15px;} /* Selection Guide Styles */ .inactive-tab-1 { border-bottom:1px solid #F1ECC7; height:20px; padding:6px 0 0 11px; color:#999; } .inactive-tab-2 { border-bottom:1px solid #DCE6EB; height:20px; padding:6px 0 0 11px; color:#999; } .copy-area { padding:14px 0 14px 11px; } .button-area { padding:7px 9px 7px 11px; } /* Bold Toilets Styles */ #boldPower-leftColumn {margin:23px 0 0 7px;} .boldPower-toilet {position:relative;top:0;left:0;margin-bottom:20px;} .boldPower-toilet div {width:250px;} .boldPower-toilet img {position:absolute;top:10px;right:0;z-index:4;} #boldPower-singleFlush img {top:18px;right:9px;} #boldPower-dualFlush img {top:6px;} #boldPower-powerlite img {top:10px;right:11px;} #boldPower-pressureLite img {top:10px;right:2px;} .boldPower-toilet .boldPower-toiletOver {position:absolute;top:77px;right:-170px;background:transparent url('../images/bg-boldPower-toiletOver.png') no-repeat;z-index:5;width:204px;height:99px;padding:13px;display:none;} * html .boldPower-toilet .boldPower-toiletOver {width:230px;height:125px;background:transparent url('../images/bg-boldConservation-intro.gif') no-repeat;} #boldPower-powerlite .boldPower-toiletOver {top:52px;} #boldPower-pressureLite .boldPower-toiletOver {top:43px;} #boldPower-dualFlush .boldPower-toiletOver {height:140px;background:transparent url('../images/bg-boldPower-toiletOver-long.png') no-repeat;} .boldPower-toilet .boldPower-toiletOver strong {font-size:12px;} .boldPower-toilet .boldPower-toiletOver p {font-size:11px;margin:0;} .boldPower-toilet img.dualFlush {top:15px;right:-7px;} #boldPower-rightColumn {margin-top:95px;} #boldPower-rightColumn ul li.link {margin-bottom:12px;} #toilet-boldConservation {margin-top:10px;} #toilet-boldConservation-intro {width:559px;height:264px;padding:23px 0 0 8px;margin-bottom:8px;} * html #toilet-boldConservation-intro {width:567px;height:354px;} #toilet-boldConservation-intro-left {float:left;width:370px;} #toilet-boldConservation-intro-right {float:left;width:180px;margin-top:35px;} #toilet-boldConservation-intro p {width:240px;} #toilet-boldConservation-intro ul li {padding-bottom:14px;} table#boldConservation-gpf {width:452px;border-collapse:collapse;} table#boldConservation-gpf th, table#boldConservation-gpf td {padding:4px 7px;} table#boldConservation-gpf thead th {border-right:1px solid #FFF;background-color:#2d597c;color:#FFF;font-weight:bold;font-size:11px;text-align:left;} table#boldConservation-gpf thead th.first {border-left:1px solid #2d597c;} table#boldConservation-gpf thead th.last {border-right:1px solid #2d597c;} table#boldConservation-gpf tbody td {border:1px solid #7f7e82;font-size:11px;color:#7f7e82;} table#boldConservation-gpf tfoot td {font-size:10px;color:#7f7e82;padding:2px 0 20px 7px;} #boldConservation-otherlinks div {width:270px;float:left;padding:0 0 35px 7px;} /* Compare Page Styles */ #compare-boxes { border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; } .compare-box { width:165px; height:38px; background:#E1E1E2; padding:7px 9px 4px 9px; } table#compare-boxes TD { border-right:1px solid #CCC; } .compare-thumbnail { margin:15px 0 17px 25px; } .compare-content { padding:15px 7px 15px 10px; width:170px; } /* Product Detail Page */ .arrow-expand { margin:0 6px 0 0; position:relative; top:-2px; } .texttab-on { font: normal 9px Arial,Verdana,sans-serif; font-weight:bold; } .texttab-off { font: normal 9px Arial,Verdana,sans-serif; background-color:lightblue; font-weight:bold; } .product-tab { font-family: Arial,Verdana,sans-serif; font-weight:bold; font-size:10px; line-height:13px; cursor:pointer; cursor:hand; margin:0; } a.subtab { font-size:10px; color:#000000; text-decoration:none; } a.subtab:hover { font-size:10px;color:#990000; text-decoration:underline; } a.subtab:visited { font-size:10px; color:#000000; text-decoration:none; } /* define the first one inside of detail.jsp, so it can pick a section: div#tab1,div#tab2 { background: #FFFFFF url(../images/tab-brd-off-SECTION.gif) no-repeat; } */ div#tab2 { background: #FFFFFF url(../images/tab-brd-on.gif) no-repeat; } div#tab0 {width:115px; padding: 5px 0 2px 8px;} div#tab1,div#tab2 {width:116px; padding: 5px 0 2px 10px;} div#tab0-wide {width:178px; padding: 5px 0 5px 8px;} div#tab1-wide {width:179px; padding: 5px 0 5px 10px;} div#tab2-wide {width:180px; padding: 5px 0 5px 10px;} /* Showcase styles */ .intro-copy { height:60px; padding:15px 7px 0 7px; margin:0; color:#666; } .intro-copy-1 { background: #F1ECC7; height:68px; padding:4px 12px 0 12px; margin:0; } .intro-copy-2 { background: #DCE6EB; height:82px; padding:4px 12px 0 12px; margin:0; } .intro-copy-3 { background: #ebf0e3; height:68px; padding:4px 12px 0 12px; margin:0; } .search-grey-boxes { background: #F3F3F3; width:258; height:73px; padding:14px 12px 0 12px; } div#showcase-products { position:relative; top:-430px; left:282px; height:18px; width:269px; border-bottom: 3px solid white; border-left: 3px solid white;} span.showcase-customCopy { font-size:10px; position:relative; top:2px } /*Showroom Styles */ .branding-showroom-copy { padding:15px; background-color:#F4F2F0; color:#413A37; } .branding-showroom-copy h1 { margin:0 0 5px 0; font-size:15px; color:#564E4A; } .showroom-content { background-color:#F4F2F0; padding:16px 7px 20px 7px; min-height:380px; } .showroom-overview-box { background-color:#DDDCDA; min-height:133px; height:133px; padding:6px 12px 0 16px; width:241px; margin-bottom:6px; } table#contact-form td { padding-bottom:9px; } /* Showroom Popup Styles */ .showroom-popup-logo { margin:0 0 24px 0; } .showroom-popup-main { width:604px; height:592px; padding:18px 12px; } .showroom-popup-ttlbar { background:#7F746F; width:100%; margin-bottom:9px; } .showroom-popup-imgArea { height:419px; } .showroom-popup-img { margin-top:22px; } .caption { font-size:11px; color:#333; } /* Builder Styles */ .builder-grey-content { background-color:#EDEBE7; min-height:250px; padding:15px 0 0 10px; } /* Results Page Styles */ .results-content { padding-left:9px; } .results-info { height:32px; } #myIframe-results { width:191px; } /* Water Conservation Calculator */ #calculation-results td { padding-bottom:10px; } /* 3rd PARTY STYLES */ #Builder-Box { background:#F3F3F3; width:168px; padding:15px 5px 15px 10px; border-bottom:3px solid #FFF; border-right:9px solid #FFF; } /* MISC. STYLES */ .wrap-left { float:left; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .grey-content-area { background:#F3F3F3; padding:15px 9px; } .undercounter-grey-box { width:158px; background:#E1E1E2; border-top:#FFF solid 3px; border-bottom:#FFF solid 6px; padding:8px; } #intro { width:44px; } #product-features { width:112px; } #installation-options { width:128px; } #optional-accessories { width:228px; } table.download-symbols td { padding-top:10px; padding-bottom:8px; border-bottom:1px solid #E1E1E2; } .gallery-product-list { background-color:#E7E9EC; padding:8px 10px 8px 10px; margin:0; } .email-print { background-color:#F4F4F4; } a.treeLink:visited { color: #000000 !important; } div#salesrepsearch { border: 10px solid #E1E1E1; padding:8px; width:204px; height:130px; } div#salesrepsearch h2 { background-color:#A5A29D; padding:4px 6px; color:#FFF; font: bold 12px Arial,Verdana,sans-serif; } input.text { font-size:12px; width:100px; } input.img { margin-top:2px; } /* Scrolling Style */ .scrolling { overflow:hidden; width:567px; } #outer-scroll { position:relative; overflow:hidden; width:567px; } .scrolling-gallery { overflow:auto; width:567px; height:95px; } /* Floor Plans Styles */ .floorplan-sorting { background-color:#DCE6EB; margin:10px 0; padding:12px 10px; } .floorplan-sorting img.subhead { margin-bottom:12px; } img.floorplan { margin:20px 0 5px 0; } .floorplan-medium { border:1px solid #CCCCCC; width:374px; margin-bottom:4px; } .floorplan-enlarged { border:1px solid #CCCCCC; width:567px; margin-bottom:4px; } /* Vignette Styles */ .vignette-right { position:relative; margin:4px 8px 0 8px; float:right; } .vignette-left { position:relative; margin:4px 10px 0 0; float:left; } /* Performance Showers Styles */ #nav { z-index:99 !important; } .navnode { width:141px; background-color:#bfced6; color:#990000; cursor:pointer; font-size:11px; position:relative; z-index:99; } .dropdown { position:absolute; top:16px; left:0; background-color:#dce6eb; width:113px; z-index:99; padding:5px 8px 5px 21px; line-height:20px; } .white-box { background-color:#FFFFFF; width:164px; height:110px; padding:5px; } /* Getting Started Styles */ #gettingStarted-tabs { height:23px; position:relative; top:0; left:0; } #gettingStarted-tabs div { position:absolute; } #gettingStarted-tab01 { background:transparent url('../images/tab-on-wide.gif') no-repeat; width:178px; padding: 5px 0 5px 8px; top:1px; left:0; } * html #gettingStarted-tab01 { width:186px; } #gettingStarted-tab02 { background:transparent url('../images/tab-brd-off-1-wide.gif') no-repeat; width:179px; padding: 5px 0 5px 10px; top:1px; left:186px; } * html #gettingStarted-tab02 { width:189px; } .gettingStarted-listings { border:1px solid #E1E1E2; width:564px; } .gettingStarted-row { padding:14px 6px; border-bottom:1px solid #E1E1E2; } .gettingStarted-row-last { padding:14px 6px 8px 6px; } /* Sitemap Styles */ #sitemap td.links { padding:7px 18px 17px 7px; } #sitemap h2 a { font-weight:bold; text-decoration:underline; } #sitemap-dc-bar { width:567px; height:36px; background-color:#CEE0B4; } #sitemap-bath-bar { width:567px; height:36px; background-color:#CAD8DE; } #sitemap-kitch-bar { width:567px; height:36px; background-color:#E8DE95; } #sitemap-onlinestore-bar { width:567px; height:36px; background-color:#8AD1D3; } #sitemap-general-bar { width:567px; height:36px; background-color:#D6D4cE; } #sitemap-dc-bar img, #sitemap-bath-bar img, #sitemap-kitch-bar img, #sitemap-onlinestore-bar img, #sitemap-general-bar img { margin:11px 0 0 7px;} /* Search Styles */ .atomz-promote { border:2px solid #FFFFFF; background-color:#e7e9ec; margin-top:2px; } .atomz-promote-text { padding:17px 12px; } .atomz-promote-text h1 { margin:0 0 4px 0; font-size:16px !important; line-height:20px !important; font-weight:normal; } /*Site Refresh Styles */ .hand { cursor:pointer; cursor:hand; } .selectionguide-header { height:25px; padding:11px 0 0 7px; width:auto; background-color:#ebf0e3; font-size:14px; margin-bottom:10px; } #home-nav { padding-bottom:2px; } .home-nav { margin-right:2px; } #home-nav img { cursor:pointer; cursor:hand; } #static-home-box1 { left:25px; width:250px; border-right:2px solid #FFFFFF; background-color:#ebf0e3; } #static-home-box2 { left:275px; width:253px; border-right:2px solid #FFFFFF; border-left:2px solid #FFFFFF; background-color:#D9E1E6; border-bottom:2px solid #FFFFFF; } #static-home-box3 { left:530px; width:250px; border-left:2px solid #FFFFFF; background-color:#f1ecc7; } #static-home-box4 { left:782px; width:254px; border-left:2px solid #FFFFFF; background-color:#d0eded; } .static-home-box { position:absolute; top:70px; height:428px; z-index:10; } .static-home-box * { font-size:11px; line-height:13px !important; } .static-home-dc-container { border-bottom:1px solid #FFFFFF; height:76px; padding:7px; } .dc-landing-tabs { background-color:#eef3e8; width:175px; height:25px; margin-bottom:8px; padding:11px 0 0 8px; font-size:14px; color:#3E4E27; } .dc-landing-container { background-color:#fff; padding:10px 7px; width:169px; height:100px; margin-top:1px; } .dc-articlelist-tab { background-color:#eef3e8; width:273px; height:25px; margin-bottom:8px; padding:11px 0 0 8px; font-size:14px; color:#3E4E27; margin-top:5px; } .dc-share-tab { padding-left:0 } .dc-share-tab div { padding-left:11px } .dc-share-container { padding:0 0 60px 4px; } .dc-share-container p { margin-top:0 } .dc-share-container table { margin-bottom: 14px; } .dc-share-container table td { padding-right: 16px; } /*KBIS Styles */ .c3-control-desc { width:189px; height:304px; background-color:#F2F2F2; } /* Background Images */ li { background:transparent url(../images/bullet-main.gif) no-repeat; } li.add { background:transparent url(../images/bullet-add.gif) no-repeat; } li.add-grey { background:transparent url(../images/bullet-addgrey.gif) no-repeat; } li.dklink { background:transparent url(../images/bullet-dklink.gif) no-repeat; } li.download { background:transparent url(../images/bullet-download.gif) no-repeat; } li.email { background:transparent url(../images/bullet-email.gif) no-repeat; } li.enlarge { background:transparent url(../images/bullet-enlarge.gif) no-repeat; } li.link { background:transparent url(../images/bullet-link.gif) no-repeat; } li.linkblack { background:transparent url(../images/bullet-link.gif) no-repeat; } li.backlink { background:transparent url(../images/bullet-backlink.gif) no-repeat; } li.none { background:transparent url(../images/spacer.gif) no-repeat; } li.print { background:transparent url(../images/bullet-print.gif) no-repeat; } li.remove { background:transparent url(../images/bullet-remove.gif) no-repeat; } li.save { background:transparent url(../images/bullet-save.gif) no-repeat; } li.showroom-link { background:transparent url(../images/bullet-showroom-link.gif) no-repeat; } li.tips { background:transparent url(../images/bullet-tips.gif) no-repeat; } li.top { background:transparent url(../images/bullet-top.gif) no-repeat; } li.video { background:transparent url(../images/bullet-video.gif) no-repeat; } li.whitelink { background:transparent url(../images/bullet-whitelink.gif) no-repeat; } li.pdf { background:url('/common/images/bullet-pdf.gif') no-repeat 0px -1px; padding:0px 0 2px 24px; } ol li { background-image:none; } .selection-guide-bar { background:transparent url(../images/bg-selectionguide-orangegrad.jpg) repeat-y; } #atomz-navigation { background:#FFFFFF url(http://www.us.kohler.com/common/images/bg-leftnav.gif) repeat-y; } /* Toilet Selection Guide */ #tsgPreviewFrameDiv10 { z-index: 90; display: block; position: absolute; top: 100px; left: 193px; height: 106px; width: 568px; background-color: #ffffff; } #tsgHeaderDiv10 { position: absolute; top: 22px; left: 18px; } #tsgReturnButtonDiv10 { position: absolute; top: 24px; left: 401px; } #tsgEmailDiv10 { position: absolute; top: 42px; left: 401px; } #tsgViewSelectionsOpenDiv10 { position: absolute; top: 88px; left: 0px; height: 161px; width: 566px; background-color: #DCE6EB; } #tsgViewSelectionsClosedDiv10 { position: absolute; top: 88px; left: 0px; height: 18px; width: 566px; background-color: #DCE6EB; display: none; } #tsgSelectionValuesDiv { position: absolute; top: 110px; left: 34px; font-size: 11px; } #tsgPreferenceValuesDiv10 { position: absolute; top: 0px; left: 225px; width: 300px; font-size: 11px; } #tsgPreviewiFrameDiv10 { position: absolute; top: 249px; left: 0px; width: 566px; height: 360px; overflow: auto; } #tsgExpandDownDiv10 { position: absolute; left: 19px; top: 6px; } #tsgViewSelectionsDiv10 { position: absolute; left: 34px; font-size: 11px; } #tsgContractUpDiv10 { position: absolute; left: 19px; top: 6px; } #tsgViewSelectionsXDiv10 { position: absolute; left: 34px; font-size: 11px; } #tsgSelectionValuesDiv10 { position: absolute; top: 110px; left: 34px; font-size: 11px; width: 200px; } .tsgSelectionName { color: #990000; } .tsgText { font-size: 11px; } .tsgTextLarge { font-size: 12px; } #tsgIntroDiv1 { position: absolute; background-color: #ffffff; height: 350px; width: 420px; top: 147px; left: 268px; border: 1px solid #BCBCBC; z-index: 91; } #tsgIntroHeaderDiv1 { position: absolute; top: 40px; left: 35px; } #tsgIntroCopyDiv1 { position: absolute; top: 69px; left: 35px; width: 344px; } #tsgIntroBeginDiv1 { position: absolute; top: 200px; left: 35px; } #tsgIntroDontShowDiv1 { position: absolute; top: 239px; left: 35px; } #tsgIntroBackDiv1 { position: absolute; top: 273px; left: 35px; } #tsgGuideHeaderxDiv { width: 568px; height: 60px; position: absolute; top: 102px; left: 192px; display: block; text-align: center; background-image: url('../../common/images/striped-bg.gif'); } #tsgStepOneOnDiv { width: 166px; height: 34px; z-index: 1; display: block; background-color: #BCBCBC; position: absolute; top: 0px; left: 0px; color: #ffffff; font-weight: bold; text-align: left; } #tsgStepTwoOneOnDiv { width: 40px; height: 10px; display: block; position: absolute; top: 10px; left: 175px; } #tsgStepThreeOneOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 225px; } #tsgStepFourOneOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 275px; } #tsgBlueBoxDiv { width: 180px; height: 60px; position: absolute; top: 0px; left: 388px; background-color: #C0CED5; } #tsgStepSubsDiv { width: 388px; height: 24px; position: absolute; top: 34px; left: 0px; background-color: #ffffff; } #tsgPurhcaseSubDiv { width: 55px; height: 10px; position: absolute; top: 4px; left: 10px; } #tsgRoomSizeSubDiv { height: 10px; position: absolute; top: 4px; left: 82px; } #tsgRoomLocationSubDiv { height: 10px; position: absolute; top: 4px; left: 159px; } #tsgContainerDiv { position: relative; top: 0px; left: 0px; } #tsgGuideContentDiv { width: 568px; height: 298px; background-image: url('../../common/images/striped-bg-lg.gif'); position: absolute; top: 60px; left: 0px; } #tsgStepOneTwoOnDiv { width: 166px; height: 35px; display: block; position: absolute; top: 0px; left: 0px; } #tsgStepTwoTwoOnDiv { width: 181px; height: 37px; color: #ffffff; font-weight: bold; text-align: left; background-color: #BCBCBC; display: block; position: absolute; top: 0px; left: 58px; } #tsgStepThreeTwoOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 249px; } #tsgStepFourTwoOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 299px; } #tsgPreviewNowDiv { position: absolute; top: 32px; left: 400px; } #tsgColorSubDiv { width: 55px; height: 10px; position: absolute; top: 4px; left: 0px; } #tsgComfortSubDiv { height: 10px; position: absolute; top: 4px; left: 60px; } #tsgPreviewDiv { position: absolute; background-color: #ffffff; height: 270px; width: 420px; top: 147px; left: 268px; border: 1px solid #BCBCBC; z-index: 19; } #tsgPreviewiFrameDiv5 { position: absolute; top: 249px; left: 0px; width: 563px; height: 360px; overflow: auto; } #tsgSelectionValuesDiv5 { position: absolute; top: 110px; left: 34px; font-size: 11px; width: 200px; } #tsgViewSelectionsClosedDiv5 { position: absolute; top: 88px; left: 0px; height: 18px; width: 565px; background-color: #DCE6EB; display: none; } #tsgViewSelectionsOpenDiv5 { position: absolute; top: 88px; left: 0px; height: 161px; width: 565px; background-color: #DCE6EB; } #tsgPreviewFrameDiv5 { z-index: 92; display: none; position: absolute; top: 105px; left: 193px; height: 618px; width: 565px; background-color: #ffffff; border: 1px solid #BCBCBC; } #tsgStepOneThreeOnDiv { width: 57px; height: 10px; display: block; position: absolute; top: 10px; left: 0px; } #tsgStepTwoThreeOnDiv { width: 57px; height: 10px; position: absolute; top: 10px; left: 66px; text-align: left; } #tsgStepThreeThreeOnDiv { width: 133px; height: 35px; position: absolute; top: 0px; left: 113px; color: #ffffff; font-weight: bold; text-align: left; background-color: #BCBCBC; } #tsgStepFourThreeOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 255px; } #tsgStepOneFourOnDiv { width: 57px; height: 10px; display: block; position: absolute; top: 10px; left: 0px; } #tsgStepTwoFourOnDiv { width: 57px; height: 10px; position: absolute; top: 10px; left: 66px; text-align: left; } #tsgStepThreeFourOnDiv { width: 60px; height: 10px; position: absolute; top: 10px; left: 115px; } #tsgStepFourFourOnDiv { width: 133px; height: 35px; position: absolute; top: 0px; left: 175px; color: #ffffff; font-weight: bold; text-align: left; background-color: #BCBCBC; } #tsgPreviewCountDiv { position: absolute; top: 112px; left: 35px; font-size: 18px; width: 460px; color: #333366; } #tsgPreviewResCountDiv { position: absolute; top: 52px; left: 19px; font-size: 18px; width: 460px; color: #333366; } #tsgPreviewNowTextDiv { position: absolute; top: 12px; left: 405px; } #comfortSub { height: 10px; position: absolute; top: 4px; left: 110px; } #tsgOpaqueDiv { position: absolute; top: 102px; left: 192px; z-index: 10; background-color: #E1E1E1; height: 500px; width: 569px; filter: alpha(opacity=55); -moz-opacity: .55; } .tsgPreviewHeader { font-size: 24px; color: #2E4B5A; line-height: 24px;} .tsgHeaderText { font-size: 18px; color: #2E4B5A; line-height: 20px;} .tsgSubHeaderText { font-size: 12px; color: #2E4B5A; line-height: 14px;} .tsgQuickTipsText { font-size: 12px; color: #2E4B5A; line-height: 16px;} .tsgQuickTipsHeaderText { font-size: 14px; color: #2E4B5A; line-height: 14px;} /* Water Experience Guide */ #wsgPreviewFrameDiv10 { z-index: 90; display: block; position: absolute; top: 100px; left: 193px; height: 106px; width: 568px; background-color: #ffffff; } #wsgHeaderDiv10 { position: absolute; top: 22px; left: 18px; } #wsgReturnButtonDiv10 { position: absolute; top: 24px; left: 401px; } #wsgEmailDiv10 { position: absolute; top: 42px; left: 401px; } #wsgViewSelectionsOpenDiv10 { position: absolute; top: 88px; left: 0px; height: 161px; width: 566px; background-color: #DCE6EB; } #wsgViewSelectionsClosedDiv10 { position: absolute; top: 88px; left: 0px; height: 18px; width: 566px; background-color: #DCE6EB; display: none; } #wsgSelectionValuesDiv { position: absolute; top: 110px; left: 34px; font-size: 11px; } #wsgPreferenceValuesDiv10 { position: absolute; top: 0px; left: 225px; width: 300px; font-size: 11px; } #wsgPreviewiFrameDiv10 { position: absolute; top: 249px; left: 0px; width: 566px; height: 360px; overflow: auto; } #wsgExpandDownDiv10 { position: absolute; left: 19px; top: 6px; } #wsgViewSelectionsDiv10 { position: absolute; left: 34px; font-size: 11px; } #wsgContractUpDiv10 { position: absolute; left: 19px; top: 6px; } #wsgViewSelectionsXDiv10 { position: absolute; left: 34px; font-size: 11px; } #wsgSelectionValuesDiv10 { position: absolute; top: 110px; left: 34px; font-size: 11px; width: 200px; } .wsgSelectionName { color: #990000; width: 99%; padding-left: 5px; } .wsgText { font-size: 11px; } .wsgTextLarge { font-size: 12px; } #wsgIntroDiv1 { position: absolute; background-color: #ffffff; height: 332px; width: 500px; top: 140px; left: 225px; border: 1px solid #BCBCBC; z-index: 91; } .wsgIntroDiv1 { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; -khtml-opacity:.85; } #wsgIntroHeaderDiv1 { position: absolute; top: 10px; left: 10px; } #wsgIntroCopyDiv1 { position: absolute; top: 125px; left: 13px; width: 344px; line-height: 18px; } #wsgIntroBeginDiv1 { position: absolute; top: 247px; left: 13px; } #wsgIntroDontShowDiv1 { position: absolute; top: 287px; left: 13px; } #wsgGuideHeaderxDiv { width: 568px; height: 60px; position: absolute; top: 102px; left: 192px; display: block; text-align: center; background-image: url('../../common/images/striped-bg.gif'); } .wsgQuestionText { padding-top: 10px; font-size: 10px; font-weight: bold; color: #677f8a; } #wsgStepOneOnDiv { width: 130px; height: 34px; z-index: 1; display: block; background-color: #BCBCBC; position: absolute; top: 0px; left: 0px; color: #ffffff; font-weight: bold; text-align: left; } #wsgStepTwoOneOnDiv { width: 130px; height: 10px; display: block; position: absolute; top: 10px; left: 153px; } #wsgStepThreeOneOnDiv { width: 140px; height: 10px; position: absolute; top: 10px; left: 287px; } #wsgBlueBoxDiv { width: 180px; height: 60px; position: absolute; top: 0px; left: 388px; background-color: #C0CED5; } #wsgStepSubsDiv { height: 24px; position: absolute; top: 0px; left: 450px; } #wsgPurhcaseSubDiv { width: 155px; height: 10px; position: absolute; top: 4px; left: -25px; } #wsgRoomSizeSubDiv { height: 10px; position: absolute; top: 4px; left: 91px; } #wsgRoomLocationSubDiv { height: 10px; position: absolute; top: 4px; left: 157px; } #wsgContainerDiv { position: relative; top: 0px; left: 0px; } #wsgGuideContentDiv { width: 568px; height: 298px; background-image: url('../../common/images/striped-bg-lg.gif'); position: absolute; top: 60px; left: 0px; } #wsgStepOneTwoOnDiv { width: 100px; height: 10px; display: block; position: absolute; top: 10px; left: 0px; } #wsgStepTwoTwoOnDiv { width: 127px; height: 37px; color: #ffffff; font-weight: bold; text-align: left; background-color: #BCBCBC; display: block; position: absolute; top: 0px; left: 102px; } #wsgStepThreeTwoOnDiv { width: 140px; height: 10px; position: absolute; top: 10px; left: 241px; } #wsgStepFourTwoOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 299px; } #wsgPreviewNowDiv { position: absolute; top: 32px; left: 400px; } #wsgColorSubDiv { width: 155px; height: 10px; position: absolute; top: 4px; left: 0px; } #wsgComfortSubDiv { height: 10px; position: absolute; top: 4px; left: 60px; } #wsgPreviewDiv { position: absolute; background-color: #ffffff; height: 270px; width: 420px; top: 147px; left: 268px; border: 1px solid #BCBCBC; z-index: 19; } #wsgPreviewiFrameDiv5 { position: absolute; top: 249px; left: 0px; width: 563px; height: 360px; overflow: auto; } #wsgSelectionValuesDiv5 { position: absolute; top: 110px; left: 34px; font-size: 11px; width: 200px; } #wsgViewSelectionsClosedDiv5 { position: absolute; top: 88px; left: 0px; height: 18px; width: 565px; background-color: #DCE6EB; display: none; } #wsgViewSelectionsOpenDiv5 { position: absolute; top: 88px; left: 0px; height: 161px; width: 565px; background-color: #DCE6EB; } #wsgPreviewFrameDiv5 { z-index: 92; display: none; position: absolute; top: 105px; left: 193px; height: 618px; width: 565px; background-color: #ffffff; border: 1px solid #BCBCBC; } #wsgStepOneThreeOnDiv { width: 100px; height: 10px; display: block; position: absolute; top: 10px; left: 0px; } #wsgStepTwoThreeOnDiv { width: 120px; height: 10px; display: block; position: absolute; top: 10px; left: 107px; } #wsgStepThreeThreeOnDiv { width: 173px; height: 35px; position: absolute; top: 0px; left: 233px; color: #ffffff; font-weight: bold; text-align: left; background-color: #BCBCBC; } #wsgStepFourThreeOnDiv { width: 40px; height: 10px; position: absolute; top: 10px; left: 255px; } #wsgStepOneFourOnDiv { width: 57px; height: 10px; display: block; position: absolute; top: 10px; left: 0px; } #wsgStepTwoFourOnDiv { width: 57px; height: 10px; position: absolute; top: 10px; left: 66px; text-align: left; } #wsgStepThreeFourOnDiv { width: 60px; height: 10px; position: absolute; top: 10px; left: 115px; } #wsgStepFourFourOnDiv { width: 133px; height: 35px; position: absolute; top: 0px; left: 175px; color: #ffffff; font-weight: bold; text-align: left; background-color: #BCBCBC; } #wsgPreviewCountDiv { position: absolute; top: 112px; left: 35px; font-size: 18px; width: 460px; color: #333366; } #wsgPreviewResCountDiv { position: absolute; top: 52px; left: 19px; font-size: 18px; width: 460px; color: #333366; } #wsgPreviewNowTextDiv { position: absolute; top: 12px; left: 405px; } #comfortSub { height: 10px; position: absolute; top: 4px; left: 110px; } #wsgOpaqueDiv { position: absolute; top: 102px; left: 192px; z-index: 10; background-color: #E1E1E1; height: 500px; width: 567px; background-image: url("/common/images/rgwe-background.jpg");} .wsgPreviewHeader { font-size: 24px; color: #2E4B5A; line-height: 24px;} .wsgHeaderText { font-size: 18px; color: #2E4B5A; line-height: 22px;} .wsgSubHeaderText { font-size: 12px; color: #2E4B5A; line-height: 14px;} .wsgQuickTipsText { font-size: 12px; color: #2E4B5A; line-height: 16px;} .wsgQuickTipsHeaderText { font-size: 14px; color: #2E4B5A; line-height: 14px;} div#wsgtab0-wide {width:283px; padding: 5px 0 5px 8px;} div#wsgtab1-wide {width:283px; padding: 5px 0 5px 10px;} div#wsgtab2-wide {width:283px; padding: 5px 0 5px 10px;} /* Water Experience - Tabs */ .watExp-left-tab{ font-family: Arial,Verdana,sans-serif; font-weight:bold; font-size:10px; line-height:13px; cursor:pointer; cursor:hand; margin:0; color: #000; text-decoration: none; background-image: url(../images/tab-on-wider.gif); width: 284px; height: 23px; } .watExp-right-tab{ font-family: Arial,Verdana,sans-serif; font-weight:bold; font-size:10px; line-height:13px; cursor:pointer; cursor:hand; margin:0; color: #000; text-decoration: none; background-image: url(../images/tab-brd-off-2-wider.gif); width: 283px; height: 23px; } .watExp-pane01 { display: block; position: relative; top: 0px; left:0px; } .watExp-pane02 { display: none; position: relative; top: 0px; left:0px; width: 565px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } /* Extreme Makeover Styles */ #extreme-episodes h3 { margin:2px 0 16px 0; } #extreme-episodes select { width:170px; font-size:12px; margin:0 0 16px 0; } #extreme-episodes input { margin:0 0 7px 0; } #extreme-room-wrapper { position:relative; background-color:#F4F4F4; height:144px; } #extreme-episodes-room { padding:30px 0 0 10px; } #extreme-episodes-room h3 { margin:0 0 13px 0; } #extreme-episodes-room select { width:170px; font-size:12px; margin:0 0 13px 0; } #extreme-desc div { border-left:3px solid #FFFFFF; height:76px; width:186px; } #extreme-room-wrapper ul, #extreme-desc ul { margin-left:12px; } #extreme-desc { padding-left:10px; background-color:#F4F4F4; height:76px; } #extreme-desc h2 { padding:15px 0 2px 0; margin:0; } /* Kohler Brands Page Styles */ #homeBrand-active { position:absolute; bottom:0; left:0; z-index:3; } .world-brands-area { background-color:#f5f5f5; border-bottom:2px solid #e6e6e7; width:182px; height:52px; } .world-brands-area img { margin:12px 0 0 12px; } .world-brands-sites { width:174px; height:550px; padding:6px 0 0 8px; } .world-brands-sites img { margin:12px 0 6px 0; } .world-brands-sites li { margin-left:21px; } #americas { background:#f5f5f5 url(../images/bg-brandsAmericas.gif) no-repeat; } #europeafrica { background:#f5f5f5 url(../images/bg-brandsEuropeAfrica.gif) no-repeat; } #asiapacific { background:#f5f5f5 url(../images/bg-brandsAsiaPacific.gif) no-repeat; } /* My Kohler Folder Styles */ #mykohler-loginbox { width:557px; height:92px; background-color:#E7E9EC; padding:10px 0 0 10px; margin-bottom:22px; } #mykohler-loginbox img { margin-bottom:5px; } .text-mykohler-login { width:183px; height:18px; border:1px solid #B4B2B2; } /* Online Stores Styles */ #morestores-introcopy { padding:35px 50px 9px 8px; } #morestores-introcopy img { margin-bottom:18px; } #morestores-links hr { margin:6px 0 9px 0; } #morestores-links img { margin-right:25px; } img.addtocart { margin-top:5px; } /* Lightbox Styles Added 2nd version for Cast Iron and TST */ #overlay-wrapper-ffxmac { width:1px; height:1200px; position:absolute; top:-9px; left:-25px; background:transparent url(../images/bg-lightboxTrans.png) repeat; z-index:95 !important; cursor:pointer; cursor:hand; } #overlay-wrapper { width:1px; height:1200px; position:absolute; top:-9px; left:-25px; filter:alpha(opacity=70); opacity: 0.7; background-color:#000; z-index:95 !important; cursor:pointer; cursor:hand; } #overlay-fade-ffxmac { width:1px; height:1200px; position:absolute; top:-9px; left:-25px; background:transparent url(../images/bg-lightboxTrans.png) repeat; z-index:95 !important; cursor:pointer; cursor:hand; } #overlay-fade { width:1px; height:1200px; position:absolute; top:-9px; left:-25px; filter:alpha(opacity=0); opacity: 0; background-color:#000; z-index:95 !important; cursor:pointer; cursor:hand; } #overlay-logo { position:absolute; top:5px; left:8px; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; z-index:96; } #overlay-content-holder { position:relative; top:0; left:0; } #overlay-content { position:absolute; top:102px; left:183px; width:567px; background-color:#FFF; padding:0 9px; z-index:96; } #instructions { color:#FFF; position:absolute; left:17px; top:-18px; cursor:pointer; cursor:hand; } /* containment approach for div's with floated block-level children */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clearing { clear:both; width:0; height:0; } /* Tooltips */ .tooltip { width: 250px; float:left; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .tooltip div { background: none !important; background: url(../images/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 6px 6px 0; } .tooltip p { color: #000000; background-color: #fff; border: 1px solid #E1E1E2; padding: 10px; margin: -6px 6px 6px -6px !important; margin: 0; } .no-padding { padding:0px; margin:0px } .center-align-text{ text-align:center; } #resultsTable td { vertical-align:text-bottom;} #resultsTable { font-family:Arial,Verdana,sans-serif; color:#000; font-size:12px; line-height:16px; border:0px; width:100%; cellpadding:0px; cellspacing:0px;} /* Toilet Compare Chart */ /* png fix */ img#quickLookBg, div#infoBoxInner { behavior: url("/common/htc/iepngfix.htc"); } body.toiletCompare { background:none; } div#toiletCompare { position:relative; width:840px; height:530px; background-color:#ffffff; } div#toiletCompare a { cursor:pointer; } div#toiletCompare img#kohlerLogo { position:absolute; top:13px; left:14px; } div#toiletCompare div#emailToAFriend { position:absolute; top:13px; left:734px; } div#toiletCompare div#chart { position:absolute; top:42px; left:0px; width:100%; height:486px; } div#toiletCompare div.scrollRow { height:15px; margin:2px 0 2px 0; line-height:1px; overflow:hidden; } div#toiletCompare div.scrollRow img { float:left; margin:0 3px 0 0; cursor:pointer; } div#toiletCompare div.scrollRow div.scrollRowLeft { float:left; display: inline; margin:0 0 0 208px; line-height:1px; overflow:hidden; } div#toiletCompare div.scrollRow div.scrollRowRight { float:left; display: inline; margin:0 0 0 554px; line-height:1px; overflow:hidden; } div#toiletCompare div#chartInner { width:100%; height:450px; } div#toiletCompare table td { color:#333333; font-size:11px; vertical-align:top; } div#toiletCompare table#outerTable { width:100%; height:448px; border-collapse: collapse; border:1px solid #e1e1e2; } div#toiletCompare table#outerTable td.blue { width:180px; height:24px; background-color:#dce6eb; border-bottom:1px solid #ffffff; padding:3px 5px 0 13px; } div#toiletCompare table#outerTable td.blue img.infoBtn { float:right; margin-top:2px; } div#toiletCompare table#outerTable td.tall { height:157px; } div#toiletCompare table#outerTable td.doubleHeight { height:48px; } div#toiletCompare table#outerTable td.titleCell { vertical-align:top; text-align:left; padding-top:10px; } div#toiletCompare table#outerTable td.greyBottomBorder { border-bottom:1px solid #e1e1e2; } div#toiletCompare table#outerTable td#innerTableCell { padding:0; margin:0; width:640px; border:none; } div#toiletCompare div#innerTableDiv { position:relative; width:640px; height:448px; overflow:hidden; } div#toiletCompare table#innerTable { position:relative; top:-1px; left:0px; border-collapse: collapse; border-top:none; border-bottom:none; height:448px; } div#toiletCompare table#innerTable td { height:24px; border:1px solid #e1e1e2; color:#333333; font-size:11px; vertical-align:top; padding:3px 9px 0px 9px; } div#toiletCompare table#innerTable td.tall { height:157px; } div#toiletCompare table#outerTable td.doubleHeight { height:48px; } div#toiletCompare table#innerTable td.productCell { vertical-align:top; text-align:center; } div#toiletCompare table#innerTable td.productCell div.prodImg { height:104px; margin:0px 0 0px 0; padding:0px 2px 0px 3px; } div#toiletCompare table#innerTable td.productCell div.prodImg img { cursor:pointer; } div#toiletCompare table#innerTable td.productCell div.prodInfo { width:100%; text-align:left; } div#toiletCompare table#innerTable td.productCell div.prodInfo span { display:block; font-size:10px; padding:0 0 1px 0; line-height:12px; } div#toiletCompare table#innerTable td.productCell div.prodInfo a.prodName { display:block; height:16px; overflow:hidden; color:#920000; font-size:12px; font-weight:bold; text-decoration:underline; padding-bottom:1px; } div#toiletCompare table#innerTable td.productCell div.prodInfo ul { margin:3px 0 0 0; } div#toiletCompare table#innerTable td.productCell div.prodInfo li { padding-bottom:0px; } div#toiletCompare div#infoBox { display:none; position:absolute; top:498px; left:191px; z-index:1; } div#toiletCompare div#infoBox div#infoBoxInner { position:relative; top:-190px; left:-110px; width:341px; height:194px; background:url('/common/images/toiletChartInfoBox.png') no-repeat 0px 0px; font-size:11px; font-family:Helvetica,Arial,Verdana,sans-serif; } div#toiletCompare div#infoBox div#infoBoxInner div { width:auto; padding:8px 18px 0px 18px; } div#toiletCompare div.infoBoxCopy { display:none; } div#toiletCompare div.infoBoxCopy span { padding:0; margin:0; font-weight:bold; } div#toiletCompare div.infoBoxCopy p { padding:0; margin:2px 0 2px 0; } div#toiletCompare div#quickLook { position:absolute; top:68px; left:202px; width:637px; height:379px; z-index:1; } div#toiletCompare div#quickLook img#quickLookBg { position:absolute; } div#toiletCompare div#quickLookInner { position:relative; top:1px; left:7px; width:622px; height:367px; z-index:1; } div#toiletCompare div#quickLook img#quickLookClose { position:absolute; top:6px; left:604px; cursor:pointer; } div#toiletCompare div#quickLook div#quickLookProdImg { display:table; position:relative; width:300px; height:350px; vertical-align:middle; text-align:center; } div#toiletCompare div#quickLook div#quickLookProdImg div { #position:absolute; #top:50%; #left:0; width:100%; display:table-cell; vertical-align:middle; } div#toiletCompare div#quickLook div#quickLookProdImg img { #position:relative; #top:-50%; margin-left:auto; margin-right:auto; } div#toiletCompare div#quickLook div#quickLookProdInfo { position:absolute; top:0px; left:300px; width:295px; height:335px; overflow:hidden; padding:17px 0 0 0; font-size:11px; } div#toiletCompare div#quickLook div.quickLookProdName { margin:0; font-size:14px; font-weight:bold; } div#toiletCompare div#quickLook table { width:100%; } div#toiletCompare div#quickLook ul { margin:3px 0 0 0; font-size:11px; } div#toiletCompare div#quickLook p { clear:both; margin:0; padding:3px 0 3px 0; color:#333333; } div#toiletCompare div#quickLook ul.quickLookProdFeatures { color:#333333; } /* End Toilet Compare Chart */ /* begin new project folder styles */ #registerDiv { background-color:#ececec; background-image:url('/project_folder/images/pf_bkgrnd_register.gif'); } #loginDiv, #forgotPasswordDiv { background-color:#E5E3E0; background-image:url('/project_folder/images/pf_bkgrnd_login.gif'); } #updateDiv { background-color:#E5E3E1; background-image:url('/project_folder/images/pf_bkgrnd_updateAccount.gif'); } #registerUser table { width:710px; } #formErrors { float:left; font-size:10px; margin:0px 0px 0px 20px; color:#900; width:230px; } #formErrors li { padding-bottom: 2px; } #formErrors h3 { color:#900; } body.curWait * { cursor: wait; } br.clear { clear:both; line-height:0px; } div.pfSidebarBlock { border-bottom:1px solid white;padding:7px 0px } div.pfSidebarBlock p { margin:0px 0px 3px 0px } div.pfHeader { width:660px; float:left} div.pfHeaderCopy { width:392px; float:left } div.pfHeaderCopy p { margin:4px 0px 10px 0px } div.pfTextFields input { width:342px; margin-right:35px;border:1px solid #B4B2B2 } div.pfTextFields select { width:342px; margin:0 35px 0 0; height:19px;border:1px solid #B4B2B2} div.pfUpdateTextFields input, div.pfUpdateTextFields select { width:306px;border:1px solid #B4B2B2 } div.pfOverlay { color: #333; position: absolute; width:718px !important; /*moz width*/ width:786px; /*IE width*/ border: 1px solid white; background-repeat:repeat-x; text-align: left; font-size: 12px; padding:34px; } div.pfOverlay a { color:#900; text-decoration:none; } div.pfCloseAccountCheckboxes { margin-bottom:20px; } div.pfTab { height:27px; width:129px; float:left; text-align:center; margin:12px 0 0 0} div.pfTab span { font-size:15px; position:relative; right:3px; top:5px; } div.pfEndTab { float:left; height:27px; width:202px; float:left; text-align:center;margin:12px 0 0 0} div.pfEndTab span { font-size:15px; position:relative; right:40px; top:5px; } div.pfActiveTab { background-image:url('/project_folder/images/pf_activeTab.gif'); color:black; } div.pfInactiveTab { background-image:url('/project_folder/images/pf_inactiveTab.gif'); color:white;} div.pfInactiveEndTab { background-image:url('/project_folder/images/pf_inactiveEndTab.gif'); color:white;} div.pfActiveEndTab { background-image:url('/project_folder/images/pf_activeEndTab.gif'); color:black; } div.pfTabContents { background-image:url('/project_folder/images/pf_bkgrnd_updateAccountInner.gif'); background-repeat:no-repeat; background-color:#E2E0DE; width:651px !important; /*moz width*/ width:719px; /*IE width*/ padding:34px; margin-bottom:15px; height:310px !important; height:365px; } div.pfTabContents input { margin-right:35px} div.pfTabContents select { margin:0 35px 0 0; height:19px} h4.fieldName { margin: 4px 0px 2px 0px; color:black;font-weight:normal;font-size:12px} h4.fieldNameError { margin: 4px 0px 2px 0px; color:#900;font-weight:normal;font-size:12px} input.pfButton { margin-top:14px; margin-bottom:10px; } label { margin-right:20px; } p.pfTabContentsCopy { margin:0px 0px 24px 0px; width:420px; } span.pfFooter span { margin-right:20px; } span.pfTabLink { cursor:pointer; } #lightbox { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:99; margin-top:0px; margin-bottom:0px} #lightbox .lightboxBg { width:100%; height:100%; background-color:#000000; top:0px; left:0px; opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; } #lightbox .contentOuter { position:absolute; z-index:1; } #lightbox .content { position:relative; background-color:#ffffff;padding:0px} #lightbox .closeBar { font-size:10px; cursor:pointer;float:right;margin-right:0} /* end new project folder styles */ /* Begin Order Video Clips styles */ a.videoCategory { font-size:10px; text-decoration:none; font-weight:bold } p.requestVideoFieldName { margin:12px 0 2px 0; color:black; } p.requestVideoFieldNameError { margin:12px 0 2px 0; color:#900; } input.orderVideosRadioButton { width:13px;height:13px;overflow:hidden;margin:1px 5px 1px 0pt;float:left;position:relative;top:1px } html>body input.orderVideosRadioButton { width:13px;height:13px;overflow:hidden;margin:1px 5px 1px 0pt;float:left;position:relative;top:0px } input.orderVideosCheckbox { width:13px;height:13px;overflow:hidden;margin:1px 5px 10px 0pt;float:left;position:relative;top:1px; } html>body input.orderVideosCheckbox { width:13px;height:13px;overflow:hidden;margin:2px 5px 10px 0pt;float:left;position:static } label.orderVideosCheckboxLabel { margin-bottom:0px;vertical-align:middle; color:#333333 } /* End Order Video Clips styles */ /* General product detail styles */ .bold { font-weight:bold; } a.moreViews { background:url('/common/images/bullet-moreViews.gif') no-repeat 0px 3px; padding:0 0 0 19px; font-size:10px; } a.videos { background:url('/common/images/bullet-video.gif') no-repeat 0px -1px; padding:0 0 0 19px; font-size:10px; } a.additional { background:url('/common/images/bullet-additional.gif') no-repeat 0px 1px; padding:0 0 0 20px; font-size:10px; } a.folder { background:url('/common/images/bullet-save.gif') no-repeat 0px -1px; padding:0 0 0 19px; font-size:10px; } a.addCompare { background:url('/common/images/bullet-add.gif') no-repeat 0px -1px; padding:0 0 0 19px; font-size:10px; } a.removeCompare { background:url('/common/images/bullet-remove.gif') no-repeat 0px -1px; padding:0 0 0 19px; font-size:10px; } a.enlarge { background:url('/common/images/bullet-enlarge2.gif') no-repeat 0px 3px; padding:0px 0 0px 18px; } a.print { background:url('/common/images/bullet-print.gif') no-repeat 0px -1px; padding:0 0 0 18px; } a.zoomIn { background:url('/common/images/icon-enlarge.gif') no-repeat 0px 1px; padding:0 0 0 18px; font-size:10px; } a.zoomOut { background:url('/common/images/icon-reduce.gif') no-repeat 0px 1px; padding:0 0 0 18px; font-size:10px; } div.detailLayer { } div.detailLayer table { border-collapse:collapse; border-spacing:0; border:none; } div.detailLayer table td { border:none; margin:0; padding:0; font-size:11px; } div.detailLayer table td.detailLayerContent { } div.detailLayer table td.detailLayerRight { width:8px; background:url('/common/images/detailShadowRight.png') no-repeat top left; behavior: url("/common/htc/iepngfix.htc"); } div.detailLayer table td.detailLayerBottom { height:9px; background:url('/common/images/detailShadowBottom.png') no-repeat top left; behavior: url("/common/htc/iepngfix.htc"); } div.detailLayer table td.detailLayerCorner { width:8px; height:9px; background:url('/common/images/detailShadowCorner.png') no-repeat top left; behavior: url("/common/htc/iepngfix.htc"); } .bathroomScheme .layerColor { background-color:#F1F4F8; } .bathroomScheme .tabColor { background-color:#BECED6; } .bathroomScheme .tabMouseOverColor { background-color:#DCE6EB; } .kitchenScheme .layerColor { background-color:#F1ECC7; } .kitchenScheme .tabColor { background-color:#E3D882; } .kitchenScheme .tabMouseOverColor { background-color:#F1ECC7; } .commercialScheme .layerColor { background-color:#D0EDED; } .commercialScheme .tabColor { background-color:#07BCCE; } .commercialScheme .tabMouseOverColor { background-color:#D7F0F1; } .noColorScheme .layerColor { background-color:#F3F3F3; } .noColorScheme .tabColor { background-color:#BCBCBC; } .noColorScheme .tabMouseOverColor { background-color:#E1E1E2; } /* Product result quick look */ div#quickLookButton { position:absolute; display: table; width:125px; height:160px; cursor:pointer; } div#quickLookButton div { #position:absolute; #top:50%; width:100%; display:table-cell; vertical-align: middle; } div#quickLookButton div img { display:block; #position:relative; #top:-50%; margin-left:auto; margin-right:auto; text-align:center; behavior: url("/common/htc/iepngfix.htc"); } div#quickLook { position:absolute; width:489px; height:476px; z-index:4; font-size:11px; } div#quickLook a:focus { -moz-outline-style: none; } div#quickLook img { behavior: url("/common/htc/iepngfix.htc"); } div#quickLook .qlBold { font-weight:bold; } div#quickLook #qlWhiteSection { position:relative; top:-2px; margin:8px 6px 0 6px; width:469px; height:auto; background:#ffffff; } div#quickLook #qlTopBar { width:100%; height:auto; border-bottom:1px solid #f1f4f8; } div#quickLook #qlProdName { float:left; width:375px; padding:8px 0 5px 10px; } div#quickLook #qlProdName h1 { display:inline; padding:0; margin:0; font-size:11px; } div#quickLook #qlClose { float:right; width:50px; padding:6px 0 0 10px; cursor:pointer; } div#quickLook #qlPhotoCaption { position:relative; margin:15px 0 0 10px; width:218px; min-height:20px; font-size:9px; line-height:10px; } * html div#quickLook #qlPhotoCaption { height:20px; } div#quickLook #qlBoxes { position:relative; top:4px; left:6px; width:100%; height:227px; padding-bottom:12px; } div#quickLook #qlPhotoBox { position:relative; width:auto; height:auto; } div#quickLook #qlPhotoBox table { width:220px; height:229px; border:1px solid #e1e1e2; border-collapse:collapse; } div#quickLook #qlPhotoBox table td.qlPhoto { width:100%; text-align:center; vertical-align:middle; } div#quickLook #qlPhotoBox table td.qlPhotoButton { height:22px; text-align:center; vertical-align:middle; border-top:1px solid #e1e1e2; border-right:1px solid #e1e1e2; cursor:pointer; } div#quickLook #qlRightTabbedBox { position:absolute; top:-33px; left:227px; } div#quickLook #qlTabs { width:236px; height:33px; } div#quickLook #qlTabs .qlTab { float:left; position:relative; width:76px; height:32px; margin:0 0 0 0; border-bottom:1px solid #e6e6e7; cursor:pointer; } * html div#quickLook #qlTabs .qlTab { width:75px; height:33px; } div#quickLook #qlTabs .qlTabOn { width:74px; background-color:#ffffff; border:1px solid #e6e6e7; border-bottom:none; } div#quickLook #qlTabs .qlTabFiller { float:left; background:none; border-bottom:1px solid #e1e1e2; cursor:default; } div#quickLook #qlTabs .qlTab .qlTabCorner { position:absolute; top:-1px; left:-1px; width:5px; height:5px; background:url('/common/images/detailTabCornerNoBorder.gif') no-repeat 0px 0px; } div#quickLook #qlTabs .qlTabOn .qlTabCorner { background:url('/common/images/detailTabCorner.gif') no-repeat 0px 0px; } div#quickLook #qlTabs .qlTab span { display:block; padding:5px 10px 0 10px; line-height:11px; } div#quickLook #qlTabs .qlTabSeparator { float:left; width:4px; height:32px; border-bottom:1px solid #e6e6e7; } * html div#quickLook #qlTabs .qlTabSeparator { height:33px; } div#quickLook #qlRightBox { width:234px; height:228px; border-left:1px solid #e1e1e2; border-right:1px solid #e1e1e2; border-bottom:1px solid #e1e1e2; } * html div#quickLook #qlRightBox { width:236px; height:229px; } div#quickLook #qlRightBox .qlRightBoxContent { display:none; } div#quickLook #qlColorFinish { height:228px; } div#quickLook #qlColorFinish #qlColorGrid { width:auto; height:163px; overflow:auto; } div#quickLook #qlColorFinish #qlColorGridText { margin:10px 0 0 10px; } div#quickLook #qlColorFinish #qlColorGridColors { width:auto; height:auto; margin:14px 0 1px 2px; } div#quickLook #qlColorFinish .qlColorTile { float:left; width:34px; height:30px; } div#quickLook #qlColorFinish .qlColorTile div { display:none; } div#quickLook #qlColorFinish .qlColorTile img { margin:4px 6px 4px 6px; cursor:pointer; } div#quickLook #qlColorFinish .qlColorTileSelected { background:url('/common/images/detailColorSelect.gif') no-repeat 3px 1px; } div#quickLook #qlColorFinish #qlColorFinishDimensions { margin-top:2px; border-top:1px solid #e1e1e2; } div#quickLook #qlColorFinish #qlColorFinishDimensions div { margin:6px 0 0 10px; } div#quickLook #qlColorFinish #qlColorFinishDimensions ul { padding-top:3px; } div#quickLook .qlRightBoxList { overflow:auto; width:auto; height:228px; } div#quickLook .qlRightBoxList ul { margin:15px 8px 0 8px; width:auto; } div#quickLook .qlRightBoxList ul li { padding-bottom:15px; } div#quickLook .qlRightBoxList ul li img { float:right; margin-left:5px; } div#quickLook .qlRightBoxList div { margin:10px 8px 0 10px; } div#quickLook #qlBottom { float:left; display:inline; margin:10px 0 0 5px; width:464px; padding-bottom:10px; } div#quickLook #qlCurrentSelection { float:left; display:inline; margin:0 0 0 8px; width:221px; height:auto; } div#quickLook #qlCurrentSelection #qlProdInfo { float:left; display:inline; padding-top:10px; width:170px; } div#quickLook #qlCurrentSelection #qlProdInfo a.additional { display:block; margin-top:8px; } div#quickLook #qlCurrentSelection #qlProdColorTile { float:left; display:inline; margin-top:10px; width:50px; height:50px;} div#quickLook #qlButtonsAndLogos { float:left; display:inline; margin:0 0 0 7px; width:228px; } div#quickLook #qlButtonsAndLogos #qlButtons { margin-left:58px; } div#quickLook #qlButtonsAndLogos #qlButtons .qlButton { display:block; margin:0 0 7px 0; cursor:pointer; } div#quickLook #qlButtonsAndLogos #qlButtons .folder, div#quickLook #qlButtonsAndLogos #qlButtons .addCompare, div#quickLook #qlButtonsAndLogos #qlButtons .removeCompare { display:block; margin:0 0 0 4px; cursor:pointer; } div#quickLook #qlButtonsAndLogos #qlLogos { vertical-align:middle; text-align:right; margin-top:8px; } div#quickLook #qlButtonsAndLogos #qlLogos img { display:inline; margin-left:10px; vertical-align:middle; } div#quickLook #qlColorBalloon { display:none; position:absolute; top:124px; left:258px; z-index:3; } div#quickLook #qlColorBalloon #qlColorBalloonContainer { position:absolute; top:-118px; left:-50px; width:250px; height:84px; background-color:#ffffff; border:1px solid #bfced6; } * html div#quickLook #qlColorBalloon #qlColorBalloonContainer { width:252px; height:86px; } div#quickLook #qlColorBalloon #qlColorBalloonContainer table { float:left; margin:0 8px 0 8px; height:100%; width:179px; vertical-align:middle; } * html div#quickLook #qlColorBalloon #qlColorBalloonContainer table { display:inline; } div#quickLook #qlColorBalloon #qlColorBalloonText { font-size:11px; } div#quickLook #qlColorBalloon #qlColorBalloonColorChip { float:right; width:50px; height:50px; margin:18px 5px 0 0; } div#quickLook #qlColorBalloon #qlColorBalloonStem { position:absolute; top:-33; left:0px; width:33; height:34px; background:url('/common/images/detailColorBubbleStem.png') no-repeat 0px 0px; z-index:4; behavior: url("/common/htc/iepngfix.htc"); } div#quickLook #qlColorBalloon #qlColorBalloonBase { position:absolute; top:-15px; left:-17px; width:34px; height:30px; z-index:4; cursor:pointer; } /* End Product result quick look */ /* Detail Page styles */ #detailPage { font-size:11px; } #detailPage .bold { font-weight:bold; } #detailPage .italic { font-style:italic; } #detailPage a { color:#900; text-decoration:none; font-size:11px; cursor:pointer; } #detailPage a:hover { text-decoration:underline; } #detailPage a:focus { -moz-outline-style: none; } #detailPage a.tab { color:#000; text-decoration:none; font-size:11px; cursor:pointer; } #detailPage a.tab:hover { color:#000; text-decoration:none; font-size:11px; cursor:pointer; } #detailPage a.arrow { background:url('/common/images/rightArrow.gif') no-repeat 0px 5px; padding:0 0 0 15px; } #detailPage a.leftArrow { background:url('/common/images/leftArrow.gif') no-repeat 0px 5px; padding:0 0 0 11px; } #detailPage a.rightArrow { background:url('/common/images/rightArrow.gif') no-repeat 100% 5px; padding:0 11px 0 0; } #detailPage a.email { background:url('/common/images/bullet-email.gif') no-repeat 0px -1px; padding:0 0 0 20px; } #detailPage a.print { background:url('/common/images/bullet-print.gif') no-repeat 0px -1px; padding:0 0 0 18px; } #detailPage a.pdf { background:url('/common/images/bullet-pdf.gif') no-repeat 0px -1px; padding:1px 0 2px 24px; } #detailPage a.black { color:#000000; } #detailPage a.disabled { cursor:default; color:#000000; } #detailPage a.disabled:hover { text-decoration:none; } #detailPage #topNav { width:100%; height:22px; border-bottom:1px solid #e1e1e2; } #detailPage #topNav a#backToResults { float:left; } #detailPage #topNav #nextPrev { float:right; } #detailPage #topNav a#previousProd { float:left; } #detailPage #topNav a#nextProd { float:left; margin:0 0 0 8px; } #detailPage #topNav div.divider { float:left; border-left:1px solid #676767; margin:0 0 0 8px; } #detailPage #titleBar { position:relative; width:100%; height:auto; border-bottom:1px solid #e1e1e2; } #detailPage #titleBar #prodName { float:left; width:435px; margin:0 0 0 2px; padding: 6px 0 4px 0; } #detailPage #titleBar #prodName h1 { margin:0 3px 0 0; padding:0; display:inline; font-size:12px; } #detailPage #titleBar #emailPrintBtns { float:right; margin:6px 5px 0 0; } #detailPage #titleBar a.email { margin:0 10px 0 0; } #detailPage #photoCaption { clear:both; width:300px; padding:0 0 4px 0; font-size:9px; line-height:10px; } #detailPage #photoBox { float:left; display:inline; margin:10px 7px 0 0; } #detailPage #photoBox table { width:302px; height:380px; border:1px solid #e1e1e2; border-collapse:collapse; } * html #detailPage #photoBox table { width:302px; height:380px; } #detailPage #photoBox table td.photo { width:100%; height:352px; text-align:center; vertical-align:middle; padding:0; } #detailPage #photoBox table td.button { width:100%; text-align:center; vertical-align:middle; border-top:1px solid #e1e1e2; border-right:1px solid #e1e1e2; } #detailPage #rightTabbedBox { float:right; display:inline; margin-top:10px; width:258px; height:auto; } #detailPage #rightTabbedBox #rightTabbedBoxTabs { float:left; width:258px; height:33px; } #detailPage #rightTabbedBox .tab { float:left; position:relative; width:82px; height:32px; margin:0 0 0 0; border-bottom:1px solid #e6e6e7; cursor:pointer; } * html #detailPage #rightTabbedBox .tab { height:33px; } #detailPage #rightTabbedBox .tabOn { width:80px; background-color:#ffffff; border:1px solid #e6e6e7; border-bottom:none; } * html #detailPage #rightTabbedBox .tabOn { width:82px; } #detailPage #rightTabbedBox .tabFiller { float:left; background:none; border-bottom:1px solid #e1e1e2; cursor:default; } #detailPage #rightTabbedBox .tab .tabCorner { position:absolute; top:-1px; left:-1px; width:5px; height:5px; background:url('/common/images/detailTabCornerNoBorder.gif') no-repeat 0px 0px; } #detailPage #rightTabbedBox .tabOn .tabCorner { background:url('/common/images/detailTabCorner.gif') no-repeat 0px 0px; } #detailPage #rightTabbedBox .tab a { display:block; padding:5px 10px 0 10px; color:#000000; line-height:11px; } #detailPage #rightTabbedBox .tab a:hover { text-decoration:none; } #detailPage #rightTabbedBox .tabSeparator { float:left; width:6px; height:32px; border-bottom:1px solid #e6e6e7; } * html #detailPage #rightTabbedBox .tabSeparator { height:33px; } #detailPage #rightTabbedBox #rightTabbedBoxContent { float:left; width:256px; height:126px; border-bottom:1px solid #e1e1e2; border-left:1px solid #e1e1e2; border-right:1px solid #e1e1e2; overflow:auto; } * html #detailPage #rightTabbedBox #rightTabbedBoxContent { width:258px; height:127px; } #detailPage #rightTabbedBox .tabContent { display:none; } #detailPage #colorFinish #colorGridText { margin:9px 0 0 10px; } #detailPage #colorFinish #colorGridColors { margin:6px 0 1px 2px; } #detailPage #colorFinish .colorTile { float:left; width:34px; height:30px; } #detailPage #colorFinish .colorTile div { display:none; width:0px; height:0xp; line-height:0px; } #detailPage #colorFinish .colorTile img { margin:4px 0px 0px 6px; } #detailPage #colorFinish .colorTileSelected { background:url('/common/images/detailColorSelect.gif') no-repeat 3px 1px; } #detailPage .tabContentList { display:none; } #detailPage .tabContentList ul { margin:15px 8px 0 8px; } #detailPage .tabContentList ul li { padding-bottom:15px; } #detailPage .tabContentList ul li img { float:right; margin-left:5px; } #detailPage .tabContentList div { margin:10px 8px 0 10px; } #detailPage #currentSelection { float:right; display:inline; width:247px; height:auto; padding:6px 2px 3px 9px; border-bottom:1px solid #e6e6e7; } * html #detailPage #currentSelection { width:258px; } #detailPage #currentSelection #prodInfo { float:left; display:inline; width:193px; } #detailPage #currentSelection #prodInfo p { padding:0; margin:0 0 6px 0; } #detailPage #currentSelection #prodInfo a.additional { display:block; margin-top:8px; } #detailPage #currentSelection #prodColorTile { float:right; display:inline; margin-top:5px; width:50px; height:50px;} #detailPage #currentSelection ul { float:right; width:47px; margin:0; padding:0; } #detailPage #currentSelection li { margin:0; background:url('/common/images/rightArrow.gif') no-repeat 0px 5px; } #detailPage #currentSelection li a { font-size:11px; line-height:11px; } #detailPage #dimensionsSection { float:right; display:inline; width:247px; padding:5px 2px 3px 9px; border-bottom:1px solid #e6e6e7; } * html #detailPage #dimensionsSection { width:258px; } #detailPage #dimensionsSection ul { list-style-type:none; } #detailPage #dimensionsSection ul li { padding:2px 0 2px 0; line-height:12px; list-style-type:none; background:none; } #detailPage #actionLinks { float:right; width:249px; width:247px; padding:5px 2px 3px 9px; } * html #detailPage #actionLinks { width:258px; } #detailPage #actionLinks table td { vertical-align:top; } #detailPage #actionLinks a#addToCart { display:block; margin-right:20px; } #detailPage #actionLinks ul { float:left; font-size:11px; } #detailPage #actionLinks li { margin-left:3px; padding-top:1px; padding-bottom:2px; background-position: 0px 1px; } #detailPage #actionLinks li.arrow { background:url('/common/images/rightArrow.gif') no-repeat 0px 5px; padding-left:17px; } #detailPage #lowerTabbedContent { float:left; width:564px; margin:20px 0 0 1px; } #detailPage #lowerTabbedContent #lowerTabs { width:564px; height:33px; } #detailPage #lowerTabbedContent .tab { float:left; position:relative; width:138px; height:32px; margin:0 0 0 0; border-bottom:1px solid #e6e6e7; cursor:pointer; } * html #detailPage #lowerTabbedContent .tab { width:138px; height:33px; } #detailPage #lowerTabbedContent .tabOn { width:136px; background-color:#ffffff; border:1px solid #e6e6e7; border-bottom:none; } #detailPage #lowerTabbedContent .tabFiller { float:left; background:none; border-bottom:1px solid #e1e1e2; cursor:default; } #detailPage #lowerTabbedContent .tab .tabCorner { position:absolute; top:-1px; left:-1px; width:5px; height:5px; background:url('/common/images/detailTabCornerNoBorder.gif') no-repeat 0px 0px; } #detailPage #lowerTabbedContent .tabOn .tabCorner { background:url('/common/images/detailTabCorner.gif') no-repeat 0px 0px; } #detailPage #lowerTabbedContent .tab a { display:block; margin:4px 0 0 10px; color:#000000; font-size:12px; line-height:12px; } #detailPage #lowerTabbedContent .tab a:hover { text-decoration:none; } #detailPage #lowerTabbedContent .tabSeparator { float:left; width:4px; height:32px; border-bottom:1px solid #e6e6e7; } * html #detailPage #lowerTabbedContent .tabSeparator { height:33px; } #detailPage #lowerTabbedContent #lowerContent { width:562px; border-left:1px solid #e1e1e2; border-right:1px solid #e1e1e2; border-bottom:1px solid #e1e1e2; } * html #detailPage #lowerTabbedContent #lowerContent { width:564px; } #detailPage #lowerContent .tabContent { display:none; } #detailPage #lowerContent .greyPane { float:left; display:inline; margin:0 0 24px 10px; width:auto; height:auto; } #detailPage #lowerContent .greyPaneTop { width:266px; height:6px; background:url('/common/images/detailGreyPaneTop.gif') no-repeat top left; line-height:0px; } #detailPage #lowerContent .greyPaneContent { width:266px; height:auto; background-color:#f3f4f5; } #detailPage #lowerContent .greyPaneContent div { padding:15px 10px 15px 15px; } #detailPage #lowerContent .greyPaneContent div.heading { padding:7px 0 0 15px; font-weight:bold; color:#333333; font-size:10px; } #detailPage #lowerContent div.sectionHead { width:100%; height:22px; margin:0 0 25px 0; color:#333333; background-color:#f3f3f3; } #detailPage #lowerContent div.sectionHead div { float:left; padding:3px 0 0 15px; font-weight:bold; } #detailPage #lowerContent div.sectionHead img { float:left; display:block; margin:4px 0 0 10px; } #detailPage #lowerContent div.sectionHead .showingInfo { float:right; padding-right:10px; font-weight:normal; } #detailPage #lowerContent div.sectionHead .showingInfo a { text-decoration:underline; } #detailPage #lowerContent div.sectionContent { padding:0 15px 25px 15px; } #detailPage #lowerContent .tableContainer a { } #detailPage #lowerContent .tableContainer table { width:562px; height:auto; margin:0 0 25px 0; border-collpase:collapse; border-spacing:0 0; } #detailPage #lowerContent .tableContainer table td { width:186px; height:auto; padding:10px 0 10px 0; } #detailPage #lowerContent .tableContainer table tr.extraRelatedProds { } #detailPage #lowerContent .tableContainer .additionalProd { padding:0 15px 0 15px; } #detailPage #lowerContent .tableContainer .additionalProdImg { text-align:center; } #detailPage #lowerContent .tableContainer .additionalProdImg img { display:block; margin:auto; } #detailPage #lowerContent .tableContainer .additionalProdNum { margin-top:12px; font-size:11px; } #detailPage #lowerContent .tableContainer .additionalProdDesc { font-size:11px; font-weight:bold; } #detailPage #lowerContent .tableContainer .additionalProdDesc a { color:#000000; } #detailPage #lowerContent .tableContainer .suiteDesc { width:174px; height:35px; margin-top:5px; background-color:#f3f3f3; } #detailPage #lowerContent .tableContainer .suiteDesc a { display:block; margin:5px; padding-top:5px; background-position:0px 10px; line-height:12px; } #detailPage #lowerContent .tableContainer .addToCart { margin-top:10px; } #detailPage #lowerContent #productDetails { padding-top:24px; } #detailPage #lowerContent #productDetails #descriptionDetail { font-weight:bold; font-size:12px; padding:10px 0 3px 0; margin:0; } #detailPage #lowerContent #productDetails p { font-size:12px; margin-bottom:8px; } #detailPage #lowerContent #productDetails ul { font-size:12px; margin-bottom:20px; } #detailPage #lowerContent #productDetails .startingPrice { font-size:12px; margin-bottom:30px; } #detailPage #lowerContent #productDetails #logos { padding-top:20px; vertical-align:middle; } #detailPage #lowerContent #productDetails #logos a { float:left; display:inline; margin:0 40px 15px 0; padding:0; vertical-align:middle; } #detailPage #lowerContent #productDetails .sectionContent a { display:block; margin-bottom:5px; padding-left:22px; } #detailPage #lowerContent #productDetails a.arrow { background-position:3px 5px; } #detailPage #lowerContent #productDetails a.videos { background-position:2px -2px; } #detailPage #lowerContent #requiredItems { padding-top:25px; } #detailPage #lowerContent #requiredItems .tableContainer { overflow:hidden; } #detailPage #lowerContent #forOwners { height:235px; padding-top:24px; padding-bottom:24px; } #detailPage #lowerContent #forOwners a { display:block; margin-bottom:5px; padding-left:22px; } #detailPage #lowerContent #forOwners .greyPaneContent { min-height:175px; } * html #detailPage #lowerContent #forOwners .greyPaneContent { height:175px; } #detailPage #lowerContent #forInstallers { height:235px; padding-top:24px; padding-bottom:24px; } #detailPage #lowerContent #forInstallers .greyPaneContent { min-height:200px; } * html #detailPage #lowerContent #forInstallers .greyPaneContent { height:200px; } #detailPage #lowerContent #forInstallers a { display:block; margin-bottom:5px; padding-left:22px; } #detailPage #lowerContent #forInstallers #installerPaneLeft a.arrow { padding-left:11px; } #detailPage #lowerContent #forInstallers table { width:100%; height:151px; margin:10px 0 0 0; font-size:11px; border-spacing:0 0; border-collapse:collapse; } #detailPage #lowerContent #forInstallers table td { padding:0 10px 0 10px; height:14px; font-size:11px; line-height:12px; border-style:none; } #detailPage #lowerContent #forInstallers table td.col1 { background-color:#eff1f3; padding-left:25px; } #detailPage #lowerContent #forInstallers table td.col2 { background-color:#edeff1; } #detailPage #lowerContent #forInstallers table td.col3 { background-color:#e8eaed; } #detailPage #lowerContent #forInstallers table td.heading { height:22px; padding-left:20px; } #detailPage #lowerContent #forInstallers table td.spacing { height:10px; line-height:10px; } #detailPage #lowerContent #forInstallers table td.spacingBottom { height:100%; line-height:10px; } #detailPage #lowerContent #forInstallers table td a { font-size:10px; line-height:12px; } #colorBalloon { display:none; position:absolute; top:124px; left:258px; z-index:4; } #colorBalloon #colorBalloonContainer { position:absolute; top:-118px; left:-50px; width:250px; height:84px; background-color:#ffffff; border:1px solid #bfced6; } * html #colorBalloon #colorBalloonContainer { width:252px; height:86px; } #colorBalloon #colorBalloonContainer table { float:left; margin:0 8px 0 8px; height:100%; width:179px; vertical-align:middle; } * html #colorBalloon #colorBalloonContainer table { display:inline; } #colorBalloon #colorBalloonText { font-size:11px; } #colorBalloon #colorBalloonColorChip { float:right; width:50px; height:50px; margin:18px 5px 0 0; } #colorBalloon #colorBalloonStem { position:absolute; top:-33; left:0px; width:33; height:34px; background:url('/common/images/detailColorBubbleStem.png') no-repeat 0px 0px; z-index:4; behavior: url("/common/htc/iepngfix.htc"); } #colorBalloon #colorBalloonBase { position:absolute; top:-15px; left:-17px; width:34px; height:30px; z-index:4; cursor:pointer; } #detailPage #printDlg { display:none; position:absolute; top:100px; left:480px; z-index:100; width:266px; height:288px; overflow:auto; } #detailPage #printDlg #printDlgCloseBar { float:left; display:inline; width:245px; height:28px; margin:6px 7px 0px 7px; border-bottom:1px solid #f1f4f8; background-color:#ffffff; } #detailPage #printDlg #printDlgClose { float:right; display:inline; margin:7px 7px 0 0; cursor:pointer; } #detailPage #printDlg #printDlgContentArea { float:left; display:inline; width:205px; height:237px; margin:0px 7px 6px 7px; padding:0px 20px 0px 20px; background-color:#ffffff; } * html #detailPage #printDlg #printDlgContentArea { width:245px; } #detailPage #printDlg p { margin:5px 0 20px 0; } #detailPage #printDlg #printDlgContentArea img { display:block; margin:20px 0 20px 0; } #detailPage #disclaimers { clear:both; padding:5px; font-size:10px; } #detailPage #disclaimers p { margin:10px 0 0 0; } /* End detail page styles */ /* Detail page more views layer */ div#detailMoreViews { display:none; position:absolute; z-index:100; } div#detailMoreViews #detailMoreViewsWhite { width:748px; height:488px; margin:6px; background-color:#ffffff; } .detailMoreViewsTop { width:100%; background-color:#ffffff; padding-bottom:5px; } .detailMoreViewsTop div.detailMoreViewsProdName { float:left; padding:5px 0 0 10px; font-size:11px; } .detailMoreViewsTop div.detailMoreViewsPrintClose { float:right; padding:5px 10px 0 0; width:130px; } .detailMoreViewsTop div.detailMoreViewsPrintClose a { float:right; display:block; margin-left:20px; cursor:pointer; } div#detailMoreViews #detailMoreViewsLeft { float:left; margin-left:6px; width:354px; height:448px; border:1px solid #e6e6e7; } * html div#detailMoreViews #detailMoreViewsLeft { display:inline; width:356px; height:450px; } div#detailMoreViews .detailMoreViewsPhoto { width:100%; height:404px; overflow:hidden; } div#detailMoreViews .detailMoreViewsPhoto table { width:100%; height:100%; margin:0; } div#detailMoreViews .detailMoreViewsPhoto table td { text-align:center; vertical-align:middle; } div#detailMoreViews #detailMoreViewsEnlargeBtn { width:100%; border-top:1px solid #e6e6e7; } div#detailMoreViews #detailMoreViewsEnlargeBtn a { display:block; margin:15px 0 0 20px; cursor:pointer; } div#detailMoreViews #detailMoreViewsRight { float:left; display:inline; margin-left:25px; width:360px; height:448px; border-top:1px solid #e6e6e7; overflow:auto; } * html div#detailMoreViews #detailMoreViewsRight { display:inline; width:350px; height:450px; } div#detailMoreViews #detailMoreViewsRight span { display:block; margin:10px 0 0 2px; } div#detailMoreViews #detailMoreViewsRight img { float:left; display:inline; width:125px; height:160px; margin:11px 16px 1px 1px; border:1px solid #e6e6e7; } div#detailMoreViews #detailMoreViewsRight .detailMoreViewsSelected { border:2px solid #9a2012; margin:10px 15 0 0; } div#detailMoreViews #detailMoreViewsEnlarge { display:none; position:absolute; top:0px; left:0px; width:560px; background-color:#ffffff; border:1px solid #e6e6e7; } div#detailMoreViews #detailMoreViewsEnlarge a { float:right; display:inline; margin:4px 5px 0 0; cursor:pointer; } div#detailMoreViews #detailMoreViewsEnlarge table { clear:both; margin:6px; width:548px; height:466px; } * html div#detailMoreViews #detailMoreViewsEnlarge table { height:467px; } div#detailMoreViews #detailMoreViewsEnlarge table td { text-align:center; vertical-align:middle; } div#detailMoreViews #detailMoreViewsEnlarge img { display:block; } div#detailMoreViews #detailMoreViewNoAlt { width:555px; margin:6px; background-color:#ffffff; } div#detailMoreViews #detailMoreViewNoAlt div.detailMoreViewsTop { border-bottom:1px solid #e6e6e7; } div#detailMoreViews #detailMoreViewNoAlt div.detailMoreViewsProdName { width:400px; } div#detailMoreViews #detailMoreViewNoAlt .detailMoreViewsPhoto { height:auto; } /* End detail page more views layer */ #zoomLayer { display:none; position:absolute; left:189px; z-index:100; } #zoomLayerInner { margin:6px; width:556px; background-color:#ffffff; border:1px solid #e6e6e7; overflow:hidden;} #zoomLayerInnerTop { width:100%; background-color:#ffffff; padding-bottom:5px; } #zoomLayer .detailMoreViewsProdName { width:468px; } #zoomLayer .detailMoreViewsTop div.detailMoreViewsPrintClose { width:auto; } #zoomLayer-viewer { padding:7px; } #zoomLayer-viewer #izView { width:542px; height:458px; } .zoomLayer-bottom { float:left; width:184px; height:50px; border-top:1px solid #e6e6e7; text-align:center; } * html .zoomLayer-bottom { width:183px; } .zoomLayer-bottom a { display:block; width:45px; margin:18px auto; } * html .zoomLayer-bottom a { width:65px; } #zoomLayer-pan { width:185px; border-left:1px solid #e6e6e7; border-right:1px solid #e6e6e7; line-height:1px; padding:0; } * html #zoomLayer-pan { width:187px; } #zoomLayer-pan div { float:left; margin:0; padding:0; cursor:pointer; } #zoomLayer-pan div#zoomLayer-panRight { float:right; } .whiteOut { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background-color:#ffffff; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; } .whiteOut a { display:block; position:absolute; top:30px; left:195px; } /* Care and Cleaning languages */ #careAndCleaning .ttl-graphic img {float:left;margin-right:15px;} /* Homepage Transparency */ #whiteTransparency { opacity:0.0;filter: alpha(opacity=0);background-color:white;position:absolute;top:100px;left:0px;width:1013px;height:389px;display:none } /* UGC Page Styles */ .ugc-personaContainer { width:567px} .ugc-personaContainer-guidelinesLink { position:absolute;left:610px;top:108px;width:140px } .ugc-personaContainer-guidelinesLink li { padding-right:0 } .ugc-container { padding-bottom:40px } .ugc-submitPhoto-topArea { border-bottom:1px solid #ccc; padding:10px 0 10px 10px } .ugc-submitPhoto-bottomArea { border-top:1px solid #ccc; padding:10px 0 0 10px; margin-top:20px } .ugc-articleHeader { position:static; height:auto; margin-bottom:20px } .ugc-articleHeader h2 { font-size:30px; color:#888; margin:0 } .ugc-articlePhoto-right { float:right; margin:5px 0 5px 15px } .ugc-articlePhoto-left { float:left; margin:5px 15px 5px 0 } .ugc-articlePhoto-right ul, .ugc-articlePhoto-left ul { margin-left: 4px } .ugc-articlePhoto-right li, .ugc-articlePhoto-left li { padding-bottom: 1px; padding-left: 14px; } .ugc-articlePhoto-right li a, .ugc-articlePhoto-left li a, .ugc-articlePhoto-right li a:visited, .ugc-articlePhoto-left li a:visited { color: rgb(153, 0, 0) }td.ugc-guidelines { padding-bottom:40px } td.ugc-guidelines ol li { margin-bottom:0 } td.ugc-guidelines ol.lower-latin li { list-style-type:lower-latin; list-style-type:lower-alpha } td.ugc-guidelines ol.decimal li { list-style-type:decimal } td.ugc-guidelines h4 { font-size:12px;margin-bottom:2px } td.ugc-guidelines p { margin-top:0 } .right-column-widgetContainer td.Summary_BlogTableLeft, .right-column-widgetContainer td.Summary_BlogTableRight, .right-column-widgetContainer td.Summary_ProfileTableLeft, .right-column-widgetContainer td.Summary_ProfileTableRight, .right-column-widgetContainer td.Summary_PhotoTableLeft, .right-column-widgetContainer td.Summary_PhotoTableRight { border-bottom: 0 none; padding:0 0 15px 5px; } .right-column-widgetContainer table.Summary_BlogTable, .right-column-widgetContainer table.Summary_ProfileTable { width:150px } .right-column-widgetContainer table.Summary_PhotoTable { width:160px } .right-column-widgetContainer tr.Summary_PhotoAltTRColor { background-color: #EEEFF1; } .widget-mostRecommended td.Summary_BlogTableLeft, .widget-mostRecommended td.Summary_BlogTableRight div.Summary_BlogBy, .widget-mostRecommended td.Summary_BlogTableRight div.Summary_BlogTime { display:none } .widget-mostRecommended td.Summary_BlogTableRight { padding-bottom:5px } .widget-mostRecommended { color:#999; } .widget-mostRecommended a, .widget-mostRecommended a:hover, .widget-mostRecommended a:visited { color:#000; } #widget-mostRecommended-blogs, #widget-mostRecommended-photos { display:none; } .widget-mostRecommended-btn { cursor:pointer; cursor:hand; } .customRecommendWidget { display:none; } #recommendArticleWidget { margin:10px 0 5px 5px; } .widget-mostRecommended div { padding-left:10px; } .widget-mostRecommended div ol { margin:0; padding:0; position:static; left:0; } .widget-mostRecommended div ol li { margin:0; padding-left:0; } li.recommend { background:transparent url(/common/images/bullet-recommend.gif) no-repeat; } li.recommend a, li.recommend a:hover { color: #990000; } li.recommended { background:transparent url(/common/images/bullet-recommended.gif) no-repeat; } iframe#frame_0 ,iframe#frame_1 ,iframe#frame_2 {position:absolute;top:0px;left:0px;width:-160px;height:-160px;float:left;} .lb-detail-top { position:absolute; z-index:99; background:url(/common/images/bg-top.png) right bottom no-repeat;width:255px;height:11px;overflow:hidden;padding:0px;} .lb-detail-mid { z-index:98; background:url(/common/images/bg-bot.png) right bottom no-repeat; width:255px;position:relative;top:11px;padding:0px; } .lb-detail-mid-inner {z-index:98; position:relative;top: -14px; right: -1px;width:247px;background: transparent url(/common/images/bg-gradient.gif) right top no-repeat;min-height:120px;_height:120px;padding:0px;} .lb-detail-mid-inner-inner { padding-top:18px; margin:0 9px 0 14px; } .lb-detail-pointer {z-index:102; background:url(/common/images/pointer-lb-detail.png);_background:none;width:28px;height:59px;position:absolute;left:-22px;top:11px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.us.kohler.com/common/images/pointer-lb-detail.png',sizing='scale'))} .lb-inner-closeMe { color: #990000; font-size: 11px; } .lb-detail-inner-load-here { height:185px; overflow: auto; padding-right: 4px; margin-top: 12px; }