/* ==============================================
	Store stylesheet - Dyson Airblade
	Version: v1.0 - Wide site
	Author: Jon Boyce - 01/02/2008
/* ==============================================*/

/* HEADING (support and ask dyson logo) =========*/
	img.askdysonlogo{position: absolute; right: 20px; top: 120px;}

/* Support(second level) Navigation =============*/
	#navStore { position: absolute; top: 77px; left: 390px; }
	#navStore li { display: inline; }
	#navStore li a { display: block; float: left; background-position: left;text-decoration: none;  text-indent: -10000px; height: 26px; }
	#navStore li#WHERETOBUY a { width: 96px; background: url(/images/nav/nav_wheretobuy.png) no-repeat; }
	#navStore li#EXPERT a { width: 104px; background: url(/images/nav/nav_getexperthelp.png) no-repeat; }
	#navStore li#FILTERWASH a { DISPLAY:NONE }
	#navStore li#WHERETOBUY a:hover, #navStore li#WHERETOBUY a:focus, #navStore li#WHERETOBUY.on a, #navStore li#EXPERT a:hover, #navStore li#EXPERT a:focus, #navStore li#EXPERT.on a { background-position: right; }

/* Panel style for support ======================*/
	.panels {float:left;}
	.panel {float:left; width:202px; height:200px; margin-left:10px; padding-left:10px; border-left:1px solid #E5E5E5; }
	.panel_holder {float:left;clear:both;margin:0 0 20px 0;width:900px}
	.panel_holder ul{margin:1.1em 0;}
	.panel_holder strong.email a {display:inline;background:none;padding:0;text-decoration:underline;}
	.bottom_most {clear:both;padding:20px 0 0 0;border-top:1px solid #E5E5E5;}
	.left_most {margin-left:-10px;border-left:none;}
	div.doublewidth {width:425px;}
	
	ul.nav a {display:block;padding:0 0 0 12px;text-decoration:none;background: url(/images/icons/arrow_g.png) no-repeat 0 4px;}
	ul.nav a:hover {background: url(/images/icons/arrow_b.png) no-repeat 0 4px;}
	
	/* Some of the Outer style change for support also in layout.css */
	#outer{float:left; clear:left; width:924px; background: #fff; padding: 20px 10px 20px 20px; border: 10px solid #e0e0e0; margin: 18px 0px; position: relative; }
	#outer a, #outer p{color: #666; font-size: 1.1em}
	#outer h2{ color: #000; font-size: 1.3em; font-weight: bold; margin-bottom: 0; }
	#outer h2 span{color: #000; }
	#outer li{list-style:decimal; margin-left:10px;}
	
	#outer ul.back li a:hover,#outer ul.backFoot li a:hover{background:url(/images/icons/arrow_back_b.gif) no-repeat scroll left center;}
	
	div#expert p {clear:both;clear:both;color:#000;}
	div#expert li.left {float:left;width:20%}
	div#expert li.right {float:right;width:75%}
	
	/*need to find px for width*/
	div#resultsHolder div#results{width:710px;padding:0 0 15px 0;margin:0 0 0 30px;}
	ul.back li{position:absolute;top:-3px;right:0;}
	div#results ul.txt li{clear:left;margin:0;font-size:1.1em;list-style-type:disc;}
	div#results img{clear:both;float:left;margin:10px 0}
	div#results span.back a, ul.back li a{margin:0;background:url(/images/icons/arrow_back_g.gif) no-repeat scroll left center;text-decoration:none;}
	div#results span.backFoot a, ul.backFoot li a{margin:0;background:url(/images/icons/arrow_back_g.gif) no-repeat scroll left center;text-decoration:none;}
	
	
	div#leftNav {width:175px;}
	
	div#results h4{clear:both;padding-top:20px;margin-bottom:0px;}
    
    div#outer .fld select,div#results p{clear:both;}
    div#outer .fld select{display:block;}
    


/* Product picker ===============================*/
	#results.picker h2 {color:#666; font-size:1.8em;}
	/* below to stop some styles from layout.css*/
	#outer #results { float:left; width: 670px; border:none;  position: relative; left: 0;  }
	#outer #results span.back{clear:both;float:left; margin:25px 0 0 0;}
	#outer .backFoot {float:right;}
	#outer #results span.back a{padding:0 0 0 11px;}
	
	ul.visual li a span {display:block;clear:both;}
/* Product picker width change ==================*/
    ul.base li { width: 150px; }
/* FORMS =====Sort out ie version================*/
	div.controls, span.fld input, span.fld textarea, span.fld label, span.rad label {float:left;clear:left;margin:5px 0 0 0;}
	div.controls {margin:20px 0 0 0;}
	span.fld input {margin:4px 10px 0 0;}
	span.fld span {margin:30px 0px 0px 180px}
    
    
    div#controls{display:block;clear:both;padding-top:10px;}
/* Terms and conditions, delivery =============== */
	#outer.terms p {color:#000;}
	#outer.terms ol li {list-style-type: decimal;color:#000;margin-bottom:6px;font-size:1.1em;margin-left:10px; }
	#outer.terms ul li {list-style-type:disc;margin-bottom:1.1em;font-size:1.1em;}
	div.address { margin-bottom: 2.2em; }
	div.address span { font-size: 1.1em; display: block; }

    #outer.terms ul li a{font-size:1em;}
    
    
    .colLeft{float:left;display:block;width:20%;margin-left:10px;}
    .colLeft ul{margin-left:-10px;}
	.colLeft li.on { font-weight:bold; }
    .colLeft ul li,.colRight ul li{list-style-type:none !important;}
    
    .colRight{float:left;display:block;width:70%;border-left:1px solid #e7e7e7;padding-left:20px;}
    .colRight h1{color:#000;}
    .colRight ul{margin-left:-10px;padding-bottom:10px;}

/* Privacy ======================================*/ 
	#faqs {border-top:1px solid #DFDFDF;padding-top:2.2em;}
	#faqs ul.nav {list-style-type:none;margin:0 0 2.2em 0;font-size:1em;}
	#faqs ul.nav li {list-style-type:none;margin-bottom:0;}
	#faqs ul.nav a { display: inline-block; padding-left: 10px; background: url(/images/icons/arrow_b.png) no-repeat left; font-size: 1.1em; text-decoration: none;color:#000;}
	#faqs ul.nav a:hover { background: url(/images/icons/arrow_g.png) no-repeat left; color:#666;}
	#outer div.faq{padding-bottom:2.2em}
	#outer div.faq a.back { display: inline-block; padding-left: 10px; background: url(/images/icons/arrow_g.png) no-repeat left; font-size: 1.1em; text-decoration: none;  }
	#outer div.faq a.back:hover{ background: url(/images/icons/arrow_b.png) no-repeat left; }
	
	
	#outer a{font-size:1.0em;}
	#outer ul a{font-size:1.1em;}
	
	
	.floatRight{float:right;}
	p{clear:left;}

	#outer ul.nav li{margin-left:0;list-style-type:none !important;}
	
	/* Serial Number page */
	.serialImg{float:right;margin-top:-10px;}
	#serialNumber{list-style:none;margin:0px;padding:0px;clear:both;}
	#serialNumber li{display:inline;width:105px;float:left;margin-right:25px;}
	#serialNumber li .head{font-weight:bold;font-size:1.3em;}
	
/* SUPPORT HOME PAGE PANELS */
    
    #supportPanelHolder{height:220px;display:block;} /* used to stop the page jumping in IE6 when the panel div is set to display:none */
    
    #supportPanel{display:block;width:385px;height:0px;overflow:hidden;background-image:url(/images/support/supportPanel_bg.png);background-repeat:repeat-x;}
    
    #supportPanel p{font-size:1.3em;margin-top:10px;}

    
    #supportPanel .supBoxLeft{float:right;text-align:right;width:220px;margin-right:20px;}
    #supportPanel .supportPanelHeader{float:right;margin-right:20px;}
    #supportPanel .supportPanelHeaderCentre{}
    #supportPanel .supBoxLeft p{margin-top:15px;}
    #supportPanel .supportPanelImg{float:left;}
   
    #supportPanelHolding{display:block;width:385px;height:210px;padding:5px 10px 0px 30px;background-image:url(/images/support/supportPanel_bg.png);background-repeat:repeat-x;}

   
   
    .subBoxCentre{font-size:1.1em;text-align:center;width:300px;margin-left:auto;margin-right:auto;display:block;height:190px;padding:25px 10px 0px 30px;}
    .subBoxCentreJS{text-align:center;width:300px;margin-left:auto;margin-right:auto;display:block;height:190px;padding:0px 10px 0px 30px;}