@import 'baths.css';

#snav.s a { background-image: url(../images/showers/hdr.png); }
#snav.ltop.s .block { background-image: url(../images/showers/limg_headsbg.jpg); }
#snav.ltop.s li.s1 .block { background-image:url(../images/showers/limg_completebg.jpg); }
#snav.ltop.s li.s2 .block { background-image:url(../images/showers/limg_systemsbg.jpg); }
#snav.s li .block a, #snav.s li.on .block a, #snav.s li.s2.on .block a, #snav.s li.s3.on .block a { margin-top: 40px; background-image:url(../images/showers/landing_btn.jpg); }

#snav.t a { background-image: url(../images/toilets-sinks/hdr.png); }
#snav.ltop.t .block { background-image: url(../images/toilets-sinks/limg_accessbg.jpg); }
#snav.ltop.t li.s1 .block { background-image:url(../images/toilets-sinks/limg_toiletsbg.jpg); }
#snav.ltop.t li.s2 .block { background-image:url(../images/toilets-sinks/limg_sinksbg.jpg); }
#snav.t li .block a, #snav.t li.on .block a, #snav.t li.s2.on .block a, #snav.t li.s3.on .block a { margin-top: 40px; background-image:url(../images/toilets-sinks/landing_btn.jpg); }

#right .name { float: left; display: inline; width: 590px; height: 100px; padding: 0 0 0 48px; background: url(../images/showers/name_1.jpg) no-repeat 0 0; margin: 0 0 4px 4px; }
#right .name.c2 { background-image: url(../images/showers/name_2.jpg); }
#right .name.c3 { background-image: url(../images/showers/name_3.jpg); }
#right .name .h1, #right .name h1 { font-size: 27px; line-height: 35px; }
#right .name .h1 strong, #right .name h1 strong { color: #fff; }
#right .desc { background: url(../images/showers/shower_desc.jpg) no-repeat 0 0; padding-left: 42px; margin-left: 4px; height:267px }
#right .desc.toilet { background-image:url(../images/toilets-sinks/toilet_desc.jpg); /*width: 475px; padding-right: 121px*/ }
#details { padding-top: 30px; background: none; }
#details h3 { font-size: 19px; }
#details div.exp.disc { font-size: 11px; background: none; }
#left div.typeface-js { margin-bottom: 9px; }
#hero { width: 317px; left: -1px; }

#left #colors span.color { width: 111px; height: 36px; margin: 0; border: none; line-height: 12px; }
#left #colors span.color img { float: left; display: inline; margin: 1px 6px 0 0; }
