/*
 * Global css for Finish
 *
 * @author Richard Hallows
 */


/*
 * html elements
 */
		/* reset margins and padding - cross browser compatibility */
		* {
			margin: 0px;
			padding: 0px;
		}

		html {
			height: 100.1%; /* vert scroll in firefox */
			margin-bottom: 1px; /* vert scroll in safari */
		}

		body {
			background: url("../images/generic_body_bg.jpg") #1E3378 no-repeat top center;
			font: 62.5%/1.2 Arial, Helvetica, Verdana, sans-serif; /* reset 1em to 10px, 1.2 is correct default for paras */
			text-align: center; /* ie center */
			color: #fff;
		}
			
.show{}
.hidden{display:none}		
		/*
		 * headings
		 */
				/* common properties */
				h1, h2, h3, h4, h5 {				
					margin: 0px 0px 0.5em 0px;
					font-size: 1em;
					line-height: 1;
					font-weight: bold;
					
				}
				
				h2 {
					margin: 0px 0px 0.85em 0px;
					font-size: 2.35em;
				}
				
				/*
				 * sirf h2
		 		 */	
						.sIFR-active h2 {
							visibility: hidden;	
							margin: 0px 0px 0.5em 0px;	
							font-size: 2.5em;
							font-family: Verdana, sans-serif;				
						}	
						
				h3 {
					margin: 0.8em 0px 0.7em 0px;
					font-size: 1.6em;			
				}
				
				/*
				 * sirf h3
		 		 */				
						.sIFR-active h3 {
							visibility: hidden;	
							font-size: 1.9em;	
							font-family: Verdana, sans-serif;	
						}
				
				/*h4 {
					margin: 0px 0px 0.3em 0px;
					font-size: 1.2em;
					text-transform: uppercase;
				}
				
				/*
				 * sirf h4
		 		 			
						.sIFR-active h4 {
							visibility: hidden;	
							margin: -2px 0px 0.3em 0px;
							font-size: 1.2em;		
							font-family: Verdana, sans-serif;					
						}*/
				h5 {
					margin: 0px 0px 0.7em 0px;
					font-size: 1.2em;
					text-transform: uppercase;
				}
				
				/*
				 * sirf h5
		 		 */			
						.sIFR-active h5 {
							visibility: hidden;	
							margin: 0px 0px 0.3em 0px;
							font-size: 1.4em;
							line-height: 1;	
							font-family: Verdana, sans-serif;					
						}
			
		/*
		 * lists
		 */			
				ul {
					margin: 0px 0px 1.4em 0px;
				}
				
				ul, li {
					list-style: none; /* bg is more consistent than list-image */	
				}
				
				li {
					padding: 7px 0px 7px 28px;	
					background: url("../images/generic_li_bullet.png") no-repeat 0px 0px;				
				}
				
				dl {
					margin: 0px 0px 1.4em 0px;
				}
				
				dl dt {
					margin-bottom: 1em;
					font-weight: bold;
				}	
				
				dl dd {
					margin-bottom: 2em;
				}
				
				dl dd li {
					background: url("../images/generic_dd_li.gif") no-repeat 16px 13px; 
				}			
		
		/*
		 * tables
		 */
		 		table {
					table-layout: fixed;
					width:612px;
					margin: 0px 0px 1.8em 0px;
					border-collapse:collapse;
					border: 1px solid #656d88;
				}
				
				table caption {
					padding: 10px 10px 25px 10px;
					border: 1px solid #656d88;
					border-bottom: none;
					font-size: 1.1em;
					font-weight: bold;
					text-align: left;	
				}
				
				table th, table td {
					padding: 10px;
					border: 1px solid #656d88;
					vertical-align: top;
					text-align: left;
				}	
						
				table thead th {
					font-size: 1.1em;
					font-weight: bold;
				}	
				
				table tbody th {
					text-transform: uppercase;
					font-weight: normal;
				}
							
		/*
		 * forms
		 */
				 /*
				 * grouping and labels
				 */	

						fieldset { 		
							border: 0px;
						}
						
						legend {	
							display: none;
						}
					
						label {	
							display: block;
						}
				
				/*
				 * elements
				 */
						input, textarea, select {
							font-family: Arial, Helvetica, Verdana, sans-serif;
							font-size: 1em;
							border: 1px solid #adaeb2;
							background: #4A679E !important;
							color: #fff;
						}
						
						input, textarea {
							padding: 2px 8px;
						}
						textarea {
							overflow:auto;
						}
						input.checkbox {
							background:none !important;
						}
						input.button {
							width: auto;
						}
						
						input.button_contact {
							border: 0px solid black;
							background:none !important;
							outline: none; /* remove dotted border around selected navigation in Firefox */
							
						}
						
						input.hidden {
							display: none;
						}

											
		/*
		 * links
		 */
		 		a {
					color: #fff;				
					text-decoration: underline;
					outline: none;
				}

				a:hover {	
					text-decoration: none;
				}

				a:active {
					outline: none; /* remove dotted border around selected navigation in Firefox */
				}

		/*
		 * text
		 */
				p {
					margin: 0px 0px 1.4em 0px;
				}
				
				p.contact {
					margin: 0px 0px 1.4em 0px;
					font-size: 0.8em;
				}
				
				address {
					font-style: normal;
				}
				
		/*
		 * misc
		 */
				img {
					border: none;
				}

				.space10 {
					display: block; clear: both; height: 10px;
				}

		/*
		 * global classes
		 */
				/*
				 * clearfix - fixes float clearing issues
				 */		
						.clearfix {
							display: block; /* safari and opera */
						}

						/* Gecko-based browsers */
						 .clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
						/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */

				/*
				 * ul  change | into | horizontal | navigation | links
				 */
						ul.horizlist { 
							margin: 0px;
						}

						/* float selected element and all other links */
						ul.horizlist li {
							display: block;
							float: left;
							padding: 0px 18px 0px 0px;
							margin: 0px 18px 0px 0px;
							border-right: 1px solid #fff;
							background-image: none;
						}

						/* remove left padding from first item in a list */
						ul.horizlist li.first {
							padding-left: 0px;
						}
						
						/* remove right padding from last item in a list */
						ul.horizlist li.last {
							margin-right: 0px;
							padding-right: 0px;
							border-right: none;
						}
				
				/*
				 * SIFR - standard sIFR styles... do not modify
				 */
						.sIFR-flash {
							visibility: visible !important;
							margin: 0;
						}

						.sIFR-replaced {
							visibility: visible !important;
						}

						span.sIFR-alternate {
							position: absolute;
							left: 0;
							top: 0;
							width: 0;
							height: 0;
							display: block;
							overflow: hidden;
						}
						
						/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
						.sIFR-flash + div[adblocktab=true] {
						  display: none !important;
						}
						
				/*
		 		 * media popup box for tv spots
		 		 */				
						div.displayBox	{
							background-color : #000 !important;
						}	
						
						div.mediabox {
							border: 3px solid #ddd;  
						    margin: auto;  
						    background: white;  
						    text-align: center;  
						    font-weight: bold;  
						    padding: 10px;  		
						}
						
						div.mediabox div {
							padding : 5px 8px 0px 0px;
							text-align : right;
							color : #666;
						}		
						iframe {border: 0; overflow:hidden;}				
				/*
				 * horizontal rule (hr) - allows universal control
				 */
						.hr {
							clear: both;
							height: 1px;
							color: #2C57AA; /* needed for IE */
							background-color: #2C57AA;
							border: 0px solid #2C57AA; /* necessary to ensure hr is only 1px high in all browsers */
							padding: 0px;
							margin: 1em 0px;
						}
	
						hr {
							display: none;
						}				
						
				/*
				 * read more (findout more) link
				 */
						p.findoutmore {
							margin-top: -10px;
							line-height: 1.8;
						}
						
						p.findoutmore a {
							text-decoration: none;
							text-transform: uppercase;
						}
						
						p.findoutmore img {
							vertical-align: middle;
						}	
				/*
				 * tv spots (not on homepage) with image breaking out of box
				 */							
						#content #coltwo .container.breakout  {
							width: 198px !important;
							padding-top: 5px;
							padding-left: 0px;
							margin: 0 0 0 0px;
							background: url("../images/home_container_bg.png") no-repeat 0px 0px !important;
						}
						
						#content #coltwo .container.breakout .image {
							width: 68px;
						}
																	
						#content #coltwo .container.breakout .copy {
							display: inline;
							width: 124px;
							margin-left: 5px;
						}
						
						#content #coltwo .containerbot.breakout  {
							margin-left: 0;
						}		
				
				/*
				 * container ("container" is shared word for transparent box promos) - default setting = l
				 */
				 		.containerPhoto {
							position: relative; /* cos of abs positioned "read more" button */
							width: 211px;
							margin: 0px 0px 20px 0px;
				 			padding: 0px 0px 0px 0px;
						}
						.container {
							position: relative; /* cos of abs positioned "read more" button */
							width: 178px;
							margin: 0px 0px 0px 0px;
				 			padding: 12px 15px 15px 20px;
							background: url("../images/generic_container.png") transparent repeat 0px 0px;
						}
									
						.container p {
							margin-bottom: 0.2em;
							font-size: 0.9em;
						}
						
						.container p a.boxes {
							text-decoration:none;
						}
						
						.container p a:hover.boxes {
							text-decoration:underline;
						}
						
						.container .image {
							display: inline;
							float: left;
							width: 50px;
						}
				
						.container .copy {
							float: left;
							width: 120px;
						}
					
						.container .printcopy {
							float: left;
							width: 100px;
						}
					
						.container .readmore {
							position: absolute;
							bottom: 6px;
							right: 12px;
							width: 26px;
							height: 26px;
						}
						
						.container .orange {
							position: absolute;
							bottom: -15px;
							right: 142px;
							width: 120px;
							height: 120px;
						}
						
						
						.container .readmore a, .container .readmore a img .orange a img {
							display: block;
						}
																						
						.containerbot {	
							margin-bottom: 20px;		 			
							height: 2px;
				 			background: url("../images/generic_container_bot.png") transparent no-repeat 0px 0px;
				 		}
						
						/*
						 * container : tv spot (appears in both sidebar and rhs)
						 */
								.container.tvspot {
									width: 203px;
									padding: 6px 5px 5px 5px;
								}
								
								.container.tvspot .image {
									width: 110px;
						 		}	
								
								.container.tvspot .copy {
									width: 93px;
						 		}	
								.container.tvspot .image img {
									border: 1px solid #394C82;
								}	
															
				
						/*
						 * container : other ways to contact us spot (appears in both sidebar and rhs)
						 */
								.container.owtcspot {
									width: 203px;
									padding: 6px 5px 5px 5px;
								}
								
								.container.owtcspot .image {
									width: 54px;
						 		}	
								
								.container.owtcspot .image img {
									padding: 0px 0px 5px 6px;
								}	
								
								.container.owtcspot .copy p {
									padding: 10px 0px 0px 20px;
									width: 130px;
						 		}	
				/*
				 * questions list (used for manu questions and faq)
				 */
						ul#questions li {
							padding-top: 5px;
							padding-bottom: 0px;
							background: url("../images/generic_questions_li.gif") no-repeat 16px 8px; 
						}
/*
 * global ids / areas
 */
		/*
		 * wrapper
		 */
				#wrapper {
					width: 866px;	
					margin: 0px auto; 
					text-align: left;
					font-size: 1.2em; /* default font-size = 12pt */
				}		
				
		/*
		 * header (logo and navigation )
		 */
				#header {
					
				}
				
				/*
				 * header: logo
				 */ 						
						#header h1 {
							display: inline; /* ie double margin bug */
							float: left;							
							width: 229px;
							height: 103px;
							margin: 2px 0px 0px 3px;
						}
						
				/*
				 * header: primary nav
				 */
						#navigation {
							display: inline; /* ie double margin bug */
							float: left;
							width: 590px;
							*width: 590px;
							margin: 32px 0px 0px 28px;
							line-height: 1;				
						}

						#navigation li {
							min-height: 2.8em;
							margin: 0px 7px 0px 0px;
							padding: 0px 7px 0px 0px;
							background: url("../images/generic_nav_separator.gif") transparent no-repeat center right;
							border: none;
							text-align: center;													
						}
						
						#navigation li.last {
							background-image: none;
							margin-right: 0px;
							padding-right: 0px;
						}
						
						#navigation li a {	
							display: block;
							padding: 0px 1px 5px 0px;
							
							font-family: Tahoma, Arial, Helvetica, sans-serif;										
							font-size: 1.2em;
							text-decoration: none;
							text-transform: uppercase;
						}
						
						#navigation li.active a,
						#navigation li a:hover {
							background: url("../images/generic_nav_underline.gif") transparent repeat-x bottom left;						
						}
								
		/*
		 * main 
		 */
				#main {
					width: 868px;
					margin: 35px 0px 0px 0px;
					padding-bottom: 50px;
				}
				
				/*
				 * main : side bar
				 */
						#main #sidebar {
							display: inline; /* ie double margin bug */
							float: left;
							width: 213px;
							margin: 4px 32px 0px 6px;						
						}
						
						/*
						 * main : side bar : sub nav
						 */							
								#sidebar #subnav {
									width: 178px; 
									padding: 17px 22px 10px 22px;
									background: url("../images/generic_container_subnav.png") no-repeat 0px 0px;
								}
								
								#sidebar #subnav ul {
									margin : 0px 0px 0px 2px;
								}
								
								#sidebar #subnav ul li {
									margin: 0px 0px 15px 0px;
									padding : 0px;		
									background-image: none;						
								}
								
								#sidebar #subnav ul li.last {
									margin-bottom: 0px;								
								}
								
								#sidebar #subnav a {
									font-size: 0.95em;
									text-decoration: none;
									text-transform: uppercase;
								}
								
								#sidebar #subnav a:hover,
								#sidebar #subnav li.active a {																
									text-decoration: none;
									color: #6EB2EB;
								}	
								
								/*
						 		 * main : side bar : sub nav : tier 2
								 */			
										#sidebar #subnav ul li ul {
											margin: 0px 0px 0px 4px;
											padding: 7px 0px 0px 0px;
											background: url("../images/generic_subnav_tier2.png") transparent repeat-y 0px 0px;
										}
										
										#sidebar #subnav ul li ul li {
											margin: 0px 0px 8px 0px;
											padding: 0px 0px 0px 14px;
											background: url("../images/generic_subnav_tier2_ankle.png") transparent no-repeat 0px 0px;
											line-height: 0.9;
										}
										
										#sidebar #subnav ul li ul li.last {
											background: url("../images/generic_subnav_tier2_anklelast.png") transparent no-repeat 0px 0px;
										}
										
										#sidebar #subnav ul li ul li a {
											color: #fff !important;
										}
										
										#sidebar #subnav ul li ul li.active a,
										#sidebar #subnav ul li ul li a:hover {																
											color: #6EB2EB !important;
										}	
				
								#sidebar .subnavbot {
						 			width: 213px;
									height: 14px;
									margin: 0px 0px 20px 0px;
						 			background: url("../images/generic_container_subnav_bot.png") transparent no-repeat 0px 0px;
						 		}	
								
						/*
						 * main : side bar : container : tv spot (inherits most of its properties from default container)
						 */							 						
								#sidebar .container.tvspot.owtcspot .copy {
									width: 75px; /* sidebar and rhs are different widths so need to define width here */
						 		}	
				/*
				 * main : content (contains the main two columns)
				 */							
						#main #content {
							float: left;
							width: 614px;
						}
												
						/*
						 * main : content : articles (image + copy blocks) - standard one
						 */						
								#main #content .article .image {
									display: inline;
									float: left;
									width: 130px;
						 		}
								
								#main #content .article .image img {
									border: 1px solid #6271A1;
						 		}
								
								#main #content .article .copy {
									display: inline;
									float: left;
									width: 480px;
								}
								
								/*
								 * main : content : articles - wide version no 2nd col)
						 		 */												
										#main #content .article.wide .copy {
											width: 550px;
								 		}
										
								/*
								 * main : content : articles - thin version (e.g. smaller image)
						 		 */												
										#main #content .article.thin .image {
											width: 110px;
								 		}
										
										#main #content .article.thin .copy {
											width: 500px;
								 		}
										
								/*
								 * main : content : colone (of twocol) : articles - thin two col version
						 		 */			 		 
						 				#main #content #colone .article .image {
											width: 100px;
								 		}
										
										#main #content #colone .article .copy {
											width: 275px;
										}
									
						/*
						 * main: content: cols (only has #colone and #coltwo if twocol layout)
						 */		
								#main #content #colone {
									display: inline;
									float: left;
									width: 384px;
									margin: 0px 30px 0px 0px;				
								}
								
								#main #content #coltwo {
									display: inline;
									float: left;
									width: 200px;
								}
								
								/*
								 * main: content: : colone 
								 */						 												

										/*
										 * main: content: : colone : container (the combination box)
										 */	
												#main #content #colone .container {
													width: 348px;									 			
										 		}
												
												#main #content #colone .containerbot {
													width: 383px;
													background: url("../images/generic_container_combo_bot.png") transparent no-repeat 0px 0px;
												}
																						
												#main #content #colone .product {
													display: inline; /* ie double margin fix */
													float: left;
													width: 100px;
													margin-top: 2px;
													text-align: center;											
												}
												
												/*
										 		* main: content: : colone : container : three products
										 		*/
													#main #content #colone .container.twoproducts {
														background: url("../images/generic_container_combo_2pr.png") transparent no-repeat 0px 0px;											
													}
										
													#main #content #colone .container.twoproducts .productone{
														margin: 2px 70px 0px 30px;
													}
												
												/*
										 		* main: content: : colone : container : three products
										 		*/
													#main #content #colone .container.threeproducts {
														background: url("../images/generic_container_combo_3pr.png") transparent no-repeat 0px 0px;											
													}
										
													#main #content #colone .container.threeproducts .productone,
													#main #content #colone .container.threeproducts .producttwo {
														margin: 2px 23px 0px 0px;
													}
																																							
								
								/*
								 * main: content : coltwo : container (inherits most of its properties from default container)
								 */						 		
										#main #content #coltwo .container {		
											width: 188px;					 			
								 			background: url("../images/generic_container_rhs.png") transparent repeat 0px 0px;
								 		}
										
										#main #content #coltwo .containerbot {		
											width: 198px;					 			
								 			background: url("../images/generic_container_rhs_bot.png") transparent no-repeat 0px 0px;
								 		}
										
										/*
										 * main: content : coltwo : container : tv spot
										 */								 						
												#main #content #coltwo .container.tvspot .copy {
													width: 70px; /* sidebar and rhs are different widths so need to define width here */
										 		}											
													
												#main #content #coltwo .container.owtcspot .copy {
													width: 70px; /* sidebar and rhs are different widths so need to define width here */
										 		}
											
										/*
										 * main: content : coltwo : container :thin
										 */	
												#main #content #coltwo .container.tvspot.thin .image {
													width: 72px;
												}
												
												#main #content #coltwo .container.tvspot.thin .copy {
													width: 110px;
												}
												
										/*
										 * main: content : coltwo : container : print
										 */	
												.container .printicon {
													display: inline;
													float: left;
													width: 45px;
												}
												
		/*
		 * footer
		 */
				#footer {
					padding: 0px 0px 40px 0px;
					font-size: 0.8em;
				}
				
				/*
		 		 * footer : navigation
		 		 */				
						#footernav {
							text-align: center;
						}
						
						#footernav ul {
							max-width: 550px;
							margin: 0px auto;
						}			
						
						#footernav ul li {
							border-right: 1px solid #35477E;	
							line-height: 1;			
						}
						
						#footernav ul li a {				
							display: inline;
							float: left;
							text-decoration: none;
						}
						
						#footernav ul li a:hover {
							text-decoration: underline;
						}
						
				/*
		 		 * footer : copyright notice
		 		 */	
						#footer address {
							display: block;
							margin: 8px 0px 0px 0px;
							text-align: center;
						}
									
/*
 * page specific styles
 */
		/*
		 * home page and diamond standard (templates "home" and template A)
		 */		
		 		#templatehome  {
		 			background: url("../images/home_body_bg.jpg") #000 no-repeat top center;	
		 		}
				
				#templatea  {
		 			background: url("../images/ds_body_bg.jpg") #000 no-repeat top center;	
		 		}
				
				
				#templatehome #main, 
				#templatea #main {
					margin-top: 8px;
				}
				
				#templatehome #content,
				#templatea #content {
					width: 900px;	 			
		 		}
				
				/*
				 * home page
				 */			
						/*
						 * colone
						 */					
								#templatehome #content #colone {
									width: 500px;
									margin: 0px 50px 0px 96px;
									padding: 0;
								}					
								#templatehome #content #colone h2 {
									padding:0 0 0 40px;	
									background:url("../images/star.gif") 0 3px no-repeat;
								}	
								
								#templatehome p.findoutmore a {
									text-decoration: none;
									text-transform: none;
								}	
								#templatehome .star {
									text-decoration: none;
									text-transform: none;
								}	
								#templatehome #diamond {
									margin:0 0 0 50px;
								}		
													
						/*
						 * coltwo
						 */							
								#templatehome #content #coltwo {
									margin-top: 5px;
								}
								
								#templatehome #content #coltwo .container  {
									width: 198px;
									padding-top: 16px;
									padding-left: 0px;
									background: url("../images/home_container_bg.png") transparent no-repeat 0px 0px;
								}
								
								#templatehome #content #coltwo .container .image {
									width: 68px;
								}
																			
								#templatehome #content #coltwo .container .copy {
									display: inline;
									width: 124px;
									margin-left: 5px;
								}
								
								#templatehome #content #coltwo .containerbot  {
									margin-left: 14px;
								}
									
				/*
				 * template a (diamond standard)
				 */	
				 		#templatea #content {
				 			padding: 72px 0px 25px 0px;
				 			
				 		}	
						
						#templatea #content #colone {
							width: 270px;
							margin-right: 348px;
						}
						
						#templatea #main #content #colone .container,
						#templatea #main #content #coltwo .container {
							width: 250px;
							padding: 12px;						
							background: url("../images/ds_container_bg.png") transparent no-repeat 0px 0px;
						}
	
						#templatea #main #content .container h2 {
							margin-bottom: 0.1em;
							font-size: 2.1em;
							text-align: center;
						}					
						
						#templatea #main #content #colone .containerbot,
						#templatea #main #content #coltwo .containerbot {
							width: auto;
							margin-bottom: 35px;		
							background: url("../images/ds_container_bgbot.png") transparent no-repeat 0px 0px;
						}
										
						#templatea #content .container p {
							padding: 24px 0px 0px 0px;
							background: url("../images/ds_content_container_p_bg.png") transparent no-repeat 0px 0px;
							font-size: 1em;		
							text-align: center;				
						}
						
						#templatea #main #content #colone .container,
						#templatea #main #content #coltwo .container {
							width: 248px;
						}
						
						#templatea #content #coltwo {
							width: 270px;
						}	
						  							
		 /*
		  * product table page (template B)
		  */	
		 		#templateb table a {
		 			text-decoration: none;
		 		}
				
				#templateb table a:hover {
		 			text-decoration: underline;
		 		}
				
				#templateb table td.productimage {
		 			text-align: center;
					vertical-align: top;
		 		}	
				
				#templateb table tr.oddrow td, table tr.oddrow th {
					/*background: url("../images/generic_table_td_odd.png") repeat;*/
					background-color:#344276;
				}
				
				#templateb table tr.oddrow th.th-1 {
					display:block;
					width: 110px;
				}
				#templateb table tr.oddrow th.th-2 {
					display:block;
					width: 188px;
				}
				#templateb table tr.oddrow th.th-3 {
					display:block;
					width: 206px;
				}
				#templateb table tr.oddrow th.th-4 {
					display:block;
					width: 108px;
				}
				
				/*
		 		 * image position fixes
		  		 */				
						#templateb #salt {
							display: block;
							position: relative;
							margin-top: -35px;
						}
						
						#templateb #classic {
							display: block;
							position: relative;
							margin-top: -25px;
							margin-left: 5px;
						}
						
						#templateb #powerball5in1 {
							display: block;
							position: relative;
							margin-top: -25px;
							margin-left: 5px;
						}
						
						#templateb #powerballallin1 {
							display: block;
							position: relative;
							margin-top: -10px;
							margin-left: 8px;
						}
				
		 /*
		  * product pages (template cii)
		  */		  
		  		.templatecii #main #content #colone {
					width: auto;
					float: none;
				}
 			
				 /*
				  * product list
				  */	
						#content .productlist {
							margin-bottom: 1.2em;
							margin-right: 0px;
						}
		
						#productrange #content .productlist li {
							margin-right: 14px;
							padding-right: 0px;
						}
						
						#content .productlist li {
							border-right: none !important;				
						}
						
						#productrange #content #productlist2 li {
							margin-right: 30px;
							padding-right: 0px;
						}
						
						#content #productlist2 li {
							border-right: none !important;				
						}
						
						#productrange #content #productlist22 li {
							margin-right: 30px;
							padding-right: 0px;
						}
						
						#content #productlist22 li {
							border-right: none !important;				
						}
						
						
				#productrange .productdescriptions {
					width: 400px;
				}
		
		/*
		 * heston blumenthal recipe homepage pics
		 */
			#recipe_x3 { }
			.recipe p { text-align: center; margin-top: 4px; }
			.recipeone { float: left; width: 179px; }
			.recipeone p, .recipetwo p { padding-right: 16px; }
			.recipetwo { float: left; width: 179px; }
			.recipethree { float: left; width: 163px; }
			.recipix { height: 97px; position: relative; bottom: 0; }
			.recipix img { position: absolute; bottom: 0; }
			.double_line { border-style: double; border-width: 3px; border-color: #3366cc; }
				
		/*
		 * faqs page (template Eii)
		 */
				#templateeii form {
					margin-bottom: 0.8em;
				}
				
				#templateeii form div.action {
					display: none;
				}
				
		/*
		 * sitemap page (template J)
		 */		
		 		#templatej #contentx {
							float: left;
							width: 614px;
						}
					 		
				#templatej #contentx ul {
					margin: 0px;
				}
				
				
				#templatej #contentx li {
		 			padding: 0px 0px 5px 15px;
		 			background-image: none !important;
		 		}
				
				#templatej #contentx ul.tier3 li {
					padding-left: 30px;
					background: url("../images/sitemap_li_bg.gif") no-repeat 19px 7px !important;
				}
				
				#templatej #contentx ul li a {
					text-decoration: none;
					background-image: none !important;
				}
				
				#templatej #contentx ul li a:hover {
					text-decoration: underline;
					background-image: none !important;
				}
				
				#templatej #contentx ul li.first a {
					font-weight: bold;
					
				}
				
				#templatej #contentx ul li.footerstart {
					padding-top: 20px;
				}
				
		/*
		 * save water page (template G)
		 */	
				#templateg #main #content .article .image {
		 			width: 134px;
		 		}
				
				#templateg #main #content .article .image img {
					border: none;
				}
				
				#templateg #main #content .article .copy {
		 			width: 250px;
		 		}
				
				/*
				 * save water sub page
				 */	
				 		#savewater #main #content .article .image {
				 			width: 175px;
				 		}
						
						#savewater #main #content .article .image img {
							border: none;
						}
						
						#savewater #main #content .article .copy {
							width: 350px;
						}
							
		/*
		 * news and offers page (template H)
		 */	
		 		#templateh #main #content .article .image {
		 			width: 250px;
		 		}
				
				#templateh #main #content .article .image img {
					border: none;
				}
				
				#templateh #main #content .article .copy {
		 			width: 360px;
		 		}	
				
		/*
		 * contact us page (template I)
		 */	
				
			#templatei .hr {
				width: 367px;
			}
			
			#templatei #coltwo h4 {
				margin: 10px 0px;
				padding-left: 5px;
			}
			
			#templatei #coltwo #phone {
				padding: 10px 0px 0px 60px;
				background: url("../images/contactus_rhs_phone.png") no-repeat 0px 0px; 
			}
			
			#templatei #coltwo #mail {
				padding: 10px 0px 0px 60px;
				background: url("../images/contactus_rhs_mail.png") no-repeat 0px 0px; 
			}
					
			.divlogogreen{
				width:120px;
				float:left;
				height:80px;
			}
			
			.divlogogreen2{
				width:auto;
				float:left;
				height:80px;
			}
		
			#ContactForm label {	
				margin-bottom: 4px;
				font-weight: bold;
			}

			#ContactForm input, #ContactForm textarea, #ContactForm select {				
				width: 350px;
			}
			
			#ContactForm select.half {
				width: 180px;
			}
			
			#ContactForm input.half {
				width: 160px;
			}
			
			#ContactForm input, #ContactForm textarea {
				padding: 2px 8px;
			}
			
			#ContactForm input.checkbox, #ContactForm input.radio {
				width: 15px;
				border: 0px solid black;
			}
			
			#ContactForm input.button {
				width: auto;
			}
			
			#ContactForm input.button_contact {
				width:106px;
				height:26px;
				margin: 0 0 0 10px;				
			}
			
			input.hidden {
				display: none;
			}

			#ContactForm div {
				margin: 0px 0px 15px 0px;
			}
			
			#ContactForm div.twoelements {
				margin: 0px 0px 15px 0px;
			}
			
			#ContactForm div.first {
				display: inline;
				float: left;
				width: 180px;
				margin: 0px 0px 15px 0px;				
			}
			
			#ContactForm div.last {
				display: inline;
				float: left;
				width: 180px;
				margin: 0px 0px 15px 10px;
			}
			
			#ContactForm div.check {
				width:350px; 
				margin:-18px 0 0 20px;
			}
			
		/*
		 * competition form page (template I)
		 */
		 #CompForm {
		 	width:370px;
		 }
		 #CompForm div {
		 	float:left;
			clear:left;
			width:100%;
		 	padding: 0 0 6px 0;
		 }
		 
		 #CompForm label {
		 	float:left;
			clear:left;
		 	width: 150px;
			margin: 0 15px 0 0;
		 }
		 
		 #CompForm input, #CompForm textarea {				
				width: 182px;
			}
			
			#CompForm select {				
				width: 200px;
			}
			
		 #CompForm input.checkbox {
			 	float:left;
				width: 20px;
				border:0;
			}
			
		 #CompForm p {
		 	float:left;
			clear:left;
		 }	
		 
		 #CompForm #footnotes p {
		 	font-size:.75em;
			line-height:1.4em;
		 }
		 #CompForm div.check {
		 	clear:none;
			width: 350px;
			}	
		 #CompForm div.check label {
			width: 340px;
			padding: 0 0 0 5px;
			}
			#CompForm input.button_contact {
				float:right;
				width:99px;
				height:27px;
				padding:15px 0;		
			}
			
			/*
			 * pop ups
			 */
			 
			 body#popup {
				font-size:62.5%;
				font-family:Arial, Helvetica, sans-serif;
				background:none;
				color:#000;
				text-align: left;
			}
			#popup ol {
				padding: 0 0 0 20px;
				font-size:1.2em;
			}
			#popup li {
				margin: 0 0 10px 10px;
				padding:0;
				background:none;
				list-style-type:decimal;
			}
			#popup h1 {
				font-size:2em;
				margin:0px 0px 1em;
			}
			#popup ol h2 {
				margin: 25px 0 15px -20px;
				font-size:1.6em;
			}