/*-------------------------------------*/ /* Special offers - Letterboxes css */ /* Version 1.0 */ /* Author: Chris Knight */ /*-------------------------------------*/ /*Main Structure*/ #spo_Nav, .spo_HeroProduct, .spo_HeroProduct_Benefits, .spo_Models{padding-left:20px; padding-right:20px;} #content img{margin-bottom:0px;} #content h2{font-size:1.4em; margin-bottom:20px;} #content h3{font-size:1.2em; margin-bottom:15px; font-weight:bold;} /*Used by multiple parts of special offer section*/ ul.spo_ProdFeatures{list-style:none; margin:0px 0px 20px; color:#999999;} /*Used in letterbox and model list*/ /*Top navigation menu*/ #spo_Nav{margin-bottom:30px;} #spo_Nav ul{list-style:none; color:#999999; margin:0px; text-align:center;} #spo_Nav ul li{float:left;} #spo_Nav ul li#spo_NavText{padding:4px 20px 0px 0px;} #spo_Nav ul li a{text-decoration:none; width:20px; display:block; padding:4px 10px 0px 0px;} #spo_Nav ul li a:hover, #spo_Nav ul li a:active{color:#FFCC00;} #spo_Nav ul li a.spo_NavOn{color:#FFCC00; background:url(/images/specialOffers/circleNav.gif) no-repeat top left; height:25px; } /*Letterboxes*/ .spo_HeroProduct{border-bottom:1px solid #222222; padding-bottom:10px; position:relative;} .spo_HeroProduct .spo_HeroProduct_Text{position:absolute;width:300px;left:20px; top: 0px;} .spo_HeroProduct_Text p{margin-bottom:5px;} .spo_HeroProduct_Text h1{margin-bottom:10px !important;} .spo_HeroProduct_Text h2{color:#999999;} .spo_HeroProduct .spo_ImageHolder{width:900px; float:left; } .spo_HeroProduct img.spo_HeroProductImage{display:block; float:right;} .astmaFondsHero {text-indent:-1000px; background:url(/images/specialOffers/astmaFonds_offerLogo.jpg) no-repeat;height:36px;} .astmaFondsLogo {margin-top:-60px;position:absolute;} /*Right hand side offer / purchase boxes*/ .spo_MultipleOfferDetails{float:right;width:180px; margin:0px; padding:0px;} #spo_BuyNowBox, #spo_OfferSummary{float:right; width:150px;background-color:#222222; margin-left:10px; padding:15px;} #spo_BuyNowBox{margin-bottom:10px;} #spo_BuyNowBox .spo_Price{margin:10px 0px 5px; font-size:1.3em; font-weight:bold; color:#FFFFFF;} #spo_BuyNowBox p, #spo_OfferSummary p{margin-bottom:5px; color:#999999;} #spo_OfferSummary h3{width:130px;} .spo_SpecialOffer{background:url(/images/specialOffers/offer.gif) no-repeat top right;} .spo_OfferList{list-style:none; clear:both; color:#999999; margin:0px;} .spo_OfferList li{margin:0px 0px 3px; padding:0px;} .spo_OfferList .spo_OfferName{float:left; width:100px;} .spo_OfferList .spo_OfferPrice{float:right;} .spo_Offer_Total{margin-top:15px; color:#FFFFFF; font-weight:bold; font-size:1.2em;} .spo_HeroProduct_Logo{text-indent:-10000em; margin-top:30px; display:block;} /*Benefits section*/ .spo_HeroProduct_Benefits{float:right; width:300px; padding-right:0px;} .spo_HeroProduct_Benefits .spo_BenefitBox{float:left; width:310px; margin-bottom:5px;} .spo_BenefitBox h4{font-weight:bold;} .spo_BenefitBox .spo_Benefit_Image{float:left; border:1px solid #373737; width:55px; height:55px;} .spo_BenefitBox .spo_Benefit_Text{float:left; width:200px; margin-left:10px;} .spo_BenefitBox .spo_Benefit_Text p{color:#999999; margin-bottom:10px;} .spo_BenefitBox .spo_Benefit_Text h3{margin-bottom:5px !important;} /*Model selection / details*/ .spo_Models{padding-top:20px; padding-bottom:10px; position:relative;} .spo_ModelRow{border-top: 1px solid #222222; padding-top:20px; padding-bottom:20px;} .spo_Model_TopRow{border:none; padding-top:0px;} .spo_Model{float:left; width:300px;min-height:295px; height:auto !important; height:295px; padding:10px 0px; position:relative;} .spo_ModelDetails{width:44%} .spo_ModelDetails h3{text-indent:-10000em;} .spo_ModelDetails ul.spo_ProdFeatures{margin-bottom:120px;} .spo_ModelImage{position:absolute; bottom:0px; right:5px;} .spo_Model .spo_BuyItem{position:absolute; bottom:17px; width:90px;} .spo_Model .spo_BuyItem a{float:left; margin-bottom:2px;} .spo_Model p{margin-bottom:5px;} .spo_ModelCenter{border-left:1px solid #222222; border-right:1px solid #222222; padding-left:10px; padding-right:10px; margin-right:10px;} /*Terms and conditions*/ .spo_Terms{background-color:#222222; padding:20px; margin:30px 0px;} .spo_Terms p{color:#999999;} .splitLine{border-top:1px solid #222;width:100%;margin-bottom:30px;display:block;clear:both;} #spo_DC11 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC11.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC19 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC19.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC08 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC08.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC21 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC21.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC08-TELESCOPE { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC08-TELESCOPE.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC22 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC22.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC23 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC23.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC20 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC20.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC26 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC26.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC29 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC29.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC32 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC32.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC37.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC16 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC16.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC30 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC30.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC31 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC31.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC34 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC34.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC35 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_DC35.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM01 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_AM01.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM02 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_AM02.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM03 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_AM03.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM04 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_AM04.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AB01 { background: url(http://media.dyson.com/images_resize_sites/images/products/hd_lrg_AB01.png) no-repeat -3px 0px; height:38px; width:300px;;} /* Variants */ #spo_AM01-SILIRON { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/AM01-SILIRON.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM01-WHITESIL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/AM01-WHITESIL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM02-SILSIL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/AM02-SILSIL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM03-WHITESIL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/AM03-WHITESIL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM04-IRSBL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/AM04-IRSBL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_AM04-WHSIL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/AM04-WHSIL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC26-Allergy { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC26-Allergy.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC29DB-ALLERGY { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC29DB-ALLERGY.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC29DB-ALLERGYPARQUET { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC29DB-ALLERGYPARQUET.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC29DB-EXCLUSIVE { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC29DB-EXCLUSIVE.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC29DB-ORIGIN { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC29DB-ORIGIN.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC30-IRDMYE { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC30-IRDMYE.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC32-ALLERGY { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC32-ALLERGY.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC32-ALLERGYPARQUET { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC32-ALLERGYPARQUET.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC32-ANIMALPRO { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC32-ANIMALPRO.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC32-ORIGIN { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC32-ORIGIN.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC34-ANIMAL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC34-ANIMAL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC34-IRSFU { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC34-IRSFU.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC35-IRSBL { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC35-IRSBL.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ALLERGY { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ALLERGY.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ALLERGYMUSCLE { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ALLERGYMUSCLE.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ALLERGYMUSCLEPARQUET { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ALLERGYMUSCLEPARQUET.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ALLERGYPARQUET { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ALLERGYPARQUET.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ANIMALCOMPLETE { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ANIMALCOMPLETE.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ANIMALTURBINE { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ANIMALTURBINE.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ORIGIN { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ORIGIN.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ORIGINEXTRA { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ORIGINEXTRA.png) no-repeat -3px 0px; height:38px; width:300px;;} #spo_DC37-ORIGINPLUS { background: url(http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/DC37-ORIGINPLUS.png) no-repeat -3px 0px; height:38px; width:300px;;}