/* ========= 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; } /* 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; } .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#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 20px; background-color: #FFF; height: 698px; position: relative; z-index: 0; } body.products div#wrapper{ height: 679px; } body#product-detail-page 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 { height: auto; min-height: 698px; } body.text div#inner-wrapper { position: relative; padding-left: 262px; } body#wheretobuy-map div#inner-wrapper { padding-left: 0; } div#content-body { position: relative; top: 74px; z-index: 0; color: #7F8382; } body.collection div#content-body, body.function div#content-body { height: 383px; top: 120px; border-bottom: 1px solid #d9d9d9; margin: 0 34px; } body#our-commitment div#content-body , body#green-home div#content-body { width: 100%; height: 578px; } body#green-products div#content-body { width: 770px; height: 430px; left: 130px; background: white; } /*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: 120px; } body.full-width div#content-body { position: absolute; z-index: 0; top: 120px; 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 { height: 433px; overflow: hidden; } body#product-detail-page div#content-body { position: static; z-index: 0; padding-top:120px; 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: 120px; 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, body#video-gallery div#content-body { left: 212px; } body#fashion div#content-body { position: absolute; top: 120px; 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; } /* 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; } *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; } div#coming-soon { font-weight: bold; margin-bottom: 5px; color: black; } body#product-detail-page div#coming-soon { margin-bottom: 8px; } /* 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: 121px; 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; } div#collection-content { position: absolute; left: 498px; width: 372px; z-index: 50; bottom: 0; } body.function div#collection-content { bottom: 12px; left: 498px; } div#collection-content-body { background: white; font-style: italic; } div#footer { width: 936px; margin: 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; } /* Video overlay window */ div#video-window { position: absolute; top: 325px; left: 451px; width: 200px; height: 100px; opacity: 0; background: black url(/images/gui/bg/black-tall-480.gif) repeat-x; overflow: visible; } body.area div#video-window, body.function div#video-window, body.collection div#video-window { 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; } 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 { width: 640px; position: absolute; right: 34px; overflow: hidden; height: 375px; } div#green-intro { width: 436px; position: absolute; top: 262px; left: 462px; z-index: 10; background: white; } object#thumb_scroller, div#thumb_scroller { position: absolute; top: 527px; right: 34px; z-index: 50; height: 140px; overflow: hidden; } body.collection object#thumb_scroller, body.collection div#thumb_scroller, body.function object#thumb_scroller, body.function 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.area object#thumb_scroller, body.area div#thumb_scroller { position: absolute; top: 539px; left: auto; right: 14px; z-index: 500; } body.green-layout object#thumb_scroller, body#green-products object#thumb_scroller { top: 594px; right:14px; } body#water-saving object#thumb_scroller, body#cavt-compliance object#thumb_scroller { top: 558px; } body#product-detail-page #thumb_scroller { position: relative; top: auto; right:auto; float:left;width:680px;} div.section-wrapper { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #aaa; } div#pro-ed-first-section { width: 500px; } /* featured collections */ .featured-collections-thumbs { width: 335px; height: 400px; float: left; } .featured-collection-left { width: 160px; margin: 0 10px 10px 0; display: block; float: left; height: 190px; text-align: right; } .featured-collection-right { width: 160px; margin: 0 0 10px 0; display: block; float: left; height: 190px; text-align: right; } body#featured-collections .featured-collections-thumbs a { color: #7F8382; text-transform: uppercase; } .featured-collections-thumbs a:hover { color: black; text-transform: uppercase; } /*Collections / Function below the fold groupings*/ #extended-content { background-color:#FFFFFF;margin:0 auto 1em;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: 40px; } #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; } #extended-content .gallery_wrapper .image_wrapper { width: 94px; float: left; margin-right: 15px; height: 175px; display: inline; } #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 { width:313px; height: 230px; margin-right: 0; } #extended-content .gallery_wrapper .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; } /* Rebate Page */ div.rebate-directions { margin: 48px 0; } div.rebate-directions .rebate-info { float: left; display: inline; } div.addthis_toolbox { margin: 12px 0 0; } #google-search { position: relative; } /* goto not found pages */ .goto-options { border-top: 1px solid #ccc; padding: 10px; } /* 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; } /*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;} 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-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); } /*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-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-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); } 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: 120px; 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-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-floriano { background-image: url(/images/ir/groupings/h_floriano.gif); } h2#grouping-loki { background-image: url(/images/ir/groupings/h_loki.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-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-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); } /* Collection page headings */ div#collection-content h2 { background-repeat: no-repeat; height: 115px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; padding-bottom: 20px; display: block; } 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-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#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; } /*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: 15px; margin-bottom: 0; } 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: 15px; margin-bottom: 0; } /*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: 15px; margin-bottom: 0; } 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: 15px; margin-bottom: 0; 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; } 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: 283px; height: 70px; display: block; margin-bottom: 20px; } h2#pascal-title { background: url(/images/ir/pascal-title.gif) no-repeat; height: 34px; } h2#tresa-title { background: url(/images/ir/tresa-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: 34px; } a#green-logo { position: absolute; top: 0; left: 0; } p.download a { display: inline; padding-top: 0.1em; float: left; margin-right: 3px; } /* 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); } 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 { background-image: url(/images/gui/bg/green/green-products.gif); background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -1000em; height: 20px; width: 275px;} 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: 15px; } 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.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.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.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.gif); background-position: 0 0; background-repeat:no-repeat;} 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#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: 103px; } 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-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; } /* 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.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.gif); } ul#sidenav a#link-pascal-video { background-image: url(/images/ir/videos/nav-video-pascal.gif); } ul#sidenav a#link-rsvp-video { background-image: url(/images/ir/videos/nav-video-rsvp.gif); } ul#sidenav a#link-talo-video { background-image: url(/images/ir/videos/nav-video-talo.gif); } ul#sidenav a#link-tresa-video { background-image: url(/images/ir/videos/nav-video-tresa.gif); } ul#sidenav a#link-virage-video { background-image: url(/images/ir/videos/nav-video-virage.gif); } ul#sidenav a#link-venuto-video { background-image: url(/images/ir/videos/nav-video-venuto.gif); } body#fashion ul#sidenav a#link-jasonwu-video { background-image: url(/images/ir/videos/nav-video-jasonwu.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.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.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: 561px; 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: 464px; 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: 713px; } /* 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 */ a#view-pascal { background-position: 0 0; } a#view-pascal:hover { background-position: -275px 0; } a#view-rsvp { background-position: 0 -20px; } a#view-rsvp:hover { background-position: -275px -20px; } a#view-tresa-cross { background-position: 0 -40px; } a#view-tresa-cross:hover { background-position: -275px -40px; } a#view-vesi-channel { background-position: 0 -60px; } a#view-vesi-channel:hover { background-position: -275px -60px; } a#view-vesi-curve { background-position: 0 -80px; } a#view-vesi-curve:hover { background-position: -275px -80px; } a#view-tresa-lever { background-position: 0 -100px; } a#view-tresa-lever:hover { background-position: -275px -100px; } a#view-providence-belle { background-position: 0 -120px; } a#view-providence-belle:hover { background-position: -275px -120px; } a#view-williamsburg { background-position: 0 -140px; } a#view-williamsburg:hover { background-position: -275px -140px; } a#view-providence-classic { background-position: 0 -160px; } a#view-providence-classic:hover { background-position: -275px -160px; } a#view-custom-shower { background-position: 0 -180px; } a#view-custom-shower:hover { background-position: -275px -180px; } /* 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; } /* Nav Links Fashion */ a#link-fashion-runway, a#for-the-runway-pic span { background-position: 0px -15px; } a#link-fashion-runway:hover, a#link-fashion-runway.selected, a#for-the-runway-pic:hover span { background-position: -200px -15px; } 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; } /* 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; } /* 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; } 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: 34px; } 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 { 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; } a.mail-me { width: 100px; height: 10px; background-position: 0 -30px; } body#request-lit-pro a.mail-me { float: left; margin-right: 5px; } a.mail-me:hover { background-position: -200px -30px;} a.download-pdf { width: 100px; height: 10px; background-position: 0 -45px; } a.download-pdf:hover { background-position: -200px -45px;} 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-links li#spring-2009 { position: absolute; background-image: url(/images/ir/nav-sprites/nav-fashion.gif); background-position: -200px -30px; width: 62px; height: 10px; display: block; } ul#fashion-links li#spring-trends { position: absolute; background-image: url(/images/ir/nav-sprites/nav-fashion.gif); background-position: -200px -60px; width: 80px; height: 10px; display: block; } ul#fashion-links2 li#fall-2009 { position: absolute; background-image: url(/images/ir/nav-sprites/nav-fashion.gif); background-position: -200px -75px; width: 62px; height: 10px; display: block; } ul#fashion-links2 li#fall-trends { position: absolute; background-image: url(/images/ir/nav-sprites/nav-fashion.gif); background-position: -200px -60px; width: 80px; height: 10px; display: block; } ul#fashion-links li#summer-trends { position: absolute; background-image: url(/images/ir/nav-sprites/nav-fashion.gif); background-position: -200px -90px; width: 90px; height: 10px; display: block; } /*Text Links*/ body div#content-body a { color: #F58220; } body div#content-body a:hover { color: #000; } body div#content-body div#product-videos-window a { color: #7F8382; } body div#content-body div#product-videos-window a:hover { color: black; } 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: 20px; } 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: 20px; } 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#terms-and-conditions { width: 120px; float: right; margin-right: 20px; } 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; } 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; 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; } /* 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 { display: block; 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-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; } a#link-to-more-photos { background-position: 0 -560px; margin-bottom: 15px; } a#link-to-more-photos:hover { background-position: -350px -560px; } 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; } 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.gif); background-position: 0 -0px; height: 28px; margin-top:8px;} ul#sidenav li a#stjude-email:hover { background-position: -200px -0px; } ul#sidenav li a#stjude-facebook { background-image: url(/images/ir/nav-sprites/nav-stjude2.gif); background-position: 0 -40px; height: 28px; } ul#sidenav li a#stjude-facebook:hover { background-position: -201px -40px; } /* 7.0 PARAGRAPHS ------------------------------------------ */ p { margin-bottom: 1.3em; padding: 0; line-height: 1.4 } 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; } /* 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: 35px; top: 15px; width: 133px; height: 20px; background: white url(/images/ir/nav-sprites/nav-search.gif) no-repeat 0 0; } div#header form#search-form #search-text { border: 0; padding: 0; margin: 0; position: absolute; background: white; font-size: 10px; top: 4px; left: 18px; width: 105px; color: #999; } div#header form#search-form #search-submit { position: absolute; padding: 0; top: 2px; right: 2px; border: none; width: 8px; height: 16px; background: transparent url(/images/gui/buttons/search-submit.gif) no-repeat 0 0; } 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: 60px; height: 9px; cursor: pointer; position: relative; top: 3px; } button.search-submit:hover { background-position: -200px -115px; } form .error { color: red; } form div.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 { 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 { 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: left; width: 220px; } 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; } /* 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: 0 4px 3px; left: -4px; top: 15px; 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; } ul.technology-list { margin-bottom: 30px; } ul.technology-list li { padding-left: 35px; font-size: 90%; margin-bottom: 20px; } 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: 0; 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 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.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: 268px; 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: 250px; 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 { 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: 120px; padding-bottom: 1px; text-align: right; margin-right: 0.5em; } div.gallery-container dl dt { color: black; font-weight: bold; } 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: 34px; } 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#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; } .findProductInfo li { margin-bottom: 6px; } /* goto not found */ .goto-options ul li { margin-bottom: 8px; } /* 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; bottom: 4px; } /* 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; } /* 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; } /* 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 { position: absolute; bottom: 0px; left: -34px; 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; } /* Events page image used with map */ img#events-image { position: absolute; top: 0; left: 102px; } /* Rebate Page */ .rebate-directions ul li img.rebate-feature { float: left; display: inline; margin-right: 12px; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------------------------------------------ */ #product-detail-page .title { color: #484848; text-transform: uppercase; } #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 { z-index: 49; position: absolute; top: 527px; left: 0; width: 262px; height: 96px; } div#area-title { top: 539px; } 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#large-image { width: 640px; height: 360px; } body#water-saving div#large-image { width: 546px; height: 326px; } body#water-saving div#text-wrapper { margin-left: 93px; width: 546px; } body#green-proucts div.main-image { width: 422px; height: 400px; float: right; } body#green-products div.text-content { width: 280px; position: absolute; top: 245px; left: 0; z-index: 6000; } body#green-products div.view-green-products { width: 275px; height: 20px; overflow: hidden; position: absolute; top: 410px; right: 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.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-right: 0.5em; 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: 200px; } body#video-gallery div#sidenav-box ul#sidenav a { width: 150px; } /* 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; } .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; text-indent: -9999em; background: url(/images/bg-search-adv.gif) no-repeat; width:132px; height:20px; position: absolute; right: 35px; top: 35px; z-index: 1005; } body.no-adv-search #search-adv-open { display: none; } #search-adv-open.showdialogbox { background-position:-132px 0; } /* Product Awards */ .award-wrapper { text-align:center; } .reddot-award-image { padding-left:20px; } .adex-award-image { vertical-align:top; } /*Product Detail CAD Link */ a#view-CAD-link { background-image: url(/images/ir/view-CAD-link.gif); width: 225px; height: 18px; display: block; overflow: hidden; text-indent: -1000px; margin-top:10px;} a#view-CAD-link:hover {background-position:-249px 0; }