/* ========= 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 ------------------------------------------ */ body#pro-home div#wrapper, body.showroomrewards div#wrapper, body.leads div#wrapper, body#resources-overview div#wrapper, body.plan-o-grams div#wrapper, body#showroom-pop div#wrapper, body#event-gallery div#wrapper, body#pro-product-info div#wrapper, body#mass-downloads div#wrapper, body#marketing-sales div#wrapper, body#logos div#wrapper { height: auto; min-height: 698px; } body#hands-free object#thumb_scroller, body#hands-free div#thumb_scroller, body#magnedock object#thumb_scroller, body#magnedock div#thumb_scroller, body#h2okinetic object#thumb_scroller, body#h2okinetic div#thumb_scroller, body#smart-touch object#thumb_scroller, body#smart-touch div#thumb_scroller, body#two-button-four-function object#thumb_scroller, body#two-button-four-function div#thumb_scroller, body#sensori object#thumb_scroller, body#sensori div#thumb_scroller, body#tempassure object#thumb_scroller, body#tempassure div#thumb_scroller, body#watersense object#thumb_scroller, body#watersense div#thumb_scroller, body#diamond-seal object#thumb_scroller, body#diamond-seal div#thumb_scroller { position: relative; right: 20px; top: 0; } .technology-text { width: 280px; float: left; } .technology-video { width: 320px; margin-left: 315px; } .technology-support-image { width: 320px; margin-top: 20px; } .technology-main-image { width: 320px; } #available-on { height: 70px; width: 210px; position: relative; right: 240px; top: -120px; } /* Technology Nav styles */ body#technology a#link-tech-home.selected, body#hands-free a#link-hands-free.selected, body#smart-touch a#link-smart-touch.selected, body#magnedock a#link-magnedock.selected, body#diamond-seal a#link-diamond-seal.selected, body#two-button-four-function a#link-2-button-4-function.selected, body#watersense a#link-watersense.selected, body#h2okinetic a#link-h2okinetic.selected, body#tempassure a#link-tempassure.selected, body#sensori a#link-sensori.selected, body#brilliance a#link-brilliance-finishes.selected { color:black; } .tech-home-left-col { width: 300px; float: left; display: block; } .tech-home-right-col { width: 315px; margin-left: 320px; display: block; } /* 4.0 HEADINGS ------------------------------------------ */ /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ body#showroom-rewards a#link-pro-showroom-rewards, body#event-gallery a#link-pro-event-gallery, body#showroom-hints a#link-pro-merchandising-tips { color: black; } /* video links */ .tech-video-list { height: 225px; } body div#content-body a.tech-video { display: inline; float: left; width: 154px; padding-top: 160px; margin-right: 8px; background-repeat: no-repeat; background-position: 0 0; color: #7F8382; font-size: 12px; } body div#content-body a.tech-video-last { display: inline; float: left; width: 154px; padding-top: 160px; background-repeat: no-repeat; color: #7F8382; } body div#content-body a:hover.tech-video, body div#content-body a:hover.tech-video-last { background-position: -154px 0; color: #000; } a.tech-video-smarttouch { background-image: url(/images/pic/technology/videos/smarttouch-video-thumb.jpg); } a.tech-video-magnedock { background-image: url(/images/pic/technology/videos/magnedock-video-thumb.jpg); } a.tech-video-2button4function { background-image: url(/images/pic/technology/videos/2button4function-video-thumb.jpg); } a.tech-video-h2okinetic { background-image: url(/images/pic/technology/videos/h2okinetic-video-thumb.jpg); } a.tech-video-large { width: 320px; height: 320px; background-repeat: no-repeat; background-position: 0 0; } a:hover.tech-video-large { background-position: -320px 0; } a.tech-video-large-handsfree { background-image: url(/images/pic/technology/videos/handsfree-video-thumb-large.jpg); } a.tech-video-large-smarttouch { background-image: url(/images/pic/technology/videos/smarttouch-video-thumb-large.jpg); } a.tech-video-large-magnedock { background-image: url(/images/pic/technology/videos/magnedock-video-thumb-large.jpg); } a.tech-video-large-2button4function { background-image: url(/images/pic/technology/videos/2button4function-video-thumb-large.jpg); } a.tech-video-large-h2okinetic { background-image: url(/images/pic/technology/videos/h2okinetic-video-thumb-large.jpg); } a.tech-video-large-sensori { background-image: url(/images/pic/technology/videos/sensori-video-thumb-large.jpg); } /* 7.0 PARAGRAPHS ------------------------------------------ */ /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ /* 10.0 LISTS ------------------------------------------ */ ul.technology-list li.hands-free { background: transparent url(/images/gui/icons/smart-features/handsfree.gif) no-repeat 0 4px; } ul.technology-list li.smarttouch { background: transparent url(/images/gui/icons/smart-features/touch2otechnology.gif) no-repeat 0 4px; } ul.technology-list li.magnedock { background: transparent url(/images/gui/icons/smart-features/magnatitedocking.gif) no-repeat 0 4px; } ul.technology-list li.diamond-seal { background: transparent url(/images/gui/icons/smart-features/diamondsealtechnology.gif) no-repeat 0 0; } ul.technology-list li.two-button-four-function { background: transparent url(/images/gui/icons/smart-features/2button4function.gif) no-repeat 0 2px; } ul.technology-list li.ca-vt-compliance { background: transparent url(/images/gui/icons/smart-features/cavtcompliant.gif) no-repeat 0 4px; } ul.technology-list li.brilliance { background: transparent url(/images/gui/icons/smart-features/brilliancefinish.gif) no-repeat 0 4px; } ul.technology-list li.watersense { background: transparent url(/images/gui/icons/smart-features/watersense.gif) no-repeat 0 4px; } ul.technology-list li.h2o-kinetic { background: transparent url(/images/gui/icons/smart-features/h2okinetictechnology.gif) no-repeat 0 4px; } ul.technology-list li.tempassure { background: transparent url(/images/gui/icons/smart-features/tempassure.gif) no-repeat 0 2px; } ul.technology-list li.sensori { background: transparent url(/images/gui/icons/smart-features/sensori.gif) no-repeat 0 2px; } /* 11.0 TABLES ------------------------------------------ */ #watertable { width: 320px; } #watertable th { background-color: #000; color:#FFFFFF; font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; padding: 2px 0; } #watertable td.imagecol { border-bottom: 1px solid #474747; border-left: 1px solid #474747; width: 89px; } #watertable td.textcol { border-bottom: 1px solid #474747; border-left: 1px solid #474747; border-right: 1px solid #474747; padding: 8px; font-size: 11px; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ /* 13.0 IMAGES ------------------------------------------ */ /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------ */