/* standard shell template */
html, body 
{
	margin: 0;
	padding:0;
	border:0;
}

body
{		
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial;
	font-size: 75%;
	background: #FFF url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #424142;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/	
	width: 781px;		
}
	
	#wrapper #header 
	{
		width: 770px;
		margin-left: 11px;
		float: left;
		position: relative;					
	}	
	
		#wrapper #header #langselector 
		{
			width: 770px;
			float: left;
			background: #A1DD00;
			height: 32px;	
			position: relative;
		}
		
			#wrapper #header #langselector ul 
			{
				margin: 0px;
				padding: 0px;
				position: absolute;
				top: 6px;
				left: 594px;				
			}
			
				#wrapper #header #langselector ul li 
				{
					list-style-type: none;
					display: inline;										
				}
				
					#wrapper #header #langselector ul li a 
					{
						display: block;
						width: 26px;
						height: 20px;
						float: left;
						padding-left: 9px;						
					}
					
						#wrapper #header #langselector ul li.english a 
						{
							background: url(../Images/LanguageFlags_01.gif) no-repeat top left;
						}
					
						#wrapper #header #langselector ul li.german a 
						{
							background: url(../Images/LanguageFlags_03.gif) no-repeat top left;
						}
						
						#wrapper #header #langselector ul li.french a 
						{
							background: url(../Images/LanguageFlags_05.gif) no-repeat top left;
						}
						
						#wrapper #header #langselector ul li.spanish a 
						{
							background: url(../Images/LanguageFlags_07.gif) no-repeat top left;
						}
						
						#wrapper #header #langselector ul li.italian a 
						{
							background: url(../Images/LanguageFlags_09.gif) no-repeat top left;
						}
					
							#wrapper #header #langselector ul li a:hover 
							{
								background-position: bottom left;
							}
					
							#wrapper #header #langselector ul li a span 
							{
								display: none;
							}
		
		#wrapper #headergraphic 
		{
			width: 770px;
			float: left;					
		}
		
			*html #wrapper #headergraphic 
			{
				float: none;
			}
		
			#wrapper #header #headergraphic h1 
			{
				margin: 0px;
				padding: 0px;	
			}
			
				#wrapper #header #headergraphic h1 a 
				{
					background: url(../Images/shellGraphics_03.jpg) no-repeat top left;
					width: 770px;
					height: 143px;
					display: block;					
				}
				
					#wrapper #header #headergraphic h1 a span 
					{
						display: none;
					}
				
		#wrapper #header #navigation 
		{
			position: absolute;
			top: 150px;
			left: 258px;						
		}	
		
			*html #wrapper #header #navigation 
			{
				left: 259px;
			}
		
			#wrapper #header #navigation ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #header #navigation ul li 
				{
					list-style-type: none;
					display: inline;
				}
				
					#wrapper #header #navigation ul li a 
					{
						display: block;
						height: 25px;
						float: left;
					}
					
						#wrapper #header #navigation ul li.slidetrack a  
						{
							background: url(../Images/navigationGraphics_01.gif) no-repeat top left;
							width: 155px;
						}
						
						#wrapper #header #navigation ul li.minivator a  
						{
							background: url(../Images/navigationGraphics_02.gif) no-repeat top left;
							width: 97px;
						}
						
						#wrapper #header #navigation ul li a:hover, #wrapper #header #navigation ul li.selected a 
						{
							background-position: bottom left;	
						}
						
						#wrapper #header #navigation ul li a span 
						{
							display: none;
						}
		
	
	#wrapper #content 
	{
		width: 781px;		
		float: left;	
		background: #FFF;		
	}
	
		*html #wrapper #content 
		{
			margin-left: 6px;		
		}
	
		#wrapper #content #leftcol 
		{
			width: 521px;
			float: left;			
		}
		
			#wrapper #content #leftcol #textarea 
			{
				width: 466px;
				float: left;
				border-left: solid 11px #A0DB00;
				background: #0868D5 url(../Images/shellGraphics_05.jpg) repeat-x top left;
				padding: 22px;
				height: 301px;
				color: #FFF;
			}	
			
				#wrapper #content #leftcol #textarea h2 
				{					
					font-size: 220%;
					font-family: Arial;	
					margin: 0px;
					padding: 0px;				
				}
				
				#wrapper #content #leftcol #textarea p 
				{					
					margin: 20px 0px 0px 0px;
					padding: 0px;
				}
				
					#wrapper #content #leftcol #textarea p .greenhighlight 
					{
						color: #BAFF00;						
					}
					
				#wrapper #content #leftcol #textarea ul 
				{
					margin: 0px;
					padding: 20px 0px 0px 30px;
				}
				
					#wrapper #content #leftcol #textarea ul li 
					{
						font-size: 110%;
						padding-bottom: 10px;						
					}
			
			/* Home Styles */		
			#wrapper #content #leftcol #videoplayer 
			{
				width: 510px;
				height: 407px;
				float: left;	
				margin: 5px 0px 0px 5px;		
			}
			
				*html #wrapper #content #leftcol #videoplayer 
				{
					margin-left: 3px;
				}
			
			/* Minivator Styles */			
			#wrapper #content #leftcol #minivatorprods 
			{
				width: 510px;
				float: left;
				margin: 10px 0px 0px 11px;
			}
			
				*html #wrapper #content #leftcol #minivatorprods 
				{
					margin-left: 5px;
				}
			
				#wrapper #content #leftcol #minivatorprods #visitweb 
				{
					float: left;
				}
				
					#wrapper #content #leftcol #minivatorprods #visitweb a 
					{
						width: 488px;
						height: 56px;
						background: url(../Images/MinivatorWebBackground.jpg) repeat-x top left;
						display: block;
						color: #FFF;
						font-family: Arial;
						font-size: 130%;
						text-decoration: none;
						font-weight: bold;
						line-height: 56px;
						padding-left: 22px;
					}
					
				#wrapper #content #leftcol #minivatorprods #prods 
				{
					margin-top: 10px;
					float: left;
					width: 510px;
				}
				
					#wrapper #content #leftcol #minivatorprods #prods .product 
					{
						float: left;
					}
					
					#wrapper #content #leftcol #minivatorprods #prods .product.spacer
					{						
						margin-left: 11px;
					}
					
		#wrapper #content #fullwidthtextarea 
		{
			width: 726px;
			float: left;
			border-left: solid 11px #A0DB00;
			background: #0162D3 url(../Images/shellGraphics_05.jpg) repeat-x top left;
			padding: 22px;
			min-height: 301px;
			color: #FFF;
			position: relative;
		}	
			
			#wrapper #content #fullwidthtextarea h2 
			{					
				font-size: 220%;
				font-family: Arial;	
				margin: 0px;
				padding: 0px;				
			}
				
			#wrapper #content #fullwidthtextarea p 
			{					
				margin: 20px 0px 0px 0px;
				padding: 0px;
			}
			
				#wrapper #content #fullwidthtextarea p.registerformtext 
				{
					font-family: Arial;
					font-size: 120%;
					margin: 0px;
					font-weight: bold;
				}
				
				#wrapper #content #fullwidthtextarea p .greenhighlight 
				{
					color: #BAFF00;						
				}
				
				#wrapper #content #fullwidthtextarea a 
				{
					color: #FFF;
				}
				
			#wrapper #content #fullwidthtextarea #privacytext 
			{
				position: absolute;
				font-size: 80%;
				font-family: Arial;
				left: 22px;
				top: 335px;	
			}
			
			#wrapper #content #fullwidthtextarea .fieldcontainer 
			{
				width: 218px;
				float: left;
				margin: 10px 15px 0px 0px;
			}
			
				#wrapper #content #fullwidthtextarea .fieldcontainer p 
				{
					padding: 0px 0px 0px 8px;
					margin: 0px;
				}
			
				#wrapper #content #fullwidthtextarea .fieldcontainer input 
				{
					font-family: Arial;
					font-size: 100%;	
					border: solid 0px;
					width: 218px;
					height: 23px;
					line-height: 23px;	
					margin-top: 2px;			
				}
				
				#wrapper #content #fullwidthtextarea .fieldcontainer textarea 
				{
					font-family: Arial;
					font-size: 100%;	
					width: 218px;
					height: 102px;
					border: solid 0px;
				}
				
				#wrapper #content #fullwidthtextarea .fieldcontainer .selectrow 
				{
					margin: 4px 0px 0px 8px;
					width: 210px;
					float: left;
				}
				
					*html #wrapper #content #fullwidthtextarea .fieldcontainer .selectrow 
					{
						margin: 4px 0px 0px 4px;
						width: 210px;
					}
				
					#wrapper #content #fullwidthtextarea .fieldcontainer .selectrow.spacer 
					{
						border-top: solid 1px #FFF;
						padding-bottom: 1px;
						padding-top: 3px;					
					}
					
					#wrapper #content #fullwidthtextarea .fieldcontainer .selectrow .interest 
					{
						width: 193px;
						float: left;						
						color: #A5E200;
					}
					
					#wrapper #content #fullwidthtextarea .fieldcontainer .selectrow .interestfield 
					{
						width: 10px;
						float: left;						
					}
					
						#wrapper #content #fullwidthtextarea .fieldcontainer .selectrow .interestfield input 
						{
							width: 14px;
							height: 14px;
						}
						
				#wrapper #content #fullwidthtextarea .fieldcontainer .submitbutton 
				{
					float: right;
					margin-top: 2px;
				}
				
					#wrapper #content #fullwidthtextarea .fieldcontainer .submitbutton input 
					{
						width: 51px;
						height: 23px;
					}
		
		#wrapper #content #rightcol
		{
			width: 250px;
			float: left;
			margin-left: 10px;		
			position: relative;												
		}
		
			#wrapper #content #rightcol #availableautumn 
			{
				float: left;
				width: 277px;
				height: 241px;
				background: url(../Images/AvailableAutumn.jpg) no-repeat top left;
				position: absolute;
				left:-27px;				
				top: 0px;						
			}
			
				#wrapper #content #rightcol #availableautumn span 
				{
					display: none;
				}	
			
			#wrapper #content #rightcol #findoutmore 
			{				
				
				margin-top: 251px;
			}
			
				#wrapper #content #rightcol #findoutmore a 
				{
					width: 220px;
					height: 82px;
					display: block;					
					background: url(../Images/shellGraphics_08.gif) no-repeat top left;
					font-family: Arial;
					color: #FFF;
					padding: 12px 15px 0px 15px;
					text-decoration: none;
				}
			
			#wrapper #content #rightcol #registerupdates 
			{				
				float: left;
				margin-top: 10px;
			}
			
				#wrapper #content #rightcol #registerupdates a 
				{
					width: 220px;
					height: 83px;
					background: url(../Images/shellGraphics_11.gif) no-repeat top left;
					font-family: Arial;
					color: #FFF;
					display: block;
					padding: 15px 15px 0px 15px;
					text-decoration: none;
				}
				
			#wrapper #content #rightcol #industryexclusive 
			{
				float: left;
				margin-top: 10px;
			}
			
				#wrapper #content #rightcol #industryexclusive a 
				{
					width: 220px;
					height: 58px;
					display: block;
					background: url(../Images/shellGraphics_13.jpg) no-repeat top left;
					text-decoration: none;
					padding: 215px 15px 0px 15px; 
					color: #FFF;
					line-height: 16px;
				}
				
			#wrapper #content #rightcol #otnewsletter 
			{
				float: left;							
			}
			
				#wrapper #content #rightcol #otnewsletter a 
				{
					display: block;
					width: 220px;				
					height: 333px;	
					background: url(../Images/minivatorGraphics_02.gif) no-repeat top left;
					padding: 12px 15px 0px 15px;
					color: #FFF;
					text-decoration: none;
					font-size: 130%;
					font-family: Arial;
					font-weight: bold;
				}
			
			#wrapper #content #rightcol #instep 
			{
				float: left;
				margin-top: 10px;
			}
				
				#wrapper #content #rightcol #instep a 
				{
					width: 220px;
					height: 120px;
					display: block;
					background: url(../Images/minivatorGraphics_04.gif) no-repeat top left;
					padding: 265px 15px 0px 15px;
					color: #FFF;
					text-decoration: none;
					font-size: 130%;
					font-family: Arial;
					font-weight: bold;
				}
				
			#wrapper #content #rightcol .boldlink 
			{
				font-size: 130%;
				font-weight: bold;				
			} 
			
			#wrapper #content #rightcol .underlinelink 
			{
				text-decoration: underline;				
			}
			
				#wrapper #content #rightcol .underlinelink.small 
				{
					font-size: 80%;
				}
			
				#wrapper #content #rightcol .underlinelink:hover 
				{
					text-decoration: none;
				}				
	
	#wrapper #footer 
	{
		width: 770px;
		margin: 10px 0px 0px 11px;
		float: left;
		border-top: solid 1px #A8A8A8;
		padding: 5px 0px 20px 0px;			
	}
	
		#wrapper #footer #accreditations
		{
			width: 353px;
			height: 52px;
			float: left;
		}
		
		#wrapper #footer ul 
		{		
			margin: 5px 0px 0px 37px;
			padding: 0px;
			float: left;
			text-align: right;
		}
			
			#wrapper #footer ul li 
			{
				display: inline;
				list-style-type: none;	
				color: #9F9F9F;	
				padding-right: 6px;			
			}
			
				#wrapper #footer ul li.firstlink 
				{
					padding-left: 62px;
				}
			
				#wrapper #footer ul li.spacer 
				{
					background: url(../Images/FooterSpacer.gif) no-repeat left;
					padding-left: 8px;
				}
				
					#wrapper #footer ul li.spacer.nopadding 
					{
						padding-right: 0px;
					}
				
				#wrapper #footer ul li.minivatorlink
				{
					color: #0567D6;
					padding: 0px 0px 0px 278px;					
				} 
				
					#wrapper #footer ul li.minivatorlink a 
					{
						color: #0567D6;
					}
					
				#wrapper #footer ul li a 
				{
					color: #9F9F9F;
				}