/* ========= 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 GENERAL STRUCTURE 4.0 HEADINGS 5.0 BRANDING 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES 14.0 META 15.0 ACCESSIBILITY 16.0 PAGE SPECIFIC Color Guide: Orange - #F58220 ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ * { margin: 0; padding: 0; } /* Superscript reset to prevent line-height breaking */ sup { vertical-align: baseline; position: relative; bottom: 0.6ex; font-size: 56%; } sup sup { bottom: 0; } h2 > sup { font-size: 50%; bottom: 1.5ex; } /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* Utility class to clear an element */ .clear { clear: both; } br.clear { height: 0 !important; display: block; } .clearfix:after { content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix {display: block;} /* End hide from IE Mac */ * html .clearfix { height: 1px; } /* Set up elements for image replacement */ .replaced { display: block; overflow: hidden; text-indent: -9999em; background-repeat: no-repeat; } /* Class to hide elements without disabling them for screen readers */ .hide { display: block; height: 0; margin: 0; padding: 0; line-height: 0; overflow: hidden; text-indent: -9999em; } /* Class to set item to display:none */ .displayNone { display: none; } /* remember to define focus styles! */ :focus { outline: 0; } html.js body * { display: none; } /* Hide video links and content from iPad */ html.ipad .ipad-hide { display: none !important; } .load-container-black { background: black url(/images/gui/icons/loading-white-on-black.gif) no-repeat 50% 50%; } .load-container-white { background: white url(/images/gui/icons/loading-black-on-white.gif) no-repeat 50% 50%; } /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ body { background: black; padding: 26px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 80%; } body.elearning-popup { background: white; } /*body#home { background: black url(/images/pic/splash-underpic.jpg) no-repeat center top; }*/ body#home { background-color: black; background-repeat: no-repeat; background-position: center top; } div#wrapper { text-align: left; width: 936px; margin: 0 auto 0px; background-color: #FFF; height: 698px; position: relative; z-index: 0; } body.collection div#wrapper.video-playing { margin: 0 auto; padding-bottom: 20px; } body.products div#wrapper { position: relative; z-index: 10; height: auto; } body#products-shower div#wrapper { height: 900px; } body#product-detail-page div#wrapper, body#green-products div#wrapper, body#cavt-compliance div#wrapper, body#water-saving div#wrapper, body.gallery-detail div#wrapper { height: auto; } /*body.innovations div#wrapper {height:738px;}*/ body#essence div#wrapper, body#gallery div#wrapper, body#calendar div#wrapper { overflow: hidden; } body#product-documentation div#inner-wrapper { height: auto; } body#new-products div#inner-wrapper { height: 700px; } body#search-results div#inner-wrapper { padding-left: 136px; } body.text div#wrapper, body#video-gallery div#wrapper { height: auto; min-height: 698px; } body.text.technology-product div#wrapper { min-height: 598px; } body.text div#inner-wrapper { position: relative; padding-left: 262px; } body.technology div#inner-wrapper { padding-left: 0; } body.technology div#content-body { padding-left: 262px; } body.technology h2.callout-header{ padding-top:0 } body#st-jude-products div#content-body { padding-bottom: 40px; } body#st-jude-products a.area-collection-link { position: absolute; top: 507px; right: 34px; } body#video-gallery div#inner-wrapper { padding-left: 0; } body#wheretobuy-map div#inner-wrapper { padding-left: 0; } body#grid div#inner-wrapper { padding-left: 0; padding-top: 75px; } div#content-body { position: relative; top: 74px; z-index: 0; color: #7F8382; } body.collection div#content-body { height: auto; padding: 128px 0 25px 0; margin: 0 34px 0 260px; position: static; } body.function div#content-body { height: 383px; top: 0; padding-top: 130px; border-bottom: 1px solid #d9d9d9; margin: 0 34px 24px; } body.gallery-detail div#content-body { top: 0; padding-top: 70px; } body#our-commitment div#content-body { width: 100%; height: 578px; } body#green-home div#content-body { width: 100%; height: 568px; } body#green-products div#content-body { background: white; top: 128px; overflow: hidden; margin: 0 34px 0 260px; padding: 128px 0 60px 0; position: static; } body#green-products div#content-body img.green-img { display: block; margin-bottom: 20px; } body#cavt-compliance div#content-body{ top: 0; padding-top: 121px; padding-left: 262px; overflow: hidden; padding-bottom: 0px; min-height: 260px; } body#green-products div.main-image { padding-right: 34px; } /*body.request-lit div#content-body { height: 544px; overflow: hidden; }*/ body.standard div#content-body, body.standard div#content-body-fashion-calendar { position: absolute; z-index: 0; top: 120px; left: 262px; width: 640px; } body.text div#content-body { position: relative; left: auto; top: auto; padding-top: 130px; } body.full-width div#content-body { position: absolute; z-index: 0; top: 130px; width: 100%; } body#wheretobuy-map div#content-body { position: relative; top: 0; } body#search-results div#content-body { position: relative; z-index: 0; top: auto; left: auto; width: 800px; } body.area div#content-body, body#water-saving div#content-body, body#watersense-partner div#content-body { /*height: 433px;*/ overflow: hidden; top: 0; padding-top: 130px; } body#product-detail-page div#content-body { position: static; z-index: 0; padding-top:130px; padding-left: 41px; width: 861px; } body#product-detail-page div#inner-wrapper { height: auto; } body#awards div#content-body { position: absolute; z-index: 0; top: 130px; left: 70px; width: 835px; } body#photo-gallery div#content-body, body#calendar div#content-body { width: 2000px; height: 525px; } body#essence div#content-body, body#gallery-home div#content-body { left: 212px; } body#fashion div#content-body { position: absolute; top: 130px; left: 218px; margin-right: 34px; background: white; height: 550px; width: 685px; } body#email-a-friend div#content-body { position: absolute; top: 0; left: 0; width: 100%; } body#email-a-friend-thankyou div#content-body { position: absolute; top: 0; left: 0; width: 100%; height: 455px; } body#video-gallery div#content-body{ width: 757px; left: 125px; } /* Product Detail Page */ body#product-detail-page div.product-details { float: right; position: relative; right:0px;width:365px; margin-bottom:2em; display: inline; background: white; z-index: 50;} body#product-detail-page div#product-details-inner { width: 365px; /*height: 353px;*/ } body#product-detail-page div.product-image { float: left; position: relative; width: 460px; z-index: 25; left: 46px; text-align: center; } *html body#product-detail-page div#content-body {height:360px;} /*to act as min-height for ie6 */ body#product-detail-page div.product-options { position: absolute; bottom: 8px; left: 299px; z-index: 10; } body#product-detail-page div.related-products { position: absolute; bottom: 34px; left: 34px; width: 868px; z-index: 10; border-top: 1px solid #666; } body#product-detail-page div#collection-title { float: left; position: absolute; top: 0; width: 42px; display: inline; } body#product-detail-page div.product-options img { float: left; position: relative; width: 72px; height: 73px; margin-right: 4px; background-color: #000; } body#product-detail-page .divider { display: block; border-top: 1px solid #ccc; margin: 8px 0; width:320px; height: 1px; } body#product-detail-page div.product-details .cad-link-container { margin-top: 24px; font-size: 11px; } body#product-detail-page div.product-details .cad-link-container span { font-size: 11px; } div#coming-soon { font-weight: bold; margin-bottom: 5px; color: black; } body#product-detail-page div#coming-soon { margin: 5px 0; } /* page header */ div#header { height: 74px; position: absolute; z-index: 80; top: 0; left: 0; width: 936px; } div#header form#search-form #search-instructions { position: absolute; right: 0px; top: 34px; border: 1px solid #CCC; width: 356px; height: 118px; background: white url(/images/bg-searchnote.gif) no-repeat 0 0; display: none; z-index: 80; } div#sidenav-box { position: absolute; left: 0; top: 130px; width: 249px; height: 238px; z-index: 50; text-transform: uppercase; color: black; font-size: .9em; } body#wheretobuy-map div#sidenav-box { width: 41px; } body#search-results div#sidenav-box { width: 41px; } /* Photos on Experience page */ div#experience-photos, body#gallery-home div#gallery-sections, body#photo-gallery div#section-photos { position: absolute; top: 62px; left: 0px; width: 650px; padding-left: 50px; } /* Large photo for Experience > Ad Campaign */ div#catalog-large-image { position: absolute; top: 0; left: 276px; background: transparent url(/images/gui/bg/black-tall-496px.gif) repeat-x; height: 525px; width: 414px; } body.collection div#collection-content { margin-top: 30px; position: relative;} div#collection-content { position: absolute; z-index: 50; } body.function div#collection-content { bottom: 12px; left: 498px; } div#collection-content-body { background: white; font-style: italic; } div#footer { width: 936px; margin: 10px auto 0 auto; font-size: 0.9em; color: #666; } div#replacement-timeframe span { margin-right: 15px; } div#form-buttons { position: relative; margin: 14px 0 0; } body#home div#flash-stunt-double { position: absolute; top: 0; right: 34px; z-index: 2; margin-top: 0; } body#home div#main-flash, body#home object#main-flash { position: absolute; top: 0; z-index: 1; right: 34px; } body#home div#bottom-links, body#home object#bottom-links { position: absolute; top: 450px; z-index: 2; right: 34px; } /*object#main-flash { margin-top: 47px; position: relative; z-index: 1; }*/ /* Awards */ body#awards div#content-body { width: 835px; margin-right: 34px; background: white; } body#awards div.product-box { position: relative; left: 152px; margin-top: 50px; width: 730px; } /* Search Results */ body#text div.searchSectionHeader { margin-top: 20px; margin-bottom: 10px; } body#text div.searchSection .searchSectionResults .no-results { margin: 20px 0; } body#text div#no-results { margin: 20px 0; } div.faq-answer { padding: 0.5em 0.5em 0.5em 0.9em; } #search-blank-warning{font-size: 0.8em;left:-95px;position: relative; float:right; color:red;} /* Video overlay window */ div#video-window { position: absolute; background: white; opacity: 0; top: 275px; left: 401px; } div#video-window.flash { background: black url(/images/gui/bg/black-tall-480.gif) repeat-x; width: auto; height: auto; } body.area div#video-window.flash, body.function div#video-window.flash, body.collection div#video-window.flash { background: white none; } /* PDF viewer overlay window */ div#pdf-viewer-overlay { position: absolute; top: 120px; left: 57px; background: #f8f8f8; width: 845px; height: 531px; z-index: 100; } object#pdf-viewer { position: absolute; top: 45px; left: 14px; } /* PDF inline viewer */ #pdfView { border-top: 1px solid #999; padding: 12px 0 36px; margin: 0 18px 0; } div#sidenav-box .vcard { margin-left: 56px; } div.gallery-container { position: relative; width: 718px; height: 540px; background: white; padding-left: 183px; } div#gallery-big { position: absolute; top: 100px; right: 0; width: 575px; height: 402px; background: black; } div.event-container { position: relative; width: 526px; height: 400px; overflow: hidden; } div#calendar-photos { background-color: #fff; position: absolute; top: 60px; left: 0px; width: 540px; } div#area-photo { position: relative; width: 640px; padding-left: 262px; } div#large-image { width: 640px; height: 360px; } body#water-saving div#large-image { width: 546px; height: 326px; position: relative; } body#water-saving div#text-wrapper { position: relative; width: 640px; padding-left: 262px; } body#water-saving div.available-on, body.technology div.available-on { position: static; top: 0; left: 0; width: auto; overflow: hidden; height: auto; min-height: 165px; } body#water-saving div.available-on div#area-title, body#green-products div.available-on div#area-title, body#cavt-compliance div.available-on div#area-title, body.technology div.available-on { border: none; min-height: 0; } body.technology div.available-on #area-title { background-image: url(/images/ir/titles/available-on.gif); width: 210px; height: 70px; } body#water-saving object#thumb_scroller, body.technology object#thumb_scroller { float: left; display: inline; top: 0; right: 0; left: 0; position: static; } body#water-saving div#thumb_scroller { float: left; display: inline; } div#green-intro { width: 438px; position: absolute; top: 262px; left: 462px; z-index: 10; background: white; } object#thumb_scroller { height: 145px; } div#thumb_scroller { min-height: 145px; overflow: hidden; } div.detail_gallery_wrap object#thumb_scroller{ height: 140px; } body.collection object#thumb_scroller, body.collection div#thumb_scroller, body.detail object#thumb_scroller, body.detail div#thumb_scroller { position: absolute; top: 527px; left: auto; right: 14px; z-index: 500; } body.collection object#thumb_scroller, body.collection div#thumb_scroller { left: auto; position: absolute; right: 14px; top: 617px; z-index: 500; } body#products-shower div#thumb_scroller { left: auto; position: absolute; right: 14px; top: 426px; z-index: 500; } body.area div#wrapper { height: auto; min-height: 702px; } body.area div#thumb-wrapper { overflow: hidden; margin-top: 5px; margin-left: 240px; } body.function div#thumb-wrapper { overflow: hidden; } body.area div#area-title, body.function div#collection-title, body.gallery-detail div#matching-galleries { position: static; float: left; display: inline; width: 242px; top: 0; margin-top: -3px; } body.area div#thumb-wrapper div.area-description { float: left; padding: 15px 0px 0 5px; width: 415px; color: #999; } body.area div#thumb-wrapper div.area-description.bath { width: 445px; } body.gallery-detail div#matching-galleries { text-align: right; padding-top: 9px; width: 297px; margin-right: 9px; } body#st-jude-products div#area-title { width: 217px; padding-left: 25px; padding-top: 31px; } body.area object#thumb_scroller, body.function object#thumb_scroller { width: 680px; float: left; top: 0; } body.green-layout object#thumb_scroller { top: 594px; right:14px; } body#cavt-compliance object#thumb_scroller { top: 558px; } body#product-detail-page #thumb_scroller { position: relative; top: auto; right:auto; float:left;width:680px;} body#green-proucts div.main-image { width: 422px; height: 400px; float: right; } body#green-products div.text-content { position: absolute; bottom: -10px; width: 300px; } body#green-products div.view-green-products { margin-top: 10px; position: relative; height: 25px; } body#green-products div.available-on { height: auto; min-height: 145px; width: auto; position: static; left: 0; top: 0; } body.green-product div.view-green-products, body.technology-product div.view-green-products { margin-top: 5px; } body.green-product div.view-green-products a, body.technology-product div.view-green-products a { float: right; } div.section-wrapper { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #aaa; } div#pro-ed-first-section { width: 500px; } /* featured collections */ body#featured-collections #sidenav-box { width: 41px; } body#featured-collections div#content-body { padding: 130px 0 120px 40px; width: 790px; border: none; height: auto; margin: 0 34px 24px; top: 0; } .featured-collections-thumbs { width: 790px; height: 550px; } .featured-collection { width: 237px; margin: 0 38px 10px 0; display: block; float: left; height: 290px; text-align: left; } .featured-collections-thumbs .last { margin-right: 0; } body#featured-collections .featured-collections-thumbs a { color: #7F8382; text-transform: uppercase; } .featured-collections-thumbs a:hover { color: black; text-transform: uppercase; } body#featured-collections .vcard { border-top: 1px solid #ccc; padding: 10px 0 5px; } /*Collections / Function below the fold groupings*/ #extended-content { background-color:#FFFFFF;margin:0 auto 0 auto; position:relative;text-align:left;width:936px;z-index:0; } #extended-content .extended-content-group { border-top: 1px solid #D9D9D9; clear: left; float: left; display: inline; width: 866px; margin: 0 34px 0 34px; padding-top: 30px; } #extended-content .extended-content-group.available-on { margin-bottom: 34px; } #extended-content .extended-content-group .extended-content-headings { float: left; } #extended-content .extended-content-group .view_full_link { clear: left } #extended-content .extended-content-group .back_to_top { bottom: 53px; clear: both; left: -227px; position: relative; } #extended-content .grouping-title { float: left; width: 228px; } #extended-content .gallery_wrapper { float: left; width: 635px; display: inline; padding-bottom: 10px; } #extended-content .gallery_wrapper .image_wrapper { width: 94px; float: left; margin-right: 15px; padding-bottom: 8px;} #extended-content .gallery_wrapper .image_wrapper a { display: block; } #extended-content .gallery_wrapper .image_wrapper .image_description a, div.product .image_description a { color: #666; text-decoration: underline; } #extended-content .gallery_wrapper .image_wrapper .image_description a:hover, div.product .image_description a:hover { color: black; } #extended-content .gallery_wrapper .large_image { height: 230px; margin-right: 0; display: block; width: 313px; } #extended-content .gallery_wrapper .large_image a { display: block; } #extended-content .gallery_wrapper .large_image.first-child { margin-left: 0; margin-right: 8px; } #extended-content .gallery_wrapper .image_wrapper .image_description { color: #666; font-size: 11px; padding:2px 14px 0 0; } body div#content-body .gallery_wrapper .product-row .image_description a { color: #666; font-size: 12px; text-decoration: none; } body div#content-body .gallery_wrapper .product-row .image_description a:hover { text-decoration: underline; color: #666; } .cloned-product .image_description a { color: #666; font-size: 12px; text-decoration: none; display: block; } .cloned-product .image_description a:hover { text-decoration: underline; } /* Rebate Page */ div.rebate-directions { margin: 48px 0; } div.rebate-directions .rebate-info { float: left; display: inline; } div.addthis_toolbox { margin: 12px 0 0; } div#video-window div.addthis_toolbox { display: inline-block; margin: 0; float: right; } .ipad div#video-window div.addthis_toolbox { margin: -1px 0 0; } div#detail-gallery div.addthis_toolbox { position: absolute; top: -35px; right: -40px; } /*div#video-window object { margin-bottom: 12px; }*/ #google-search { position: relative; } /* goto not found pages */ .goto-options { border-top: 1px solid #ccc; padding: 10px; } #addthis-wrapper { display: none; } #related-videos { overflow: hidden; width: 100%; padding: 0 12px; } div#main-flash { text-align: right; } body.text div.brand-logo { margin-bottom: 16px; } body.text #content-body div.adr { line-height: 1.5; margin-bottom: 16px; } /* 4.0 HEADINGS ------------------------------------------ */ div#sidenav-box h1 { position: absolute; top: 0; left: 0; width: 41px; height: 198px; overflow: hidden; text-indent: -100em; background-color: #000000; z-index: 2000; } body#product-detail-page div#collection-title h1 { width: 42px; height: 198px; background-color: #000; } h2.sifr-akzidenz-mdcn { color: black; } /*FAQ*/ ul#faq li h4 { cursor: pointer; background:transparent url(/images/bg-toggle-small_orange.gif) no-repeat scroll -2px -41px; padding-left: 11px;} ul#faq li h4.expanded{background-position: -2px -8px;} #related-videos h1 { font-weight: normal; font-size: 20px; } h1.function-headers { background-image: url(/images/ir/functions/function-title-sprite.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; padding: 0; margin-bottom: 5px;} h1.function-headers.faucet { background-position: 0 0; } h1.function-headers.bar-prep { background-position: 0 -30px; } h1.function-headers.potfillers { background-position: 0 -60px; } h1.function-headers.accessories { background-position: 0 -90px; } h1.function-headers.lavatory { background-position: 0 -120px; } h1.function-headers.roman-tub { background-position: 0 -150px; } h1.function-headers.tub-shower { background-position: 0 -180px; } h1.function-headers.bidet { background-position: 0 -238px; } h1#nav-head-home { background-image: url(/images/gui/bg/sidebar/bg-contents.gif); } h1#nav-head-contents { background-image: url(/images/gui/bg/sidebar/bg-contents.gif); } h1#nav-head-kitchen { background-image: url(/images/gui/bg/sidebar/bg-kitchen.gif); } h1#nav-head-bath { background-image: url(/images/gui/bg/sidebar/bg-bath.gif); } h1#nav-head-shower { background-image: url(/images/gui/bg/sidebar/bg-shower.gif); } h1#nav-head-green { background-image: url(/images/gui/bg/sidebar/bg-green.gif); } h1#nav-head-education { background-image: url(/images/gui/bg/sidebar/bg-education.gif); } h1#nav-head-about-us { background-image: url(/images/gui/bg/sidebar/bg-about-us.gif); } h1#nav-head-com-health { background-image: url(/images/gui/bg/sidebar/bg-health.gif); } h1#nav-head-com-culture { background-image: url(/images/gui/bg/sidebar/bg-culture.gif); } h1#nav-head-gallery { background-image: url(/images/gui/bg/sidebar/bg-gallery.gif); } h1#nav-head-photo-gallery { background-image: url(/images/gui/bg/sidebar/bg-photo-gallery.gif); } h1#nav-head-designer-gallery { background-image: url(/images/gui/bg/sidebar/bg-designer-gallery.gif); } h1#nav-head-video-gallery { background-image: url(/images/gui/bg/sidebar/bg-video-gallery.gif); } h1#nav-head-advertising-gallery { background-image: url(/images/gui/bg/sidebar/bg-advertising-gallery.gif); } h1#nav-head-gallery-bath { background-image: url(/images/gui/bg/sidebar/bg-gallery-bath.gif); } h1#nav-head-gallery-kitchen { background-image: url(/images/gui/bg/sidebar/bg-gallery-kitchen.gif); } h1#nav-head-featured-collections { background-image: url(/images/gui/bg/sidebar/bg-featured-collections.gif); } h1#nav-head-events { background-image: url(/images/gui/bg/sidebar/bg-events.gif); } h1#nav-head-faucets { background-image: url(/images/gui/bg/sidebar/bg-kitchen-faucets.gif); } /*collections*/ h1#nav-head-experience { background-image: url(/images/gui/bg/sidebar/bg-experience.gif); } h1#nav-head-tresa { background-image: url(/images/gui/bg/sidebar/bg-tresa.gif); } h1#nav-head-tresa-cross { background-image: url(/images/gui/bg/sidebar/bg-tresa-cross.gif); } h1#nav-head-baliza { background-image: url(/images/gui/bg/sidebar/bg-baliza.gif); } h1#nav-head-essence { background-image: url(/images/gui/bg/sidebar/bg-essence.gif); } h1#nav-head-belo { background-image: url(/images/gui/bg/sidebar/bg-belo.gif); } h1#nav-head-pascal { background-image: url(/images/gui/bg/sidebar/bg-pascal.gif); } h1#nav-head-venuto { background-image: url(/images/gui/bg/sidebar/bg-venuto.gif); } h1#nav-head-virage { background-image: url(/images/gui/bg/sidebar/bg-virage.gif); } h1#nav-head-loki { background-image: url(/images/gui/bg/sidebar/bg-loki.gif); } h1#nav-head-riviera { background-image: url(/images/gui/bg/sidebar/bg-riviera.gif); } h1#nav-head-talo { background-image: url(/images/gui/bg/sidebar/bg-talo.gif); } h1#nav-head-trevi-cross { background-image: url(/images/gui/bg/sidebar/bg-trevi-cross.gif); } h1#nav-head-trevi-lever { background-image: url(/images/gui/bg/sidebar/bg-trevi.gif); } h1#nav-head-floriano { background-image: url(/images/gui/bg/sidebar/bg-floriano.gif); } h1#nav-head-providence-contemporary { background-image: url(/images/gui/bg/sidebar/bg-providence-contemporary.gif); } h1#nav-head-providence-classic { background-image: url(/images/gui/bg/sidebar/bg-providence-classic.gif); } h1#nav-head-stratford-classic { background-image: url(/images/gui/bg/sidebar/bg-stratford-classic.gif); } h1#nav-head-potfillers { background-image: url(/images/gui/bg/sidebar/bg-pot-fillers.gif); } h1#nav-head-rsvp { background-image: url(/images/gui/bg/sidebar/bg-rsvp.gif); } h1#nav-head-rsvp-cross { background-image: url(/images/gui/bg/sidebar/bg-rsvp-cross.gif); } h1#nav-head-vesi-channel { background-image: url(/images/gui/bg/sidebar/bg-vesi-channel.gif); } h1#nav-head-vesi-curve { background-image: url(/images/gui/bg/sidebar/bg-vesi-curve.gif); } h1#nav-head-providence-belle { background-image: url(/images/gui/bg/sidebar/bg-providence-belle.gif); } h1#nav-head-williamsburg-classic { background-image: url(/images/gui/bg/sidebar/bg-williamsburg-classic.gif); } h1#nav-head-quiessence { background-image: url(/images/gui/bg/sidebar/bg-quiessence.gif); } h1#nav-head-vesi { background-image: url(/images/gui/bg/sidebar/bg-vesi.gif); } h1#nav-head-traditional { background-image: url(/images/gui/bg/sidebar/bg-traditional.gif); } h1#nav-head-euro { background-image: url(/images/gui/bg/sidebar/bg-euro.gif); } h1#nav-head-siderna { background-image: url(/images/gui/bg/sidebar/bg-siderna.gif); } h1#nav-head-solna { background-image: url(/images/gui/bg/sidebar/bg-solna.gif); } h1#nav-head-charlotte { background-image: url(/images/gui/bg/sidebar/bg-charlotte.gif); } h1#nav-head-news-room { background-image: url(/images/gui/bg/sidebar/bg-news-room.gif); } h1#nav-head-media-releases { background-image: url(/images/gui/bg/sidebar/bg-media-releases.gif); } h1#nav-head-trends { background-image: url(/images/gui/bg/sidebar/bg-trends.gif); } h1#nav-head-literature-request { background-image: url(/images/gui/bg/sidebar/bg-literature-request.gif); } h1#nav-head-awards { background-image: url(/images/gui/bg/sidebar/bg-awards.gif); } h1#nav-head-warranty { background-image: url(/images/gui/bg/sidebar/bg-warranty.gif); } h1#nav-head-privacy-policy { background-image: url(/images/gui/bg/sidebar/bg-privacy-policy.gif); } h1#nav-head-supply-chain-disclosure { background: url(/images/gui/bg/sidebar/bg-supply-chain-disclosure.gif) 0 0 no-repeat; } h1#nav-head-terms-of-service { background-image: url(/images/gui/bg/sidebar/bg-terms.gif); } h1#nav-head-contact-us { background-image: url(/images/gui/bg/sidebar/bg-contact-us.gif); } h1#nav-head-delivery { background-image: url(/images/gui/bg/sidebar/bg-delivery.gif); } h1#nav-head-calendar { background-image: url(/images/gui/bg/sidebar/bg-calendar.gif); } h1#nav-head-support-docs { background-image: url(/images/gui/bg/sidebar/bg-support-docs.gif); } h1#nav-head-showroom-locator { background-image: url(/images/gui/bg/sidebar/bg-showroom-locator.gif); } h1#nav-head-product-registration { background-image: url(/images/gui/bg/sidebar/bg-product-registration.gif); } /* Functions */ h1#nav-head-single-handle { background-image: url(/images/gui/bg/sidebar/bg-single-handle.gif); } h1#nav-head-two-handle { background-image: url(/images/gui/bg/sidebar/bg-two-handle.gif); } h1#nav-head-pull-down-pull-out, h1#nav-head-pull-out-pull-down { background-image: url(/images/gui/bg/sidebar/bg-pull-out.gif); } h1#nav-head-bar-prep { background-image: url(/images/gui/bg/sidebar/bg-bar-prep.gif); } h1#nav-head-accessories { background-image: url(/images/gui/bg/sidebar/bg-accessories.gif); } h1#nav-head-lavatory { background-image: url(/images/gui/bg/sidebar/bg-sink-lav.gif); } h1#nav-head-roman-tub { background-image: url(/images/gui/bg/sidebar/bg-roman-tub.gif); } h1#nav-head-tub-shower { background-image: url(/images/gui/bg/sidebar/bg-tub-shower.gif); } h1#nav-head-bidet { background-image: url(/images/gui/bg/sidebar/bg-bidet-specialty.gif); } h1#nav-head-accessories-lighting { background-image: url(/images/gui/bg/sidebar/bg-accessories-lighting.gif); } h1#nav-head-medium-flow { background-image: url(/images/gui/bg/sidebar/bg-medium-flow.gif); } h1#nav-head-sensori { background-image: url(/images/gui/bg/sidebar/bg-sensori.gif); } h1#nav-head-pot-filler { background-image: url(/images/gui/bg/sidebar/bg-pot-fillers.gif); } h1#nav-head-email-updates { background-image: url(/images/gui/bg/sidebar/bg-email-updates.gif); } h1#nav-head-fashion-home { background-image: url(/images/gui/bg/sidebar/bg-fashion.gif); } h1#nav-head-fashion-runway { background-image: url(/images/gui/bg/sidebar/bg-fashion.gif); } h1#nav-head-search-results { background-image: url(/images/gui/bg/sidebar/bg-search-results.gif); } h1#nav-head-faq { background-image: url(/images/gui/bg/sidebar/bg-faq.gif); } h1#nav-head-technologies { background-image: url(/images/gui/bg/sidebar/bg-technologies.gif); } h1#nav-head-error { background-image: url(/images/gui/bg/sidebar/bg-page-error.gif); } h1#nav-head-rebate { background-image: url(/images/gui/bg/sidebar/bg-vesi-tresa-rebate.gif); } h1#nav-head-st-jude { background-image: url(/images/gui/bg/sidebar/bg-st-jude.gif); } h1#nav-head-jason-wu { background-image: url(/images/gui/bg/sidebar/bg-jason-wu.gif); } h1#nav-head-jason-wu-for-brizo { background-image: url(/images/gui/bg/sidebar/bg-jason-wu-for-brizo.gif); } h1#nav-head-culinary { background-image: url(/images/gui/bg/sidebar/bg-culinary.gif); } h1#nav-head-masco-brands { background-image: url(/images/gui/bg/sidebar/bg-masco-brands.gif); } div#content-body h3 { color: #F58220; font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 3px 0; text-transform: uppercase; } div#content-body h3.script { font-family: 'Times New Roman', Times, serif; color: #F58220; font-weight: bold; font-style: italic; font-size: 1.6em; text-transform: none; padding-bottom: 8px; line-height: 1.2; } div#content-body h4 { color: #000; font-size: 1em; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; line-height: 1.4 } h1#calendar-title { background-color: #000; color: #fff; text-transform: uppercase; font-size: 1.3em; font-weight: normal; width: 506px; margin-bottom: 14px; padding: 15px 10px; position: absolute; top: 130px; left: 262px; } .event-details h1 { font-size: 1em; color: #F58220; display: block; margin-bottom: 5px; } .event-details h2 { font-size: .9em; color: #000; font-weight: normal; display: block; margin-bottom: 5px; } h2.grouping-title, h2.grouping-title-tall { display: block; text-indent: -9999em; overflow: hidden; height: 43px; background-repeat: no-repeat; margin-bottom: 12px; width: 225px; } h2.grouping-title-tall { height: 66px; } h2#grouping-accessories { background-image: url(/images/ir/groupings/h_accessories.gif); } h2#grouping-bar-prep { background-image: url(/images/ir/groupings/h_bar_prep.gif); } h2#grouping-bidet { background-image: url(/images/ir/groupings/h_bidet_specialty.gif); } h2#grouping-custom-showers { background-image: url(/images/ir/groupings/h_custom_shower.gif); } h2#grouping-lavatory { background-image: url(/images/ir/groupings/h_lavatory.gif); } h2#grouping-potfillers { background-image: url(/images/ir/groupings/h_pot_fillers.gif); } h2#grouping-pull-down-pull-out { background-image: url(/images/ir/groupings/h_pull_out.gif); } h2#grouping-roman-tub { background-image: url(/images/ir/groupings/h_roman_tub.gif); } h2#grouping-single-handle { background-image: url(/images/ir/groupings/h_single_handle.gif); } h2#grouping-tub-shower { background-image: url(/images/ir/groupings/h_tub_shower.gif); } h2#grouping-two-handle { background-image: url(/images/ir/groupings/h_two_handle.gif); } h2#grouping-faucets { background-image: url(/images/ir/groupings/h_kitchenfaucets.gif); height: 99px; } h2#grouping-single-handle-pull-down---pull-out { background-image: url(/images/ir/groupings/h_single_handle_pull_out.gif); } h2#grouping-baliza { background-image: url(/images/ir/groupings/h_baliza.gif); } h2#grouping-belo { background-image: url(/images/ir/groupings/h_belo.gif); } h2#grouping-charlotte { background-image: url(/images/ir/groupings/h_charlotte.gif); } h2#grouping-euro { background-image: url(/images/ir/groupings/h_euro.gif); } h2#grouping-floriano { background-image: url(/images/ir/groupings/h_floriano.gif); } h2#grouping-loki { background-image: url(/images/ir/groupings/h_loki.gif); } h2#grouping-modern { background-image: url(/images/ir/groupings/h_modern.gif); } h2#grouping-pascal { background-image: url(/images/ir/groupings/h_pascal.gif); } h2#grouping-providence-belle { background-image: url(/images/ir/groupings/h_providence_belle.gif); } h2#grouping-providence-classic { background-image: url(/images/ir/groupings/h_providence_classic.gif); } h2#grouping-providence-contemporary { background-image: url(/images/ir/groupings/h_providence_contemporary.gif); } h2#grouping-quiessence { background-image: url(/images/ir/groupings/h_quiessence.gif); } h2#grouping-riviera { background-image: url(/images/ir/groupings/h_riviera.gif); } h2#grouping-rsvp { background-image: url(/images/ir/groupings/h_rsvp.gif); } h2#grouping-stratford-classic { background-image: url(/images/ir/groupings/h_stratford_classic.gif); } h2#grouping-talo { background-image: url(/images/ir/groupings/h_talo.gif); } h2#grouping-traditional { background-image: url(/images/ir/groupings/h_traditional.gif); } h2#grouping-tresa { background-image: url(/images/ir/groupings/h_tresa.gif); } h2#grouping-trevi-cross { background-image: url(/images/ir/groupings/h_trevi_cross.gif); } h2#grouping-trevi-lever { background-image: url(/images/ir/groupings/h_trevi_lever.gif); } h2#grouping-venuto { background-image: url(/images/ir/groupings/h_venuto.gif); } h2#grouping-vesi { background-image: url(/images/ir/groupings/h_vesi.gif); } h2#grouping-vesi-channel { background-image: url(/images/ir/groupings/h_vesi_channel.gif); } h2#grouping-vesi-curve { background-image: url(/images/ir/groupings/h_vesi_curve.gif); } h2#grouping-virage { background-image: url(/images/ir/groupings/h_virage.gif); } h2#grouping-williamsburg-classic { background-image: url(/images/ir/groupings/h_williamsburg_classic.gif); } h2#grouping-siderna { background-image: url(/images/ir/groupings/h_siderna.gif); } h2#grouping-solna { background-image: url(/images/ir/groupings/h_solna.gif); } /* Collection page headings */ div#collection-content h2 {float: left; background-repeat: no-repeat; height: 155px; width: 290px; margin-bottom: 20px; padding-bottom: 20px; display: block; position: relative; } div#collection-content h2#heading-providence-classic { height: 147px; } h2#heading-baliza { background-image: url(/images/ir/collections/heading-baliza.gif); } h2#heading-baliza-bath { background-image: url(/images/ir/collections/heading-baliza-bath.gif); } h2#heading-belo { background-image: url(/images/ir/collections/heading-belo.gif); } h2#heading-floriano { background-image: url(/images/ir/collections/heading-floriano.gif); } h2#heading-loki { background-image: url(/images/ir/collections/heading-loki.gif); } h2#heading-pascal { background-image: url(/images/ir/collections/heading-pascal.gif); } h2#heading-potfillers { background-image: url(/images/ir/collections/heading-potfillers.gif); } h2#heading-providence-classic { background-image: url(/images/ir/collections/heading-providence-classic.gif); } h2#heading-providence-classic-belle { background-image: url(/images/ir/collections/heading-providence-classic-belle.gif); } h2#heading-providence-contemporary { background-image: url(/images/ir/collections/heading-providence-contemporary.gif); } h2#heading-quiessence { background-image: url(/images/ir/collections/heading-quiessence.gif); } h2#heading-riviera { background-image: url(/images/ir/collections/heading-riviera.gif); } h2#heading-riviera-bath { background-image: url(/images/ir/collections/heading-riviera-bath.gif); } h2#heading-rsvp { background-image: url(/images/ir/collections/heading-rsvp.gif); } h2#heading-solna { background-image: url(/images/ir/collections/heading-solna.gif); } h2#heading-stratford-classic { background-image: url(/images/ir/collections/heading-stratford-classic.gif); } h2#heading-talo { background-image: url(/images/ir/collections/heading-talo.gif); } h2#heading-tresa { background-image: url(/images/ir/collections/heading-tresa.gif); } h2#heading-trevi { background-image: url(/images/ir/collections/heading-trevi.gif); } h2#heading-trevi-bath { background-image: url(/images/ir/collections/heading-trevi-bath.gif); } h2#heading-venuto { background-image: url(/images/ir/collections/heading-venuto.gif); } h2#heading-vesi-channel { background-image: url(/images/ir/collections/heading-vesi-channel.gif); } h2#heading-vesi-curve { background-image: url(/images/ir/collections/heading-vesi-curve.gif); } h2#heading-virage { background-image: url(/images/ir/collections/heading-virage.gif); } h2#heading-williamsburg-classic { background-image: url(/images/ir/collections/heading-williamsburg-classic.gif); } h2#heading-siderna { background-image: url(/images/ir/collections/heading-siderna.gif); } h2#heading-charlotte { background-image: url(/images/ir/collections/heading-charlotte.gif); } h2#product-name { color: #000; text-transform: uppercase; font-size: 1em; font-weight: string; margin: 0; padding: 0 12px 12px 0; } h2#fashion-title { background-image: url(/images/ir/fashion/heading-fashion-runway.gif); height: 116px; width: 350px; margin-bottom: 10px; } h2#fashion-title-home { background-image: url(/images/ir/fashion/heading-fashion-home.gif); height: 47px; width: 350px; } h2.callout-header {margin: 0px 37px 10px 37px; padding-top: 30px; background-repeat: no-repeat; min-height: 28px; background-position: left bottom; } h2.callout-header#avbl-on { background-image: url(/images/ir/groupings/h_availableon.gif); } h2.callout-header#rltd-items { background-image: url(/images/ir/groupings/h_relateditems.gif); } /*category and function pages*/ h2#grouping-Lavatory{} h2#grouping-Roman_Tub{} h2#grouping-Tub_Shower{} h2#grouping-Custom_Shower{} h2#grouping-Accessories{} body#awards #content-body h2, body#awards #content-body h3, body#awards #content-body h4 { position: relative; left: 192px; width: 600px; } /* Rebate Page */ h2#rebate-dream-more { background: url(/images/pic/rebate/dreammore-spendless.gif) 0 0 no-repeat; height: 153px; width: 500px; margin-bottom: 20px; } h3#rebate-purchase-products { background: url(/images/pic/rebate/1purchasequalifyingproducts.gif) 0 0 no-repeat; height: 30px; width: 377px; } h3#rebate-complete-form { background: url(/images/pic/rebate/2completerebateform.gif) 0 0 no-repeat; height: 30px; width: 282px; } h3#rebate-mail { background: url(/images/pic/rebate/3mail.gif) 0 0 no-repeat; height: 22px; width: 85px; } h4#rebate-vesi { background: url(/images/pic/rebate/vesicollection.gif) 0 0 no-repeat; height: 30px; width: 208px; } h4#rebate-tresa { background: url(/images/pic/rebate/tresacollection.gif) 0 0 no-repeat; height: 30px; width: 232px; } body#rebate div.rebate-directions h3 { margin-bottom: 6px; color: black; font-size: 1.35em; font-weight: normal; } body#rebate div.rebate-directions h4 { margin: 18px 0 3px; } div#content-body h3.section-head { color: black; text-transform: uppercase; border-bottom: 1px solid #000; font-weight: bold; margin-bottom: 0.5em; } body.collection ul#sidenav li#li-functions h3 { background: url(/images/ir/nav-sprites/nav-functions.gif) no-repeat -200px -300px; height: 15px; margin-bottom: 0; } body.function ul#sidenav li#li-collections h3 { background: url(/images/ir/nav-sprites/nav-collections.gif) no-repeat -200px -390px; height: 15px; margin-bottom: 0; } body#home ul#sidenav h3 { background-image: url(/images/ir/nav-sprites/nav-main.gif); height: 14px; margin-bottom: 1px; } body#home ul#sidenav li#li-collections h3 { background-position: -400px -435px; } body.area ul#sidenav h3 { width: 100px; } body.area ul#sidenav li#li-functions h3 { background: url(/images/ir/nav-sprites/nav-functions.gif) no-repeat -261px -300px; height: 14px; margin-bottom: 1px; } /*body.area ul#sidenav li#li-functions h3.active, body.area ul#sidenav li#li-functions:hover h3 { background-position: -260px -300px; }*/ body.area ul#sidenav li#li-collections h3 { background: url(/images/ir/nav-sprites/nav-collections.gif) no-repeat -219px -390px; height: 14px; margin-bottom: 1px; } body.gallery ul#sidenav li#li-collections h3 { background-position: -200px -390px; width: 150px; } body.gallery ul#sidenav li#li-designers h3 { background: url(/images/ir/nav-sprites/nav-gallery-designers.gif) no-repeat -200px 0px; height: 14px; margin-bottom: 1px; width: 150px; } /*body.area ul#sidenav li#li-collections h3.active, body.area ul#sidenav li#li-collections:hover h3 { background-position: -260px -390px; }*/ ul#faq h4 { text-transform: none; } /*ul#sidenav li#li-collections h3 { background-position: -400px -435px; } ul#sidenav li#li-collections h3.active, ul#sidenav li#li-collections:hover h3 { background-position: -600px -435px; }*/ ul#sidenav #li-functions h3 { background-position: -400px -450px; } ul#sidenav #li-functions h3.active, ul#sidenav #li-functions:hover h3 { background-position: -600px -450px; } ul#sidenav li#li-products h3 { background-position: 0 0; } ul#sidenav li#li-products h3:hover, ul#sidenav li#li-products h3.active, body#home ul#sidenav li#li-products h3 { background-position: -200px 0; } ul#sidenav li#li-experience h3 { background-position: 0 -15px; } ul#sidenav li#li-experience h3:hover, ul#sidenav li#li-experience h3.active, body#home ul#sidenav li#li-experience h3 { background-position: -200px -15px; } ul#sidenav li#li-innovations h3 { background-position: 0 -30px; } ul#sidenav li#li-innovations h3:hover, ul#sidenav li#li-innovations h3.active, body#home ul#sidenav li#li-innovations h3 { background-position: -200px -30px; } ul#sidenav li#li-customer-service h3 { background-position: -200px -45px; } ul#sidenav li#li-customer-service h3:hover, ul#sidenav li#li-customer-service h3.active, ul#sidenav li#li-customer-service:hover h3 { background-position: -200px -45px; } ul#sidenav li#li-company h3 { background-position: -200px -60px; } ul#sidenav li#li-company h3:hover, ul#sidenav li#li-company h3.active, ul#sidenav li#li-company:hover h3 { background-position: -200px -60px; } ul#sidenav li#li-showroom-locator h3 { background-position: -200px -75px; } ul#sidenav li#li-showroom-locator h3:hover, ul#sidenav li#li-showroom-locator h3.active, ul#sidenav li#li-showroom-locator:hover h3 { background-position: -200px -75px; } ul#sidenav li#li-professionals h3 { background-position: -200px -90px; } body#our-commitment div#content-body h2, body#green-home div#content-body h2 { background-image: url(/images/ir/green/green-is-beautiful-large.gif); position:absolute; top:143px; left:69px; width:831px; height: 129px; } body#wheretobuy-map h2 { background: url(/images/gui/bg/showroom-locator-title.gif) 0 0 no-repeat; width: 250px; height: 34px; display: block; margin-left: 68px; } body#h2okinetic h2.h2okinetic-title { background: url(/images/gui/bg/h20kinetic-title.gif) 0 0 no-repeat; width: 250px; height: 34px; display: block; } body#smart-touch h2.smarttouch-title { background: url(/images/gui/bg/smarttouch-title.gif) 0 0 no-repeat; width: 300px; height: 34px; display: block; } body#magnedock h2.magnedock-title { background: url(/images/gui/bg/magnedock-title.gif) 0 0 no-repeat; width: 300px; height: 34px; display: block; } body#watersense h2.watersense-title { background: url(/images/gui/bg/watersense-title.gif) 0 0 no-repeat; width: 300px; height: 34px; display: block; } body#sensori h2.sensori-title { background: url(/images/gui/bg/sensori-title.gif) 0 0 no-repeat; width: 300px; height: 34px; display: block; } body#tempassure h2.tempassure-title { background: url(/images/gui/bg/tempassure-title.gif) 0 0 no-repeat; width: 300px; height: 34px; display: block; } body#brilliance h2.brilliance-title { background: url(/images/gui/bg/brilliance-title.gif) 0 0 no-repeat; width: 300px; height: 34px; display: block; } h2.technology-title { background: url(/images/ir/titles/fashion-forward-meets-forward-thinking.gif) 0 0 no-repeat; width: 279px; height: 74px; display: block; } h2.featured-collections-title { background: url(/images/ir/titles/the-faucet-brand-for-the-fashion-forward.gif) 0 0 no-repeat; width: 600px; height: 34px; display: block; margin-bottom: 10px; } h2#pascal-title { background: url(/images/ir/pascal-title.gif) no-repeat; height: 34px; } h2#baliza-title { background: url(/images/ir/baliza-title.gif) no-repeat; height: 34px; } h2#charlotte-title { background: url(/images/ir/charlotte-title.gif) no-repeat; height: 34px; } h2#loki-title { background: url(/images/ir/loki-title.gif) no-repeat; height: 34px; } h2#siderna-title { background: url(/images/ir/siderna-title.gif) no-repeat; height: 34px; } h2#virage-title { background: url(/images/ir/virage-title.gif) no-repeat; height: 34px; } h2#rsvp-title { background: url(/images/ir/rsvp-title.gif) no-repeat; height: 34px; } h2#tresa-title { background: url(/images/ir/tresa-title.gif) no-repeat; height: 34px; } h2#vesi-channel-title { background: url(/images/ir/vesi-channel-title.gif) no-repeat; height: 34px; } h2#vesi-curve-title { background: url(/images/ir/vesi-curve-title.gif) no-repeat; height: 34px; } h2#providence-belle-title { background: url(/images/ir/providence-belle-title.gif) no-repeat; height: 34px; } h2#williamsburg-title { background: url(/images/ir/williamsburg-title.gif) no-repeat; height: 34px; } h2#providence-classic-title { background: url(/images/ir/providence-classic-title.gif) no-repeat; height: 34px; } /* Search Results */ body#text div.searchSection h3, body#text div.searchSection h4, body#text div.searchSection .searchSectionResults .no-results h4, body#text div#no-results h4 { font-weight: bold; } div#content-body div.product-details h3 { color: #484848; font-size: 1em; text-transform: uppercase; font-weight: normal; margin-bottom: 8px; } /*h3 { text-transform: uppercase; color: #F58220; font-weight: normal; font-size: 14px; margin-bottom: 12px; }*/ div#fashion-content-container h4 { font-family: 'Times New Roman', Times, serif; color: #F58220; font-style: italic; font-size: 1.6em; text-transform: none; padding-bottom: 8px; line-height: 1.2; } div#stjude-text h4 { font-family: 'Times New Roman', Times, serif; color: #F58220; font-style: italic; font-size: 14px; text-transform: none; padding-bottom: 14px; line-height: 1.2; } body#pro-ed div#content-body h3 { font-weight: bold; } /* goto not found */ #content-body .goto-options h4 { margin-bottom: 5px; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ a { text-decoration: none; } a#site-logo { position: absolute; top: 38px; left: 40px; } a#green-logo { position: absolute; top: 0; left: 0; } p.download a { display: inline; padding-top: 0.1em; float: left; margin-right: 3px; } a.home-link-arrow { display: inline-block; padding: 5px 29px 0 0; background: url(/images/gui/icons/link-arrows-blackbox.png) no-repeat top right; margin-top: 6px; min-height: 18px; font-size: 14px; } .ie6 a.home-link-arrow { height: 18px; } /* Add file icons to appropriate links */ a.pdf, a.ppt, a.doc, a.xls, a.csv, a.zip { display: inline-block; padding: 0.5em 0 0.4em 27px; min-height: 24px; background-position: top left; background-repeat: no-repeat; } ul#faq a.pdf, ul#faq a.ppt, ul#faq a.doc, ul#faq a.xls, ul#faq a.csv, ul#faq a.zip { padding: 0 0 0.4em 27px; } a.pdf { background-image: url(/images/pic/icons/pdf.png); } a.doc { background-image: url(/images/pic/icons/doc.png); } a.xls { background-image: url(/images/pic/icons/xls.png); } a.csv { background-image: url(/images/pic/icons/csv.png); } a.zip { background-image: url(/images/pic/icons/zip.png); } /* Homepage subfeatures */ #bottom-links ul { overflow: hidden; } #bottom-links ul li { display: inline; float: left; margin-left: 22px; } div#content-body #bottom-links a { display: inline-block; padding-top: 132px; width: 157px; text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; } #bottom-links a#spot1 { background: url(/images/pic/home/flash-fallbacks/featured-collections.jpg) no-repeat; } #bottom-links a#spot2 { background: url(/images/pic/home/flash-fallbacks/jason-wu.jpg) no-repeat; } #bottom-links a#spot3 { background: url(/images/pic/home/flash-fallbacks/watersense.jpg) no-repeat; } #bottom-links a#spot4 { background: url(/images/pic/home/flash-fallbacks/technologies.jpg) no-repeat; } #bottom-links a#spot5 { background: url(/images/pic/home/flash-fallbacks/stjude.jpg) no-repeat; } ul#main-nav ul li a { display: block; } div#thumb_scroller a.sliderItem { float: left; display: inline; margin: 0 14px 0 0; } div#thumb_scroller a.leftArrow, div#thumb_scroller a.rightArrow { position: absolute; height: 94px; width: 60px; border: 1px solid red; } div#thumb_scroller a.leftArrow { left: 0; top: 0; } div#thumb_scroller a.rightArrow { right: 0; top: 0; } a.nav-section, a.nav-link, ul#sidenav a, dl#catalogs a.replaced, div#experience-photos a span, ul#main-nav h3 { display: block; overflow: hidden; text-indent: -100em; height: 10px; } ul#contact a { color: #F58220; } ul#contact a:hover { color: #000; } /* Nav Background Images */ ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-main.gif); background-repeat: no-repeat; } ul#main-nav a.nav-link { background-image: url(/images/ir/nav-sprites/nav-main.gif); background-repeat: no-repeat; } ul#main-nav h3 { background-image: url(/images/ir/nav-sprites/nav-main.gif); } ul#sidenav li#li-collections a { background-image: url(/images/ir/nav-sprites/nav-collections.gif); background-repeat: no-repeat; } ul#sidenav li#li-functions a, body#product-detail-page ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-functions.gif); background-repeat: no-repeat; } body#fashion ul#sidenav a, body#fashion div#experience-photos a span { background-image: url(/images/ir/nav-sprites/nav-fashion.gif); } body.community ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-community.gif); } body.aboutus ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-aboutus.gif); } body#awards ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-awards.gif); } body#pressroom ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-pressroom.gif); } body#request-lit-consumer ul#sidenav a, body#request-lit-pro ul#sidenav a, dl#catalogs a.replaced { background-image: url(/images/ir/nav-sprites/nav-lit-request.gif); } body#calendar ul#sidenav a, ul.event-links a { background-image: url(/images/ir/nav-sprites/nav-calendar.gif); background-repeat: no-repeat; } body.technology div#play-video a, body#green div#play-video a, body#green-products div#play-video a { background-image: url(/images/ir/nav-sprites/nav-calendar.gif); background-repeat: no-repeat; } body#green-products .view-green-products a, body.green-product .view-green-products a, body.technology-product .view-green-products a, body.area.products .view-collection a { background-image: url(/images/gui/bg/green/green-products.gif); background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -1000em; height: 20px; width: 328px;} body.area.products .view-collection a { float: right; margin-right: px; } body#green-products .view-green-products a, body.area.products .view-collection { right: 0; position: absolute; } body.area.products .view-collection { margin: 20px 0 0 0; position: relative; right: 34px; } body.st-jude ul#sidenav a { background-image: url(/images/ir/nav-sprites/nav-stjude.gif); } .area-collection-link, a.function-collection-link, a.collection-photos-link { background-image: url(/images/ir/view-collection-links.gif); width: 350px; height: 20px; display: block; overflow: hidden; text-indent: -1000px; } ul#sidenav ul#sub-sidenav a { background: none; color: #7F8382; text-transform: uppercase; text-indent: 0; } ul#sidenav ul#sub-sidenav a:hover, ul#sidenav ul#sub-sidenav a.selected { color: black; } body#photo-gallery div#section-photos a span { background-image: url(/images/ir/nav-sprites/nav-main.gif); } /*ul#main-nav a.nav-section { height: 13px; }*/ ul#main-nav a.nav-link { /*width: 162px;*/ height: 14px; position: relative; z-index: 1000; } /*div#sidenav-box a.nav-section { width: 135px; height: 13px; }*/ body#awards ul#sidenav a { width: 186px; height: 15px; } ul#sidenav a { width: 195px; height: 14px; } ul#sidenav a#emailLink, ul#sidenav a#printLink, a#email-sign-up { height: 27px; } body#product-detail-page ul#sidenav a#emailLink { height: 27px; } body.collection ul#sidenav a#emailLink, a#email-sign-up { margin-top: 8px; } body#product-detail-page div#collection-title a { position: absolute; text-indent: -100em; top: 203px; width: 42px; height: 36px; background-color: #000; } /* Product Detail Page */ body#product-detail-page div.product-details a { color: #7F8382; text-decoration: underline; } body#product-detail-page div.product-details a.tooltip { text-decoration: none; } body#product-detail-page div.product-details ul#features-and-benefits a { color: #999; } body#product-detail-page div.product-details a:hover, body#product-detail-page div.product-details ul#features-and-benefits a:hover { color: black; } body#product-detail-page div.product-details div#finish-box a { text-decoration: none; } body#product-detail-page div#finials-box a { color: #7F8382; text-decoration: none; float: left; display: inline; width: 60px; height: 60px; margin: 0 6px 6px 0; padding: 1px; } body#product-detail-page div#finials-box a.selected { padding: 0; border: 1px solid #F58220; } /* Gallery photo description links */ div#gallery-big span a { color: #f58220; background: white; } ul.gallery-thumbs li a { display: block; height: 90px; } /* Nav Headers within site */ /*ul#main-nav a.nav-section { }*/ h3#heading-products { width: 65px; background-position: 0 -135px } h3#heading-products:hover, h3#heading-products.selected, h3#heading-products.hover, li:hover > h3#heading-products, body.products h3#heading-products { background-position: -200px -135px; } h3#heading-experience { width: 77px; background-position: 0 -150px; } h3#heading-experience:hover, h3#heading-experience.selected, h3#heading-experience.hover, li:hover > h3#heading-experience, body.experience h3#heading-experience { background-position: -200px -150px; } h3#heading-innovations { width: 82px; background-position: 0 -165px; } h3#heading-innovations:hover, h3#heading-innovations.selected, h3#heading-innovations.hover, li:hover > h3#heading-innovations, body.innovations h3#heading-innovations, body.green h3#heading-innovations { background-position: -200px -165px; } h3#heading-service { width: 122px; background-position: 0 -180px; } h3#heading-service:hover, h3#heading-service.selected, h3#heading-service.hover, li:hover > h3#heading-service, body.service h3#heading-service { background-position: -200px -180px; } h3#heading-company { width: 60px; background-position: 0 -195px; } h3#heading-company:hover, h3#heading-company.selected, h3#heading-company.hover, li:hover > h3#heading-company, body.company h3#heading-company { background-position: -200px -195px; } h3#heading-professionals { width: 100px; background-position: 0 -630px; } h3#heading-professionals:hover, h3#heading-professionals.selected, h3#heading-professionals.hover, li:hover > h3#heading-professionals, body.professionals h3#heading-professionals { background-position: -200px -630px; } ul#sidenav h3#heading-locator { width: 133px; } h3#heading-locator { width: 127px; background-position: 0 -210px; } h3#heading-locator:hover, h3#heading-locator.selected, h3#heading-locator.hover, li.hover > h3#heading-locator, body.locator h3#heading-locator { background-position: -200px -210px; } a#section-products { background-position: -150px 0; } a#section-experience { background-position: -150px -85px; } a#section-innovations { background-position: -150px -174px; } a#section-service { background-position: -150px -231px; } a#section-company { background-position: -150px -259px; } a#section-locator { background-position: -150px -287px; } body.professionals a#link-professionals { background-position: -200px -630px; } /* Nav Headers on home page */ body#site-home ul#main-nav a { width: 128px; } body#site-home ul#main-nav a#section-products { background-position: -200px 0; } body#site-home ul#main-nav a#section-experience { background-position: -200px -15px; } body#site-home ul#main-nav a#section-innovations { background-position: -200px -30px; } body#site-home ul#main-nav a#section-service { background-position: -200px -45px; } body#site-home ul#main-nav a#section-company { background-position: -200px -60px; } body#site-home ul#main-nav a#section-locator { background-position: -200px -75px; } /* Email [product/collection] links */ body.collection ul#sidenav li a#emailLink { background-image: url(/images/ir/nav-sprites/nav-search-new.gif); background-position: 0 -30px; } body.collection ul#sidenav li a#emailLink:hover { background-position: -200px -30px; } ul#sidenav li a#printLink { background-image: url(/images/ir/nav-sprites/nav-search-new.gif); background-position: 0 -195px; } ul#sidenav li a#printLink:hover { background-position: -200px -195px; } body.detail ul#sidenav li a#emailLink { background-image: url(/images/ir/nav-sprites/nav-search-new.gif); background-position: 0 -100px; } body.detail ul#sidenav li a#emailLink:hover { background-position: -200px -100px; } /*Sign up for Email updates link */ body a#email-sign-up { background-image: url(/images/ir/nav-sprites/nav-sign-up-email-new.gif); background-position: 0 0; background-repeat:no-repeat; width: 150px; } body a#email-sign-up:hover { background-position: -200px 0; } /* Nav Links Home */ a#link-featured-collections { background-position: 0 -270px; } a#link-featured-collections:hover, a#link-featured-collections.active { background-position: -200px -270px; } a#link-kitchen { background-position: 0 -285px; } a#link-kitchen:hover, a#link-kitchen.active { background-position: -200px -285px; } a#link-bath { background-position: 0 -300px; } a#link-bath:hover, a#link-bath.active { background-position: -200px -300px; } a#link-shower { background-position: 0 -315px; } a#link-shower:hover, a#link-shower.active { background-position: -200px -315px; } a#link-water-saving { background-position: 0 -585px; } a#link-water-saving:hover, a#link-water-saving.active { background-position: -200px -585px; } a#link-design-guide { background-position: 0 -600px; } a#link-design-guide:hover, a#link-design-guide.active { background-position: -200px -600px; } a#link-essence { background-position: 0 -330px; } a#link-essence:hover, a#link-essence.active { background-position: -200px -330px; } a#link-gallery { background-position: 0 -345px; } a#link-gallery:hover, a#link-gallery.active { background-position: -200px -345px; } a#link-promotions { background-position: 0 -765px; } a#link-promotions:hover, a#link-promotions.active { background-position: -200px -765px; } a#link-screening-room { background-position: 0 -780px; } a#link-screening-room:hover, a#link-screening-room.active { background-position: -200px -780px; } a#link-buzz { background-position: 0 -795px; } a#link-buzz:hover, a#link-buzz.active { background-position: -200px -795px; } a#link-cad-files { background-position: 0 -810px; } a#link-cad-files:hover, a#link-cad-files.active { background-position: -200px -810px; } a#for-the-home-pic span { width: 100px; position: absolute; left: 0; top: 256px; } a#essence-video-pic span, a#product-videos-pic span, a#ad-campaign-pic span { position: absolute; left: 0; top: 184px; width: 183px; } a#link-essence-video, a#essence-video-pic span { background-position: 0 0; } a#link-essence-video:hover, li.active a#link-essence-video, a#essence-video-pic:hover span { background-position: -200px 0; } a#link-promo-video, a#promo-video-pic span { background-position: 0 -45px; } a#link-promo-video:hover, a#promo-video-pic:hover span { background-position: -200px -45px; } a#link-product-videos, a#product-videos-pic span { background-position: 0 -15px; } a#link-product-videos:hover, li.active a#link-product-videos, a#product-videos-pic:hover span { background-position: -200px -15px; } a#link-ad-campaign, a#ad-campaign-pic span { background-position: 0 -30px; } a#link-ad-campaign:hover, li.active a#link-ad-campaign, a#ad-campaign-pic:hover span { background-position: -200px -30px; } a#for-the-runway-pic span { position: absolute; right: 0; top: 256px; width: 80px; background-position: 0 -15px; } a#for-the-runway-pic span { width: 106px; } a#jason-wu-for-brizo span { width: 150px; position: absolute; top: 256px; left: 0; } a#link-fashion { background-position: 0 -360px; } a#link-fashion:hover, a#link-fashion.active { background-position: -200px -360px; } a#link-calendar { background-position: 0 -375px; } a#link-calendar:hover, a#link-calendar.active { background-position: -200px -375px; } a#link-green { background-position: 0 -390px; } a#link-green:hover, a#link-green.active { background-position: -200px -390px; } a#link-technology { background-position: 0 -405px; } a#link-technology:hover, a#link-technology.active { background-position: -200px -405px; } a#link-view-all { background-position: 0 -615px; } a#link-view-all:hover, a#link-view-all.active { background-position: -200px -615px; } a#link-professionals { background-position: 0 -630px; width: 115px; } a#link-professionals:hover, a#link-professionals.active { background-position: -200px -630px; } /* Nav Links Kitchen */ a#link-all-functions { background-position: 0 -315px; } a#link-all-functions:hover, a#link-all-functions.active { background-position: -200px -315px; } a#link-single-handle { background-position: 0 0; } a#link-single-handle:hover, a#link-single-handle.active { background-position: -200px 0; } ul#sidenav a#link-single-handle-pull-down---pull-out { background-position: 0 -435px; height: 30px; margin-bottom: 4px; } ul#sidenav a#link-single-handle-pull-down---pull-out:hover, ul#sidenav a#link-single-handle-pull-down---pull-out.active { background-position: -200px -435px; } a#link-two-handle { background-position: 0 -15px; } a#link-two-handle:hover, a#link-two-handle.active { background-position: -200px -15px; } a#link-pull-down-pull-out { background-position: 0 -30px; } a#link-pull-down-pull-out:hover, a#link-pull-down-pull-out.active { background-position: -200px -30px; } a#link-wall-mount { background-position: 0 -45px; } a#link-wall-mount:hover, a#link-wall-mount.active { background-position: -200px -45px; } li#li-functions a#link-potfillers { background-position: 0 -60px; } li#li-functions a#link-potfillers:hover, li#li-functions a#link-potfillers.active { background-position: -200px -60px; } li#li-collections a#link-potfillers { background-position: 0 -360px; } li#li-collections a#link-potfillers:hover, li#li-collections a#link-potfillers.active { background-position: -200px -360px; } a#link-bar-prep { background-position: 0 -75px; } a#link-faucets { background-position: 0 0; } a#link-faucets:hover, a#link-faucets.active { background-position: -200px 0px; } a#link-bar-prep:hover, a#link-bar-prep.active { background-position: -200px -75px; } a#link-accessories { background-position: 0 -150px; } a#link-accessories:hover, a#link-accessories.active { background-position: -200px -150px; } a#link-pot-filler { background-position: 0 -60px; } a#link-pot-filler:hover, a#link-pot-filler.active { background-position: -200px -60px; } a#link-accessories-lighting { background-position: 0 -225px; } a#link-accessories-lighting:hover, a#link-accessories-lighting.active { background-position: -200px -225px; } /* Nav Links Bath */ a#link-lavatory { background-position: 0 -90px; } a#link-lavatory:hover, a#link-lavatory.active { background-position: -200px -90px; } a#link-wall-mount { background-position: 0 -105px; } a#link-wall-mount:hover, a#link-wall-mount.active { background-position: -200px -105px; } a#link-roman-tub { background-position: 0 -120px; } a#link-roman-tub:hover, a#link-roman-tub.active { background-position: -200px -120px; } a#link-bidet { background-position: 0 -135px; } a#link-bidet:hover, a#link-bidet.active { background-position: -200px -135px; } a#link-tub-shower { background-position: 0 -180px; } a#link-tub-shower:hover, a#link-tub-shower.active { background-position: -200px -180px; } a#link-custom-showers { background-position: 0 -195px; } a#link-custom-showers:hover, a#link-custom-showers.active { background-position: -200px -195px; } /* Nav Links Shower */ a#link-medium-flow { background-position: 0 -240px; } a#link-medium-flow:hover { background-position: -200px -240px; } a#link-sensori { background-position: 0 -255px; } a#link-sensori:hover { background-position: -200px -255px; } a#link-custom-shower-systems { background-position: 0 -195px; } a#link-custom-shower-systems:hover { background-position: -200px -195px; } a#link-custom-jetted-showers { background-position: 0 -270px; } a#link-custom-jetted-showers:hover { background-position: -200px -270px; } a#link-body-spray { background-position: 0 -345px; } a#link-body-spray:hover { background-position: -200px -345px; } a#link-diverter-trim-and-rough { background-position: 0 -360px; } a#link-diverter-trim-and-rough:hover { background-position: -200px -360px; } a#link-handshower { background-position: 0 -375px; } a#link-handshower:hover { background-position: -200px -375px; } a#link-showerhead { background-position: 0 -390px; } a#link-showerhead:hover { background-position: -200px -390px; } a#link-thermostatic-valve-trim-and-rough, a#link-sensori-thermostatic-valve-trim-and-rough { background-position: 0 -405px; } a#link-thermostatic-valve-trim-and-rough:hover, a#link-sensori-thermostatic-valve-trim-and-rough:hover { background-position: -200px -405px; } a#link-volume-control-trim-and-rough, a#link-sensori-volume-control-trim-and-rough { background-position: 0 -420px; } a#link-volume-control-trim-and-rough:hover, a#link-sensori-volume-control-trim-and-rough:hover { background-position: -200px -420px; } a#link-volume-control { background-position: 0 -420px; } a#link-volume-control:hover { background-position: -200px -420px; } /* Nav Links Videos */ ul#sidenav a.nav-video-link { background-position: 0 0px; background-repeat: no-repeat; height: 24px; } ul#sidenav a.nav-video-link:hover { background-position: -200px 0px; } /* Nav Links Gallery */ body#products-shower ul#sidenav a#link-sensori-video, ul#sidenav a#link-sensori-video { background-image: url(/images/ir/videos/nav-video-sensori-new.gif); height: 27px; } body#products-shower ul#sidenav a#link-sensori-video:hover, ul#sidenav a#link-sensori-video:hover { background-position: -200px 0; } ul#sidenav a#link-belo-video { background-image: url(/images/ir/videos/nav-video-belo-new.gif); } ul#sidenav a#link-pascal-video { background-image: url(/images/ir/videos/nav-video-pascal-new.gif); } ul#sidenav a#link-rsvp-video { background-image: url(/images/ir/videos/nav-video-rsvp-new.gif); } ul#sidenav a#link-talo-video { background-image: url(/images/ir/videos/nav-video-talo-new.gif); } ul#sidenav a#link-tresa-video { background-image: url(/images/ir/videos/nav-video-tresa-new.gif); } ul#sidenav a#link-virage-video { background-image: url(/images/ir/videos/nav-video-virage-new.gif); } ul#sidenav a#link-venuto-video { background-image: url(/images/ir/videos/nav-video-venuto-new.gif); } body#fashion ul#sidenav a#link-jasonwu-video { background-image: url(/images/ir/videos/nav-video-jasonwu-new.gif); margin-top: 10px; } /* Nav Links Guides */ body#products-shower ul#sidenav a#link-custom-guide, ul#sidenav a#link-custom-guide { background-image: url(/images/ir/guide/nav-view-custom-guide-new.gif); height: 34px; } body#products-shower ul#sidenav a#link-custom-guide:hover, ul#sidenav a#link-custom-guide:hover { background-position: -200px 0; } /* Nav featured collections */ body.featured-collections ul#sidenav a { background-image: none; color: #999999; height: auto; overflow: visible; text-indent: 0; width: auto; line-height: 1em; } body.featured-collections div#sidenav-box ul ul{ padding-top:.5em; } body#featured-collections a#link-featured-collections-home { color: black; } body.featured-collections ul#sidenav li a.active, body#featured-collections ul#sidenav a:hover { color:black; } body.featured-collections div#sidenav-box ul li { line-height: 1.1; margin-bottom: 6px; } body.featured-collections div#sidenav-box ul li#featured-collections-link { margin-bottom: 12px; } /* Nav Links Customer Service */ a#link-contact { background-position: 0 -420px; } a#link-contact:hover { background-position: -200px -420px; } a#link-faq { background-position: 0 -435px; } a#link-faq:hover { background-position: -200px -435px; } a#link-literature-request { background-position: 0 -450px; } a#link-literature-request:hover { background-position: -200px -450px; } a#link-delivery { background-position: 0 -465px; } a#link-delivery:hover { background-position: -200px -465px; } a#link-warranty { background-position: 0 -480px; } a#link-warranty:hover { background-position: -200px -480px; } a#link-support-docs { background-position: 0 -570px; } a#link-support-docs:hover { background-position: -200px -570px; } a#link-brizo-email-updates { background-position: 0 -705px; } a#link-brizo-email-updates:hover { background-position: -200px -705px; } a#link-product-registration { background-position: 0 -750px; } a#link-product-registration:hover { background-position: -200px -750px; } /* Nav Links Company */ a#link-press-room { background-position: 0 -495px; } a#link-press-room:hover { background-position: -200px -495px; } a#link-about-us { background-position: 0 -720px; } a#link-about-us:hover { background-position: -200px -720px; } a#link-news-room { background-position: 0 -735px; } a#link-news-room:hover { background-position: -200px -735px; } a#link-community { background-position: 0 -510px; } a#link-community:hover { background-position: -200px -510px; } a#link-awards { background-position: 0 -525px; } a#link-awards:hover { background-position: -200px -525px; } body.aboutus ul#sidenav a#nav-view-brand-essence-video { background-image: url(/images/ir/nav-sprites/nav-view-brand-essence-video-new.gif); background-position: 0 0; background-repeat:no-repeat; height: 27px; margin-top:8px;} body.aboutus ul#sidenav a#nav-view-brand-essence-video:hover { background-position: -200px 0; } /* Nav Links Professionals */ a#link-top-pro-home { background-position: 0 -645px; } a#link-top-pro-home:hover { background-position: -200px -645px; } a#link-top-pro-resources { background-position: 0 -660px; } a#link-top-pro-resources:hover { background-position: -200px -660px; } a#link-top-pro-product-info { background-position: 0 -675px; } a#link-top-pro-product-info:hover { background-position: -200px -675px; } a#link-top-pro-marketing-sales { background-position: 0 -690px; } a#link-top-pro-marketing-sales:hover { background-position: -200px -690px; } a#link-top-professional-education { background-position: 0 -540px; } a#link-top-professional-education:hover { background-position: -200px -540px; } /* Nav Links Showroom */ a#link-locator { background-image: url(/images/ir/nav-sprites/nav-main.gif); background-position: 0 -553px; position: absolute; top: 17px; left: 513px; width: 139px; border-right: 1px solid #999; height: 14px; } a#link-locator:hover { background-position: -200px -553px; } a#link-spanish { background-image: url(/images/ir/nav-sprites/nav-main.gif); background-position: 0 -223px; position: absolute; top: 17px; left: 416px; width: 84px; height: 14px; border-right: 1px solid #999; } a#link-spanish:hover { background-position: -200px -223px; } #search-label { background-image: url(/images/ir/nav-sprites/nav-main.gif); background-position: 0 -240px; height: 10px; width: 49px; position: absolute; top: 19px; left: 665px; } /* Nav Links Green/Technology */ a#link-our-commitment { background-position: 0 -135px; } a#link-our-commitment:hover, body#green-home a#link-our-commitment.selected { background-position: -200px -135px; } a#link-water-saving-green {background-position: 0 -120px;} af#link-water-saving-green:hover, body#water-saving a#link-water-saving-green.selected {background-position: -200px -120px;} a#link-manufacturing-processes{background-position: 0 -150px;} a#link-manufacturing-processes:hover, body#manufacturing-processes a#link-manufacturing-processes.selected{background-position: -200px -150px;} a#link-h20kinetic { background-position: 0 0; } a#link-h20kinetic:hover, body#h20kinetic a#link-h20kinetic.selected { background-position: -200px 0; } a#link-hands-free { background-position: 0 -15px; } a#link-hands-free:hover, body#hands-free a#link-hands-free.selected { background-position: -200px -15px; } a#link-smart-touch { background-position: 0 -30px; } a#link-smart-touch:hover, body#smart-touch a#link-smart-touch.selected { background-position: -200px -30px; } a#link-manufacturing-processes { background-position: 0 -150px; } a#link-manufacturing-processes:hover, body#water-conservation a#link-manufacturing-processes.selected { background-position: -200px -150px; } a#link-diamond-seal { background-position: 0 -60px; } a#link-diamond-seal:hover, body#diamond-seal a#link-diamond-seal.selected { background-position: -200px -60px; } a#link-brilliance-finishes { background-position: 0 -75px; } a#link-brilliance-finishes:hover, body#brilliance a#link-brilliance-finishes.selected { background-position: -200px -75px; } a#link-thermostatic { background-position: 0 -90px; } a#link-thermostatic:hover, body#thermostatic a#link-thermostatic.selected { background-position: -200px -90px; } a#link-magnedock { background-position: 0 -105px; } a#link-magnedock:hover, body#magnedock a#link-magnedock.selected { background-position: -200px -105px; } a#link-our-commitment { background-position: 0 -135px; } a#link-our-commitment:hover, body#corporate a#link-our-commitment.selected { background-position: -200px -135px; } /* Green Products */ /* Sprite CSS - Autogenerated by Sprite Maker */ #view-williamsburg:hover, #view-williamsburg-classic:hover { background-position: -332px -140px; } #view-williamsburg, #view-williamsburg-classic { background-position: -0px -140px; } #view-virage:hover { background-position: -332px -680px; } #view-virage { background-position: -0px -680px; } #view-vesi-curve:hover { background-position: -332px -80px; } #view-vesi-curve { background-position: -0px -80px; } #view-vesi-channel:hover { background-position: -332px -60px; } #view-vesi-channel { background-position: -0px -60px; } #view-venuto:hover { background-position: -332px -520px; } #view-venuto { background-position: -0px -520px; } #view-tub-shower:hover { background-position: -332px -580px; } #view-tub-shower { background-position: -0px -580px; } #view-trevi-lever:hover { background-position: -332px -500px; } #view-trevi-lever { background-position: -0px -500px; } #view-trevi-cross:hover { background-position: -332px -480px; } #view-trevi-cross { background-position: -0px -480px; } #view-tresa-lever:hover { background-position: -332px -100px; } #view-tresa-lever { background-position: -0px -100px; } #view-tresa-cross:hover, #view-tresa:hover { background-position: -332px -40px; } #view-tresa-cross, #view-tresa { background-position: -0px -40px; } #view-talo:hover { background-position: -332px -460px; } #view-talo { background-position: -0px -460px; } #view-stratford-classic:hover { background-position: -332px -440px; } #view-stratford-classic { background-position: -0px -440px; } #view-solna:hover { background-position: -332px -420px; } #view-solna { background-position: -0px -420px; } #view-siderna:hover { background-position: -332px -660px; } #view-siderna { background-position: -0px -660px; } #view-sensori:hover { background-position: -332px -780px; } #view-sensori { background-position: -0px -780px; } #view-rsvp:hover { background-position: -332px -20px; } #view-rsvp { background-position: -0px -20px; } #view-roman-tub:hover { background-position: -332px -560px; } #view-roman-tub { background-position: -0px -560px; } #view-riviera:hover { background-position: -332px -400px; } #view-riviera { background-position: -0px -400px; } #view-quiessence:hover { background-position: -332px -640px; } #view-quiessence { background-position: -0px -640px; } #view-providence-contemporary:hover { background-position: -332px -380px; } #view-providence-contemporary { background-position: -0px -380px; } #view-providence-classic:hover { background-position: -332px -160px; } #view-providence-classic { background-position: -0px -160px; } #view-providence-belle:hover { background-position: -332px -120px; } #view-providence-belle { background-position: -0px -120px; } #view-potfillers:hover { background-position: -332px -260px; } #view-potfillers { background-position: -0px -260px; } #view-pascal:hover { background-position: -332px -0px; } #view-pascal { background-position: -0px -0px; } #view-medium-flow:hover { background-position: -332px -700px; } #view-medium-flow { background-position: -0px -700px; } #view-loki:hover { background-position: -332px -360px; } #view-loki { background-position: -0px -360px; } #view-lavatory:hover { background-position: -332px -540px; } #view-lavatory { background-position: -0px -540px; } #view-floriano:hover { background-position: -332px -340px; } #view-floriano { background-position: -0px -340px; } #view-faucets:hover { background-position: -332px -220px; } #view-faucets { background-position: -0px -220px; } #view-diamond-seal:hover { background-position: -332px -200px; } #view-diamond-seal { background-position: -0px -200px; } #view-custom-shower:hover, #view-custom-showers:hover { background-position: -332px -180px; } #view-custom-shower, #view-custom-showers { background-position: -0px -180px; } #view-charlotte:hover { background-position: -332px -620px; } #view-charlotte { background-position: -0px -620px; } #view-bidet:hover { background-position: -332px -600px; } #view-bidet { background-position: -0px -600px; } #view-belo:hover { background-position: -332px -320px; } #view-belo { background-position: -0px -320px; } #view-bar-prep:hover { background-position: -332px -240px; } #view-bar-prep { background-position: -0px -240px; } #view-baliza:hover { background-position: -332px -300px; } #view-baliza { background-position: -0px -300px; } #view-accessories:hover { background-position: -332px -280px; } #view-accessories { background-position: -0px -280px; } #view-vesi:hover { background-position: -332px -760px; } #view-vesi { background-position: -0px -760px; width: } #view-euro:hover { background-position: -332px -720px; } #view-euro { background-position: -0px -720px; } #view-traditional:hover { background-position: -332px -740px; } #view-traditional { background-position: -0px -740px; } /* Nav Links Awards */ body#awards div#content-body a:link, body#awards div#content-body a:visited { color: #F58220; font-size: 1em; font-weight: normal; margin: 0; padding: 0; } a#link-award-adex { background-position: 0 0; } a#link-award-adex:hover, a#link-award-adex.selected { background-position: -200px 0; } a#link-award-graphis { background-position: 0 -15px; } a#link-award-graphis:hover, a#link-award-graphis.selected { background-position: -200px -15px; } a#link-award-kbis { background-position: 0 -30px; } a#link-award-kbis:hover, a#link-award-kbis.selected { background-position: -200px -30px; } a#link-award-reddot { background-position: 0 -45px; } a#link-award-reddot:hover, a#link-award-reddot.selected { background-position: -200px -45px; } /* Nav Links Community */ a#link-com-community { background-position: 0 0; } a#link-com-community:hover, body#community-home a#link-com-community.selected { background-position: -200px 0; } a#link-com-culture { background-position: 0 -15px; } a#link-com-culture:hover, body#culture a#link-com-culture.selected { background-position: -200px -15px; } a#link-com-education { background-position: 0 -30px; } a#link-com-education:hover, body#education a#link-com-education.selected { background-position: -200px -30px; } a#link-com-health { background-position: 0 -45px; } a#link-com-health:hover, body#health a#link-com-health.selected { background-position: -200px -45px; } /* Nav Links About Us */ a#link-company-about-us { background-position: 0 0; } a#link-company-about-us:hover, body#about-us a#link-company-about-us.selected { background-position: -200px 0; } a#link-company-faucet-story { background-position: 0 -45px; } a#link-company-faucet-story:hover, body#faucet-story a#link-company-faucet-story.selected { background-position: -200px -45px; } a#link-company-causes { background-position: 0 -75px; } a#link-company-causes:hover, body#causes a#link-company-causes.selected { background-position: -200px -75px; } a#link-company-watersense { background-position: 0 -90px; } a#link-company-watersense:hover, body#about-us a#link-company-watersense.selected { background-position: -200px -90px; } /* Nav Links Fashion */ a#link-fashion-runway, a#for-the-runway-pic span { background-position: 0px -14px; } a#link-fashion-runway:hover, a#link-fashion-runway.selected, a#for-the-runway-pic:hover span { background-position: -200px -14px; } a#link-fashion-home, a#for-the-home-pic span { background-position: 0px 0px; } a#link-fashion-home:hover, a#link-fashion-home.selected, a#for-the-home-pic:hover span { background-position: -200px 0px; } a#link-jason-wu-for-brizo, a#jason-wu-for-brizo span { background-position: 0px -105px; } a#link-jason-wu-for-brizo:hover, a#jason-wu-for-brizo:hover span { background-position: -200px -105px; } /* Nav Links Press Room */ a#link-media-releases { background-position: 0 0; } a#link-media-releases:hover, a#link-media-releases.selected { background-position: -200px 0; } a#link-trends { background-position: 0 -15px; } a#link-trends:hover, a#link-trends.selected { background-position: -200px -15px; } /* Nav Links Collections */ a#link-all-collections { background-position: 0 -405px; } a#link-all-collections:hover, a#link-all-collections.active { background-position: -200px -405px; } a#link-loki { background-position: 0 0; } a#link-loki:hover, a#link-loki.active { background-position: -200px 0; } a#link-modern { background-position: 0 -15px; } a#link-modern:hover, a#link-modern.active { background-position: -200px -15px; } a#link-providence-belle { background-position: 0 -30px; } a#link-providence-belle:hover, a#link-providence-belle.active { background-position: -200px -30px; } a#link-providence-classic { background-position: 0 -45px; } a#link-providence-classic:hover, a#link-providence-classic.active { background-position: -200px -45px; } a#link-quiessence { background-position: 0 -60px; } a#link-quiessence:hover, a#link-quiessence.active { background-position: -200px -60px; } a#link-riviera { background-position: 0 -75px; } a#link-riviera:hover, a#link-riviera.active { background-position: -200px -75px; } a#link-rsvp { background-position: 0 -90px; } a#link-rsvp:hover, a#link-rsvp.active { background-position: -200px -90px; } a#link-stratford-classic { background-position: 0 -105px; } a#link-stratford-classic:hover, a#link-stratford-classic.active { background-position: -200px -105px; } a#link-total-escape { background-position: 0 -120px; } a#link-total-escape:hover, a#link-total-escape.active { background-position: -200px -120px; } a#link-traditional { background-position: 0 -135px; } a#link-traditional:hover, a#link-traditional.active { background-position: -200px -135px; } a#link-tresa { background-position: 0 -150px; } a#link-tresa:hover, a#link-tresa.active { background-position: -200px -150px; } a#link-trevi-cross { background-position: 0 -165px; } a#link-trevi-cross:hover, a#link-trevi-cross.active { background-position: -200px -165px; } a#link-trevi-lever { background-position: 0 -180px; } a#link-trevi-lever:hover, a#link-trevi-lever.active { background-position: -200px -180px; } a#link-vesi { background-position: 0 -195px; } a#link-vesi:hover, a#link-vesi.active { background-position: -200px -195px; } a#link-vesi-channel { background-position: 0 -210px; } a#link-vesi-channel:hover, a#link-vesi-channel.active { background-position: -200px -210px; } a#link-vesi-curve { background-position: 0 -225px; } a#link-vesi-curve:hover, a#link-vesi-curve.active { background-position: -200px -225px; } a#link-williamsburg-classic { background-position: 0 -240px; } a#link-williamsburg-classic:hover, a#link-williamsburg-classic.active { background-position: -200px -240px; } a#link-williamsburg-elegance { background-position: 0 -255px; } a#link-williamsburg-elegance:hover, a#link-williamsburg-elegance.active { background-position: -200px -255px; } a#link-baliza { background-position: 0 -270px; } a#link-baliza:hover, a#link-baliza.active { background-position: -200px -270px; } a#link-belo { background-position: 0 -285px; } a#link-belo:hover, a#link-belo.active { background-position: -200px -285px; } a#link-floriano { background-position: 0 -300px; } a#link-floriano:hover,a#link-floriano.active { background-position: -200px -300px; } a#link-pascal { background-position: 0 -315px; } a#link-pascal:hover, a#link-pascal.active { background-position: -200px -315px; } a#link-providence-contemporary { background-position: 0 -330px; } a#link-providence-contemporary:hover, a#link-providence-contemporary.active { background-position: -200px -330px; } a#link-venuto { background-position: 0 -345px; } a#link-venuto:hover, a#link-venuto.active { background-position: -200px -345px; } a#link-euro { background-position: 0 -420px; } a#link-euro:hover, a#link-euro.active { background-position: -200px -420px; } a#link-talo { background-position: 0 -435px; } a#link-talo:hover, a#link-talo.active { background-position: -200px -435px; } a#link-virage { background-position: 0 -450px; } a#link-virage:hover, a#link-virage.active { background-position: -200px -450px; } a#link-siderna { background-position: 0 -465px; } a#link-siderna:hover, a#link-siderna.active { background-position: -200px -465px; } a#link-solna { background-position: 0 -480px; } a#link-solna:hover, a#link-solna.active { background-position: -200px -480px; } a#link-charlotte { background-position: 0 -495px; } a#link-charlotte:hover, a#link-charlotte.active { background-position: -200px -495px; } /* Nav Links Calendar */ a#link-spring { background-position: 0 0; } a#link-spring:hover, a#link-spring.selected { background-position: -200px 0; } a#link-summer { background-position: 0 -15px; } a#link-summer:hover, a#link-summer.selected { background-position: -200px -15px; } a#link-fall { background-position: 0 -30px; } a#link-fall:hover, a#link-fall.selected { background-position: -200px -30px; } a#link-winter { background-position: 0 -45px; } a#link-winter:hover, a#link-winter.selected { background-position: -200px -45px; } a#link-archive { background-position: 0 -60px; } a#link-archive:hover, a#link-archive.selected { background-position: -200px -60px; } a#link-spring2009 { background-position: 0 -105px; } a#link-spring2009:hover, a#link-spring2009.selected { background-position: -200px -105px; } a#link-fall2008 { background-position: 0 -120px; } a#link-fall2008:hover, a#link-fall2008.selected { background-position: -200px -120px; } /* Nav Gallery Grid Menu Classes*/ body#grid ul#sidenav li.full_nav a { background:url(/images/gui/buttons/check_gallery.png) 0 0 no-repeat; height:auto; min-height: 13px; line-height:1em; overflow:visible; text-indent:0; width:auto; padding: 2px 0px 0px 19px; margin-bottom: 3px; } body#grid ul#sidenav li.full_nav a:link, body#grid ul#sidenav li.full_nav a:visited{ color:#999; } body#grid ul#sidenav li.full_nav a:active, body#grid ul#sidenav li.full_nav a:hover{ color:#000; } body#grid ul#sidenav ul#selected_list a{ font-size: 10px; background: none; height:auto; line-height:1em; overflow:visible; text-indent:0; width:auto; padding: 2px 0px;} body#grid ul#sidenav ul#selected_list a b { font-size: 8px; } body#grid ul#sidenav ul#selected_list a:link, body#grid ul#sidenav ul#selected_list a:visited{ color:#999;} body#grid ul#sidenav ul#selected_list a:active, body#grid ul#sidenav ul#selected_list a:hover{ color:#000; } body#grid ul#sidenav li.full_nav a.selected{ background:url(/images/gui/buttons/check_checked_gallery.png) 0 0 no-repeat; height:auto; line-height:1em; overflow:visible; text-indent:0; width:auto; padding: 2px 0px 0px 19px;} body#grid ul#sidenav li.full_nav a.selected:link, body#grid ul#sidenav li.full_nav a.selected:visited{ font-weight: 900; color:#333; background:url(/images/gui/buttons/check_checked_gallery.png) 0 0 no-repeat; padding: 2px 0px 0px 19px; } body#grid ul#sidenav li.full_nav a.selected:active, body#grid ul#sidenav li.full_nav a.selected:hover{ font-weight: 900; color:#000; background:url(/images/gui/buttons/check_checked_gallery.png) 0 0 no-repeat; padding: 2px 0px 0px 19px; } body#grid ul#sidenav li.full_nav a.disabled:link, body#grid ul#sidenav li.full_nav a.disabled:visited, body#grid ul#sidenav li.full_nav a.disabled:active, body#grid ul#sidenav li.full_nav a.disabled:hover{ font-weight:normal; color:#ccc; background:url(/images/gui/buttons/check_disabled_gallery.png) 0 0 no-repeat; padding: 2px 0px 0px 19px; cursor: default; } ul.event-links a { display: block; overflow: hidden; text-indent: -1000px; height: 15px; } ul.event-links a.play-video { background-position: 0 -75px; } ul.event-links a.play-video:hover, ul.event-links a.play-video.selected { background-position: -200px -75px; } ul.event-links a.show-details { background-position: 0 -90px; } ul.event-links a.show-details:hover, ul.event-links a.show-details.selected { background-position: -200px -90px; } /* Nav Links St Jude */ a#link-stjude-home { background-position: 0 0; } a#link-stjude-home:hover, body#st-jude-home a#link-stjude-home.selected { background-position: -200px 0; } a#link-stjude-products { background-position: 0 -15px; } a#link-stjude-products:hover, body#st-jude-products a#link-stjude-products.selected { background-position: -200px -15px; } a#link-stjude-gallery { background-position: 0 -30px; } a#link-stjude-gallery:hover, body#st-jude-gallery a#link-stjude-gallery.selected { background-position: -200px -30px; } a#link-stjude-find { background-position: 0 -45px; } a#link-stjude-find:hover, body#st-jude-find a#link-stjude-find.selected { background-position: -200px -45px; } /* Lit. Request links */ a#link-consumer { background-position: 0 0; } a#link-consumer:hover, a#link-consumer.selected { background-position: -200px 0; } a#link-professional { background-position: 0 -15px; } a#link-professional:hover, a#link-professional.selected { background-position: -200px -15px; } div#sidenav-box a#close-link { position: absolute; z-index: 50; top: 0; left: 0; width: 41px; height: 41px; background: #000 url(/images/gui/buttons/bg-closex.gif) no-repeat 0 0; } div#pdf-viewer-overlay a#close-link { position: absolute; top: 0; right: 0; width: 41px; height: 41px; background: #000 url(/images/gui/buttons/bg-closex.gif) no-repeat 0 0; cursor: pointer; z-index: 150; } /* Area page "View X Collection" link */ a.area-collection-link { position: absolute; top: 388px; right: 0; } body#gallery a.area-collection-link {display: none; } div#video-window a.area-collection-link, div#video-window a.function-collection-link { cursor: pointer; top: 524px; right: 0; } /* Experience "View Collection" links */ a.collection-link { position: absolute; top: 505px; right: 0; display: block; text-indent: -9999em; overflow: hidden; background-image: url(/images/ir/arrow-links-right.gif); background-repeat: no-repeat; height: 20px; width: 200px; } a#essence-belo-link { background-position: 0 0; } a#essence-belo-link:hover { background-position: -200px 0; } a#essence-rsvp-link, a#essence-rsvp-green-link { background-position: 0 -20px; } a#essence-rsvp-link:hover, a#essence-rsvp-green-link:hover { background-position: -200px -20px; } a#essence-shower-link { background-position: 0 -40px; } a#essence-shower-link:hover { background-position: -200px -40px; } a#essence-baliza-link { background-position: 0 -60px; } a#essence-baliza-link:hover { background-position: -200px -60px; } /* Awards "View Collection" links */ /*body#awards div.product-box a { padding-right: 12px; }*/ /*body#awards div.product-box a.last { padding-right: 0; }*/ a.awards-collection-link { text-align: center; position: relative; float: left; display: inline; height: 195px; } a.awards-collection-link img { background-color: white; padding: 0 12px 14px 12px; } a.awards-collection-link#awards-quiessence-link img { background-color: white; padding: 0 19px 14px 19px; } a.awards-collection-link { background-image: url(/images/ir/collection-links.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; display: block; width: 165px; } a.awards-collection-link#awards-loki-link:hover { background-position: 0 175px; } a.awards-collection-link#awards-vesi-link:hover { background-position: 25px 155px; } a.awards-collection-link#awards-venuto-link:hover { background-position: 0 135px; } a.awards-collection-link#awards-floriano-link:hover { background-position: 0 115px; } a.awards-collection-link#awards-trevi-link:hover { background-position: 25px 95px; } a.awards-collection-link#awards-quiessence-link { width: 185px; } a.awards-collection-link#awards-quiessence-link:hover { background-position: 0 75px; } div#experience-photos a, body#gallery-home div#gallery-sections a, body#photo-gallery div#section-photos a { float: left; display: inline; position: relative; overflow: hidden; text-decoration: none; width: 256px; height: 266px; } body#gallery-home div#gallery-sections a, body#photo-gallery div#experience-photos a { width: 183px; height: 210px; } div#gallery-sections a#video-gallery-pic, div#gallery-sections a#photo-gallery-pic, div#experience-photos a#for-the-home-pic, div#experience-photos a#jason-wu-for-brizo { margin-right: 10px; } div#calendar-photos a { float: left; display: inline; width: 256px; } div#calendar-photos a[rel="margin"] { margin-right: 14px; } div#calendar-photos a span { color: #000; text-transform: uppercase; font-weight: bold; float: right; line-height: 1.5 } div#calendar-photos a:hover span { color: #F58220;} div#calendar-photos a#left span { float: left; } div.close-event a { position: absolute; bottom: 0; right: 0; font-size: 1em; color: #000; padding: 7px; } div.close-event a:hover { color: #F58220; } dl#catalogs a.mail-me { width: 100px; height: 11px; background-position: 0 -30px; } body#request-lit-pro a.mail-me { float: left; margin-right: 5px; } dl#catalogs a.mail-me:hover { background-position: -200px -30px; } dl#catalogs a.download-pdf { width: 100px; height: 10px; background-position: 0 -45px; height: 11px; } dl#catalogs a.download-pdf:hover { background-position: -200px -45px; } dl#catalogs a.view-document { width: 100px; height: 11px; background-position: 0 -60px; } dl#catalogs a.view-document:hover { background-position: -200px -60px;} a.register { background: url(/images/gui/buttons/register.gif) no-repeat 0 0; position: relative; display: block; text-indent: -9999em; overflow: hidden; height: 20px; width: 120px; } a.register:hover { background-position: -120px 0; } div#content-body a#green-skip { display: block; text-align: center; } a#green-beauty-link { width: 435px; height: 18px; background-image: url(/images/ir/green/here-is-our-vision.gif); } a#green-beauty-link:hover { background-position: 0 -20px; } ul#catalog-thumbs a { display: block; height: 149px; } div#sidenav-box .vcard a { color: #7F8382; } div#sidenav-box .vcard a:hover { color: #000; } ul#faq-sidenav li a { display: block; color: #7F8382; } ul#faq-sidenav li a:hover { color: #000; } ul#gallery-links a, ul#gallery-links a img { display: block; } ul#fashion-links a, ul#fashion-links2 a { color: #F58220; background-image: url(/images/ir/nav-sprites/nav-fashion.gif); } ul#fashion-links a:hover, ul#fashion-links2 a:hover { color: #000; } ul#fashion-links li.right, ul#fashion-links2 li.right { position: absolute; left: 88px; } ul#fashion-links a#view-entire-show, ul#fashion-links2 a#view-entire-show { background-position: 0 -45px; width: 114px; height: 10px; } ul#fashion-links a#view-entire-show:hover, ul#fashion-links2 a#view-entire-show:hover { background-position: -200px -45px; } ul#fashion-links2 li#spring-2011 { position: absolute; height: 10px; display: block; font-size: 12px; color: #000;} /*Text Links*/ body div#content-body a, div#video-window a { color: #F58220; } body div#content-body a:hover, div#video-window a:hover { color: #000; } body div#content-body ul.video-thumbs a { color: black; font-size: 12px; line-height: 1.25; } div#video-window a.alt-video-link { float: left; display: inline; margin: 0 7px 0 17px; } div#video-window a.wmv-last { margin-right: 181px; } div#video-window a.hires-last { margin-right: 58px; } div#video-window div.addthis_toolbox a, div#detail-gallery div.addthis_toolbox a { margin-right: 7px; } div#video-window div.addthis_toolbox a.addthis_button_compact, div#detail-gallery div.addthis_toolbox a.addthis_button_compact { margin-right: 20px; } div#video-window div.addthis_toolbox a.addthis_button_facebook_like{ margin: -2px 0 0 13px; float: left; } div#detail-gallery div.addthis_toolbox a.addthis_button_facebook_like { margin-left: 13px; } body div#content-body div#product-videos-window a { color: #7F8382; } body div#content-body div#product-videos-window a:hover { color: black; } body div#content-body div#product-videos-window a img { margin-bottom: 3px; } body#rebate div#content-body a { color: black; text-decoration: underline; } body#gallery dl dd a { color: #F58220; } body#gallery dl dd a:hover { color: #000; } p#footer-home { width: 30px; float: right; margin-right: 15px; } p#footer-home a { width: 30px; height: 12px; float: right; background: url(/images/ir/footer-home.gif) no-repeat 0 0; } p#footer-home a:hover { background-position: -100px 0; } p#privacy-statement { width: 100px; float: right; margin-right: 15px; } p#privacy-statement a { width: 100px; height: 12px; float: right; background: url(/images/ir/privacy-statement.gif) no-repeat 0 0; } p#privacy-statement a:hover { background-position: -100px 0; } p#transparency-in-supply-chains-act-disclosure { width: 255px; float: right; margin-right: 15px; } p#transparency-in-supply-chains-act-disclosure a { width: 255px; height: 12px; float: right; background: url(/images/ir/transparency-in-supply-chains-act-disclosure.gif) no-repeat 0 0; } p#transparency-in-supply-chains-act-disclosure a:hover { background-position: -259px 0; } p#terms-and-conditions { width: 120px; float: right; margin-right: 15px; } p#terms-and-conditions a { width: 120px; height: 12px; float: right; background: url(/images/ir/terms-and-conditions.gif) no-repeat 0 0; } p#terms-and-conditions a:hover { background-position: -120px 0; } p#masco-brands { width: 76px; float: right; margin-right: 15px; } p#masco-brands a { width: 76px; height: 12px; float: right; background: url(/images/ir/footer-masco-brands.gif) no-repeat 0 0; } p#masco-brands a:hover { background-position: -100px 0; } p#watersense { width: 76px; float: right; margin-right: 15px; } p#watersense a { width: 68px; height: 12px; float: right; background: url(/images/ir/watersense.gif) no-repeat 0 0; } p#watersense a:hover { background-position: -100px 0; } div#play-video a { background-position: 0 -75px; display: block; width: 90px; height: 15px; overflow: hidden; text-indent: -500px; margin-bottom: 14px; } div#play-video a:hover { background-position: -200px -75px; } /* Video close link */ div#video-window a[rel="close-video-window"] { opacity: .75; position: absolute; top: 0; right: 0; /*left: 648px;*/ z-index: 500; width: 40px; height: 39px; z-index: 5000; color: white; background-image: url(/images/gui/buttons/bg-closex-2.gif); background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; } /*body.collection div#video-window a[rel="close-video-window"], body#kitchen div#video-window a[rel="close-video-window"], body#function-shower div#video-window a[rel="close-video-window"] { right: 34px; }*/ /*body#products-shower div#video-window a[rel="close-video-window"] { right: 0; }*/ /* Shift video close link up above video overlay in FF2 */ div#video-window a[rel="close-video-window"], x:-moz-any-link { top: -39px; } div#video-window a[rel="close-video-window"], x:-moz-any-link, x:default { top: 0; } div#video-window a.hidden { opacity: 0; } /* Back link */ a.back-link, body.photo-gallery div#sidenav-box a.back-link { display: none; position: absolute; top: 324px; left: 0; text-indent: -9999em; overflow: hidden; width: 41px; height: 36px; background: url(/images/gui/buttons/bg-backlink.gif) no-repeat; z-index: 50; } div#sidenav-box a.back-link { top: 202px; } div#productsWrapper #doc-search a { float: left; width: 160px; height: 150px; margin-right: 14px; margin-bottom: 14px; display: block; border: 1px solid #ccc; padding: 6px 10px; position: relative; } div#productsWrapper #doc-search a#no-results { float: none; border: none; margin: 0; padding: 0; width: auto; height: auto; display: inline; } div#productsWrapper #doc-search a img { border: 1px solid #fff } div#productsWrapper #doc-search a:hover img { border: 1px solid #7F8382; } div#productsWrapper #doc-search a span { background: url(/images/products/discontinued-sm.gif) 0 0 no-repeat; width: 69px; height: 69px; overflow: hidden; text-indent: -2000px; position: absolute; top: 7px; left: 11px; } div#productsWrapper #doc-search a span.comingsoon { background: url(/images/products/discontinued-sm.gif) 0 0 no-repeat; width: 69px; height: 69px; overflow: hidden; text-indent: -2000px; position: absolute; top: 7px; left: 11px; } /* View Collection Links */ a#link-to-belo { background-position: 0 0; } a#link-to-belo:hover { background-position: -350px 0; } a#link-to-pascal { background-position: 0 -20px; } a#link-to-pascal:hover { background-position: -350px -20px; } a#link-to-venuto { background-position: 0 -40px; } a#link-to-venuto:hover { background-position: -350px -40px; } a#link-to-loki { background-position: 0 -60px; } a#link-to-loki:hover { background-position: -350px -60px; } a#link-to-riviera { background-position: 0 -80px; } a#link-to-riviera:hover { background-position: -350px -80px; } a#link-to-trevicross { background-position: 0 -100px; } a#link-to-trevicross:hover { background-position: -350px -100px; } a#link-to-trevilever { background-position: 0 -120px; } a#link-to-trevilever:hover { background-position: -350px -120px; } a#link-to-floriano { background-position: 0 -140px; } a#link-to-floriano:hover { background-position: -350px -140px; } a#link-to-baliza { background-position: 0 -160px; } a#link-to-baliza:hover { background-position: -350px -160px; } a#link-to-tresa { background-position: 0 -180px; } a#link-to-tresa:hover { background-position: -350px -180px; } a#link-to-providence-contemporary { background-position: 0 -200px; } a#link-to-providence-contemporary:hover { background-position: -350px -200px; } a#link-to-providence-classic { background-position: 0 -220px; } a#link-to-providence-classic:hover { background-position: -350px -220px; } a#link-to-stratford-classic { background-position: 0 -240px; } a#link-to-stratford-classic:hover { background-position: -350px -240px; } a#link-to-potfillers { background-position: 0 -260px; } a#link-to-potfillers:hover { background-position: -350px -260px; } a#link-to-rsvp { background-position: 0 -280px; } a#link-to-rsvp:hover { background-position: -350px -280px; } a#link-to-vesi-channel { background-position: 0 -300px; } a#link-to-vesi-channel:hover { background-position: -350px -300px; } a#link-to-vesi-curve { background-position: 0 -320px; } a#link-to-vesi-curve:hover { background-position: -350px -320px; } a#link-to-quiessence { background-position: 0 -340px; } a#link-to-quiessence:hover { background-position: -350px -340px; } a#link-to-providence-belle { background-position: 0 -360px; } a#link-to-providence-belle:hover { background-position: -350px -360px; } a#link-to-williamsburg-classic { background-position: 0 -380px; } a#link-to-williamsburg-classic:hover { background-position: -350px -380px; } a#link-to-vesi { background-position: 0 -400px; } a#link-to-vesi:hover { background-position: -350px -400px; } a#link-to-traditional { background-position: 0 -420px; } a#link-to-traditional:hover { background-position: -350px -420px; } a#link-to-euro { background-position: 0 -440px; } a#link-to-euro:hover { background-position: -350px -440px; } a#link-to-talo { background-position: 0 -800px; } a#link-to-talo:hover { background-position: -350px -800px; } a#link-to-virage { background-position: 0 -820px; } a#link-to-virage:hover { background-position: -350px -820px; } a#link-to-loki-euro-gallery { background-position: 0 -520px; } a#link-to-loki-euro-gallery:hover { background-position: -350px -520px; } a#link-to-loki-euro-two-gallery { background-position: 0 -520px; } a#link-to-loki-euro-two-gallery:hover { background-position: -350px -520px; } a#link-to-pascal-gallery { background-position: 0 -540px; } a#link-to-pascal-gallery:hover { background-position: -350px -540px; } a#link-to-providence-classic-gallery { background-position: 0 -780px; } a#link-to-providence-classic-gallery:hover { background-position: -350px -780px; } a#link-to-siderna { background-position: 0 -880px;} a#link-to-siderna:hover { background-position: -350px -880px; } a#link-to-solna { background-position: 0 -900px;} a#link-to-solna:hover { background-position: -350px -900px; } a#link-to-charlotte { background-position: 0 -920px;} a#link-to-charlotte:hover { background-position: -350px -920px; } a#link-to-belo-gallery { background-position: 0 -580px; } a#link-to-belo-gallery:hover { background-position: -350px -580px; } a#link-to-venuto-gallery, a#link-to-venutotwo-gallery { background-position: 0 -600px; } a#link-to-venuto-gallery:hover, a#link-to-venutotwo-gallery:hover { background-position: -350px -600px; } a#link-to-loki-gallery, a#link-to-lokione-gallery, a#link-to-lokitwo-gallery { background-position: 0 -620px; } a#link-to-loki-gallery:hover, a#link-to-lokione-gallery:hover, a#link-to-lokitwo-gallery:hover { background-position: -350px -620px; } a#link-to-baliza-gallery { background-position: 0 -640px; } a#link-to-baliza-gallery:hover { background-position: -350px -640px; } a#link-to-quiessence-gallery { background-position: 0 -660px; } a#link-to-quiessence-gallery:hover { background-position: -350px -660px; } a#link-to-stratford-venuto-gallery { background-position: 0 -720px; } a#link-to-stratford-venuto-gallery:hover { background-position: -350px -720px; } a#link-to-tresa-gallery { background-position: 0 -740px; } a#link-to-tresa-gallery:hover { background-position: -350px -740px; } a#link-to-stratford-pascal-gallery { background-position: 0 -760px; } a#link-to-stratford-pascal-gallery:hover { background-position: -350px -760px; } a#link-to-floriano-gallery { background-position: 0 -880px; } a#link-to-floriano-gallery:hover { background-position: -350px -880px; } a#link-to-rsvp-gallery { background-position: 0 -900px; } a#link-to-rsvp-gallery:hover { background-position: -350px -900px; } a#link-to-rsvp-two-gallery { background-position: 0 -900px; } a#link-to-rsvp-two-gallery:hover { background-position: -350px -900px; } a#link-to-rsvp-three-gallery { background-position: 0 -900px; } a#link-to-rsvp-three-gallery:hover { background-position: -350px -900px; } a#link-to-trevicross-gallery { background-position: 0 -920px; } a#link-to-trevicross-gallery:hover { background-position: -350px -920px; } a#link-to-trevilever-gallery { background-position: 0 -940px; } a#link-to-trevilever-gallery:hover { background-position: -350px -940px; } a#link-to-6591 { background-position: 0 -480px; } a#link-to-6591:hover { background-position: -350px -480px; } a#link-to-65536 { background-position: 0 -460px; } a#link-to-65536:hover { background-position: -350px -460px; } a#link-to-sensori-video { background: url(/images/ir/view-collection-links.gif) no-repeat -188px -500px; height: 18px; width: 162px; float: right; display: inline; } a#link-to-sensori-video:hover { background: url(/images/ir/view-collection-links.gif) no-repeat -538px -500px; } ul#fashion-gallery-thumbs a { height: 116px; display: block; } div#fashion-content-container p a { color: #F58220; } div#fashion-content-container p a:hover { color: #000; } /* View Functions/Products Links */ a#link-to-h2okinetic { background-position: 0 -680px; } a#link-to-h2okinetic:hover, a#link-to-h2okinetic.active { background-position: -350px -680px; } a#link-to-magnedock { background-position: 0 -840px; } a#link-to-magnedock:hover, a#link-to-magnedock.active { background-position: -350px -840px; } a#link-to-smarttouch { background-position: 0 -860px; } a#link-to-smarttouch:hover, a#link-to-smarttouch.active { background-position: -350px -860px; } a#link-to-sensori { background-position: 0 -700px; } a#link-to-sensori:hover, a#link-to-sensori.active { background-position: -350px -700px; } /*functions page - view all collections*/ .extended-content-group .view_full_link a{color:#666; font-size: 11px; text-decoration: underline;} .extended-content-group .view_full_link a:hover{} .extended-content-group .back_to_top a{color:#666; font-size: 11px; text-decoration: underline;} .extended-content-group .back_to_top a:hover{} /* Gallery Nav Links */ body#photo-gallery div#section-photos { padding-left: 0; } body#photo-gallery div#section-photos a span { width: 200px; height: 15px; display: block; position: absolute; text-indent: -100em; top: 256px; overflow: hidden; text-decoration: none; } body#photo-gallery div#section-photos a#kitchen-section-pic { margin-right: 14px; } body#photo-gallery div#section-photos a#kitchen-section-pic span { font-size: 2px; height: 12px; left: 0; background-position: 0 -285px; } body#photo-gallery div#section-photos a#kitchen-section-pic:hover span { background-position: -200px -285px; } body#photo-gallery div#section-photos a#bath-section-pic span { font-size: 2px; height: 12px; right: 0; background-position: 0 -300px; width: 30px; } body#photo-gallery div#section-photos a#bath-section-pic:hover span { background-position: -200px -300px; } body.gallery ul#sidenav li#li-designers ul li a { background: transparent url(/images/ir/nav-sprites/nav-gallery-designers.gif) no-repeat 0 0; } ul#sidenav li#li-designers ul li a#link-jelizabeth { background-position: 0 -15px; } ul#sidenav li#li-designers ul li a#link-jelizabeth:hover { background-position: -200px -15px; } ul#sidenav li#li-designers ul li a#link-kdesign { background-position: 0 -30px; } ul#sidenav li#li-designers ul li a#link-kdesign:hover { background-position: -200px -30px; } ul#sidenav li#li-designers ul li a#link-juliacaro { background-position: 0 -45px; } ul#sidenav li#li-designers ul li a#link-juliacaro:hover { background-position: -200px -45px; } ul#sidenav li#li-designers ul li a#link-deirdreeagles { background-position: 0 -60px; } ul#sidenav li#li-designers ul li a#link-deirdreeagles:hover { background-position: -200px -60px; } ul#sidenav li#li-designers ul li a#link-sealy { background-position: 0 -75px; } ul#sidenav li#li-designers ul li a#link-sealy:hover { background-position: -200px -75px; } ul#sidenav li#li-designers ul li a#link-schalla { background-position: 0 -90px; } ul#sidenav li#li-designers ul li a#link-schalla:hover { background-position: -200px -90px; } ul#sidenav li#li-designers ul li a#link-wu { background-position: 0 -105px; } ul#sidenav li#li-designers ul li a#link-wu:hover { background-position: -200px -105px; } ul#sidenav li#li-designers ul li a#link-maley { background-position: 0 -120px; } ul#sidenav li#li-designers ul li a#link-maley:hover { background-position: -200px -120px; } ul#sidenav li#li-designers ul li a#link-bergamo { background-position: 0 -135px; } ul#sidenav li#li-designers ul li a#link-bergamo:hover { background-position: -200px -135px; } ul#sidenav li#li-designers ul li a#link-saxton { background-position: 0 -150px; } ul#sidenav li#li-designers ul li a#link-saxton:hover { background-position: -200px -150px; } ul#sidenav li#li-designers ul li a#link-shadowlight { background-position: 0 -165px; } ul#sidenav li#li-designers ul li a#link-shadowlight:hover { background-position: -200px -165px; } ul#sidenav li#li-designers ul li a#link-architects { background-position: 0 -180px; } ul#sidenav li#li-designers ul li a#link-architects:hover { background-position: -200px -180px; } ul#sidenav li#li-designers ul li a#link-davis { background-position: 0 -195px; } ul#sidenav li#li-designers ul li a#link-davis:hover { background-position: -200px -195px; } ul#sidenav li#li-designers ul li a#link-kinsley { background-position: 0 -210px; } ul#sidenav li#li-designers ul li a#link-kinsley:hover { background-position: -200px -210px; } /* PDF inline viewer */ #pdfView a { color: #F58220; } #pdfView a:hover { color: #000; } /* Rebate Form */ a#download-rebate-form { background: url(/images/ir/download-rebate-form.gif) 0 0 no-repeat; width: 350px; height: 20px; margin: 6px 0 0 24px; } a#download-rebate-form:hover { background-position: -350px 0; } .at300bs.at15t_expanded, .at300bs.at15t_compact { background: none !important; } .addthis_default_style .at300b,.addthis_default_style .at300m { background: transparent url(//s7.addthis.com/static/t00/logo1414.gif) no-repeat scroll left top !important; padding: 1px 0 0 !important; } .addthis_button_facebook, .addthis_button_twitter { margin-right: 6px; } p#sensori-award a#top-100-link { position: absolute; top: 0; left: 0; } /* St Jude social links*/ ul#sidenav li a#stjude-email { background-image: url(/images/ir/nav-sprites/nav-stjude2-new.gif); background-position: 0 -0px; height: 28px; margin-top:8px;} ul#sidenav li a#stjude-email:hover { background-position: -201px -0px; } ul#sidenav li a#stjude-facebook { background-image: url(/images/ir/nav-sprites/nav-stjude2-new.gif); background-position: 0 -40px; height: 28px; } ul#sidenav li a#stjude-facebook:hover { background-position: -201px -40px; } /* Video Play Button */ a.video-link { position: relative; } span.play-video-lg { display: none; background: url(/images/gui/buttons/play-btn.png) center 0 no-repeat; overflow: hidden; text-indent: -999em; position: absolute; width: 100%; height: 100px; } span.play-video-sm { display: none; background: url(/images/gui/buttons/play-btn-sm.png) center 0 no-repeat; overflow: hidden; text-indent: -999em; position: absolute; width: 100%; height: 50px; } span.play-video-always { display: none; background: url(/images/gui/buttons/play-btn-always.png) center 0 no-repeat; overflow: hidden; text-indent: -999em; position: absolute; width: 100%; height: 50px; } span.play-video-sm { background-position: -500px 0; } a.video-link:hover span.play-video-sm { background-position: center 0; cursor: pointer; } span.play-video-lg { background-position: center -100px; } a.video-link:hover span.play-video-lg { background-position: center 0; cursor: pointer; } span.play-video-always { background-position: center -50px; } a.video-link:hover span.play-video-always { background-position: center 0; cursor: pointer; } .ipad span.play-video-sm, .ipad span.play-video-lg, .ipad span.play-video-always { display: none; } body#product-detail-page div.product-details .cad-link-container a { color: #F58220; } ol.breadcrumbs li a { color: #ccc; margin-right: 3px; } ol.breadcrumbs li a:hover { color: #EBA577; } /* 7.0 PARAGRAPHS ------------------------------------------ */ p { margin-bottom: 1.3em; padding: 0; line-height: 1.4 } ul.video-thumbs p { margin-bottom: 0; line-height: 1; } p.requiredNote { margin-bottom: 1em; font-size: 0.85em; } body.standard div#content-body p { max-width: 640px; } body#support-doc-search div#content-body p.intro { width: 450px; } p#copyright-statement { width: 154px; height: 12px; float: right; background: url(/images/ir/copyright-statement.gif) no-repeat top right; } body#awards div#content-body p { margin: 20px 0 0 0; padding: 0; text-transform: none; color: #7F8382; } #fashion-gallery-main p { background-color: #fff; color: #000; font-size: .9em; position: absolute; left: 0; bottom: -34px; } div#content-body div.fashion-gallery-main-home p { bottom: 16px; } div#fashion-content-container p { margin-right: 26px; margin-bottom: 1em; } div#green-intro p { font-size: 1.05em; margin-bottom: 0.5em; } div.event-details p { color: #7F8382; padding-right: 30px; } p.answerHelpful, p.stillNeedHelp { width: 225px; float: left; } p.resultCriteria { background-color: #fff; width: 300px; float: left; } p.resultCriteria strong.street-address, p.resultCriteria strong.zip { display: block; } div#map { top: -76px; } a#searchAgainLink, #panel table { background: white; } p.searchNote { background-color: #fff; right: 37px; top: 536px; width: 400px; position: absolute;} p.date-left, p.date-right { color: #F58220; width: 255px; float: left; } p.date-right { text-align: right; margin-left: 14px; } div.searchSectionResults .showMore p { margin-bottom: 2.5em } body#awards #content-body p { position: relative; left: 192px; width: 650px; } p#elearnings-intro { margin-bottom: 8px; } /* Rebate Page */ div.rebate-directions p { margin-left: 24px; } p.rebate-rules { font-size: 0.8em; } p.rebate-address { margin: 0 0 12px; color: black; } p#first-question {} p.discontinued-disclaimer { color: #333; margin: 0 0 5px; } p#sensori-award { position: relative; padding-left: 110px; min-height: 55px; font-style: normal; color: #666; } body#about-us #text-wrapper p { width: 300px; } /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* 9.0 FORMS ------------------------------------------ */ fieldset { margin: 0; padding: 0; border: 0; outline: 0; } legend { color: #7F8382; margin-bottom: 0.5em; } div#header form#search-form { position: absolute; right: 53px; top: 14px; width: 160px; height: 18px; background: white; border: 1px solid #000; } div#header form#search-form #search-text { border: 0; padding: 0; margin: 0; position: absolute; background: white; font-size: 10px; top: 3px; left: 4px; width: 150px; color: #999; } div#header form#search-form #search-submit { position: absolute; padding: 0; top: -1px; left: 160px; border: none; width: 20px; height: 20px; background: #000 url(/images/gui/buttons/search-submit-white.gif) no-repeat center center; cursor: pointer; } form#literature-form { background-color: #fff; } form#pressForm { } form#support-doc-form { margin-top: 2em; } form#support-doc-form label { display: block; margin-bottom: 3px; font-weight: bold; font-size: 0.9em; } input#firstName, input#lastName, input#address1, input#address2, input#city, input#phone, input#email, input#model, input#purchasedDate, input#purchasedFrom { width: 170px; } /* Advanced Search Form */ form#advancedSearch { margin-bottom: 30px;} input.image { margin: 0 3px; position: relative; top: 6px; } input.radio, input.checkbox { border: none !important; padding: 0 !important; background: transparent !important; vertical-align:middle; } dl.sideBySide dd.multiRadio label { margin-right: 0.5em; } dl.sideBySide dd.multiRadio label input { margin-right: 0.25em; position: relative; top: 3px; } div#replacement-timeframe span input { margin-right: 5px; } button#submit-form, button.submit-form { float: left; display: inline; margin-right: 14px; background: url(/images/gui/buttons/form-buttons.gif) no-repeat left top; width: 80px; height: 20px; border: 0; cursor: pointer; } button#submit-form:hover, button.submit-form:hover { background-position: -200px top; } body#pro-home button.submit-form { float: none; } a#form-cancel { background: url(/images/gui/buttons/form-buttons.gif) no-repeat left -40px; width: 90px; height: 20px; } a#form-cancel:hover { background-position: -200px -40px; } button#send-email { float: left; display: inline; margin-right: 14px; background: url(/images/gui/buttons/form-buttons.gif) no-repeat left -20px; width: 120px; height: 20px; border: 0; cursor: pointer; } button#send-email:hover { background-position: -200px -20px; } button.search-submit { background: url(/images/gui/buttons/form-buttons.gif) no-repeat left -115px; display: inline; border: 0; width: 62px; height: 9px; cursor: pointer; position: relative; top: 3px; } button.search-submit:hover { background-position: -200px -115px; } form .error { color: red; } form div.error, form label.error { padding-top: 5px; width: 210px; font-size: 0.85em; } div.findProductInfo form div.error { margin-bottom: 6px; } /*form#literature-form dd div.error { position: absolute; left: 389px; top: 0; }*/ form dd div.error, form dd label.error { position: absolute; left: 389px; top: 0; line-height:1em; } form#registrationForm dd div.error { position: static; left: auto; top: auto; line-height:1em; } form dd.form-text-area div.error, form dd.form-text-area label.error { left: 468px; } body#email-a-friend form dd div.error { position: static; } form dd#relationship-descriptions div.error, form dd#alert-listing div.error {left:184px;} *html form dl#email-alert-contact dd div.error {left:184px;} form#partSearchAgain { margin-bottom: 30px; } /* Form text fields */ input#zip { width: 65px; } form#dealerForm dl { display: block; margin-top: 14px; position: relative; } form#dealerForm dt { width: 150px; } form#dealerForm div#form-buttons { margin-left: 110px; } body#email-a-friend form#emailproduct { background-color: #fff; padding-bottom: 28px; } fieldset#docSelection input.checkbox { margin-right: 5px; float: left; } fieldset#docSelection label span { display: block; float: right; width: 220px; margin-left: 5px; } fieldset#docSelection label.doc-select { float: left; margin-top: 8px; } form#contactForm select#topic { width: 170px; } form#faqFeedbackForm div#err { position: absolute; top: -25px; left: 0; } form#registrationForm fieldset { margin-top: 24px; position: relative; } form#registrationForm input#initial, form#registrationForm input#apt { width:30px; } fieldset dl.adjacentFields label { display:block; font-weight:bold; } dd.optionsList input { margin-right:0.5em; } form#registrationForm th { font-size: 10px; padding: 4px 2px; vertical-align: top; text-align: left; } form#registrationForm td { padding: 4px 2px; vertical-align: top; } form#registrationForm tbody td { border-bottom: 1px solid #eee; } colgroup.labels col { width: 250px; } colgroup.tableContent col { width: 150px; } form#registrationForm fieldset h3 { color: black; font-weight: bold; border-bottom: 1px solid black; padding-bottom: 0.5em; margin-bottom: 0.75em; } body#registration-form div#TB_window { background: white; } form#registrationForm dt { font-size:1em; font-weight:bold; margin:1.5em 0 0.35em; } form#registrationForm dd { margin-bottom: 0.75em; } fieldset#productOwnerInfo dl, dd#otherBrandsWrapper dl { display:inline; float:left; width:40%; } dl#languages dt { margin-bottom: 0.25em; font-weight: bold; } dl#languages dd { margin-bottom: 0.25em; } fieldset#productOwnerInfo dl.adjacentFields { display: inline; float: none; width: 90%; } fieldset#productOwnerInfo dl.adjacentFields dd { display: inline; float: left; margin: 1em 5px 0 0; } form#emailproduct fieldset#docSelection { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } body.ipad form#emailproduct input.textField { height: 20px; width: 175px; } body.ipad p.privacyNote { padding-left: 12px; } /* 10.0 LISTS ------------------------------------------ */ ol, ul { list-style: none; } ul#main-nav { position: absolute; left: 214px; top: 57px; width: 688px; } body#site-home ul#main-nav { top: 120px; left: 56px; display: none; } ul#main-nav li { float: left; position: relative; margin-right: 31px; } ul#main-nav li.last { margin-right: 0; } body#site-home ul#main-nav li { float: none; margin-right: 0; } ul#main-nav ul { position: absolute; padding: 5px 4px 3px; left: -4px; top: 10px; background-color: #FFF; width: 152px; } ul#main-nav ul#section-products-list { width: 154px; } ul#main-nav ul#section-experience-list { width: 145px; } ul#main-nav ul#section-innovations-list { width: 125px; } ul#main-nav ul#section-service-list { width: 145px; } ul#main-nav ul#section-company-list { width: 162px; } ul#main-nav ul#section-locator-list { width: 157px; } ul#main-nav ul#section-professionals-list { width: 175px; } ul#main-nav ul li { float: none; display: block; margin-right: 0; } ul#faq-sidenav { } ul#faq { margin-top: 8px; } ul#faq > li { margin-bottom: 12px; } div#sidenav-box ul { margin-left: 56px; } body#faq-home div#sidenav-box li { margin-bottom: 8px; } div#thumb_scroller ul { overflow: hidden; width: 659px; margin-bottom: 25px; margin-left: 20px; } body.gallery-detail div#thumb_scroller ul { width: 580px; margin-left: 29px; } div#thumb_scroller li { float: left; display: inline; margin: 0 14px 16px 0; width: 95px; height: 160px; } div#thumb_scroller li a { color: #999; font-size: 11px; } div#thumb_scroller li img { display: block; margin-bottom: 3px; } ul.technology-list { margin-bottom: 30px; } ul.technology-list li { padding-left: 35px; font-size: 90%; margin-bottom: 20px; line-height: 1.3; } ul.technology-list li strong { color: #000; } div#sidenav-box ul ul { margin-left: 0; margin-bottom: 0; width: 180px; } div#sidenav-box ul li { margin-bottom: 0; padding-bottom: 0; } div#sidenav-box ul li.sub-container { padding-bottom: 8px; } div#sidenav-box ul ul li { margin-bottom: 1px; padding-bottom: 0; } body.green div#sidenav-box ul { padding-top: 26px; } body.green div#sidenav-box ul ul li { margin-left: 12px; } /* side nav for tech and green pages */ body.green ul#sidenav a, body.technology ul#sidenav a { background-image: none; color: #999999; height: auto; overflow: visible; text-indent: 0; width: auto; line-height: 1em; } div#sidenav-box ul li.overview-link { margin-top: 1em; } body.green div#sidenav-box ul ul, body.technology div#sidenav-box ul ul { padding-top:.5em; } body.green div#sidenav-box ul ul ul.indent-nav-level-3 { padding-bottom: 8px; } body.green div#sidenav-box ul ul ul.indent-nav-level-3 li { margin-left: 24px; } body.green ul#sidenav li a.active, body.green ul#sidenav a:hover, body.technology ul#sidenav li a.active, body.technology ul#sidenav a:hover { color:black; } body#green-home div#sidenav-box ul li, body.technology div#sidenav-box ul li { line-height: 1.1; margin-bottom: 6px; } body.technology div#sidenav-box ul li#link-tech-home { margin-bottom: 12px; } body#product-detail-page ul.product-features { margin-bottom: 10px; } body#product-detail-page ul.product-features li { display: inline; padding: 0 4px 0 0; } /* Thumbnails for Experience > Ad Campaign */ ul#catalog-thumbs { width: 276px; } ul#catalog-thumbs li { float: left; display: inline; margin: 0 14px 14px 0; } /* Catalogs in Lit. Request */ div#catalogs-wrapper { width: 640px; padding-bottom: 34px; } dl#catalogs { /*height: 544px; overflow: auto; width: 661px;*/ } dl#catalogs dt { margin-top: 60px; margin-bottom: 28px; } dl#catalogs dt.first-child { margin-top: 0; } dl#catalogs dd { margin-bottom: 5px; clear: both; } dl#catalogs dd span { font-size: 0.8em; color: #999; position: relative; top: -2px; } dl#catalogs dd.image { margin-bottom: 12px; } dl#catalogs dd.pdf { margin-top:10px; background:url("/images/pic/icons/pro-pdf-icon.gif") no-repeat 0 0; display:block; padding-left:23px; height:25px; } dl#catalogs dd.pdf a, dl#catalogs dd.view-online a { text-decoration:none; color:#999999; font-size:0.9em; text-transform:uppercase } dl#catalogs dd.pdf a:hover, dl#catalogs dd.view-online a:hover { color:#000000; } dl.sideBySide dt { float: left; display: inline; clear: left; width: 200px; text-align: right; margin-right: 0.5em; font-weight: bold; padding-top: 4px; font-size: 0.9em; } dl.sideBySide dd { margin: 0 0 0.5em; text-align: left; position: relative; } dl.sidebyside dd input { border: 1px solid #666; background: #FFF; margin: 0; padding: 2px; } dl.sideBySide dd.tall { margin-bottom: 1.25em; } dl.sideBySide dd.multiRadio { padding-top: 5px; } dl.sideBySide dt.checkbox-swapsides { position: relative; top: -2px; left: 230px; text-align: left; } dl.sideBySide dd#notify-me { position: relative; top: 0; left: 0; width: 160px; text-align: left; } #relationship-to-brizo-wrapper {margin-top:1em;} dl.sideBySide #relationship-intro, dl.sideBySide #relationship-descriptions, dl.sideBySide #alert-listing, dl.sideBySide #alert-intro {float:left;} dl.sideBySide #relationship-descriptions .alert-input-wrapper, dl.sideBySide #alert-listing .alert-input-wrapper { margin-top:.5em;} dl#supportLinks { margin-top: 14px; } dl#supportLinks dt { float: left; clear: left; width: 200px; text-align: left; margin: 0 25px 0 0; padding: 0; font-weight: bold; font-size: 0.9em; } body#product-detail-page dl#supportLinks {margin-top:0;} body#product-detail-page dl#supportLinks dt { float: none; clear: both; } dl#supportLinks dd { margin: 0 0 14px; text-align: left; } dl#supportLinks dd.extra-height { margin: 0 0 28px; } dl#courses { margin: 14px 14px; } dl#courses dt { text-transform: uppercase; color: black; } dl#courses dd { margin-bottom: 1.2em; line-height: 1.4; } dl#courses dd p { margin-bottom: 0; line-height: 1.4; } ul#gallery-links { position: absolute; top: 50px; left: 214px; width: 702px; } ul#gallery-links li { position: relative; width: 220px; height: 154px; float: left; margin: 0 14px 14px 0; } ul#gallery-links li.li-gallery1, ul#gallery-links li.li-gallery2, ul#gallery-links li.li-gallery3 { padding-top: 18px; } ul#gallery-links li.li-gallery4, ul#gallery-links li.li-gallery5, ul#gallery-links li.li-gallery6 { padding-bottom: 18px; } ul#gallery-links li span { position: absolute; display: block; width: 100%; text-align: right; text-transform: uppercase; color: #111; background: white; } ul#gallery-links li.li-gallery1 span, ul#gallery-links li.li-gallery2 span, ul#gallery-links li.li-gallery3 span { top: 2px; } ul#gallery-links li.li-gallery4 span, ul#gallery-links li.li-gallery5 span, ul#gallery-links li.li-gallery6 span { bottom: 0; } /*ul.gallery-thumbs { position: absolute; top: 100px; right: 589px; } ul.gallery-thumbs li { height: 90px; margin-bottom: 14px; }*/ ul#fashion-gallery-thumbs { width: 366px; position: absolute; top: 268px; left: 330px; display: block; } ul#fashion-gallery-thumbs li { width: 74px; height: 116px; margin-bottom: 14px; margin-right: 14px; float: left; } ul#fashion-links { width: 400px; position: absolute; top: 250px; left: 330px; display: block; } ul#fashion-links li { font-size: .85em; display: inline; margin: 0; padding: 0 15px 0 0; } body.gallery ul#fashion-gallery-thumbs { width: 366px; position: absolute; top: 418px; left: 330px; display: block; } body.gallery ul#fashion-gallery-thumbs li { width: 74px; height: 116px; margin-bottom: 14px; margin-right: 14px; float: left; } body.gallery ul#fashion-links { width: 400px; position: absolute; top: 400px; left: 330px; display: block; } body.gallery ul#fashion-links li { font-size: .85em; display: inline; margin: 0; padding: 0 15px 0 0; } ul#fashion-gallery-thumbs2 { width: 366px; position: absolute; top: 285px; left: 330px; display: block; } ul#fashion-gallery-thumbs2 li { width: 74px; height: 116px; margin-bottom: 14px; margin-right: 14px; float: left; } ul#fashion-links2 { width: 400px; position: absolute; top: 260px; left: 330px; display: block; } ul#fashion-links2 li { font-size: .85em; display: inline; margin: 0; padding: 0 15px 0 0; } div.gallery-container dl { position: absolute; right: 0; width: 575px; border-top: 2px solid #aaa; text-transform: uppercase; padding-top: 14px; } div.gallery-container dl dd, div.gallery-container dl dt { display: block; color: #7F8382; position: relative; margin-bottom: 4px; } div.gallery-container dl dd span, div.gallery-container dl dt span { color: #000; display: block; float: left; width: 110px; padding-bottom: 1px; text-align: right; margin-right: 0.5em; } div.gallery-container dl dt { color: black; font-weight: bold; } div.gallery-container dl dd.addthis{display: block; position: absolute; margin: 0px 0px 0px 450px;} div.gallery-container dl dd.addthis .addthis_toolbox.addthis_pill_combo span{background: inherit; margin: auto; padding: auto;} div.gallery-container dl dd.addthis .addthis_toolbox.addthis_pill_combo a{ float: left;} ul.event-links { width: 90px; position: absolute; top: 353px; left: 0; } ul.event-title-date { background-color: #fff; font-size: .9em; width: 200px; position: absolute; top: 353px; right: 0; } ul.event-title-date li { height: 15px; text-align: right } ul.event-title-date li.event-date { color: #F58220; } /* Product features and benefits - detail page */ ul#features-and-benefits { list-style: square; padding-left: 1em; margin-left: 0.25em; color: #999; padding-right: 14px; } ul#features-and-benefits li { margin-bottom: 0.65em; } /*Privacy Statement*/ div#text-wrapper { /*height: 544px; overflow: auto;*/ width: 640px; background-color: #fff; padding-bottom: 14px; } body#search-results div#text-wrapper { width: 800px; padding-bottom: 20px; } /*body#pressroom dl.press-release-contacts { margin-bottom: 120px; }*/ body#wheretobuy-map div#text-wrapper { width: 420px; } body.text ul#privacy, body#faq-home div.faq-answer ul {list-style-type: square; margin-bottom: 1.25em; margin-top: 5px; } body.text ul#privacy li, body#faq-home div.faq-answer ul li {margin: 0 0 12px 20px; line-height: 1.4 } body#tempassure.text div#wrapper { min-height: 510px; } body#sensori.text div#wrapper { min-height: 588px; } body#cavt-compliance.text div#wrapper { min-height: 350px; } body#watersense.text div#wrapper { min-height: 490px; } body#two-button-four-function.text div#wrapper { min-height: 510px; } body#magnedock.text div#wrapper { min-height: 510px; } body#smart-touch.text div#wrapper { min-height: 490px; } body#faq-home div.faq-answer ol { margin-bottom: 1.25em; margin-top: 5px; list-style-type: decimal; } body#faq-home div.faq-answer ol li {margin: 0 0 12px 20px; line-height: 1.4 } dl#press-release-list dt a { font-size: 1em; font-weight: bold; padding-bottom: 3px; } dl#press-release-list dt { padding-bottom: 3px; } dl#press-release-list dd, dl#press-release-list dd.noImage { /*background: url(/images/gui/bg/pressrelease_bg.jpg) 435px 0 repeat-y;*/ border: 1px solid #ccc; margin-bottom: 14px; padding: 14px; } dl#press-release-list dd.noImage { height: 170px; } dl#press-release-list dd img { float: right; padding-left: 14px; } dl#press-release-list dd div { width: 406px; float: left; line-height: 1.5; border-bottom: 1px solid #ccc; padding-bottom: 14px; margin-right: 14px; } dl#press-release-list dd div.releaseCategories { width: 206px; float: left; line-height: 1.5; border: none; padding-bottom: 0; } dl#press-release-list dd p.downloadLink { text-transform: uppercase; display: block; float: left; margin-top: 14px; } dl#press-release-list h5 { font-size: 1em; margin-top: 14px; } dl#press-release-list ul.thisReleaseCategories { float: left; list-style-type: square; margin-bottom: 14px; } dl#press-release-list ul.thisReleaseCategories li { margin-left: 14px; } dl.press-release-contacts dt { margin: 1em 0 0.25em 0; font-weight: bold; } dl.press-release-contacts dd { margin-bottom: 0.25em; } ul#sidenav ul#sub-sidenav li { height: 15px; } ul#sidenav ul#sub-sidenav li.sub-nav-heading { color: black; font-weight: bold; margin: 12px 0 3px 0; } ul#sidenav ul#sub-sidenav li.elearning-course { margin-top: 12px; } /* Rebate Page */ .rebate-directions ol { list-style-type: decimal; margin: 0 0 20px 42px; } .rebate-directions ol li { margin: 0 0 5px; font-weight: bold; } .rebate-directions ul { margin-left: 24px; } .rebate-directions ul li:first-child { margin-bottom: 24px; } div#search-adv .findProductInfo li { margin: 0 0 6px; line-height: 1.2; } /* goto not found */ .goto-options ul li { margin-bottom: 8px; } li.related-video { float: left; display: inline; margin-right: 12px; width: 120px; font-size: 11px; } ol.breadcrumbs { color: #ccc; text-transform: uppercase; font-size: 10px; position: absolute; left: 40px; top: 89px; z-index: 1; height: 11px; } body.green ol.breadcrumbs { left: 261px; } ol.breadcrumbs li { display: inline; float: left; margin-right: 5px; } ol.breadcrumbs li span { color: #666; } body#masco-brands-landing #content-body ul { list-style: none; font-size: 18px; } body#masco-brands-landing #content-body li { margin-bottom: 12px; } ol.disclosure { list-style-type: decimal; margin: 0 0 20px 25px; } ol.disclosure li { margin-bottom: 5px; } /* 11.0 TABLES ------------------------------------------ */ table { border-spacing: 0; } div.product-details table { width: 280px; font-size: 0.9em; } div.product-details table th { font-weight: normal; width: 134px; } div.product-details table th.total-list-price { width: 140px; } /*div.product-details table td { width: 100px; }*/ div.product-details table tr.totals th, div.product-details table tr.totals td.dollar-value { background-color: #f7f7f7; } div.product-details table td.dollar-value { text-align: right; width: 70px; } div.product-details table th, div.product-details table td { padding: 2px 0; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } b { font-weight: normal; } .mixed-case { text-transform: none; } #gallery-links b { color: #aaa; } .hr { border-top: 1px solid #000; margin: 1em 0; } .hr hr { display: none; } sub { line-height: 0; position: relative; top: 0.5ex; vertical-align: baseline; font-size: 75%; } /* Green birds on Green Beauty page */ div#green-birds { position: absolute; /*top: 254px;*/ bottom: 0; left: 0; background: url(/images/gui/bg/green/green-birds.gif) no-repeat bottom left; width: 463px; height: 324px; z-index: 5; } /* Gallery photo description */ ul.gallery-thumbs li span { display: none; } div#gallery-big span { text-transform: uppercase; position: absolute; bottom: -20px; right: 0; font-size: 0.9em; background: white; width: 575px; } div#gallery-big span a.img_dl{ display: block; background:url(../images/gui/icons/icon_img_dl.gif) 0 0 no-repeat; padding: 0px 0px 0px 14px; float: left;} div#gallery-big span div{display: block; float: right;} /* vCard Warranty */ div.vcard { margin-bottom: 1.25em; line-height: 1.25 } div.vcard .organization-name { color: #F58220 } /* vCard Contact Us */ div#sidenav-box .vcard { color: #7F8382; line-height: 1.25; text-transform: uppercase; background: white; } div#sidenav-box .vcard .value { display: block; } div#sidenav-box .vcard .organization-name, div#sidenav-box .vcard span.tel span.type, div#sidenav-box .vcard span.email span.type { color: #000 } div#sidenav-box .vcard span.tel, div#sidenav-box .vcard span.email { position: relative; margin-top: 1.25em; display: block; } div#sidenav-box .vcard .adr span.country-name { visibility: hidden; } div#content-body .vcard span.tel, div#sidenav-box .vcard span.email { position: relative; display: block; } div.vcard#hide-tel span.tel, div.vcard#hide-tel span.email { display: none; } body#gallery div#related_wrap{ clear: both; padding: 550px 0px 0px 140px;} body#gallery div#related_wrap ul li{display: block; width: 95px; padding: 0px 10px 0px 0px; float: left;} body#gallery div#related_wrap ul li a:link, body#gallery div#related_wrap ul li a:visited{font-size: 10px; color: #999;} body#gallery div#related_wrap ul li a:active, body#gallery div#related_wrap ul li a:hover{font-size: 10px; color: #000;} body div#content-body ul.video-thumbs a span { display: block; color: #666; font-size: 12px; margin-top: 3px; font-size: 11px; } .addthis_default_style .addthis_separator { margin: 0 !important; } /* Video */ #vPlayer { background: black; } #video-player div.video-controls { margin: 16px 0 0 18px; position: relative; height: 31px; } #video-player div.play-pause { position: absolute; top: 5px; left: 0; background: white url(/images/gui/buttons/sprite-video-controls.png) no-repeat; width: 20px; height: 20px; cursor: pointer; } #video-player div.play-pause.pause { background-position: 0 0; } #video-player div.play-pause.play { background-position: -30px 0; } #video-player div.volume { position: absolute; top: 0; left: 641px; background: white url(/images/gui/buttons/sprite-video-controls.png) no-repeat -70px 6px; width: 24px; height: 20px; cursor: pointer; } #video-player div.volume.muted { background-position: -110px 6px; } #video-player div.video-slider { position: absolute; top: 6px; left: 43px; width: 575px; background: white url(/images/gui/buttons/sprite-video-controls.png) repeat-x 0 -40px; height: 20px; } #video-player a.ui-slider-handle { position: absolute; width: 2px; height: 9px; background: black; } #video-window #download-links { overflow: hidden; float: left; } /* 13.0 IMAGES ------------------------------------------ */ img { border: none; } img.pull-right { float: right; padding-left: 14px; } /* Images for Experience > Ad Campaign */ ul#catalog-thumbs img { width: 124px; height: 149px; } div#catalog-large-image img.essence-photo { width: 414px; height: 496px; display: block; } img.loading-icon { position: absolute; top: 48%; left: 49%; } img#collection-photo { z-index: 1; } img#function-photo { position: absolute; bottom: 32px; left: 0; z-index: 1; } div#photoBox { position: relative; } img.noteBanner { position: absolute; top: 0; left: 117px; } div#productsWrapper #doc-search a img.noteBanner { border: 0px; } img.imgDiscontinued { position: absolute; top: 0; left: 318px; } img.imgDiscontinued2 { position: absolute; top: 0; left: 218px; } /* New Events Page - converted to html instead of image map*/ #events-content { margin:0 80px;position:relative;top:25px;font-size:1.1em;color:#000; } #events-content a:link, #events-content a:visited, #events-content a:active, #events-content a:hover { color:#000; } #events-header { background:#000 url("/images/pic/events/header-events.gif") no-repeat center left; width:800px; height:105px; margin-bottom:0; } #events-content .pad { margin-bottom:5px; } #events-bg { padding-left:350px; background:url("/images/pic/events/beauty.jpg") no-repeat 0 0; height:550px; } /* Rebate Page */ .rebate-directions ul li img.rebate-feature { float: left; display: inline; margin-right: 12px; } li.related-video img { padding: 3px; } li.related-video img.highlight { border: 3px solid #F58220; padding: 0; } body#email-a-friend-thankyou img { margin: 12px 0; } div#main-flash img { display: block; } /* Featured Collections */ .featured-collection img { display: block; margin-bottom: 10px; } body#about-us img.watersense-logo { position: absolute; right: 90px; top: 500px; } body#water-saving img.watersense-logo { position: absolute; right: 10px; top: 10px; width: 122px; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------------------------------------------ */ #product-detail-page .title { color: #484848; text-transform: capitalize; } #product-detail-page #model-number { margin-bottom: 8px; } #product-detail-page #finish-box a img { padding: 0; } #product-photo { } #product-details { position: absolute; bottom: 32px; left: 538px; } #product-details .hr { margin-right: 38px; } #product-details #product-model-price { font-size: 11px; line-height: 13px; } #product-details #product-model-price #product-name { text-transform: uppercase; font-weight: bold; float: left; width: 160px; color: #000; } #product-details #product-model-price #model-number, #product-details #product-model-price #model-price { margin-left: 180px; } #product-details #product-model-price dl#model-info { margin: 0 0 20px 0; padding: 0; margin-left: 195px; } #product-details #product-model-price dl#model-info dt { float: left; width: 106px; } #product-details #product-model-price dl#model-info dd { margin-left: 107px; } /* #product-features { position: absolute; top: 47px; left: -900px; border-right: 1px solid #B1B4B3; height: 534px; z-index: 25; background-color: #FFF; padding: 0 28px 0 34px; width: 279px; } */ #product-accessories { position: absolute; border: 1px solid #B1B4B3; width: 490px; height: 550px; top: -26px; left: -900px; } body#fashion #fashion-gallery-main { width:316px; height: 534px; float: left; margin-right: 14px; background: white; position: relative; } div#collection-title, div#function-title, div#area-title, div#matching-galleries { z-index: 49; position: absolute; top: 527px; left: 0; width: 262px; height: 96px; } div#area-title.bath { margin-left: -35px; } div#area-title { top: 539px; } div#matching-galleries { top: 558px; left: 41px; } div#related-title { z-index: 50; position: absolute; bottom: 56px; left: 0; width: 262px; height: 96px; } body#product-detail-page div#related-title {position:relative;bottom:0;float:left;clear:both;width: 240px;} body#product-detail-page div#related-items-wrapper {clear:both;width: 936px;} body#product-detail-page div#related-items-wrapper div.divider {width:866px;margin-left:34px;padding-bottom:10px;} div.event-details { background-color: #fff; position: absolute; top: 0; left: 0; width: 343px; padding: 7px 0 0 7px; min-height: 108px; } div.searchSectionHeader { margin-bottom: 7px; } div.pagerBox { margin-bottom: 7px; } /* Product Search Results */ .productsBox { padding: 0 0 0 6px; } .productWrapper { float: left; display: inline; margin: 0 14px 0 0; width: 181px; font-size: 10px; height: 27em; } .productThumbBox { background-color: #fff; border: 1px solid #ccc; padding: 6px 10px; color: #333; height: 24em; position: relative; z-index: 1; width: 160px; } .productThumbBox .productPhoto { margin-bottom: 7px; } .productThumbBox .productPhoto a { text-decoration: none; } .productThumbBox .productPhoto a img.thumb { height: 102px; } .productThumbBox .productPhoto a img { border: 1px solid #fff; } .productThumbBox .productPhoto a:hover img { border: 1px solid #7F8382; } .productThumbBox .productPhoto a .productName { display: block; text-decoration: underline; font-size: 110%; font-weight: bold; margin: .5em 0; } .productThumbBox .productModel, .productThumbBox .productFinish { margin-bottom: 5px; } /* Email a Friend Form */ body#email-a-friend div#productInfo { float: left; display: inline; width: 260px; margin: 28px 14px 28px 28px; } body#email-a-friend img { margin-bottom: 7px; } body#email-a-friend div#formData { float: left; display: inline; width: 390px; margin: 28px 0 0; } body#email-a-friend dl.sideBySide dt { float: left; clear: left; width: 150px; text-align: right; margin: 0 0.5em 3px 0; font-weight: bold; padding-top: 4px; font-size: 0.9em; } body#email-a-friend dl.sideBySide dd { margin: 0 0 0.5em; text-align: left; float: left; width: auto; } body#email-a-friend dl.sidebyside dd input { border: 1px solid #666; background: #FFF; margin: 0; padding: 2px; } body#email-a-friend p.send-to-self { width: 290px; float: left; } body#email-a-friend #form-buttons { float: left; margin: 0; } body#email-a-friend p.privacyNote { margin: 14px 0 0 0; } body#email-a-friend textarea { margin-left: 60px; width: 310px; font-size: 0.95em; } body.thank-you div#content-body { height: 90%; background-color: #fff; text-align: center; padding-top: 14px; } body.thank-you a { color: #000; } body.thank-you a:hover { color: #F58220; } body#faq-form { background-color: #fff; } body#faq-form #content-body { background-color: #fff; position: absolute; top: 0; left: 0; margin: 28px; width: 590px; padding-top: 0; } img#aia-logo { /*position: absolute; top: 103px; right: 0;*/ float: right; } div#fashion-content-container { background: white; position: absolute; right: 0; width: 354px; } div#fashion-content { } body#video-gallery div#sidenav-box { width: 100px; } body#video-gallery div#sidenav-box ul#sidenav a { width: 150px; } body#video-gallery div.video_grid_wrap div.col{ float: left; margin: 0px 20px 0px 0px; width: 46%; } ul.video-thumbs li{ display: inline; width: 50%; float: left; margin-bottom: 24px; min-height: 200px; } ul.video-thumbs li img{width: 165px;} /* Product Videos */ #product-videos-pagination { position: absolute; top: 40px; right: 20px; text-align: right; font-size: 11px; background-color: white; } .video-length { font-size: 11px; display: block; } .video-title { width: 183px; height: 20px; background-position: 0 0; text-transform: uppercase; font-size: 12px; } .tech-video-list .video-title { display: inline-block; width: auto; } .twoline { height: 36px;} /*.video-title:hover, #product-videos-window ul li a:hover .video-title { background-position: -200px 0; }*/ /*#video-belo-kitchen .video-title { background-image: url(/images/ir/videos/videotitle-belo.gif); } #video-rsvp-kitchen .video-title { background-image: url(/images/ir/videos/videotitle-rsvp.gif); } #video-tresa-bath .video-title { background-image: url(/images/ir/videos/videotitle-tresa.gif); } #video-h2okinetic .video-title { background-image: url(/images/ir/videos/videotitle-h2okinetic.gif); } #video-pascal .video-title { background-image: url(/images/ir/videos/videotitle-pascal.gif); } #video-sensori .video-title { background-image: url(/images/ir/videos/videotitle-sensori.gif); } #video-sensori-overview .video-title { background-image: url(/images/ir/videos/videotitle-sensorioverview.gif); }*/ /* Gallery */ body.gallery-detail div#sidenav-box { width: 120px; } /* Advanced Search Option Styles */ #search-adv-open { display: block; overflow: hidden; position: absolute; right: 35px; top: 37px; z-index: 1005; color: #666; font-size: 11px; } body.no-adv-search #search-adv-open { display: none; } #search-adv-open.showdialogbox { background-position:-132px 0; } /*Filtering Pages*/ body#filtering-results #content-body { margin: 0 34px 0 260px; position: static; padding: 128px 0 50px; overflow: visible; } body#filtering-results div#wrapper { height: auto; min-height: 700px; } body#filtering-results li.criteria-picker { float: left; list-style: none outside none; margin-left: 0; margin-right: 4px; padding-left: 0; z-index: 50; } body#filtering-results ul.criteria-set { position: relative; z-index: 90; height: 30px; } body#filtering-results ul.filter-bar { margin-top: 12px; padding-top: 3px; } body#filtering-results div.menu-button { background: #B1B1B1; border: 1px solid #fff; cursor: pointer; min-height: 24px; padding-right: 24px; position: relative; z-index: 100; } body#filtering-results div.menu-button.active { background: #fff; border-color: #B1B1B1 #B1B1B1 white; padding-bottom: 4px; } body#filtering-results #filtering-content-body div.menu-button.active h3 { color: #B1B1B1; } body#filtering-results .filter-overlay { position: absolute; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 24; } body#filtering-results #filtering-content-body h1#sink-lavatory { background-position: 0 0; } body#filtering-results #filtering-content-body h1#roman-tub { background-position: 0 -30px; } body#filtering-results #filtering-content-body h1#tub-shower { background-position: 0 -60px; } body#filtering-results #filtering-content-body h1#custom-shower { background-position: 0 -90px; } body#filtering-results #filtering-content-body h1#bidet-specialty { background-position: 0 -120px; } body#filtering-results #filtering-content-body h1#accessories { background-position: 0 -150px; } body#filtering-results #filtering-content-body .criteria-container { display: none; width: 210px; background: #fff;} body#filtering-results #filtering-content-body .menu-arrow { background: url(/images/gui/bg/arrow-down.gif) no-repeat right top; } body#filtering-results #filtering-content-body div.menu-button span.menu-arrow { background: url(/images/gui/bg/arrow-down.gif) no-repeat right top; display: block; height: 20px; position: absolute; right: 2px; top: 2px; width: 20px; } body#filtering-results #filtering-content-body ul.criteria-set h3 { margin: 0; min-height: 24px; padding: 0 6px; border-right: 1px solid #fff; } body#filtering-results #filtering-content-body div.menu-button h3 { color: #fff; font-weight: bold; font-size: 12px; line-height: 24px; text-transform: uppercase;} body#filtering-results #filtering-content-body .criteria-container { background: white; border: 1px solid #B1B1B1; color: #888; display: none; font-size: 12px; margin-top: -1px; overflow: hidden; padding: 10px; position: absolute; z-index: 30; } body#filtering-results #filtering-content-body ul.criteria-list label { cursor: pointer; display: block; position: relative; clear: right; height: 51px; overflow: hidden;} body#filtering-results #filtering-content-body ul.criteria-list img { display: inline-block; margin: 2px 8px 0 5px; vertical-align: middle; } body#filtering-results #filtering-content-body ul.criteria-list li { opacity: 1; width: 215px; position: relative;} body#filtering-results #filtering-content-body ul.criteria-list li div.checker { margin-right: 0; } body#filtering-results #filtering-content-body ul.criteria-list li:hover { background: #fff; } body#filtering-results #filtering-content-body ul.criteria-list li.disabled, .column-wrap li.disabled { -webkit-opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity = 30); opacity: 0.3; } body#filtering-results #filtering-content-body ul.criteria-list li.disabled:hover { background: #fff; } body#filtering-results #filtering-content-body ul.criteria-list li.is-active { background: #fff; } body#filtering-results #filtering-content-body ul.criteria-list li .filter-copy { padding: 8px 7px 2px 41px; min-height: 31px; float: right; width: 133px; color: #777; } .column-wrap div.filter-copy { padding: 8px 7px 2px 41px; min-height: 31px; float: right; width: 133px; color: #777; } .column-wrap div.checker, body#filtering-results #filtering-content-body ul.criteria-list div.checker { margin-top: 15px; } .column-wrap label { cursor: pointer; } .column-wrap li.disabled label { cursor: default; } a.view-results { background: url(/images/ir/view-results.gif) no-repeat 0px 0; display: block; width: 200px; height: 20px; text-indent: -9999px; float: right; } a.view-results:hover { background: url(/images/ir/view-results.gif) no-repeat -200px 0; } ul.mbl.filter-group div.checker {margin-right: 6px; } ul.mbl.filter-group li label { cursor: pointer; } ul.mbl.filter-group li.disabled label { cursor: default; } span.prm { float: right; } span.match-count { font-weight: bold; color: #000000; } div.results-contain.bottom { border-top: 1px solid #ccc; padding-top: 8px; } div#content-body a.new-search { color: #222; text-transform: uppercase; position: absolute; font-size: 13px; } div#content-body a.new-search:hover { text-decoration: underline;} body.faucets a.new-search { right: 325px; top: 135px;} body.bar-prep a.new-search { right: 415px; top: 135px;} body.potfillers a.new-search { right: 410px; top: 135px;} body.tub-shower a.new-search { right: 385px; top: 135px;} body.roman-tub a.new-search { right: 415px; top: 135px;} body.lavatory a.new-search { right: 355px; top: 135px;} body.accessories a.new-search { right: 385px; top: 135px;} body.bidet a.new-search { right: 325px; top: 135px;} body#filtering-results .filter-set.small { float: left; width: 300px; background: #fff; 8px 0 0px 0; margin: 4px 0;} body#filtering-results .pager-box { float: right; width: 300px; background: #fff; margin: 4px 0;} body#filtering-results .pager-box.bottom { float: none; width: 100%; background: #fff; border-top: 1px solid #ccc; padding: 5px 0 0 0; margin: 10px 0 0 0; } body#filtering-results .pager-box.bottom .pager { float: right; width: 300px; background: #fff;} body#filtering-results .pager-box .pager { text-align: right;} body#filtering-results .pager-box .pager strong { margin-left: 20px;} body a.exclude-links { color: #666; font-size: 11px; text-decoration: underline; padding: 4px 0; display: block;} .filter-group li.disabled * { -webkit-opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity = 30); opacity: 0.3; zoom: 1; } /* FINISHES */ ul.criteria-list li div.dmenu-bk, .column-wrap div.bk { background: url(/images/products/finishes/BK.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-blst, .column-wrap div.blst { background: url(/images/products/finishes/BLST.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-wh, .column-wrap div.wh { background: url(/images/products/finishes/WH.jpg) no-repeat0px center; } ul.criteria-list li div.dmenu-ssst, .column-wrap div.ssst { background: url(/images/products/finishes/SSST.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-ss, .column-wrap div.ss { background: url(/images/products/finishes/SS.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-sn, .column-wrap div.sn { background: url(/images/products/finishes/SN.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-rb, .column-wrap div.rb { background: url(/images/products/finishes/RB.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-pt, .column-wrap div.pt { background: url(/images/products/finishes/PT.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-pn, .column-wrap div.pn { background: url(/images/products/finishes/PN.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-pc, .column-wrap div.pc { background: url(/images/products/finishes/PC.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-pb, .column-wrap div.pb { background: url(/images/products/finishes/PB.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-of, .column-wrap div.of { background: url(/images/products/finishes/OF.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-np, .column-wrap div.np { background: url(/images/products/finishes/NP.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-nn, .column-wrap div.nn { background: url(/images/products/finishes/NN.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-nc, .column-wrap div.nc { background: url(/images/products/finishes/NC.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-mc, .column-wrap div.mc { background: url(/images/products/finishes/MC.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-mb, .column-wrap div.mb { background: url(/images/products/finishes/MB.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-cr, .column-wrap div.cr { background: url(/images/products/finishes/CR.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-cn, .column-wrap div.cn { background: url(/images/products/finishes/CN.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-cb, .column-wrap div.cb { background: url(/images/products/finishes/CB.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-bz, .column-wrap div.bz { background: url(/images/products/finishes/BZ.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-bs, .column-wrap div.bs { background: url(/images/products/finishes/BS.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-bn, .column-wrap div.bn { background: url(/images/products/finishes/BN.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-bl, .column-wrap div.bl { background: url(/images/products/finishes/BL.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-bb, .column-wrap div.bb { background: url(/images/products/finishes/BB.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-al, .column-wrap div.al { background: url(/images/products/finishes/AL.jpg) no-repeat 0px center; } ul.criteria-list li div.dmenu-ab, .column-wrap div.ab { background: url(/images/products/finishes/AB.jpg) no-repeat 0px center; } /* FEATURES */ ul.criteria-list li div.dmenu-ada, .column-wrap div.ada { background: url(/images/gui/icons/smart-features/adacompliant.gif) no-repeat 7px center; } ul.criteria-list li div.dmenu-dst, .column-wrap div.dst { background: url(/images/gui/icons/smart-features/diamondsealtechnology.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-handsfree, .column-wrap div.handsfree { background: url(/images/gui/icons/smart-features/handsfree.gif) no-repeat 6px 14px; } ul.criteria-list li div.dmenu-watersense, .column-wrap div.watersense { background: url(/images/gui/icons/smart-features/watersenselabeledproduct.gif) no-repeat 6px center; } ul.criteria-list li div.dmenu-electronic, .column-wrap div.electronic { background: url(/images/gui/icons/smart-features/electronicfaucets.gif) no-repeat 6px center; } ul.criteria-list li div.dmenu-cavt, .column-wrap div.cavt { background: url(/images/gui/icons/smart-features/cavtcompliant.gif) no-repeat 7px 5px; } ul.criteria-list li div.dmenu-brilliance, .column-wrap div.brilliance { background: url(/images/gui/icons/smart-features/brilliancefinish.gif) no-repeat 8px 8px; } ul.criteria-list li div.dmenu-spray2btn4func, .column-wrap div.spray2btn4func { background: url(/images/gui/icons/smart-features/2button4function.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-magnedock, .column-wrap div.magnedock { background: url(/images/gui/icons/smart-features/magnatitedocking.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-multichoice, .column-wrap div.multichoice { background: url(/images/gui/icons/smart-features/multichoiceuniversalvalve.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-tempassure, .column-wrap div.tempassure { background: url(/images/gui/icons/smart-features/tempassure.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-h2okinetic, .column-wrap div.h2okinetic { background: url(/images/gui/icons/smart-features/h2okinetictechnology.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-waterefficient, .column-wrap div.waterefficient { background: url(/images/gui/icons/smart-features/waterefficientfaucet.gif) no-repeat 6px 10px; } ul.criteria-list li div.dmenu-touchclean, .column-wrap div.touchclean { background: url(/images/gui/icons/smart-features/touchclean.gif) no-repeat 8px 10px; } ul.criteria-list li div.dmenu-smarttouch, .column-wrap div.smarttouch { background: url(/images/gui/icons/smart-features/touch2otechnology.gif) no-repeat 8px 10px; } /* NUMBER OF HANDLES KITCHEN / TYPE CHARACTERISTICS */ /* KITCHEN FAUCETS */ .section-kitchen.faucets ul.criteria-list li div.dmenu-type-kit-single-handle, .section-kitchen.faucets .column-wrap div.type-kit-single-handle { background: url(/images/products/handle/type-kit-single-handle.png) no-repeat 2px 5px; } .section-kitchen.faucets ul.criteria-list li div.dmenu-type-kit-two-handle, .section-kitchen.faucets .column-wrap div.type-kit-two-handle { background: url(/images/products/handle/type-kit-two-handle.png) no-repeat 2px 7px; } .section-kitchen.faucets ul.criteria-list li div.dmenu-type-kit-pull-out, .section-kitchen.faucets .column-wrap div.type-kit-pull-out { background: url(/images/products/type/type-kit-pull-out.png) no-repeat 3px 7px; } .section-kitchen.bar-prep ul.criteria-list li div.dmenu-type-kit-single-handle, .section-kitchen.bar-prep .column-wrap div.type-kit-single-handle { background: url(/images/products/handle/type-barprep-single-handle.png) no-repeat 2px 5px; } .section-kitchen.bar-prep ul.criteria-list li div.dmenu-type-kit-two-handle, .section-kitchen.bar-prep .column-wrap div.type-kit-two-handle { background: url(/images/products/handle/type-barprep-double-handle.jpg) no-repeat 2px 7px; } .section-kitchen.bar-prep ul.criteria-list li div.dmenu-type-bar-pull-out, .section-kitchen.bar-prep .column-wrap div.type-bar-pull-out { background: url(/images/products/type/type-kit-pull-out.png) no-repeat 3px 7px; } /* ACCESSORIES */ .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-escutcheon, .section-kitchen.accessories .column-wrap div.type-kitacc-escutcheon { background: url(/images/products/handle/kitchenaccessories-escutcheon.png) no-repeat 3px 5px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-towelhook, .section-kitchen.accessories .column-wrap div.type-kitacc-towelhook { background: url(/images/products/handle/kitchenaccessories-towelhook.png) no-repeat 4px 7px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-soaplotiondispenser, .section-kitchen.accessories .column-wrap div.type-kitacc-soaplotiondispenser { background: url(/images/products/handle/kitchenaccessories-soaplotion.png) no-repeat 3px 7px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-budvase, .section-kitchen.accessories .column-wrap div.type-kitacc-budvase { background: url(/images/products/handle/kitchenaccessories-budvase.png) no-repeat 2px 5px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-strainerstopper, .section-kitchen.accessories .column-wrap div.type-kitacc-strainerstopper { background: url(/images/products/handle/kitchenaccessories-strainer.png) no-repeat 2px 7px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-airgap, .section-kitchen.accessories .column-wrap div.type-kitacc-airgap { background: url(/images/products/handle/kitchenaccessories-airgap.png) no-repeat 3px 7px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-holecover, .section-kitchen.accessories .column-wrap div.type-kitacc-holecover { background: url(/images/products/handle/kitchenaccessories-holecover.png) no-repeat 2px 5px; } .section-kitchen.accessories ul.criteria-list li div.dmenu-type-kitacc-aerator, .section-kitchen.accessories .column-wrap div.type-kitacc-aerator { background: url(/images/products/handle/kitchenaccessories-aerator.png) no-repeat 6px 5px; } /* NUMBER OF HANDLES BATH / TYPE CHARACTERISTICS */ /* LAVATORY */ .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-singlehandle, .section-bath.lavatory .column-wrap div.type-lav-singlehandle { background: url(/images/products/handle/type-lav-onehandle.png) no-repeat 5px 5px; } .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-twohandle, .section-bath.lavatory .column-wrap div.type-lav-twohandle { background: url(/images/products/handle/type-lav-twohandle.png) no-repeat 2px 7px; } .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-centerset, .section-bath.lavatory .column-wrap div.type-lav-centerset { background: url(/images/products/handle/type-lav-centerset.png) no-repeat 5px 7px; } .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-miniwidespread, .section-bath.lavatory .column-wrap div.type-lav-miniwidespread { background: url(/images/products/handle/type-lav-mini-widespread.png) no-repeat 3px 7px; } .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-widespread, .section-bath.lavatory .column-wrap div.type-lav-widespread { background: url(/images/products/handle/type-lav-widespread.png) no-repeat 3px 7px; } .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-wallmount, .section-bath.lavatory .column-wrap div.type-lav-wallmount { background: url(/images/products/handle/type-lav-wallmount.png) no-repeat 3px 7px; } .section-bath.lavatory ul.criteria-list li div.dmenu-type-lav-vessel, .section-bath.lavatory .column-wrap div.type-lav-vessel { background: url(/images/products/handle/type-lav-vessel.png) no-repeat 3px 7px; } /* ROMAN TUB */ .section-bath.roman-tub ul.criteria-list li div.dmenu-type-lav-singlehandle, .section-bath.roman-tub .column-wrap div.type-lav-singlehandle { background: url(/images/products/handle/roman-tub-single-handle.png) no-repeat 5px 5px; } .section-bath.roman-tub ul.criteria-list li div.dmenu-type-lav-twohandle, .section-bath.roman-tub .column-wrap div.type-lav-twohandle { background: url(/images/products/handle/roman-tub-two-handle.png) no-repeat 5px 5px; } .section-bath.roman-tub ul.criteria-list li div.dmenu-type-roman-withhandshower, .section-bath.roman-tub .column-wrap div.type-roman-withhandshower { background: url(/images/products/handle/roman-tub-handshower.png) no-repeat 3px 5px; } .section-bath.roman-tub ul.criteria-list li div.dmenu-type-roman-tub, .section-bath.roman-tub .column-wrap div.type-roman-tub { background: url(/images/products/handle/roman-tub-romantub.png) no-repeat 3px 5px; } .section-bath.roman-tub ul.criteria-list li div.dmenu-type-roman-handshoweronly, .section-bath.roman-tub .column-wrap div.type-roman-handshoweronly { background: url(/images/products/handle/roman-tub-handshower-only.png) no-repeat 3px 5px; } /* TUB/SHOWER */ .section-bath.tub-shower ul.criteria-list li div.dmenu-type-tubshower, .section-bath.tub-shower .column-wrap div.type-tubshower { background: url(/images/products/handle/tubshower-tub-shower.png) no-repeat 4px 5px; } .section-bath.tub-shower ul.criteria-list li div.dmenu-type-tubshower-showeronly, .section-bath.tub-shower .column-wrap div.type-tubshower-showeronly { background: url(/images/products/handle/tubshower-shower-only.png) no-repeat 4px 5px; } .section-bath.tub-shower ul.criteria-list li div.dmenu-type-tubshower-valveonly, .section-bath.tub-shower .column-wrap div.type-tubshower-valveonly { background: url(/images/products/handle/tubshower-valve-only.png) no-repeat 3px 5px; } .section-bath.tub-shower ul.criteria-list li div.dmenu-type-tubshower-showerhead, .section-bath.tub-shower .column-wrap div.type-tubshower-showerhead { background: url(/images/products/handle/tubshower-showerhead.png) no-repeat 4px 5px; } .section-bath.tub-shower ul.criteria-list li div.dmenu-type-tubshower-handshower, .section-bath.tub-shower .column-wrap div.type-tubshower-handshower { background: url(/images/products/handle/tubshower-handshower.jpg) no-repeat 3px 5px; } /* ACCESSORIES */ .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-towelbar, .section-bath.accessories .column-wrap div.type-bathacc-towelbar { background: url(/images/products/handle/bathaccessories-towelbar-rings.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-robehook, .section-bath.accessories .column-wrap div.type-bathacc-robehook { background: url(/images/products/handle/bathaccessories-utility-hook.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-tumblerholder, .section-bath.accessories .column-wrap div.type-bathacc-tumblerholder { background: url(/images/products/handle/bathaccessories-tumblerholder.png) no-repeat 3px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-tissueholder, .section-bath.accessories .column-wrap div.type-bathacc-tissueholder { background: url(/images/products/handle/bathaccessories-toilet-tissue.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-toilettanklever, .section-bath.accessories .column-wrap div.type-bathacc-toilettanklever { background: url(/images/products/handle/bathaccessories-tank-lever.png) no-repeat 3px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-wallshelf, .section-bath.accessories .column-wrap div.type-bathacc-wallshelf { background: url(/images/products/handle/bathaccessories-wall-shelf.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-escutcheon, .section-bath.accessories .column-wrap div.type-bathacc-escutcheon { background: url(/images/products/handle/bathaccessories-escutcheon.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-soapdish, .section-bath.accessories .column-wrap div.type-bathacc-soapdish { background: url(/images/products/handle/bathaccessories-soapdish.png) no-repeat 3px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-mirror, .section-bath.accessories .column-wrap div.type-bathacc-mirror { background: url(/images/products/handle/bathaccessories-wallmirror.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-toothbrushholder, .section-bath.accessories .column-wrap div.type-bathacc-toothbrushholder { background: url(/images/products/handle/bathaccessories-toothbrushholder.png) no-repeat 3px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-lightfixture, .section-bath.accessories .column-wrap div.type-bathacc-lightfixture { background: url(/images/products/handle/bathaccessories-lightfixture.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-pushpopup, .section-bath.accessories .column-wrap div.type-bathacc-pushpopup { background: url(/images/products/handle/bathaccessories-pushpopup.png) no-repeat 4px 5px; } .section-bath.accessories ul.criteria-list li div.dmenu-type-bathacc-gridstrainer, .section-bath.accessories .column-wrap div.type-bathacc-gridstrainer { background: url(/images/products/handle/bathaccessories-gridstrainer.png) no-repeat 4px 5px; } /* HOLES */ ul#hole li.clear-item { clear: left;} /* Holes Kitchen */ .section-kitchen ul#hole .hole-2or4hole8inch, .section-kitchen ul.criteria-list li div.dmenu-2or4hole8inch { background: url(/images/products/holes/faucets/2-hole4-8inchinstallation.gif) no-repeat -2px 12px; } .section-kitchen ul#hole .hole-2hole, .section-kitchen ul.criteria-list li div.dmenu-2hole { background: url(/images/products/holes/faucets/2hole.gif) no-repeat 0px 12px; } .section-kitchen ul#hole .hole-3hole4inchcenterset, .section-kitchen ul.criteria-list li div.dmenu-3hole4inchcenterset { background: url(/images/products/holes/faucets/3-hole4.gif) no-repeat -2px 12px; } .section-kitchen ul#hole .hole-3hole6to16inchwidespread, .section-kitchen ul.criteria-list li div.dmenu-3hole6to16inchwidespread { background: url(/images/products/holes/faucets/3hole6to16inchwidespread.gif) no-repeat 0px 12px; } .section-kitchen ul#hole .hole-3hole8inch, .section-kitchen ul.criteria-list li div.dmenu-3hole8inch { background: url(/images/products/holes/faucets/3-hole8.gif) no-repeat -3px 12px; } .section-kitchen ul#hole .hole-hole-3-hole8, .section-kitchen ul.criteria-list li div.dmenu-hole-3-hole8 { background: url(/images/products/holes/faucets/2hole.gif) no-repeat 0px 12px; } .section-kitchen ul#hole .hole-4hole6to16inchwidespread, .section-kitchen ul.criteria-list li div.dmenu-4hole6to16inchwidespread { background: url(/images/products/holes/faucets/4hole6to16inchwidespread.gif) no-repeat 0px 12px; } .section-kitchen ul#hole .hole-SingleHole, .section-kitchen ul.criteria-list li div.dmenu-SingleHole { background: url(/images/products/holes/faucets/SingleHole.gif) no-repeat 0px 12px; } .section-kitchen ul#hole .hole-3-hole8wallinstallation, .section-kitchen ul.criteria-list li div.dmenu-3-hole8wallinstallation { background: url(/images/products/holes/faucets/3hole8inch.gif) no-repeat 0px 12px; } /* Holes Bath - Lavatory */ .section-bath.lavatory ul#hole .hole-Singleor3hole4inch, .section-bath.lavatory ul.criteria-list li div.dmenu-Singleor3hole4inch { background: url(/images/products/holes/lavatory/Singleor3hole4inch.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-2-hole8bridge, .section-bath.lavatory ul.criteria-list li div.dmenu-2-hole8bridge { background: url(/images/products/holes/lavatory/2-hole8inch.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-3hole4inchcenterset, .section-bath.lavatory ul.criteria-list li div.dmenu-3hole4inchcenterset { background: url(/images/products/holes/lavatory/3-hole4.gif) no-repeat -1px 8px; } .section-bath.lavatory ul#hole .hole-3hole6to16inchwidespread, .section-bath.lavatory ul.criteria-list li div.dmenu-3hole6to16inchwidespread { background: url(/images/products/holes/lavatory/3hole6to16inchwidespread.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-SingleHole, .section-bath.lavatory ul.criteria-list li div.dmenu-SingleHole { background: url(/images/products/holes/lavatory/SingleHole.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-3hole6inchor8inch, .section-bath.lavatory ul.criteria-list li div.dmenu-3hole6inchor8inch { background: url(/images/products/holes/lavatory/3hole6inchor8inch.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-3hole8inch, .section-bath.lavatory ul.criteria-list li div.dmenu-3hole8inch { background: url(/images/products/holes/lavatory/3-hole8inch.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-3-hole8wallinstallation, .section-bath.lavatory ul.criteria-list li div.dmenu-3-hole8wallinstallation { background: url(/images/products/holes/lavatory/3-hole8wallinstallation.gif) no-repeat 0px 8px; } .section-bath.lavatory ul#hole .hole-3holeromantub, .section-bath.lavatory ul.criteria-list li div.dmenu-3holeromantub { background: url(/images/products/holes/lavatory/3-hole8inch.gif) no-repeat 0px 8px; } /* Holes Bath - Roman Tub */ .section-bath.roman-tub ul#hole .hole-2hole, .section-bath.roman-tub ul.criteria-list li div.dmenu-2hole { background: url(/images/products/holes/romantub/2-hole-4inch.gif) no-repeat 4px 13px; } .section-bath.roman-tub ul#hole .hole-3hole6to16inchwidespread, .section-bath.roman-tub ul.criteria-list li div.dmenu-3hole6to16inchwidespread { background: url(/images/products/holes/romantub/3hole6to16inchwidespread.gif) no-repeat 4px 13px; } .section-bath.roman-tub ul#hole .hole-3holeromantub, .section-bath.roman-tub ul.criteria-list li div.dmenu-3holeromantub { background: url(/images/products/holes/romantub/3-hole8-16.gif) no-repeat 4px 13px; } .section-bath.roman-tub ul#hole .hole-4holeromantub, .section-bath.roman-tub ul.criteria-list li div.dmenu-4holeromantub { background: url(/images/products/holes/romantub/4-hole8-16.gif) no-repeat 4px 13px; } .section-bath.roman-tub ul#hole .hole-2or4hole8inch, .section-bath.roman-tub ul.criteria-list li div.dmenu-2or4hole8inch { background: url(/images/products/holes/romantub/2or4-8inch.gif) no-repeat 4px 13px; } .section-bath.roman-tub ul#hole .hole-4hole6to16inchwidespread, .section-bath.roman-tub ul.criteria-list li div.dmenu-4hole6to16inchwidespread { background: url(/images/products/holes/romantub/4hole6-16ws.gif) no-repeat 4px 13px; } /* Holes Bath - Bidet & Specialty */ .section-bath.bidet ul#hole .hole-4hole8inch, .section-bath.bidet ul.criteria-list li div.dmenu-4hole8inch { background: url(/images/products/holes/bidetspecialty/4-hole8.gif) no-repeat 10px 8px; } .section-bath.bidet ul#hole .hole-SingleHole, .section-bath.bidet ul.criteria-list li div.dmenu-SingleHole { background: url(/images/products/holes/bidetspecialty/SingleHole.gif) no-repeat 10px 8px; } .section-bath.bidet ul#hole .hole-3holeromantub, .section-bath.bidet ul.criteria-list li div.dmenu-3holeromantub { background: url(/images/products/holes/romantub/3-hole8-16.gif) no-repeat 0px 8px; } .section-bath.bidet ul#hole .hole-4holeromantub, .section-bath.bidet ul.criteria-list li div.dmenu-4holeromantub { background: url(/images/products/holes/romantub/4-hole8-16.gif) no-repeat 0px 8px; } .section-bath.bidet ul#hole .hole-4hole6to16inchwidespread, .section-bath.bidet ul.criteria-list li div.dmenu-4hole6to16inchwidespread { background: url(/images/products/holes/bidetspecialty/4-hole6-16-ws.gif) no-repeat 10px 8px; } /* SELECTED FILTERS LIST */ ul.selected-filters { border-bottom: 1px solid #ccc; padding: 0 0 8px 0; } ul.selected-filters li { float: left; } body div#content-body ul.selected-filters li a { background: url(/images/gui/bg/close.png) no-repeat 3px 8px; display: block; padding: 6px 8px 4px 16px; color: #999; text-transform: uppercase; font-size: 12px; } /* PRODUCTS LIST */ .gallery_wrapper .product-row .image_wrapper { position: relative; float: left; width: 200px; margin: 10px 20px 10px 0; } .gallery_wrapper .product-row .image_wrapper.third-item { margin-right: 0;} .gallery_wrapper .product-row .image_description { text-transform: uppercase; color: #999; font-size: 12px; padding-bottom: 8px; } .gallery_wrapper .image_wrapper.clear-item { clear: left; } div#content-body .gallery_wrapper .product-row a .title { text-transform: uppercase; color: #333; font-size: 16px; } .cloned-product { position: absolute; background: #fff; padding: 8px; border: 1px solid #999; box-shadow: 1px 1px 7px rgba(67, 67, 67, 0.6); } .gallery_wrapper div.hidden_content {display: none;} .cloned-product .image_wrapper { width: 200px; position: relative; } .cloned-product .image-hover-graphic { position: absolute; width: 200px; height: 150px; background: url(/images/gui/bg/view-more-details.png) no-repeat center center;} .cloned-product a .title { text-transform: uppercase; color: #333; font-size: 16px; } .cloned-product .image_description { text-transform: uppercase; color: #999; font-size: 12px; padding-bottom: 8px; } .cloned-product div.hidden_content { color: #999; display: block; } .cloned-product #list-price { padding-bottom: 10px; } .cloned-product #list-price { padding-bottom: 10px; font-weight: bold; } .cloned-product #list-price .title { padding-bottom: 10px; font-weight: normal; } div.discontinued { position: absolute; right: 0; top: 0; background: url(/images/products/discontinued-sm.gif) no-repeat right top; width: 63px; height: 66px; } /*Filtering Function page*/ body#function-filter div#wrapper {height: auto;} body#function-filter div#content-body { background: none repeat scroll 0 0 white; margin: 0 34px 0 260px; overflow: hidden; padding: 128px 0 60px; position: static; top: 128px;} body#function-filter .filter-set { float: left; width: 33%; } body#function-filter h2.group-heading { font-size: 12px; color: #000; font-weight: normal; padding: 25px 0 0 0; text-transform: uppercase; } body#function-filter .filter-set.small { float: none; width:100%; background: #fff; border-top: 1px solid #ccc; padding: 8px 0 0px 0; margin: 4px 0;} body#function-filter .col {float: left; width: 33%; } body#function-filter .col.col-4 {float: none; width: 100%; clear: left; padding-bottom: 20px; } body#function-filter .col.col-4 li {float: left; width: 212px; height: 50px; overflow: hidden; } /*Product Detail CAD Link and Sketchup Link*/ a#view-CAD-link { background-image: url(/images/ir/view-CAD-link.gif); width: 246px; height: 18px; display: block; overflow: hidden; text-indent: -1000px; margin-top:10px;} a#view-CAD-link:hover {background-position:-249px 0; } a#sketchup-link {background-image: url(/images/ir/view-sketchup-link.gif); width: 275px; height: 18px; display: block; overflow: hidden; text-indent: -1000px;} a#sketchup-link:hover {background-position:-275px 0; } /*-- Joe's additions to be organized --*/ body#grid div#wrapper { padding-bottom: 31px; } /*body#grid div#wrapper div#header { position: inherit; }*/ body#grid div#wrapper div#sidenav-box{ color:black; float:left; font-size:0.9em; height:auto; padding-top:46px; position:static; text-transform:uppercase; width:249px; z-index:50;} body#grid div#wrapper div#sidenav-box ul#sidenav{position: inherit; float: right; width: 200px;} body#grid div#wrapper div#content-body { float: left; position: static; margin-left: 20px; padding-top: 45px; } body#grid div#wrapper div#sidenav-box h1{top: 121px;} body#grid div#wrapper div#sidenav-box div#sidenav-box a.back-link{top: 323px;} body.collection div#collection-content-body #finish-box h3, body.collection div#content-body div.award-wrapper h3 { color: #7F8382; text-transform: uppercase; font-style: normal; font-size: 10px; } body.collection ul#gallery_links, body.collection ul#gallery_links_single { display: inline-block; margin: 12px 0; border-bottom: 1px solid #d9d9d9; width: 100%; } body.collection ul.gallery_links li, body#products-shower ul#gallery_links li { display: inline; padding-right: 8px; float: left; padding-bottom: 8px; } body.collection #content-body ul.gallery_links li a:link, body.collection #content-body ul.gallery_links li a:visited, body#products-shower #content-body ul#gallery_links li a:link, body#products-shower #content-body ul#gallery_links li a:visited {font-style: normal; color: #000;} body.collection #content-body ul.gallery_links li a:active, body.collection #content-body ul.gallery_links li a:hover, body#products-shower #content-body ul#gallery_links li a:active, body#products-shower #content-body ul#gallery_links li a:hover {color:#F58220} /* Collection Detail - Gallery Links Bar */ body.collection ul.gallery_links li a, body#products-shower ul#gallery_links li a { background: url(/images/ir/nav-sprites/photo-video-collection.gif) 0 0 no-repeat; height: 22px; display: inline-block; text-indent: -999em; } /* Collection photos */ body.collection ul.gallery_links li a.collection-photos, body#products-shower ul#gallery_links li a.collection-photos { background-position: 0 -44px; width: 95px; } body.collection ul.gallery_links li a.collection-photos:hover, body#products-shower ul#gallery_links li a.collection-photos:hover { background-position: -200px -44px; } /* Video gallery */ body.collection ul.gallery_links li a.videos, body#products-shower ul#gallery_links li a.videos { background-position: 0 0; width: 64px; } body.collection ul.gallery_links li a.videos:hover, body#products-shower ul#gallery_links li a.videos:hover { background-position: -200px 0; } /* Print */ body.collection ul#gallery_links li a#printLink, body#products-shower ul#gallery_links li a#printLink { background-position: 0 -88px; width: 95px; } body.collection ul#gallery_links li a#printLink:hover, body#products-shower ul#gallery_links li a#printLink:hover { background-position: -200px -88px; } /* Email */ body.collection ul#gallery_links li a#emailLink, body#products-shower ul#gallery_links li a#emailLink { background-position: 0 -66px; width: 95px; } body.collection ul#gallery_links li a#emailLink:hover, body#products-shower ul#gallery_links li a#emailLink:hover { background-position: -200px -66px; } /* Designer Gallery */ body#products-shower ul#gallery_links li a.photos, body.collection ul.gallery_links li a.photos { background-position: 0 -22px; width: 88px; } body#products-shower ul#gallery_links li a.photos:hover, body.collection ul.gallery_links li a.photos:hover { background-position: -200px -22px; } /* Shower design guide */ body#products-shower ul#gallery_links a#link-custom-guide { background-image: url(/images/ir/guide/nav-view-custom-guide-new.gif); height: 34px; width: 132px; } body#products-shower ul#gallery_links a#link-custom-guide:hover { background-position: -200px 0; } body.collection div#collection-title{top: 613px;} body.collection div#wrapper { height: auto; } /* Product Awards - Finish - Photo links */ body.collection .awards #finish-box { float: left; display: inline; width: 140px; margin-bottom: 10px; } body.collection #finish-box { margin-bottom: 10px; } body.collection div.award-wrapper { width: 180px; float: right; display: inline; border-left: 1px solid #ccc; padding-left: 10px; margin-bottom: 10px; } body.collection div.award-wrapper img.adex-award-image { width: 80px; } body.collection div.award-wrapper img.reddot-award-image { width: 80px; } body.collection div.reddot-award-image { padding-left:20px; } body.collection div.adex-award-image {vertical-align:top; } img#collection-photo{bottom: 40px;} body#product-detail-page a#more-photos-link { position:relative; top:10px; color:#F58220 } body#grid ul#sidenav li#li-grid-results h3.selected{ font-weight: 900; background: #000; font-size: 12px; padding: 5px; color: #fff; border: 1px solid #000; text-transform: uppercase;} body#grid ul#sidenav li#li-grid-results h3.narrow{ font-weight: 900; background: #000; font-size: 12px; padding: 5px; color: #fff; border: 1px solid #000; text-transform: uppercase;} body#grid ul#sidenav li.full_nav h3{ display: block; padding: 5px 0px 5px 15px; font-weight: normal; font-size: 12px; text-transform: uppercase; background:url(/images/bg-toggle-small_black.gif) 0 -5px no-repeat; cursor: pointer;} body#grid ul#sidenav li.full_nav h3.closed{ display: block; padding: 5px 0px 5px 15px; font-weight: normal; font-size: 12px; text-transform: uppercase; background:url(/images/bg-toggle-small_black.gif) 0 -37px no-repeat; cursor: pointer;} body#grid div#content-body h3, body#video-gallery div#content-body h3{border-bottom:1px solid #999999; font-size:1em; font-weight:bold; margin:0 0 12px; padding:5px 0; text-transform:uppercase; color: #000; } body.collection #content-body h1#collection-siderna { background: url(/images/ir/collections/title-siderna.gif) no-repeat; } body.collection #content-body h1#collection-baliza { background: url(/images/ir/collections/title-baliza.gif) no-repeat; } body.collection #content-body h1#collection-charlotte { background: url(/images/ir/collections/title-charlotte.gif) no-repeat; } body.collection #content-body h1#collection-loki { background: url(/images/ir/collections/title-loki.gif) no-repeat; } body.collection #content-body h1#collection-providence-belle { background: url(/images/ir/collections/title-providence-belle.gif) no-repeat; } body.collection #content-body h1#collection-providence-classic { background: url(/images/ir/collections/title-providence-classic.gif) no-repeat; } body.collection #content-body h1#collection-quiessence { background: url(/images/ir/collections/title-quiessence.gif) no-repeat; } body.collection #content-body h1#collection-riviera { background: url(/images/ir/collections/title-riviera.gif) no-repeat; } body.collection #content-body h1#collection-rsvp { background: url(/images/ir/collections/title-rsvp.gif) no-repeat; } body.collection #content-body h1#collection-tresa { background: url(/images/ir/collections/title-tresa.gif) no-repeat; } body.collection #content-body h1#collection-trevi-cross { background: url(/images/ir/collections/title-trevi-cross.gif) no-repeat; } body.collection #content-body h1#collection-trevi-lever { background: url(/images/ir/collections/title-trevi-lever.gif) no-repeat; } body.collection #content-body h1#collection-vesi-channel { background: url(/images/ir/collections/title-vesi-channel.gif) no-repeat; } body.collection #content-body h1#collection-vesi-curve { background: url(/images/ir/collections/title-vesi-curve.gif) no-repeat; } body.collection #content-body h1#collection-virage { background: url(/images/ir/collections/title-virage.gif) no-repeat; } body.collection #content-body h1#collection-williamsburg-classic { background: url(/images/ir/collections/title-williamsburg-classic.gif) no-repeat; } body.collection #content-body h1#collection-belo { background: url(/images/ir/collections/title-belo.gif) no-repeat; } body.collection #content-body h1#collection-floriano { background: url(/images/ir/collections/title-floriano.gif) no-repeat; } body.collection #content-body h1#collection-pascal { background: url(/images/ir/collections/title-pascal.gif) no-repeat; } body.collection #content-body h1#collection-potfillers { background: url(/images/ir/collections/title-pot-fillers.gif) no-repeat; } body.collection #content-body h1#collection-providence-contemporary { background: url(/images/ir/collections/title-providence-contemporary.gif) no-repeat; } body.collection #content-body h1#collection-solna { background: url(/images/ir/collections/title-solna.gif) no-repeat; } body.collection #content-body h1#collection-stratford-classic { background: url(/images/ir/collections/title-stratford-classic.gif) no-repeat; } body.collection #content-body h1#collection-talo { background: url(/images/ir/collections/title-talo.gif) no-repeat; } body.collection #content-body h1#collection-venuto { background: url(/images/ir/collections/title-venuto.gif) no-repeat; } body.collection #content-body h1#collection-euro { background: url(/images/ir/collections/title-euro.gif) no-repeat; } body.collection #content-body h1#collection-traditional { background: url(/images/ir/collections/title-traditional.gif) no-repeat; } body.collection #content-body h1#collection-vesi { background: url(/images/ir/collections/title-vesi.gif) no-repeat; } body#grid div#content-body ul#photo_grid{ padding: 20px 0 0 4px; } body#grid div#content-body ul#photo_grid li {display: inline; height: 140px; padding: 0 15px 10px; float: left; width: 129px; overflow: hidden; } body#grid div#content-body ul#photo_grid li a:link p, body#grid div#content-body ul#photo_grid li a:visited p{ display: block; font-size: 10px; color: #999; background: white; } body#grid div#content-body ul#photo_grid li a:active p, body#grid div#content-body ul#photo_grid li a:hover p{ color: black; } body#grid div#selected_wrap ul#selected_list li.no_crit{font-size: 10px; color: #999;} body#grid div#sidenav-box ul ul{width: 170px;} body#grid div#sidenav-box ul li.sub-container{padding: 0; margin: 0;} body#grid ul#sidenav ul#selected_list{display: block; padding: 10px; width: auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} body#grid ul#sidenav ul#selected_list li{display: block; padding-left: 10px;} body#grid ul#sidenav li#li-grid-room{border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:10px;} body#grid ul#sidenav li#li-grid-room ul{display: block; padding-left: 10px;} body#grid ul#sidenav li#li-grid-collection{border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:10px;} body#grid ul#sidenav li#li-grid-collection ul{display: block; padding-left: 10px;} body#grid ul#sidenav li#li-grid-designer{border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:10px;} body#grid ul#sidenav li#li-grid-designer ul{display: block; padding-left: 10px;} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; } .ui-dialog .ui-dialog-titlebar { position: relative; height: 25px; } .ui-dialog .ui-dialog-title { float: left; display: inline; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; top: 0; right: -2px; display: block; width: 26px; height: 25px; overflow: hidden; text-indent: -9999em; background: url(/images/gui/buttons/bg-closex-3.png) no-repeat; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; display: inline; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog { display: block; background:#fff url(/images/bg-search-adv-gradient.jpg) repeat-x 0 0; border: solid 1px #ccc; padding: 2px; } .ui-dialog .ui-dialog-content { width: 270px; padding: 12px 0 0 24px; position: relative; top: -18px; } .findProductInfo h4, div#content-body .findProductInfo h4 { color:#333; float:left; display: inline; width:90px; font-size: 12px; font-weight: normal; text-transform: none; } .findProductInfo ul { font-size:.8em; float:left; display: inline; width:198px; } .findProductInfo ul { width: auto; padding: 0; margin: 0; } .findProductInfo ul li { clear: both; padding: 0; margin: 0; } *html .findProductInfo ul li { padding:0;} .modelWrapper { clear:both; padding-top:1em; } .modelWrapper input { width:164px; } .findProductInfo input.radio { float:left; display: inline; width:20px; margin-bottom: 5px; } .findProductInfo label { float:left; display: inline; width:155px; font-size: 12px; color: #666; margin-left: 0; padding-left: 0; } .findProductInfo #body_formbutton, .findProductInfo #head_formbutton { display:block; overflow:hidden; text-indent:-9999em; background: url(/images/gui/buttons/form-buttons.gif) no-repeat 0 -200px; width: 62px; height: 10px; border: 0; cursor: pointer; margin:10px 11px 0 95px; float: right; display: inline; } div#content-body .findProductInfo #body_formbutton, div#content-body .findProductInfo #head_formbutton { margin-right: 29px; } .findProductInfo #body_formbutton:hover, .findProductInfo #head_formbutton:hover { background-position: -200px -200px; } /* Product landing */ .scroller-image{ position:absolute; top:0 }