#prodHeader { position: relative; border-bottom: 1px solid #373737; padding: 0; margin: 0; min-height:80px; height:auto !important; height:80px; clear:both; margin: 20px 0px;} #prodTitle {float:left; width:390px; } #prodTitle h1 {float: left; display:none;} #prodHeader #prodTitle h2 { padding-right: 15px; margin: 30px 0px 0px 20px; font-size: 1.9em; color:#FFFFFF; } @media all and (min-width:0px) { head~body ul#navProducts { bottom: -28px; } } body:first-of-type ul#navProducts { bottom: -2px; } /*** Product Nav bar ***/ ul#navProducts{float:right;} ul#navProducts li {float: left; display: block; height: 84px; width: 172px;} ul#navProducts li.on { width: 177px; margin-right: 1px; } /*** Product variant tabs ***/ ul#navProducts li.AB01 h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_AB01.png) no-repeat right; } ul#navProducts li.AB01_Aluminum h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_AB01_Aluminum.png) no-repeat right; } ul#navProducts li.AB03_ABS h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_AB03_ABS.png) no-repeat right; } ul#navProducts li.ABSOLUTE h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ABSOLUTE.png) no-repeat right; } ul#navProducts li.ALLERGY h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ALLERGY.png) no-repeat right; } ul#navProducts li.ALLFLOORS h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ALLFLOORS.png) no-repeat right; } ul#navProducts li.ANIMAL h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ANIMAL.png) no-repeat right; } ul#navProducts li.CARPETPROALLERGY h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_CARPETPROALLERGY.png) no-repeat right; } ul#navProducts li.COMPLETE h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_COMPLETE.png) no-repeat right; } ul#navProducts li.DC16 h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_DC16.png) no-repeat right; } ul#navProducts li.DC19 h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_DC19.png) no-repeat right; } ul#navProducts li.ISSEY h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ISSEY.png) no-repeat right; } ul#navProducts li.MOTORHEAD h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_MOTORHEAD.png) no-repeat right; } ul#navProducts li.ORIGIN h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ORIGIN.png) no-repeat right; } ul#navProducts li.TOOLKIT h3 { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_TOOLKIT.png) no-repeat right; } ul#navProducts li h3{text-indent:-10000em; width: 175px; height: 80px;} ul#navProducts li a { position: relative; width: 175px; height: 85px; display: block; text-decoration: none; background-position: right; } ul#navProducts li a:hover, ul#navProducts li a:focus { background-position: -179px 0; } ul#navProducts li.on a, ul#navProducts li.on a:hover, ul#navProducts li.on a:focus { background-position: left; width: 177px; } #prodContent { padding: 5px 0 40px; position: relative; } #prodDisplay { width: 470px; min-height: 525px; height:auto !important; height:525px; margin: 31px 0 10px 20px; float: left; } /* text-align: center; */ #prodDisplay img { display: block; margin: 30px auto 20px; } #prodFeatures { width: 272px; float: left; margin-bottom: 15px; } #prodFeatures h2 { font-size: 1.2em; font-weight: bold; } ul#featureTabs { list-style-type: none; border-bottom: 1px solid #333; margin: 25px 0 0; padding: 0 0 0 8px; } ul#featureTabs li { display: inline; } #prodFeatures ul#featureTabs li a { display: block; float: left; margin-left: 2px; height: 34px; position: relative; top: 1px; background: url(/images/products/tab_productFeature.png) no-repeat top right; width: 125px; text-decoration: none; font-size: 1.2em; font-weight: bold; } #offer ul#featureTabs li a { display: block; float: left; margin-left: 2px; height: 34px; position: relative; top: 1px; background: url(/images/products/tab_productOffer.png) no-repeat top right; width: 125px; text-decoration: none; font-size: 1.2em; font-weight: bold; } #offer ul#featureTabs { width: 264px; } @media all and (min-width:0px) { head~body ul#featureTabs li a { margin-bottom: -15px; } } body:first-of-type ul#featureTabs li a { margin-bottom: 0; } ul#featureTabs li a span { display: block; padding: 9px 0 0 11px; } #prodFeatures ul#featureTabs li a.active { width: 125px; background: url(/images/products/tab_productFeature.png) no-repeat top left; color: #fff; } #prodFeatures ul#featureTabs li a.active span { display: block; padding: 7px 0 0 11px; } #offer { margin-right: 200px; } #offer ul#featureTabs li a.active { width: 125px; background: url(/images/products/tab_productOffer.png) no-repeat top left; color: #fff; } #offer ul#featureTabs li a.active span { display: block; padding: 7px 0 0 11px; } #prodFeatures #features { padding-top: 4px; } #features h3.toggler { font-size: 1.2em; font-weight: bold; color: #989898; padding: 10px 0 10px 20px; border-bottom: 1px solid #333; margin-bottom: 0; cursor: pointer; } #features h3.toggler:hover { color: #fff; } #prodFeatures h3.toggler_active { color: #ffcc00; border-bottom: 1px solid #000; margin-bottom: 0.8em; cursor: text; padding: 10px 0px 0px 20px; } #prodFeatures h3.toggler_active:hover { color: #ffcc00; } #prodFeatures p { color: #989898; padding-left: 20px; } #features div.togglee { padding-bottom: 0; overflow: hidden; position: relative;border-bottom: 1px solid #333; } #features div.togglee img { margin-bottom: -3px; } #features div.togglee ul { list-style-type: none; margin: 0 0 1em 20px; font-size: 1.1em; } #features div.togglee ul li { margin-bottom: 2px; } #features div#ft_root img { float: right; margin: 0 3px -3px 14px; } #gallery ul { list-style-type: none; margin: 0; padding: 0; } #gallery ul li { display: inline; } #gallery ul li a { display: block; float: left; border: 1px solid #333; margin: 12px 0 0; height: 91px; } #gallery ul li a.centre { margin: 12px 12px 0; } #gallery ul li a:hover, #gallery ul li a:focus { border-color: #ffcc00; } #gallery ul li a img { margin: 0 0 -3px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #gallery ul li a:hover img, #gallery ul li a:focus img, #gallery ul li.active a img { margin: 0 0 -3px; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; } p.price span.stockNote { display: block; font-weight: normal; font-style: italic; color: white;} .originalPrice {color: #989898;} #prodBuyInfo { float:left; width: 185px; margin:20px 0 0 10px; } #prodBuyInfo div { background: #111; padding:20px 0; margin-bottom: 5px; width: 185px; } #prodBuyInfo div.offers { background: #111 url(/images/standard/offer_flag_details.png) no-repeat right top; width: 185px; } #prodBuyInfo div h3 { font-size: 1.3em; color: #fff; margin:0 20px; font-weight: bold; } #prodBuyInfo div h4 { font-size: 1.2em; line-height: 1.5; color: #999; margin:0 20px; margin-right: 10px; font-weight: bold; } #prodBuyInfo div p.price { font-size: 1.3em; color: #fff; margin:0 20px; font-weight: bold !important; } #prodBuyInfo div a { display: block; margin:0 20px; } #prodBuyInfo div img { margin:10px 0 0; } /*#prodBuyInfo div img.calculatorImg { margin:-50px 0 0 -20px !important; }*/ #prodBuyInfo div.buynow{padding:10px 0px;} #prodBuyInfo div.calculate {background:#111; width: 185px;} #prodBuyInfo div.calculate a#calcText{padding-right:50px; color:#fff; font-weight:bold; text-decoration:none; font-size:1.2em;} #prodBuyInfo div.calculate a#calcImage{position:absolute; padding-left:100px; margin-top:-10px;} #prodBuyInfo div.calculate a#calcText:hover { color:#999; } p.price span.stockNote { display: block; font-weight: normal; font-style: italic; color: white;} #prodSubInfo{padding:0px; width: 100%; margin-bottom:10px; background:#111111;} #prodSubInfo h3 {font-size:1.3em; color:#ffffff; font-weight:bold; margin-bottom:15px;} #prodSubInfo h2 {margin-bottom:20px;} #prodSubInfo .spec, #prodSubInfo .refurbished, #prodSubInfo .productDifferent, #prodSubInfo .comp_Model_Text, #prodSubInfo .compSpec, #prodSubInfo .accreditation_Content{float:left; padding:20px; min-height:300px; height:auto !important; height:300px; border-right:10px solid black; margin:0px;} #prodSubInfo div.spec{width: 196px;} #prodSubInfo div.spec table {margin-bottom:10px; font-size: 1.1em; color: #999; padding:0px; } #prodSubInfo div.spec table th {font-weight: none; width: 40%;} .inthebox_Content{width:195px;} .inthebox_Content ul, .accreditation_Content ul {list-style-type: none; font-size: 1.1em; color: #999;} .inthebox_Content ul li, .accreditation_Content ul li{margin-bottom: 8px;} .accreditation_Content{width:160px;} .accreditation_Content ul{font-size:1.2em; margin:0px;} .accreditation_Content ul li{clear:both; margin-bottom:10px !important;} .accreditation_Content ul li img{float:left;} .accreditation_Content ul li p{float:right; width:95px; color:#FFF;} #prodSubInfo div.diff {width:483px;} #prodSubInfo div.diff ul { list-style-type: none; margin-left: 18px; } #prodSubInfo div.diff ul li { display: block; float: left; width: 140px; padding-right: 6px; text-align: center; padding-top: 5px; height: 215px; padding-left: 4px; } #prodSubInfo div.diff ul li h4 { font-size: 1.1em; color: #999; font-weight: bold; text-align: left; margin-bottom: 3px; } #prodSubInfo div.diff ul li p {color: #999; text-align: left;} #prodSubInfo .productDifferent h3, #prodSubInfo .productPromo h3{margin:0px 0px 14px;} .productDifferent p, .productPromo p{color:#999999;} .productDifferent a.productLink, .productPromo a.productLink{background:url("/images/arrow.png") no-repeat left 3px; padding-left:12px; text-decoration:none; color:#999999; clear:both; display:block; } .productDifferent a#productDifferent_Link:hover, .productPromo a#productDifferent_Link:focus, .productPromo a#productDifferent_Link:hover, .productDifferent a#productDifferent_Link:focus{background-image:url("/images/arrow_w.png"); color:#FFFFFF;} .promo_Text{position:absolute; top:20px; left:20px; width:250px;} .promo_Text h2{font-size:1.5em; line-height:1.3em; font-weight:bold;} .promo_Text .productLink{margin-top:20px;} .productPromo_Image{float:right; margin:-20px -25px 0px 0px;} .compSpec{width:449px;} .compSpec table{font-size:1.2em; margin-top:-1px;} .compSpec table th{padding-top:0px; padding-bottom:15px;} .compSpec table td{padding:4px 25px 6px 0px;} .compSpec table td.endColumn{padding-right:0px;} .compSpec .textcolour1{color:#999999;} .compSpec a{background:url("/images/icons/arrow.png") no-repeat left center; padding-left:12px;} .compSpec a:hover, .compSpec a:focus{color:#FFF; background-image:url("/images/icons/arrow_w.png");} .productDifferent{width:485px;} .productDifferent .prodFeature{float:left; width:105px; margin:10px 14px 5px 0px;} .productDifferent .prodFeature p{width:78px;} .productDifferent .prodFeature p#difference1{background:url("/images/products/numbers_Small_Black/sml_Point_1.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature p#difference2{background:url("/images/products/numbers_Small_Black/sml_Point_2.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature p#difference3{background:url("/images/products/numbers_Small_Black/sml_Point_3.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature p#difference4{background:url("/images/products/numbers_Small_Black/sml_Point_4.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature img{display:block; margin:0px auto;} .productDifferent .prodFeature_Detail{float:left; width:145px; margin:10px 15px 5px 0px;} #prodSubInfo .productDifferent .prodFeature_Detail h3{color:#999999; margin-bottom:5px;} .productDifferent .prodFeature_Detail p{min-height:70px; height: auto !important; height:70px;} .productDifferent .prodFeature_Detail img{display:block; margin:0px auto;} .productDifferent a#productDifferent_Link{width:100px;} #productspec_Airblade{padding:20px;} #productspec_Airblade_Content{float:left; width:240px; margin-right:10px;} #productspec_Airblade_Content h2{margin-bottom:5px;} #productspec_Airblade_Image{float:right;} .comp_Model_Text{width:215px;} #prodSubInfo .comp_Model_Text h3{font-size:1.2em; font-weight:bold; margin-bottom:20px;} .comp_Model_Text .textColour1{color:#999999; font-weight:bold;} #prodSubInfo div.refurbished {width: 463px;} #prodSubInfo div.refurbished p {margin:10px 0px;} #prodSubInfo div.refurbished p.last {margin:0px 0px;} #prodSubInfo div.refurbished img {float:left;} #prodSubInfo div.refurbished ul {float:left;width:150px;margin:50px 0px 0px 70px;list-style:none;} #prodSubInfo div.refurbished ul li a {padding-left:10px;background:url(/images/arrow_g.png) no-repeat scroll 0 5px;line-height:1.5em;font-size:1.1em;text-decoration:none;}