/* ===================================================
	Technology stylesheet - Dyson UK
	Version: v1.0
	Author: Nick Aspinall - 12/08/2008
	Updated: 
	Updated By: 
/* =================================================*/
/* Panels */
	#panels { clear:both; width:974px; padding:20px 0; margin:0; border-top: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e; }
	#panels h3 { text-transform:uppercase; font-weight:normal !important; color: #fff; text-decoration: none; font-size: 1.2em; }
	#panels h3 a {  font-weight:normal !important; color: #fff; text-decoration: none; }
	#panels h3 a:focus { color: #fff !important; }
		#panels li.double h3{ padding-top:2px; margin-bottom:17px;}

	#panels .left { float:left; }
	#panels .right { float:right; width:85px; text-align:right; }

	ul.panels { float:left; width:934px; margin:0 20px; background:url(/images/nav/panelFix.png) repeat-y 235px 20px; }
	#panels li { line-height:1.1; }
	#panels li ul.panelLinks li { margin:0 0 7px 2px; list-style:none; font-weight:bold; }
	#panels li ul.panelLinks li a { margin:0; padding-left:8px; font-size: 1.1em; text-decoration:none; display:block; background: url(/images/icons/arrow_g.png) no-repeat 0 2px; color:#747474; }	
	
	#panels li ul.panelLinks a:hover, #panels li ul.panelLinks a:focus, ul.panelLinks li a.on { color:#fff; background: url(/images/icons/arrow_w.png) no-repeat 0 2px; }
	#panels li.nav ul.navPanelLinks a:hover, #panels li.nav ul.navPanelLinks a:focus, ul.navPanelLinks li a.on { color:#fff; background: url(/images/icons/arrow_w.png) no-repeat 0 3px; }
	
	#panels li a.noarrow{ background-image:none; }

/* Airblade Specificf Panels */
		/* Global Panel Styles */
		.linkGap { margin-bottom:8px !important; }
		#panels li div.left { width:100%; margin:0; padding:0; /*overflow:hidden;*/ }
		#panels li div.left h5 { margin:20px 0; padding:0; color:#fff; font-size:1.4em; font-weight:normal; } 
		#panels li div.left h6 { margin:0; padding:0; font-weight:normal; font-style:italic; line-height:1.2em; }
		#panels li div.left p { margin:20px 0 0 0; padding:0; color:#fff; font-size:1.1em;  }
		#panels li div.left ul { margin:20px 0 0 0; padding:0; }
		#panels li.tech, #panels li.news, #panels li.want, #panels li.cstudy, #panels li.accred, #panels li.calculate, #panels li.seeit, #panels li.buy { padding:0; margin:0 17px 0 16px;; }
		
		/* EXPLORE PANEL */
			#panels li.tech div.right img.airblade { margin:20px 0 10px 0; padding:0; }
			
		/* CARBON LABEL PANEL */
		    #panels div.right img.carbon { margin:10px 0px 0px 8px; padding:0; }
		
		/* NEWS PANEL */
			li.news .home_Panel_ABRange_Copy{float:left; width:120px; margin-right:10px;}
				li.news .home_Panel_ABRange_Copy p{margin-top:10px !important;}
			li.news .home_Panel_ABRange_Logos{float:left; width:70px; margin-top:0px !important;}
				li.news .home_Panel_ABRange_Logos img{padding-top:10px !important;}
						
		/* ACCREDITATIONS PANEL */
			#panels li.accred ul.panelLinks li.accredList { margin-bottom:4px; font-size:1.1em; color:#747474; }
			#panels li.accred div.right img.nsf { margin:0; padding:0; }	
			
		/* WANT IT PANEL*/ 
			#panels li.want div.right img.tech { margin:20px 0 10px 0; padding:0; }
					
		/* CASE STUDY PANEL */ 
			#panels li.cstudy div.right img.edf { margin:0; padding:0; }
			
		/* CALCULATE PANEL */ 
			#panels li.calculate div.right img.calculator { margin:0 0 10px; padding:0; }
			#panels li div.left ul.panelLinks li.calculate { margin:60px 0 0 0; }
			
        /*  NAV PANEL*/
		#panels li.nav { margin-right:0 !important; background:#232323 url(/images/nav/bg_navPanel.png) repeat-x scroll left top; border-right:none !important; }
			#panels li.nav ul.navPanelLinks { padding-top:10px; text-transform:uppercase; }
			#panels li.nav ul.navPanelLinks li { margin:0 0 7px 2px; list-style:none; font-weight:normal; }
			#panels li.nav ul.navPanelLinks li a { margin:0; padding-left:10px; font-size:1em; line-height:1.3em; text-decoration:none; display:inline-block; background:url(/images/icons/arrow_g.png) no-repeat 0 3px; display:block; color:#999; }

/* Page Panels */
		ul.panels li.panel { width:205px; display: block; float: left; /*border-right: 1px solid #2e2e2e;*/ padding: 6px 0; margin: 0 20px 0; margin-bottom:0 !important; min-height: 17em; }
		ul.panels li.first { width:216px; margin-left:0 !important; }
		ul.panels li.offer { background: url(/images/support/offer_flag_panel.png) no-repeat top right; }
		ul.panels li.double { width: 45.6%; }
		ul.panels li.support { background: url(/images/standard/logo_ask_dyson_sml.png) no-repeat 85% 3px; }
			
			
			ul.panels li.panel img{padding-top:40px;}
			
			
		ul.panels li.last { border-right: 0; padding: 8px 0px 0px 0px; }
			ul.panels li.panel div.account { display: block; background: #121212; min-height: 15.2em; padding: 8px 12px 0px 10px; }
			ul.panels li.panel div.account h3 { font-size: 1.2em; margin-bottom: 2px !important; font-weight: bold; }
			ul.panels li.panel div.account ul.links { margin: -3px 0 2px; }
			ul.panels li.panel div.account ul.links li { margin-top: 2px !important; }
                        ul.panels li.panel div.account form fieldset { padding-left: 0; }
			ul.panels li.panel div.account form legend { display: none; }
			ul.panels li.panel div.account form div.fld { margin-bottom: 4px; }
				ul.panels li.panel div.account form div label { display: block; font-size: 1.1em; margin-bottom: 1px; color: #9b9b9b; }
				ul.panels li.panel div.account form div label:hover, ul.panels li.panel div.account form div label:focus { color: #fff; }
				ul.panels li.panel div.account form div input.txt { width: 175px; font-size: 1.1em; border: 1px solid #fff; color: #666; padding: 3px 0 3px 5px; }
				ul.panels li.panel div.account form div input[type="image"] { border: 1px solid #000; margin-left: -1px; }
				ul.panels li.panel div.account form div input:focus { background: #fff; color: #000; }
			ul.panels li.panel div.account form div.controls { padding: 3px 0 6px; }
			ul.panels li.panel div.account { padding-bottom: 5px; }
			
			div.offerDiv{width:110px;display:block;float:left;padding-left:100px;background-repeat:no-repeat;background-position:top left;}
			
			div.cck{background-image:url(/images/offer_cck.png);}
			div.tools{background-image:url(/images/offer_dc162tools.png);height:140px;}
			
			div ul a.noarrow{background-image:none !important;}
				ul.text {color: #999;}

				

                ul.panels li p.phone { font-size: 1.1em; font-weight: bold; }
                ul.panels li p.phone span { font-size: 1.3em; color: #fff; } 
                
        ul.panels li #panelStore{background: url(/images/panel_products.jpg); background-repeat:no-repeat; background-position: -16px -7px; min-height: 21.5em;display:block; }                				
		ul.panels li #technology{background: url(/images/panel_wmdd.jpg); background-repeat:no-repeat; background-position: -15px -5px; min-height: 21.5em;display:block; }
		ul.panels li #doubleOffer{background: url(/images/panel_product_offers.jpg); background-repeat:no-repeat; background-position: 79px 29px; min-height: 21.5em; }
		ul.panels li #ball { width:190px;background: url(/images/panel_new_from_dyson.jpg) no-repeat 0px 11px; padding-left:10px;padding-right:20px;margin-left:-13px;margin-right:10px;min-height: 21.5em; }

	    li.panel { min-height: 15.2em; margin-bottom: 0; padding-bottom: 0; }
		    li.panel dl { font-size: 1.1em; margin-bottom: 0; }
			    li.panel dl dt { margin-bottom: 3px; color: #999; }
			    li.panel dl dd { margin-left: 0; }
				    li.panel dl dd a { color: #999; }
				    li.panel dl dd a:hover, li.panel dl dd a:focus { color: #fff; }
		    li.panel p { color: #999; margin-bottom: 8px !important; line-height: 1.4 !important; }
		    li.offer h3 { padding-top: 6px; }
		    li.offer img  { float: right; margin: 10px 12px -5px 15px; }
	    li.panel a:focus{color:#fff !important;}




	#panels li a.noarrow{background-image:none; margin: 0; padding-left: 0 !important;}
		#panels li.panel p { color: #868686; line-height: 1.2; margin: 0.5em; }
		#panels li.panel img { margin: 0; }
		#panels li.panel ul.links li { width: 188px; margin-bottom: 7px; }
		#panels li.panel ul.links li a span { width: 190px; line-height: 1.3; }
		#panels li.double ul.links { width: 95%; height: 160px; margin-bottom: 0; }
		#panels li.support { border-right: 0; }