/* ========= 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 light green: #7FB833 dark green: #588123 blue gray: #535D58 ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ div#content-body { width: 700px; padding-left: 168px; } body#products-shower div#content-body { margin: 0 34px 0 0; width: 734px; height: 578px; border-bottom: none; } div.shower-function { width: 300px; float: left; } div#shower-function-1 { margin-right: 46px; } body#function-shower #wrapper, body#function-shower #content-body { height: auto; border: 0; } body#function-shower #content-body { padding-bottom: 120px; } body#function-shower #sidenav-box { width: 41px; } div.function-photo { margin-bottom: 12px; } body#products-shower div#sidenav-box { top: 0; left: 0; } body#products-shower div#collection-content { bottom: none; left: 528px; top: 12px; width: 352px; } body#products-shower div.product { border: 2px solid #EAEAEA; margin-bottom: 22px; margin-left: 210px; } body#products-shower div.extended-content-group { margin:0 32px 0 38px; padding-top: 32px; position: relative; } body#products-shower div#extended-content { padding-bottom: 10px; } body#products-shower div.back-to-top { bottom: 22px; font-size: 11px; position: absolute; } /*body#product-detail-page div#sidenav-box { top: 0; left: -41px; }*/ body#product-detail-page div#collection-content { bottom: none; left: 528px; top: 12px; width: 352px; } body#product-detail-page div.product { border: 2px solid #EAEAEA; margin-bottom: 22px; } body#product-detail-page div.extended-content-group { margin:0 32px 0 38px; padding-top: 32px; position: relative; } body#product-detail-page div#extended-content { padding-bottom: 10px; } body#product-detail-page div.back-to-top { bottom: 22px; font-size: 11px; position: absolute; } body#function-shower div#collection-content { position: static; width: auto; margin: 0 3px 20px 0; } body#function-shower div#collection-selection { } body#function-shower div#content-body { padding-left: 40px; width: 790px; } body#function-shower div#collection-title { top: 551px; overflow: hidden; height: 123px; } div#function-title, div#area-title { left: -34px; top: 390px; } body#products-shower div#collection-title { left: 0; top: 390px; } body#products-shower object#thumb_scroller { top: 420px; left: 244px; } body#products-shower div.border { border-bottom:1px solid #D9D9D9; bottom: 195px; left:34px; position:absolute; width:868px; } /* 4.0 HEADINGS ------------------------------------------ */ body#products-shower h2.grouping-title { background: transparent url("/images/ir/groupings/h_system-components.gif") no-repeat 0 0; height: 50px; position: absolute; width: 205px; } body#products-shower h2#grouping-body-spray { background: transparent url("/images/ir/groupings/h_body-spray.gif") no-repeat 0 0; } body#products-shower h2#grouping-diverter-trim-and-rough { background: transparent url("/images/ir/groupings/h_diverter.gif") no-repeat 0 0; } body#products-shower h2#grouping-diverter-valve { background: transparent url("/images/ir/groupings/h_diverter-valve.gif") no-repeat 0 0; } body#products-shower h2#grouping-spout { background: transparent url("/images/ir/groupings/h_spout.gif") no-repeat 0 0; } body#products-shower h2#grouping-rom-tub-handspray { background: transparent url("/images/ir/groupings/h_rom-tub-handspray.gif") no-repeat 0 0; } body#products-shower h2#grouping-handshower { background: transparent url("/images/ir/groupings/h_handshower.gif") no-repeat 0 0; } body#products-shower h2#grouping-flange { background: transparent url("/images/ir/groupings/h_flange.gif") no-repeat 0 0; } body#products-shower h2#grouping-showerhead { background: transparent url("/images/ir/groupings/h_showerhead.gif") no-repeat 0 0; } body#products-shower h2#grouping-other { background: transparent url("/images/ir/groupings/h_other.gif") no-repeat 0 0; } body#products-shower h2#grouping-unspecified { background: transparent url("/images/ir/groupings/h_other.gif") no-repeat 0 0; } body#products-shower h2#grouping-arm { background: transparent url("/images/ir/groupings/h_arm.gif") no-repeat 0 0; } body#products-shower h2#grouping-jetmodule { background: transparent url("/images/ir/groupings/h_jet-module.gif") no-repeat 0 0; } body#products-shower h2#grouping-elbow { background: transparent url("/images/ir/groupings/h_elbow.gif") no-repeat 0 0; } body#products-shower h2#grouping-thermostatic-valve-trim-and-rough { background: transparent url("/images/ir/groupings/h_thermostatic.gif") no-repeat 0 0; } body#products-shower h2#grouping-sensori-thermostatic-valve-trim-and-rough { background: transparent url("/images/ir/groupings/h_thermostatic.gif") no-repeat 0 0; } body#products-shower h2#grouping-volume-control-trim-and-rough { background: transparent url("/images/ir/groupings/h_volume.gif") no-repeat 0 0; } body#products-shower h2#grouping-sensori-volume-control-trim-and-rough { background: transparent url("/images/ir/groupings/h_volume.gif") no-repeat 0 0; } body#products-shower h2#heading-shower-sensori-euro { background: transparent url(/images/ir/collections/heading-trevi-bath.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-sensori-rsvp { background: transparent url(/images/ir/collections/heading-rsvp.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-sensori-traditional { background: transparent url(/images/ir/collections/heading-providence-classic-belle.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-sensori-vesi { background: transparent url(/images/ir/collections/heading-vesi-curve.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-sensori-virage { background: transparent url(/images/ir/collections/heading-virage.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-medium-flow-euro { background: transparent url(/images/ir/collections/heading-trevi-bath.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-medium-flow-rsvp { background: transparent url(/images/ir/collections/heading-rsvp.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-medium-flow-traditional { background: transparent url(/images/ir/collections/heading-providence-classic-belle.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-medium-flow-vesi { background: transparent url(/images/ir/collections/heading-vesi-curve.gif) no-repeat 0 0; } body#products-shower h2#heading-shower-medium-flow-virage { background: transparent url(/images/ir/collections/heading-virage.gif) no-repeat 0 0; } body#product-detail-page h2.grouping-title { background: transparent url("/images/ir/groupings/h_system-components.gif") no-repeat 0 0; height: 50px; position: absolute; width: 205px; } body#product-detail-page h2#grouping-body-spray { background: transparent url("/images/ir/groupings/h_body-spray.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-diverter-trim-and-rough { background: transparent url("/images/ir/groupings/h_diverter.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-diverter-valve { background: transparent url("/images/ir/groupings/h_diverter-valve.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-spout { background: transparent url("/images/ir/groupings/h_spout.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-rom-tub-handspray { background: transparent url("/images/ir/groupings/h_romtubhandspray.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-handshower { background: transparent url("/images/ir/groupings/h_handshower.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-flange { background: transparent url("/images/ir/groupings/h_flange.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-showerhead { background: transparent url("/images/ir/groupings/h_showerhead.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-other { background: transparent url("/images/ir/groupings/h_other.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-unspecified { background: transparent url("/images/ir/groupings/h_other.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-arm { background: transparent url("/images/ir/groupings/h_arm.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-jetmodule { background: transparent url("/images/ir/groupings/h_jet-module.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-elbow { background: transparent url("/images/ir/groupings/h_elbow.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-thermostatic-valve-trim-and-rough { background: transparent url("/images/ir/groupings/h_thermostatic.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-sensori-thermostatic-valve-trim-and-rough { background: transparent url("/images/ir/groupings/h_thermostatic.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-volume-control-trim-and-rough { background: transparent url("/images/ir/groupings/h_volume.gif") no-repeat 0 0; } body#product-detail-page h2#grouping-sensori-volume-control-trim-and-rough { background: transparent url("/images/ir/groupings/h_volume.gif") no-repeat 0 0; } body#product-detail-page h2#heading-shower-sensori-euro { background: transparent url(/images/ir/collections/heading-trevi-bath.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-sensori-rsvp { background: transparent url(/images/ir/collections/heading-rsvp.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-sensori-traditional { background: transparent url(/images/ir/collections/heading-providence-classic-belle.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-sensori-vesi { background: transparent url(/images/ir/collections/heading-vesi-curve.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-medium-flow-euro { background: transparent url(/images/ir/collections/heading-trevi-bath.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-medium-flow-rsvp { background: transparent url(/images/ir/collections/heading-rsvp.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-medium-flow-traditional { background: transparent url(/images/ir/collections/heading-providence-classic-belle.gif) no-repeat 0 0; } body#product-detail-page h2#heading-shower-medium-flow-vesi { background: transparent url(/images/ir/collections/heading-vesi-curve.gif) no-repeat 0 0; } body#function-shower div#collection-content h2.sensori { background: transparent url(/images/custom-shower/function-title/sensori.gif) no-repeat 0 0; border-bottom: 0 none; width: 515px; height: 62px; padding-bottom: 0; } body#function-shower div#collection-content h2.medium-flow { background: transparent url(/images/custom-shower/function-title/medium-flow.gif) no-repeat 0 0; border-bottom: 0 none; width: 520px; height: 62px; padding-bottom: 0; } body#shower-collection h2.medium-flow { background: transparent url(/images/custom-shower/function-title/collection/medium-flow.gif) no-repeat 0 0; border-bottom: 0 none; height: 21px; margin-bottom: 12px; width: 214px; } body#shower-collection h2.sensori { background: transparent url(/images/custom-shower/function-title/collection/sensori.gif) no-repeat 0 0; border-bottom: 0 none; height: 21px; margin-bottom: 12px; width: 214px; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ a#link-systemcomponents { background-position: 0 -330px; } a#link-systemcomponents:hover { background-position: -200px -330px; } a#link-bodysprays { background-position: 0 -345px; } a#link-bodysprays:hover { background-position: -200px -345px; } body#products-shower div.back-to-top a { color: #666; text-decoration: underline; } body#product-detail-page div.back-to-top a { color: #666; text-decoration: underline; } body#function-shower div#collection-selection ul li a.bg { background: transparent url(/images/ir/nav-sprites/nav-collections.gif) no-repeat 0 0; display: block; height:10px; width:169px; overflow: hidden; } body#function-shower div#collection-selection ul li a#link-euro { background-position:0 -420px; margin-top: 7px; } body#function-shower div#collection-selection ul li a#link-rsvp { background-position:0 -90px; margin-top: 7px; width: 30px; } body#function-shower div#collection-selection ul li a#link-traditional { background-position:0 -135px; margin-top: 7px; } body#function-shower div#collection-selection ul li a#link-vesi { background-position:0 -195px; margin-top: 7px; width: 30px; } body#function-shower div#collection-selection ul li a#link-euro:hover { background-position:-200px -420px; } body#function-shower div#collection-selection ul li a#link-rsvp:hover { background-position:-200px -90px; } body#function-shower div#collection-selection ul li a#link-traditional:hover { background-position:-200px -135px; } body#function-shower div#collection-selection ul li a#link-vesi:hover { background-position:-200px -195px; } body#function-shower div#collection-selection ul li a { display: block; } /* 7.0 PARAGRAPHS ------------------------------------------ */ /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ /* 10.0 LISTS ------------------------------------------ */ body#products-shower div#extended-content ul.extended-content-list { margin: 0; padding: 0; } /*body#products-shower div#extended-content ul.extended-content-list li { margin-left: 210px; }*/ body#products-shower div#extended-content ul.extended-content-list li td.features ul li, body#products-shower div#extended-content ul.extended-content-list li td.finishes ul li, body#products-shower div#extended-content ul.extended-content-list li td.price ul li { margin: 0; padding-bottom: 3px; } body#products-shower td.features ul li, body#products-shower td.finishes ul li, body#products-shower td.price ul li { color: #666; font-size: 11px; } body#products-shower td.features ul { width: 300px; } body#products-shower td.features ul li { background: transparent url(/images/gui/bg/bg-list.gif) no-repeat scroll 0 3px; list-style-type: none; padding-left: 14px; width: 280px; } body#product-detail-page div#extended-content ul.extended-content-list { margin: 0; padding: 0; } body#product-detail-page div#extended-content ul.extended-content-list li { margin-left: 210px; } body#product-detail-page div#extended-content ul.extended-content-list li td.features ul li, body#product-detail-page div#extended-content ul.extended-content-list li td.finishes ul li, body#product-detail-page div#extended-content ul.extended-content-list li td.price ul li { margin: 0; padding-bottom: 3px; } body#product-detail-page td.features ul li, body#product-detail-page td.finishes ul li, body#product-detail-page td.price ul li { color: #666; font-size: 11px; } body#product-detail-page td.features ul { width: 300px; } body#product-detail-page td.features ul li { background: transparent url(/images/gui/bg/bg-list.gif) no-repeat scroll 0 3px; list-style-type: none; padding-left: 14px; width: 280px; } body#function-shower div#collection-selection ul li { float: left; width: 237px; display: inline; height: 262px; margin-right: 38px; margin-bottom: 21px; } body#function-shower div#collection-selection ul li.third { margin-right: 0; } body#products-shower div#extended-content div.product .large ul li { list-style-type: disc; font-size: 11px; line-height: 18px; } body#products-shower div#extended-content div.product .large ul { color: #666; padding-left: 14px; } body#product-detail-page div#extended-content ul.extended-content-list li div.product ul li { margin-left: 0; } body#product-detail-page div#extended-content div.product .large ul li { list-style-type: disc; font-size: 11px; line-height: 18px; } body#product-detail-page div#extended-content div.product .large ul { color: #666; padding-left: 14px; } /* 11.0 TABLES ------------------------------------------ */ body#products-shower div#extended-content div.product table { position: relative; } body#products-shower div#extended-content div.product .small { display: block; float: left; font-size: 11px; line-height: 1; width: 95px; padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product .large { display: block; float: left; padding-left: 15px; width: 317px; padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product .medium { display: block; float: left; display: none; background-color: #EAEAEA; padding-left: 15px; width: 119px; padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product .x-small { display: none; background-color: #EAEAEA; width: 78px; padding: 14px 0 0 14px; } body#products-shower div#extended-content div.product span.small { padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product span.large { padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product span.medium { padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product span.x-small { padding: 14px 0 14px 14px; } body#products-shower div#extended-content div.product span { vertical-align: top; } body#products-shower div#extended-content div.product div.td-wrapper span.small { text-align: center; } body#products-shower div#extended-content div.product span.th { font-size: 11px; font-weight: normal; padding-bottom: 0; } body#products-shower div#extended-content div.product div.image_description { padding-top: 5px; } body#product-detail-page div#extended-content div.product .small { display: block; float: left; font-size: 11px; line-height: 15px; width: 95px; padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product .large { display: block; float: left; padding-left: 15px; width: 317px; padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product .medium { display: none; background-color: #EAEAEA; padding-left: 15px; width: 119px; padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product .x-small { display: none; background-color: #EAEAEA; width: 78px; padding: 14px 0 0 14px; } body#product-detail-page div#extended-content div.product span.small { padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product span.large { padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product span.medium { padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product span.x-small { padding: 14px 0 14px 14px; } body#product-detail-page div#extended-content div.product span { vertical-align: top; } body#product-detail-page div#extended-content div.product span.th { font-size: 11px; font-weight: normal; padding-bottom: 0; } body#product-detail-page div#extended-content div.product div.image_description { padding-top: 5px; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ /* 13.0 IMAGES ------------------------------------------ */ body.collection img#collection-photo { left: 40px; } body#products-shower img#collection-photo { top: 0; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------