/* =================================================== Store stylesheet - Dyson UK Version: v1.0 Author: Jon Boyce - 01/02/2008 /* =================================================*/ /* About(second level) Navigation ==================*/ #navStore { position: absolute; top: 77px; left: 288px; } #navStore li { display: inline; } #navStore li a { display: block; float: left; background-position: left;text-decoration: none; text-indent: -10000px; height: 26px; } /* Horizontal Accordion ============================*/ /* when js is not switched on*/ h3.nonToggle {clear:left;margin:0 0 0 90px; } h3#foundation a {background:url(/images/about/home/about_buttons.gif) 0 -460px no-repeat;} h3#foundation a:hover, h3#foundation a:focus {background:url(/images/about/home/about_buttons.gif) 0 -230px no-repeat} h3#foundation.horizontal_accordion_toggle_active a {background:url(/images/about/home/about_buttons.gif) 0 0 no-repeat} h3#school a{background:url(/images/about/home/about_buttons.gif) -30px -460px no-repeat} h3#school a:hover, h3#school a:focus {background:url(/images/about/home/about_buttons.gif) -30px -230px no-repeat} h3#school.horizontal_accordion_toggle_active a {background:url(/images/about/home/about_buttons.gif) -30px 0 no-repeat} h3#airblade a {background:url(/images/about/home/about_buttons.gif) -60px -460px no-repeat} h3#airblade a:hover, h3#airblade a:focus {background:url(/images/about/home/about_buttons.gif) -60px -230px no-repeat} h3#airblade.horizontal_accordion_toggle_active a{background:url(/images/about/home/about_buttons.gif) -60px 0 no-repeat} h3#designAwards a{background:url(/images/about/home/about_buttons.gif) -90px -460px no-repeat} h3#designAwards a:hover, h3#designAwards a:focus {background:url(/images/about/home/about_buttons.gif) -90px -230px no-repeat} h3#designAwards.horizontal_accordion_toggle_active a {background:url(/images/about/home/about_buttons.gif) -90px 0 no-repeat} h3#issey a {background:url(/images/about/home/about_buttons.gif) -120px -460px no-repeat} h3#issey a:hover, h3#issey a:focus{background:url(/images/about/home/about_buttons.gif) -120px -230px no-repeat} h3#issey.horizontal_accordion_toggle_active a {background:url(/images/about/home/about_buttons.gif) -120px 0 no-repeat} h3#podcast a {background:url(/images/about/home/about_buttons.gif) -150px -460px no-repeat} h3#podcast a:hover, h3#podcast a:focus {background:url(/images/about/home/about_buttons.gif) -150px -230px no-repeat} h3#podcast.horizontal_accordion_toggle_active a {background:url(/images/about/home/about_buttons.gif) -150px 0 no-repeat} .horizontal_accordion_toggle a {float: left;display: block;height: 228px;width: 30px;background: #333;color: #ffffff;text-decoration: none;outline: none;cursor: pointer;margin: 0 0 0 0;} .horizontal_accordion_toggle_active a {background: #999;} .horizontal_accordion_content {height: 228px;float: left; overflow: hidden;background-color: #000;color: #fff;text-align:right;} .horizontal_accordion_content p, .horizontal_accordion_content h2 {width: 360px; line-height: 130%; margin-bottom:0; padding: 0 10px 5px 340px; color:#666;} .horizontal_accordion_content p.timesLogo {height:12px; margin-top:5px; margin-bottom:5px;} .horizontal_accordion_content p.fifteenLogo {height:28px; margin-top:5px; margin-bottom:5px;} .horizontal_accordion_content h2 {padding-top: 18px;padding-bottom:20px;} .horizontal_accordion_content p img {float:right;margin:0;} .horizontal_accordion_content a {color:#999;} .horizontal_accordion_content a:hover {color:#000;} #horizontal_container{display:block; clear:both; margin: 20px 0; width: 930px; height: 230px;} #horizontal_container h3 a { text-indent: -9999em; } #horizontal_container div.foundation{height:228px; background:#fff url(/images/about/home/dyson_foundation.jpg) 0 0 no-repeat;} #horizontal_container div.school{height:228px; background:#fff url(/images/about/home/dyson_school.jpg) 0 0 no-repeat;} #horizontal_container div.airblade{height:228px; background:#fff url(/images/about/home/airblade.jpg) 0 0 no-repeat;} #horizontal_container div.designAwards{height:228px; background:#fff url(/images/about/home/design_awards.jpg) 0 0 no-repeat;} #horizontal_container div.issey{height:228px; background:#fff url(/images/about/home/issey.jpg) 0 0 no-repeat;} #horizontal_container div.podcast{height:228px; background:#fff url(/images/about/home/podcast.jpg) 0 0 no-repeat;} /* Styles for about dyson ==========================*/ #headline{margin:0 0 25px 0px;} h2{margin-bottom:20px; font-size: 1.6em; font-weight: bold; } h3{font-size:1.1em; font-weight:bold;padding:0;margin:0 0 5px 0;} p{color:#999;} /* Sub nav ========================================*/ #subNav { float:left; width:277px; padding:0 0 0 23px} #subNav ul.links { margin-left: 5px; } #subNav ul.links li { margin-bottom: 4px; } #subNav ul.links li.on a { color: #fff; background: url(/images/arrow_w.png) no-repeat left; } #subNav ul.links li.on a:focus { color:#fff !important; } #outer #subNav ul.links { margin-left: -15px; } #outer #subNav ul.links li.on a { color: #000; } /* Main content float===============================*/ #mainContent { float:left; width:620px; padding:0 0 0 35px; border-left:1px #333 solid;} /*The Dyson Story white panel*/ #mainContent.story { float:left; width:580px; min-height:600px; padding:36px; border:10px #ccc solid; background:#fff;} /* About landing page ======================================*/ /*The Dyson Story*/ #mainContent.story h2 { color:#000; clear:both; } #mainContent.story #dysonstory.text img {float:left; padding-right:18px; } #mainContent.story #dysonstory.text div.imgLeft {float:left; clear:both; padding-right:12px; } #mainContent.story #dysonstory.text div.imgRight img { float:left; } #mainContent.story #dysonstory.text div.imgLeft p.captionLeft { float:left; clear:both; color:#666; line-height:11px; } #mainContent.story #dysonstory.text div.imgLeft h3.captionLeft { float:left; clear:both; color:#000; font-weight:normal;} #mainContent.story #dysonstory.text div.imgRight p.captionRight { color:#666; padding-right:70px; line-height:11px; } #mainContent.story #dysonstory.text div.imgRight h3.captionRight { padding-right:70px; color:#000; font-weight:normal; } #mainContent.story #dysonstory.text div.imgRight p.captionRightExtra { color:#666; padding-right:250px;} #mainContent.story #dysonstory.text div.imgRight h3.captionRightExtra { padding-right:250px; color:#000; font-weight:normal; } #mainContent.story #dysonstory.text p.storyRight { /*position:relative; top:-3px;*/ position:absolute; left:693px; top:155px; width:232px; color:#666;} #mainContent.story #dysonstory.text p.storyBottom { clear:both; color:#666; margin-top:50px; } #mainContent.story #dysonstory.text p.exhibitsRight { position:absolute; left:693px; width:232px; margin:-5px 0 0; /*width:232px;*/ color:#666;} #ajaxlinks li a.navLeftLast {margin-top:20px;} #mainContent.story #dysonstory.text p.storyRight a { color:#666; text-decoration:underline; } #mainContent.story #dysonstory.text p.storyRight a:hover { color:#000; } .dysonloading {margin:280px;} /*The Dyson Story - End*/ #mainContent.start {float:left;border:1px #000 solid;} #subContent{margin:0 0 0 100px;width:743px;} #panels li.panel h3 { font-size: 1.1em; } #panels ul {margin-bottom:0; padding-top: 4px; } #panels ul li.panel ul.links{width:130px;} #panels li.last{padding:6px 0;} #panels {float:left; padding:18px 0;width:990px;} #panels li.panel p {color: #868686; line-height: 1.2; margin: 0.5em;} #panels li.panel ul.links li {width: 188px;} #panels li.panel ul.links li a span {width: 175px; line-height: 1.3;} #panels li.panel ul.links li a:hover, #panels li.panel ul.links li a:focus { color: #fff; } #panels li.support {border-right: 0;} #panels li.panel ul.links a {display:block; color: #868686; line-height: 1.2;} #panels ul li#pnStory{background:url(/images/about/dysonStory.jpg) -20px 0 no-repeat;} #panels ul li#pnStory a{width:130px;} #panels ul li#pnAbout{background:url(/images/about/ourTech.jpg) -20px 0 no-repeat;} #panels ul li#pnAbout a{width:100px;} #panels ul li#pnMedia{background:url(/images/about/mediaCentre.jpg) -20px 0 no-repeat;} #panels ul li#pnMedia a{width:140px;} #panels ul li#pnSupport{background:url(/images/about/jdFoundation.jpg) -30px 0 no-repeat;} /*for IE 7*/ div.about ul.panels li.panel {width:210px} /* Footer clear =====================================*/ #footer{clear:both;} /* Our Tech =========================================*/ #reasons div.reason p {font-size:1.1em;color:#999;} #reasons div.reason {float:left; width:290px; } #reasons div#reason01, #reasons div#reason03 {margin-right:20px;} #reasons img {float:right;clear:right;width:135px;height:157px;} /* Testing Tech =====================================*/ div.techimgLeft img {float:left; margin-right:2px;} div.techimgLeft h3 {clear:right;} div.techimgLeft img.techimgLast {margin-right:25px;} div.techimgRight img {float:right; margin-left:2px;} div.techimgRight h3 {clear:left;} div.techimgRight img.techimgLast {margin-left:25px;} div.techimgRight {margin:50px 0; }