
/* ===================================================
	Technology stylesheet - Dyson UK
	Version: v1.0
	Author: Chris Knight - 26/06/2008
/* =================================================*/    
	#letterbox{margin:20px 0px !important; padding:0px 20px 20px; border-bottom:1px solid #333333;}
		#letterbox #letterboxImage{float:right; margin:52px 10px 0px 0px;}
		#letterbox #letterboxText{width:535px; float:left; margin-right:50px;}
		#letterbox #letterboxText h1{font-size:2.5em; margin-bottom:20px;}
		#letterbox #videoDiv_letterboxText_0{margin-top:30px;}
        
	#information{margin:20px;position:relative;}
		#information h2{width:400px;}
		#information h3{font-size:1.4em; font-weight:bold; margin-bottom:10px;}
			#section1{float:left; width:380px; margin-top:20px;}
				#section1 #section1Image{float:left; margin-right:20px;}
				#section1 p{margin-bottom:25px}
			#section2{float:right; width:475px; margin-top:20px; position:relative;}
				#section2 #section2Information{float:left; width:270px; }
					#section2Information ol.rolloverList{list-style:none; margin:20px 0px 0px;}
						#section2Information ol.rolloverList li {padding:0px 0px 15px 0px;display:block; font-size:1.1em;}
							#section2Information ol.rolloverList li a{color:#999999;}
							#section2Information ol.rolloverList li a:hover, #section2Information ol.rolloverList li a:focus{color:#FFFFFF;}
							li#listItem1 a{background:url("/images/technology/allergy/listNumber1_grey.png") no-repeat; padding-left:30px; display:block; cursor:text; text-decoration:none; color:#FFFFFF !important;}
							li#listItem1 a:focus, li#listItem1 a:hover{color:#FFFFFF; background:url("/images/technology/allergy/listNumber1_yellow.png") no-repeat; }
								li#listItem1 a span.rolloverImage{top:232px; right:52px; background:url("/images/technology/allergy/listNumber1.png") no-repeat;}
								
							li#listItem2 a{background:url("/images/technology/allergy/listNumber2_grey.png") no-repeat left top; padding-left:30px; display:block; cursor:text; text-decoration:none;}
							li#listItem2 a:hover, li#listItem2 a:focus{color:#FFFFFF; background:url("/images/technology/allergy/listNumber2_yellow.png") no-repeat;}
								li#listItem2 a span.rolloverImage{top:134px; right:67px; background:url("/images/technology/allergy/listNumber2.png") no-repeat top left;}
								
							li#listItem3 a{background:url("/images/technology/allergy/listNumber3_grey.png") no-repeat left top; padding-left:30px;display:block; cursor:text; text-decoration:none;}
							li#listItem3 a:hover, li#listItem3 a:focus{color:#FFFFFF; background:url("/images/technology/allergy/listNumber3_yellow.png") no-repeat;}
								li#listItem3 a span.rolloverImage{top:59px; right:10px; background:url("/images/technology/allergy/listNumber3.png") no-repeat top left;}
								
							li#listItem4 a{background:url("/images/technology/allergy/listNumber4_grey.png") no-repeat left top; padding-left:30px;display:block; cursor:text; text-decoration:none;}
							li#listItem4 a:hover, li#listItem4 a:focus{color:#FFFFFF; background:url("/images/technology/allergy/listNumber4_yellow.png") no-repeat;}
								li#listItem4 a span.rolloverImage{top:1px; right:45px; background:url("/images/technology/allergy/listNumber4.png") no-repeat top left;}
								
				#section2 #section2Image{float:right; margin-left:20px;}
				
	/*grey panel at bottom of page*/
	/*-- Global --*/
		#all_Content p.all_intro{width:550px; font-size:1.2em;}
		#all_Content h1, #all_Content h2, #all_Content h3{color:#000000;}
		#all_Content .all_LogoImageCenter{margin:0px auto; display:block;}
		.all_Columns{margin-top:40px;}
			.all_Columns h3{font-weight:bold; font-size:1.4em; color:#333333; line-height:1.2em;}
			.all_FourColumns{float:left; width:210px; margin-right:25px;}
			.all_FiveColumns{float:left; width:170px; margin-right:20px;}
			.all_TwoColumns{float:left; width:240px; margin-right:20px;}
			.all_OneColumn{float:left; width:450px; margin-right:20px;}
			.all_FinalColumn{margin-right:0px;}
			.all_Columns a{background:url("/images/arrow.png") no-repeat left center; padding-left:12px; text-decoration:none; margin-top:-5px;  margin-bottom:10px; display:block;}
				.all_Columns a:hover, .all_Columns a:focus{background:url("/images/arrow_dg.gif") no-repeat left center; color:#333333;}


/*----------------*/
/*Asthma pages*/
		/*-- Allergy panel --*/
		#all_AllergyColumn{position:relative;}
		#all_AllergyColumn div{min-height:370px; height:auto !important; height:370px;}
		#all_AllergyColumn div img{position:absolute; bottom:0px; margin-left:20px;}
		#all_AllergyColumn h3{min-height:35px; height:auto !important; height:35px;}
			#all_AllergyColumn p{margin-bottom:140px;}
		
		/*-- Home tips panel --*/
		#all_HomeTipsColumn{float:left; width:500px;}
			#all_HomeTipsColumn .newRow{clear:both;}
				#all_HomeTipsColumn .all_TwoColumns h3{margin:20px 0px 10px;}
            #all_HomeTipsColumn h3{margin-bottom:10px;}
            #all_HomeTipsColumn a{margin-bottom:20px;}
            #all_HomeTipsColumn p{margin-bottom:15px;}
		#all_HomeTipsImage{float:right; margin-top:40px;}
		
		/*-- Microbiology panel --*/
		#all_MicroBiologyColumn img{float:left; margin-right:5px;}
		
		/*-- Allergy machines selection --*/
		#all_AllergyProducts{margin-bottom:-20px;}
		#all_AllergyProducts #ballTech_ProductInfo{float:left; margin-right:40px; width:300px;}
			#ballTech_ProductInfo h3{margin:17px 0px 27px;}
		#all_AllergyProducts #ballTech_Products{float:left;}
		#all_AllergyProducts .navModel a{background:none; padding-left:0px;}
			#all_AllergyProducts a#link{width:200px;}
		#all_AllergyProducts ul{list-style:none; margin:0px;}
			#all_AllergyProducts .prod{float:left; width:160px; color:#666666; margin-right:25px;}
				#all_AllergyProducts .prod a.productImage{margin-bottom:5px; min-height:300px; height:auto !important; height:300px; position:relative;}
					#all_AllergyProducts .prod a.productImage img{position:absolute; bottom:0px;}
				#all_AllergyProducts .prod h3{text-indent:-10000em; height:40px;}
				#all_AllergyProducts .prod h4{margin-bottom:5px; font-size:1.2em; font-weight:bold; min-height:50px; height:auto !important; height:50px; color:#666666; width:130px;}
				#all_AllergyProducts .prod #DC19-ALLERGY{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC19-ALLERGY.png") no-repeat top left;}
				#all_AllergyProducts .prod #DC20-STOW-ALLERGY{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC20-STOW-ALLERGY.png") no-repeat top left;}
				#all_AllergyProducts .prod #DC22-ALLERGY{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC22-ALLERGY.png") no-repeat top left;}
				#all_AllergyProducts .prod #DC22-ALLERGYPARQUET{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC22-ALLERGYPARQUET.png") no-repeat top left;}
                #all_AllergyProducts .prod #DC23-ALLERGY{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC23-ALLERGY.png") no-repeat top left;}
                #all_AllergyProducts .prod #DC23-ALLERGYPARQUET{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC23-ALLERGYPARQUET.png") no-repeat top left;}
				#all_AllergyProducts .prod #DC24-ALLFLOORS{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC24-ALLFLOORS.png") no-repeat top left;}
				#all_AllergyProducts .prod #DC25-ALLFLOORS{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC25-ALLFLOORS.png") no-repeat top left;}
				#all_AllergyProducts .prod #DC25-ALLERGY{background:url("http://media.dyson.com/images_resize_sites/images/products/productNames/LogosName_Small/Wht_DC25-ALLERGY.png") no-repeat top left;}
