#prodHeader { position: relative; border-bottom: 1px solid #373737; padding: 0; margin: 0;} #prodTitle {float:left; width:610px; } #prodTitle h1 { float: left; } #prodTitle h2 { padding-right: 15px; margin-bottom: 10px; height: 2.9em; } ul#navProducts { position: absolute; bottom: -2px; right: 8px; z-index: 100; margin: 0; } @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 li { float: left; display: block; position: relative; height: 85px; width: 172px; margin: 1px 0; } ul#navProducts li.on { width: 177px; margin-right: 1px; } /*** Product variant tabs ***/ ul#navProducts li.AB01 a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_AB01.png) no-repeat right; } ul#navProducts li.ABSOLUTE a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ABSOLUTE.png) no-repeat right; } ul#navProducts li.ALLERGY a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ALLERGY.png) no-repeat right; } ul#navProducts li.Allergy Parquet a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_Allergy Parquet.png) no-repeat right; } ul#navProducts li.ALLERGYPARQUET a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ALLERGYPARQUET.png) no-repeat right; } ul#navProducts li.ALLFLOORS a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ALLFLOORS.png) no-repeat right; } ul#navProducts li.ANIMAL a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ANIMAL.png) no-repeat right; } ul#navProducts li.Base a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_Base.png) no-repeat right; } ul#navProducts li.CARANDBOAT a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_CARANDBOAT.png) no-repeat right; } ul#navProducts li.CARPETPROALLERGY a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_CARPETPROALLERGY.png) no-repeat right; } ul#navProducts li.COMPLETE a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_COMPLETE.png) no-repeat right; } ul#navProducts li.DC16 a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_DC16.png) no-repeat right; } ul#navProducts li.DC19 a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_DC19.png) no-repeat right; } ul#navProducts li.ENTRY a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ENTRY.png) no-repeat right; } ul#navProducts li.ISSEY a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ISSEY.png) no-repeat right; } ul#navProducts li.MOTORHEAD a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_MOTORHEAD.png) no-repeat right; } ul#navProducts li.ORIGIN a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_ORIGIN.png) no-repeat right; } ul#navProducts li.REFURB a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_REFURB.png) no-repeat right; } ul#navProducts li.TOOLKIT a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_TOOLKIT.png) no-repeat right; } ul#navProducts li.TURBO a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_TURBO.png) no-repeat right; } ul#navProducts li.VROOM a { background: url(http://media.dyson.com/images_resize_sites/images/products/tab_VROOM.png) no-repeat right; } ul#navProducts li a { position: relative; width: 170px; height: 85px; display: block; text-decoration: none; background-position: right; } ul#navProducts li a:hover, ul#navProducts li a:focus { background-position: -177px 0; } ul#navProducts li.on a, ul#navProducts li.on a:hover, ul#navProducts li.on a:focus { background-position: left; width: 177px; } ul#navProducts li h3 { position: absolute; left: -100000px; } ul#navProducts li a span { display: block; position: absolute; top: 43px; left: 12px; color: #999; line-height: 1.3; margin-right: 15px; cursor: pointer; } ul#navProducts li.on a span { top: 32px; } ul#navProducts li.on a span, ul#navProducts li a:hover span, ul#navProducts li a:focus span { color: #fff; } ul#navProducts li a span strong { font-weight: normal } ul#navProducts li a span.hasOffer { text-indent: -9999em; position: absolute; top: 15px; right: 0px; background: url(/images/offer_tab_off.png) no-repeat right top; height: 12px; cursor: pointer; margin:0px;} ul#navProducts li.on a span.hasOffer { top: 1px; left: 125px; background: url(/images/offer_tab_on.png) no-repeat; height: 51px; width: 51px; cursor: pointer; } #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: inline; 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/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/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/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/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; display: block; } #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;} #prodSubInfo{padding:0px; width: 100%; margin-bottom:10px; min-height:235px; height:auto !important; height:235px; background:#111111;} #prodSubInfo h3 {font-size:1.3em; color:#ffffff; font-weight:bold;} #prodSubInfo .spec, #prodSubInfo .productPromo, #prodSubInfo div.productVariant, #prodSubInfo div.refurbished {float:left; padding:20px;} #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%;} #prodSubInfo div.productVariant{width: 214px; background:#111111 url("/images/prods/productFooterPanelBorder.png") repeat-y left top; padding:0px;} div.productVariant .inthebox_Content{background:url("/images/prods/productFooterPanelBorder.png") repeat-y right top; padding:20px 25px; min-height:250px; height:auto !important; height:250px;} #prodSubInfo div.productVariant ul {margin:0px; list-style-type: none; font-size: 1.1em; color: #999; padding-top: 4px !important; } #prodSubInfo div.productVariant ul li {margin-bottom: 8px;} div.productVariant #accreditation_Content{background:url("/images/prods/productFooterPanelBorder.png") repeat-y right top; padding:20px 25px; min-height:330px; height:auto !important; height:330px;} #prodSubInfo div.diff {width: 483px; background:#111111 url("/images/prods/productFooterPanelBorder.png") repeat-y right top;} #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;} .productPromo{background:#111111 url("/images/prods/productFooterPanelBorder.png") repeat-y left top; margin-left:-5px;} #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;} .productDifferent{float:left; 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/prods/numbers_Small_Black/sml_Point_1.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature p#difference2{background:url("/images/prods/numbers_Small_Black/sml_Point_2.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature p#difference3{background:url("/images/prods/numbers_Small_Black/sml_Point_3.jpg") no-repeat left top; padding-left:25px;} .productDifferent .prodFeature p#difference4{background:url("/images/prods/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;} .productPromo{width:483px; padding:0px;} #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;} #prodSubInfo .productPromo{position:relative;} .productPromo .promo_Text{position:absolute; top:20px; left:20px; width:250px;} .productPromo .promo_Text h2{font-size:1.5em; line-height:1.3em; font-weight:bold;} .productPromo .promo_Text .productLink{margin-top:20px;} .productPromo_Image{float:right; margin:-20px -25px 0px 0px;} #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;} #panels { margin-top: 20px; } #panels img.panel { margin: 25px 0 0 0; } ul.panels li.last { width: 22.4% } ul.panels li.buy ul.text { color: #999; margin-bottom: 24px; } ul.panels li.buy ul.text li {margin-bottom: 4px; } ul.panels li.buy p.phone { font-size: 1.1em; font-weight: bold; } ul.panels li.buy p.phone span { font-size: 1.3em; color: #fff; } ul.panels li.offer img { margin-top: 20px; } #spin360 { position: relative; height: 25px; margin: 0; } #spin360 a { position: absolute; top: 10px; z-index: 1000; left: 20px; } #spin360 #spinProgress { position: absolute; right: 8px; top: 7px; } #offer #offerDisplay { !important; margin: 20px 0 25px 20px; float: none; min-height: 400px; padding-right: 30px; } /* text-align: center; */ #offerDisplay dl,#offerDisplay p{width:410px;} #offerDisplay dl dt { margin-top: 15px; font-size: 1.2em;margin-bottom:10px;margin-top:25px; } #offerDisplay dl dd { margin-top: 2px; font-size: 1.1em; margin-left: 0;margin-bottom:10px;color:#999; } #offerDisplay dl dd strong{color:#fff;} #offerDisplay div.promo_image { float: right; margin-right: 100px; } #offerDisplay #offerSummary { margin-top: 15px; } #offerDisplay #offerSummary thead th { font-size: 1.2em; padding-left: 6px;background: #111; } #offerDisplay #offerSummary tbody th, #offerDisplay #offerSummary tbody td { margin: 2px; background: #111; padding: 3px 6px; font-size: 1.1em; color:#999;} #offerDisplay #offerSummary tbody tr.savings td, #offerDisplay #offerSummary tbody tr.savings th { font-weight: bold; font-size: 1.2em;color:#fff; } #offerDisplay p{color:#999;}