/* =================================================== Technology stylesheet - Dyson UK Version: v1.0 Author: Nick Aspinall - 12/08/2008 Updated: Updated By: /* =================================================*/ /*Global css for technology section*/ h1, h2, h3 { color:#999; } .break { margin-top:35px; } div#mainContent h1.sIFR-replaced { color:#fff; } /*Technology - The Problem Page*/ div.developmentCopy { } div.developmentCopy h2.quote { width:490px; margin:20px 0; color:#999; line-height:1.3em; font-style:italic; } div.developmentCopy p.quoted { } div.developmentCopy div.sectOne, div.developmentCopy div.sectTwo { min-height:265px; height:auto !important; height:265px; } div.developmentCopy div.sectOne { float:left; width:200px; margin:35px 40px 20px 0; padding:0 134px 0 0; background:url(/images/technology/dryer.jpg) no-repeat right 50px; } div.developmentCopy div.sectTwo { float:left; width:360px; margin:35px 0 20px 0; padding:0 ; background:url(/images/technology/airblade_problemPage.jpg) no-repeat right 50px; } div.developmentCopy div.sectTwo p { padding-right:170px; } div.sectionlogoRight img.james { margin-top:-40px !important; } div.developmentCopy div.sectionlogoRight a#videoLink_mainContent_0 { margin-left:67px !important; } /*Technology - Patented Dyson Technology Page*/ div.technology div.sectOne, div.technology div.sectTwo { min-height:315px; height:auto !important; height:315px; } div.technology div.sectOne { float:left; width:200px; margin:35px 20px 0 0; padding:0 154px 0 0; background:url(/images/technology/digitalmotor.jpg) no-repeat top right; } div.technology div.sectTwo { float:left; width:190px; margin:35px 0 0 0; padding:0 170px 0 0; background:url(/images/technology/airblade_hygienePage.jpg) no-repeat top right; } div.technology div.sectOne p, div.technology div.sectTwo p { margin-top:2em; } div.technology div.sectOne h2, div.technology div.sectTwo h2 { margin-right:-20px; } div.techTriplet { float:left; width:170px; margin-left:15px; } .first { margin-left:0 !important; } div.techTriplet h2 { margin-bottom:5px !important; } /*Technology - Why It's Better Page */ div.benefits div.section a.greyLink { font-size:1.2em; } div.benefits div.section p { margin-bottom:5px !important; } div.benefits p.footnote {font-size:100%;} /*Technology - Why It's Better Page */ div.carbonFootprint {background:url(/images/technology/carbonfootprint/carbonLabel.jpg) no-repeat right 10px;} div.carbonFootprint div.section a.greyLink { font-size:1.2em; } div.carbonFootprint div.section p { margin-bottom:5px !important; } div.carbonFootprint p.footnote {font-size:100%;} /*Technology - How It Works Page*/ /*div.howitworks { min-height:640px; height:auto !important; height:640px; background:url(/images/technology/airblade_howPage.jpg) no-repeat right 80px; }*/ div.howitworks ol { margin:18px 0 0; padding:0; list-style:none;float:left; } div.howitworks li{ width:325px; margin:0 0 15px 0;padding:3px 0 0 40px;min-height:4em;padding-top:3px;font-size:1.3em;cursor:pointer;} div.howitworks li p { height:5em; margin:0 0 10px 30px;padding-left:10px; padding-top:3px;display:block;background-color:#ffcc00; } div.howitworks li p:first-line { line-height:1.1em !important; } div.howitworks li#bull_1 { background:url(/images/icons/bullet_1.gif) no-repeat left top; } div.howitworks li#bull_2 { background:url(/images/icons/bullet_2.gif) no-repeat left top; } div.howitworks li#bull_3 { background:url(/images/icons/bullet_3.gif) no-repeat left top; } div.howitworks li#bull_4 { background:url(/images/icons/bullet_4.gif) no-repeat left top; } div.howitworks li#bull_5 { background:url(/images/icons/bullet_5.gif) no-repeat left top; } div.howitworks li#bull_6 { background:url(/images/icons/bullet_6.gif) no-repeat left top; } div.howitworks li.sectSeven { background:url(/images/icons/bullet_7.gif) no-repeat left top; } div#flashcontent{width:300px;float:left;margin-left:30px;} /*Technology - Inside Airblade Page*/ div.inside { min-height:640px; background:url(/images/technology/airblade_insidePage.jpg) no-repeat right 80px; } div.inside ol { margin:18px 0 0; padding:0; list-style:none; } div.inside li{ width:365px; margin:0; min-height:26px; margin:0 0 16px; padding:0 0 0 30px; } div.inside li h3 { padding:6px 0 0 10px; font-size:1.3em; font-weight:bold; } div.inside li p { margin-top:-10px; padding-left:10px; } div.inside li.sectOne { background:url(/images/icons/bullet_1.gif) no-repeat left top; } div.inside li.sectTwo { background:url(/images/icons/bullet_2.gif) no-repeat left top; } div.inside li.sectThree { background:url(/images/icons/bullet_3.gif) no-repeat left top; } div.inside li.sectFour { background:url(/images/icons/bullet_4.gif) no-repeat left top; } div.inside li.sectFive { background:url(/images/icons/bullet_5.gif) no-repeat left top; } div.inside li.sectSix { background:url(/images/icons/bullet_6.gif) no-repeat left top; } div.inside li.sectSeven { background:url(/images/icons/bullet_7.gif) no-repeat left top; } div.inside li.sectEight { background:url(/images/icons/bullet_8.gif) no-repeat left top; } /*Technology - Hygiene Page and hand hygiene*/ div.hygiene h2 { width:490px; } /*div.hygiene div.sectOne h2 strong { font-weight:normal !important; color:#fff !important; }*/ div.hygiene h3 { width:490px; } div.hygiene p { width:490px; margin:1em 0 1.5em; } div.hygiene ul { width:490px; margin-top:-15px; font-size:1.2em; } div.hygiene div.sectOne { float:left; width:734px; min-height:205px; height:auto !important; height: 205px; margin:0; padding:0; background:url(/images/logos/nsf.jpg) no-repeat right 0; } div.hygiene div.sectOneHands { float:left; width:734px; min-height:205px; height:auto !important; height: 205px; margin:0; padding-bottom:50px; background:url(/images/logos/nsf.jpg) no-repeat right 0; } div.hygiene div.comp { float:left; width:734px; min-height:205px; height:auto !important; height: 205px; margin:0; padding-bottom:50px; background:url(/images/technology/hands/clock.jpg) no-repeat right 0; } div.hygiene div.smokebox { float:right; width:185px; margin-top:-312px;} div.hygiene div.sectTwo { float:left; width:734px; min-height: 292px; height:auto !important; height:292px; margin:0; padding:0; background: url(/images/videoStills/smokebox.jpg) no-repeat top right;} /* images/technology/airblade_hygienePage.jpg */ div.hygiene div.sectThree { float: left; width:734px; padding: 0; margin: 0; } div.hygiene div.sectThree img.clickImg {margin-top:-22px; } div.hygiene div.sectThree h2 { margin-top:-6px; } div.hygiene .damp { float:left; width:250px; } div.hygiene .dry { float:left; width:250px; } div.hygiene .damp h2 { width:220px; } div.hygiene .damp p { width:220px; } div.hygiene .dry h2 { width:220px; } div.hygiene .dry p { width:220px; } div.hygiene .dry a { font-size:120%;} div.hygiene div.sectTwo h2 { margin:0 0 0.25em; } #nsftablink {float:right;width:200px;} #nsftablink p {width:auto;} #hygieneTabsOuter{overflow:hidden;position: relative;display:block;background-color:#fff;width:500px;height:160px;float:left;margin-right:25px;margin-top:-10px;} #hygienetabs {background-color:#fff;width:733px;height:250px;} #nsflogo {padding:20px;float:left;} a#tabnavclose {float:right;padding:20px;margin-right:20px;background:url('/images/technology/hygienetabs/cross.gif') no-repeat right center;} #hygienetabs a#tabnavclose:hover {color:#666666;} #hygienetabs .tabArrow{width:30px;height:100px;display:block;float:left;margin:0 10px 0 10px;} #hygienetabs .tabArrow a{text-indent:-999999px;vertical-align:middle;} #hygienetabs a#tabnavleft {background:url('/images/technology/hygienetabs/back.gif') no-repeat center center;} #hygienetabs a#tabnavleft:hover {background:url('/images/technology/hygienetabs/back_on.gif') no-repeat center center;} #hygienetabs a#tabnavright {background:url('/images/technology/hygienetabs/forward.gif') no-repeat center center;} #hygienetabs a#tabnavright:hover {background:url('/images/technology/hygienetabs/forward_on.gif') no-repeat center center;} #hygienetabs div.hygienetab {background:#ffffff;} #hygienetabs div.hygienetab h3.tabnum {float:left;width:auto;margin:0px 30px 0px 100px;line-height:240px;display:inline;} #hygieneTabsInner img {float:left;} #hygienetabs div.hygienetab div.tabtext {float:left;width:240px;margin-top:80px;} #hygieneTabsInner h2 {width:auto;color:#999999;font-size:1.4em;font-weight:bold;} #hygieneTabsInner p {width:auto;color:#000000;font-size:1.2em;} #hygieneTabsInner{width:6500px;height:160px;position: relative; } #hygieneTabsInner div{float:left;width:500px;} #hygieneTabsInner p.foot{color:#333;font-size:0.9em;} div.step{font-weight:bold;display:block;float:left;margin:30px 20px 0 40px;color:#666;} /*Technology - Environment Page*/ div.environment h2 { width:492px; margin:0; } div.environment h3 { width:492px; } div.environment p { width:492px; color:#fff; margin:10px 0 12px; } div.environment p a { text-decoration:underline; } div.environment div.sectOne { float:left; width:704px; min-height:157px; margin:0 0 10px 0; padding:0; background:url(/images/technology/towel_lrg.jpg) no-repeat right 30px;} div.environment div.sectTwo { float:left; width:734px; min-height:196px; margin:0; padding:0;} div.environment div.sectThree { float:left; width:704px; min-height:157px; margin:0 0 10px 0; padding:0; background:url(/images/technology/dryer_environmentPage.jpg) no-repeat right 30px;} div.environment div.sectTwo ul li { font-size:1.2em; } div.environment div.sectTwo h2 {padding-bottom:10px;} div.environment p.footnote {font-size:100%;} /*Damp Hands Page*/ div.winhands {clear:left; float:left; width:570px;} div.winhands img {float:left;} div.winhands p {float:right; margin:20px 0 0 0;} div.winhands a {float:left; margin:0 0 0 20px;}