/* =================================================== Store stylesheet - Dyson US Version: v1.0 Author: James Taylor - 10/05/2007 /* =================================================*/ /* Store Navigation ================================*/ #navStore { position: absolute; top: 61px; left: 125px; } #navStore li { display: inline; } #navStore li a { text-decoration: none; } #navStore li#UPRIGHT a { width: 62px; background: url(/images/nav/nav_uprights.png) no-repeat; } #navStore li#CYLINDER a { width: 68px; background: url(/images/nav/nav_cylinder.png) no-repeat; } #navStore li#HANDHELD a { width: 81px; background: url(/images/nav/nav_handhelds.png) no-repeat; } #navStore li#HELPMECHOOSE a { width: 101px; background: url(/images/nav/nav_helpmechoose.png) no-repeat; } #navStore li#PARTS a { width: 77px; background: url(/images/nav/nav_accessories.png) no-repeat; } #navStore li#OFFERS a { width: 91px; background: url(/images/nav/nav_offer.png) no-repeat; } #navStore li#AIRBLADE_SITE a { width: 72px; background: url(/images/nav/nav_airblade.png) no-repeat; } #navStore li a { display: block; float: left; background-position: left; text-indent: -10000px; height: 26px; } #navStore li#UPRIGHT a:hover, #navStore li#UPRIGHT a:focus, #navStore li#UPRIGHT.on a, #navStore li#CYLINDER a:hover, #navStore li#CYLINDER a:focus, #navStore li#CYLINDER.on a, #navStore li#HANDHELD a:hover, #navStore li#HANDHELD a:focus, #navStore li#HANDHELD.on a, #navStore li#PARTS a:hover, #navStore li#PARTS a:focus, #navStore li#PARTS.on a, #navStore li#OFFERS a:hover, #navStore li#OFFERS a:focus, #navStore li#OFFERS.on a, #navStore li#HELPMECHOOSE a:hover, #navStore li#HELPMECHOOSE a:focus, #navStore li#HELPMECHOOSE.on, #navStore li#AIRBLADE_SITE a:hover, #navStore li#AIRBLADE_SITE a:focus, #navStore li#AIRBLADE_SITE.on a { background-position: right; } span.back { position: absolute; left: 10px; top: 5px; } span.back a { display: inline-block; font-size: 1.2em; color: #b4b4b4; text-decoration: none; font-weight: bold; padding-left: 10px; background: url(/images/arrow_back.png) no-repeat left; } span.back a:hover, span.back a:focus { color: #ffcc00; background: url(/images/arrow_back_o.png) no-repeat left; } /* Product header logos */ h3.DC15-SY-STD { background: url(http://media.dyson.com/images/products/hd_all_floors.png) no-repeat; text-indent: -100000px; } h3.DC15-ALLERGY { background: url(http://media.dyson.com/images/products/hd_allergy.png) no-repeat; text-indent: -100000px; } h3.DC15-ANIMAL { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC20-DC20-SY-STD { background: url(http://media.dyson.com/images/products/hd_all_floors.png) no-repeat; text-indent: -100000px; } h3.DC20-ALLERGY { background: url(http://media.dyson.com/images/products/hd_allergy.png) no-repeat; text-indent: -100000px; } h3.DC20-ANIMAL { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC20-STOW-STD { background: url(http://media.dyson.com/images/products/hd_origin.png) no-repeat; text-indent: -100000px; width: 44px; } h3.DC20-STOW-ALLERGY { background: url(http://media.dyson.com/images/products/hd_allergy.png) no-repeat; text-indent: -100000px; } h3.DC20-STOW-ANIMAL { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC14-STD-IRYEL { background: url(http://media.dyson.com/images/products/hd_origin.png) no-repeat; text-indent: -100000px; width: 44px; } h3.DC14-ALLFLOORS-IRWH { background: url(http://media.dyson.com/images/products/hd_all_floors.png) no-repeat; text-indent: -100000px; } h3.DC14-ALLERGY-IRSBL { background: url(http://media.dyson.com/images/products/hd_allergy.png) no-repeat; text-indent: -100000px; } h3.DC14-ANIMAL-IRPL { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC18-ALLFLOORS { background: url(http://media.dyson.com/images/products/hd_all_floors.png) no-repeat; text-indent: -100000px; } h3.DC18-ALLERGY { background: url(http://media.dyson.com/images/products/hd_allergy.png) no-repeat; text-indent: -100000px; } h3.DC19 { background: url(http://media.dyson.com/images/products/hd_dc19.png) no-repeat; text-indent: -100000px; width: 41px; height: 16px; } h3.DC19-ALLERGY { background: url(http://media.dyson.com/images/products/hd_allergy.png) no-repeat; text-indent: -100000px; } h3.DC16-ANIMAL { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC16-SY-STD { background: url(http://media.dyson.com/images/products/hd_dc16.png) no-repeat; text-indent: -100000px; } h3.DC16-IM { background: url(http://media.dyson.com/images/products/hd_ISSEY_us.png) no-repeat; text-indent: -100000px; } h3.DC07-SY-HEPA_US { background: url(http://media.dyson.com/images/products/hd_all_floors.png) no-repeat; text-indent: -100000px; } h3.DC07-ANIMAL_US { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC14-ALLFLOORS_US { background: url(http://media.dyson.com/images/products/hd_all_floors.png) no-repeat; text-indent: -100000px; } h3.DC14-ANIMAL_US { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC17-ANIMAL { background: url(http://media.dyson.com/images/products/hd_animal.png) no-repeat; text-indent: -100000px; } h3.DC17-ALLERGY { background: url(http://media.dyson.com/images/products/hd_asthma_allergy.png) no-repeat; text-indent: -100000px; } h3.DC24-ALLFLOORS { background: url(http://media.dyson.com/images/products/hd_allfloors.png) no-repeat; text-indent: -100000px; } /* Sales Footer */ #storeFooter { margin: 35px 0; background: url(/images/choose_bg.jpg) repeat-x; border: 1px solid #4d4d4d; padding: 22px 18px; } #storeFooter p { font-size: 1.1em; line-height: 1.5; margin: 8px 0 12px; } #buyingInfo { width: 210px; float: left; border-right: 1px solid #4d4d4d; margin-right: 25px; min-height: 16em; } #buyingInfo h2 { text-align: left; } #buyingInfo strong { color: #fff; } #buyingInfo dl { margin: 12px 0 12px; } #buyingInfo dd, #buyingInfo dt { font-size: 1.1em; line-height: 1.5; } #buyingInfo dd a { color: #fff; } #buyingInfo dd a:hover, #buyingInfo dd a:focus { text-decoration: none; color: #ffcc00; } #buyingInfo dl.contact dt { color: #9a9a9a; font-weight: bold; margin-bottom: 2px; } #buyingInfo dl.buyInfo dt { position: absolute; left: -10000px; top: -100000px; } #buyingInfo ul.note { color: #9a9a9a; } /* Changes For US Buy Direct Footer */ #buyingInfo ul li { margin-bottom: 1.1em; } #buyingInfo ul li h3 { font-size: 1.2em; margin-bottom: 0; font-weight: normal; } #buyingInfo ul li h3 a { color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background: url(/images/arrow_w.png) no-repeat left; } #buyingInfo ul li h3 a:hover, #buyingInfo ul li h3 a:focus { color: #ffcc00; background-image: url(/images/arrow_o.png); } #buyingInfo ul li p { margin-top: 0; display: none; } #helpChoose, #whyDyson { width: 495px; float: left; min-height: 16em; } /* Amended for the US */ #helpChoose h2 { text-align: left; width: auto; } #helpChoose ul.features { width: 99%; float: left; /*margin-right: 15px; */} #helpChoose ul li { padding-bottom: 5px; } #helpChoose ul li a { font-size: 1.1em; font-weight: normal; color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background: url(/images/arrow_w.png) no-repeat left; line-height: 1.5; } #helpChoose ul li a:hover, #helpChoose dl dd a:focus { color: #ffcc00; background: url(/images/arrow_o.png) no-repeat left; } /* Old CSS #helpChoose dl.features { width: 99%; float: left; /*margin-right: 15px; */} #helpChoose dl dt { font-size: 1.2em; font-weight: bold; color: #999; margin-bottom: 15px; } #helpChoose dl.features dd { width: 44%; float: left; padding: 0 0 7px 10px; } #helpChoose dl.type dd { padding: 0 0 7px 10px; float: left; width: 100px; } #helpChoose dl dd a { font-size: 1.1em; font-weight: bold; color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background: url(/images/arrow_w.png) no-repeat left; line-height: 1.5; } #helpChoose dl dd a:hover, #helpChoose dl dd a:focus { color: #ffcc00; background: url(/images/arrow_o.png) no-repeat left; } */ #whyDyson ul li { width: 19%; margin: 0 0.5%; text-align: center; display: block; float: left; position: relative; height: 13.5em; } #whyDyson ul li h3 { font-size: 1.1em; margin-top: 3px; position: absolute; top: 0px; left: 0; width: 84%; margin-left: 8%; height: 3.3em; } #whyDyson ul li span { position: absolute; bottom: 0; left: 0; display: block; text-align: center; width: 100%; } #whyDyson ul li span img { position:relative; margin: 0 auto; } /* image sizes */ #whyDyson img#whyimg_rootcyclone {width:68px; height:74px;} #whyDyson img#whyimg_allfloors {width:77px; height:60px;} #whyDyson img#whyimg_allergy {width:58px; height:75px;} #whyDyson img#whyimg_running {width:61px; height: 60px;} #whyDyson img#whyimg_guarantee {width:50px; height:64px;} #specialOffer { width: 200px; float: left; padding:0 20px;} #specialOffer h2 {width:200px;} #specialOffer a.specialoffer_link { font-size: 1.1em; font-weight: bold; color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background: url(/images/arrow_w.png) no-repeat left; line-height: 1.5; } #specialOffer a.specialoffer_link:hover, #helpChoose dl dd a.specialoffer_link:focus { color: #ffcc00; background: url(/images/arrow_o.png) no-repeat left; } #specialOffer img.specialoffer_productimage {position:relative;float:right;} /* Sales Footer */ #storeFooter { margin: 35px 0; background: url(/images/choose_bg.jpg) repeat-x; border: 1px solid #4d4d4d; padding: 22px 18px; } #storeFooter p { font-size: 1.1em; line-height: 1.5; margin: 8px 0 12px; } #buyingInfo { width: 210px; float: left; border-right: 1px solid #4d4d4d; margin-right: 25px; } #buyingInfo h2 { text-align: left; } #buyingInfo strong { color: #fff; } #buyingInfo dl { margin: 12px 0 12px; } #buyingInfo dd, #buyingInfo dt { font-size: 1.1em; line-height: 1.5; } #buyingInfo dd a { color: #fff; } #buyingInfo dd a:hover, #buyingInfo dd a:focus { text-decoration: none; color: #ffcc00; } #buyingInfo dl.contact dt { color: #9a9a9a; font-weight: bold; margin-bottom: 2px; } #buyingInfo dl.buyInfo dt { position: absolute; left: -10000px; top: -100000px; } #buyingInfo ul.note { color: #9a9a9a; } #whyDyson { width: 495px; float: left; } #whyDyson ul li { width: 19%; margin: 0 0.5%; text-align: center; display: block; float: left; position: relative; height: 12.5em; } #whyDyson ul li h3 { font-size: 1.1em; margin-top: 3px; position: absolute; bottom: 0px; left: 0; width: 92px; height: 3.3em; } #whyDyson ul li img { margin-top: 5px; } #helpChoose { width: 250px; float: left; border-right:1px solid #4d4d4d;} #helpChoose h2 { text-align: left; } #helpChoose dl.features { width: 250px; float: left; } #helpChoose dl dt { font-size: 1.2em; font-weight: bold; color: #999; margin-bottom: 15px; } #helpChoose dl.features dd { width: 44%; float: left; } #helpChoose dl.features dd { padding: 0 0 7px 10px; } #helpChoose dl.type dd { padding: 0 0 7px 10px; float: left; width: 100px; } #helpChoose dl dd a { font-size: 1.1em; font-weight: bold; color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background: url(/images/arrow_w.png) no-repeat left; line-height: 1.5; } #helpChoose dl dd a:hover, #helpChoose dl dd a:focus { color: #ffcc00; background: url(/images/arrow_o.png) no-repeat left; } #specialOffer { width: 220px; float: left; padding:0 0 0 20px;} #specialOffer h2 { width:200px; } #specialOffer a.specialoffer_link { font-size: 1.1em; font-weight: bold; color: #fff; text-decoration: none; display: inline-block; padding-left: 10px; background: url(/images/arrow_w.png) no-repeat left; line-height: 1.5; } #specialOffer a.specialoffer_link:hover, #helpChoose dl dd a.specialoffer_link:focus { color: #ffcc00; background: url(/images/arrow_o.png) no-repeat left; } #specialOffer img.specialoffer_productimage {position:relative;float:right;} /* Pre order layouts jon boyce*/ div#preOrder {margin:0 0 10px 0; padding:10px 0 0 0; border-top:1px #4D4D4D solid; color:#747474;} div.preOrderImg {float:left; margin:10px 25px 0 0;} a.btnBack, a.btnBuy {margin:15px 10px 0 0;} div#preOrderText {padding:10px 0 0 0; border-top: 6px solid #DFDFDF} ul.navOfferControls {padding:10px 0 0 0; border-top:1px #4D4D4D solid; margin-bottom:10px;} /* offer links */ div.offer a {color:#9A9A9A;text-decoration:underline;} div.offer a:hover, .offer a:active {text-decoration:underline;color:#ffcc00;} #storeFooter { margin:0px; padding:20px 0px; } #buyingInfo { margin:0px; padding:0px 25px; width:200px; } #helpChoose { margin:0px; padding:0px 25px; width:200px; } #specialOffer { margin:0px; padding:0px 25px; width:216px; height:170px; background:url(../images/letterbox/DC16_panel_image01.gif) no-repeat bottom right; } #specialOffer div.copy { float: left; } #specialOffer div.copy h2 { text-align: left; padding-left: 0; font-weight: normal; } #specialOffer div.copy p.product-name { font-size: 13px; margin-bottom: 2px; font-weight: normal; margin-top: 0;} #specialOffer div.copy p.product-strap { font-size: 12px; font-weight: normal; margin-bottom: 26px; margin-top: 7px; width:150px; } #specialOffer div.copy ul.viewmodel { margin-top: 5px; } #specialOffer div.copy ul.viewmodel li { margin-bottom: 5px; } #specialOffer a.link { font-weight: bold; font-size: 1.1em; color: #fff; text-decoration: none; background: transparent url(/images/arrow_w.png) no-repeat scroll left center; padding-left: 10px; } #specialOffer a:hover { background: transparent url(/images/arrow_o.png) no-repeat scroll left center; color: #FFCC00; } #specialOffer div.image { float: right; } #specialOffer div.copy p.product-strap span.highlight { color:#ffcc00; } #specialOffer span.oldprice { color:#999; text-decoration:line-through; } #specialOffer p.special_price {position:relative; color:#fc0; font-weight:bold; top:-20px;} #specialOffer #offerinfo p.offercode{ text-align:right; color:#999; top:-18px; left:20px; position:relative; } #specialOffer #offerinfo a { position:relative; top:5px; }