/*	keep scrollbars on all pages like i.e. does				*/
html						{overflow: -moz-scrollbars-vertical;}


html,body 					{		
							margin:0px;
							padding:1% 0% 0% 0%;
							border:0px;
							text-align:center;
							width:100%;
							background-color:#000;
							font-family: Helvetica, Arial, sans-serif;
							font-size:12px;
							line-height:18px;

							}


table							{

							font-family: Helvetica, Arial, sans-serif;
							font-size:12px;
							line-height:18px;
							
							}

/*	centre content 											*/
#container					{

							position:relative;
							width:770px;
							margin-left: auto;
    						margin-right: auto; 
							margin-top:0px;
							margin-bottom:0px;
							padding:0px;
							border-style:none;
							text-align:left;
							z-index:1;

							}

/*	keep flash in order										*/					
#flashcontent				{

							height:200px;
							width:770px;
							display:block;
							margin:0px;
							padding:0px;
							
							}				

#flashcontent2				{

														
							width:275px;
							float:left;
							right:0px;
							top:0px;
							
							}							

/*	non flash content										*/
#header						{

							position:relative;
							top:0px;
							left:0px;
							height:165px;
							width:770px;
							margin:0px;
							padding:0px;
							border:0px;
							background-color:white;
							background:url(images/header.jpg) no-repeat;

							}

#nav						{

							position:relative;
							top:4px;
							left:0px;
							height:35px;
							width:770px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							border:0px;
							background-color:black;
							background:url(images/metalbar.jpg) no-repeat 0px -2px;
							
							
							}

#nav .rollover				   {
							padding:0px;
                            }
		
/*	page titles and logo								*/					
#pagetitle					{

							position:relative;
							top:0px;
							left:0px;
							width:770px;
							height:90px;
							background-color:transparent;	
							display:block;
							margin:0px 0px 0px 0px;
							padding:5px 0px 0px 0px;
							border-style:none;
		
							}
							







/*	landing page, sidesolutions and contactpaegss have a one column layout 					*/			
#landingcopy				{

							top:0px;
							left:0px;		  
							width:540px;		
							margin:0px 20px 0px 0px;
							padding:0px 0px 0px 20px;
							

							border:0px;
							background-color:black;
							
										
							}	
																
#sidesolutions				{
							 
							top:0px;
							left:0px;		  
							width:680px;		
							margin:0px 0px 0px 0px;
							padding:0px 70px 0px 20px;
							border:0px;
							background-color:black;
								
							}		
						
#contact					{

							position:relative;
							top:0px;
							width:730px;
							padding:0px 20px 0px 20px;
							margin:0px;
								
							}											

/*	bbq pages have a two column layout					*/			
											
/*	left column for copy. no fixed height				*/												
#copy						{

							 
							top:0px;
							left:0px;
						
							width:345px;		
							margin:0px 0px 0px 0px;
							padding:0px 20px 0px 20px;
							border:0px;
							background-color:black;
							float:left;
			
							}
#copy a,
#copy-2 a {
	
							color:#EE2A24;
							text-decoration: underline;
}							
				
/*	right column for barabeque images					*/												
#images 					{

							position:relative;
							top:-50px;
							left:0px;
							height:400px;
							z-index:-1;
							width:385px;
							margin:0px;
							padding:0;
							border:0px;
							background-color:black;
							float:right;
							font-size: 12px;
							
							}

#images a {
	
							color:#EE2A24;
							text-decoration: underline;
}	
/*	each bbq page image is a background image which is then swapped using javascript	*/							
.select3					{

							background:url(images/selectgrill3_01.jpg) 0 0 no-repeat;

							}							
							
							
.select4					{

							background:url(images/selectgrill4_01.jpg) 0 20px  no-repeat;

							}										

.roadtrip					{

							background:url(images/roadtrip_02.jpg) 0 20px  no-repeat;
					
							}					
							
.pinin						{

							background:url(images/pininfarina_01.jpg) 0 0 no-repeat;

							}			

	/*	the nav to control which background image is displayed		*/							
	#image_nav				{

							position:relative;
							top:330px;
							left:110px;
							width:240px;	
							height:50px;
							padding:0px;
							margin:0px;
							border:0px;
							background-color:transparent;
							text-align:right;
							display:block;
								
							}
					
/*	contact page containing div to hold addresses				*/							
#address					{

							width:32%;
							height:200px;
							background-color:transparent;
							border-style:none;
							float:left;
							padding:0% 1% 0% 0%
						
							
							}							
							
/*	footers											*/
#landing_footer				{

							position:relative;
							top:0px;
							left:0px;
							width:730px;
							height:100px;
							display:block;
							margin:0px 0px 0px 0px;
							padding:50px 0px 0px 0px;
							border-style:none;

							}						
								
#footer						{

							position:relative;
							top:0px;
							left:0px;
							width:770px;
							background-color:transparent;
							display:block;
							margin:30px 0px 30px 0px;
							padding:20px 0px 50px 0px;
							border-style:none;
							clear:both;
										

							}				


							
							
/*
	STLYES
*/							
													
p							{

						
							color:white;	
							margin:0px 0px 10px 0px;
							padding:0px;						
	
							}	
							

														
p.header					{

							font-family: Helvetica, Arial, sans-serif;
							font-size:12px;
							line-height:18px;
							color:white;	
							margin:0px 0px 30px 0px;
							padding:0px;						
	
							}		
							
h1							{

							font-family: Helvetica, Arial, sans-serif;
							font-size:20px;
							line-height:36px;
							color:white;	
							margin:0px 0px 10px 20px;
							padding:0px;		
							background-color:transparent;
	
							}
							
h2							{

							font-family: Helvetica, Arial, sans-serif;
							font-size:20px;
							line-height:3px;
							color:#EE2A24;	
							margin:0px 0px 10px 20px;
							padding:0;		
						
	
							}		

h2.indent1					{

							font-family: Helvetica, Arial, sans-serif;
							font-size:20px;
							line-height:20px;
							color:#fff;	
							margin:20px 0px 0px 20px;
							padding:20px 0px 0px 100px;			
	
							}							
							
h2.indent2					{

							font-family: Helvetica, Arial, sans-serif;
							font-size:20px;
							line-height:20px;
							color:#EE2A24;	
							margin:10px 0px 10px 20px;
							padding:0px 0px 0px 190px			
	
							}
							
							
h3							{

							font-family: Helvetica, Arial, sans-serif;
							font-size:16px;
							line-height:18px;
							color:#EE2A24;	
							margin:0px 0px 10px 0px;
							padding:0px;			
	
							}							
	
#copy-2 h3					{

							font-family: Helvetica, Arial, sans-serif;
							font-size:16px;
							line-height:18px;
							color:#EE2A24;	
							margin:16px 0px 10px 0px;
							padding:0px;			
	
							}							
	

	
h4							{

							font-family: Helvetica, Arial, sans-serif;
							font-size:16px;
							line-height:16px;
							color:#EE2A24;	
							margin:0px 0px 10px 0px;
							padding:0px;			
	
							}											
																				
ul.bbq_info					{

							list-style:none;
							font-family: Helvetica, Arial, sans-serif;
							font-size:12px;
							line-height:18px;
							color:white;	
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;	
				
							}		
						
							
/*	using a background image for a bullet as can position this and can't a custom image bullet	*/
ul.bbq_info li				{

							padding:0px 0px 6px 20px;
							margin:0px;		
							background:url(images/dot.jpg) no-repeat;
							background-position:0px 8px;
							
							}																										
			
a,img						{

							border-style:none;
							border:0px;
							margin:0px;
							padding:0px;
							color:white;
							outline:none;

							}							
	
hr							{
							
							margin:0px;
							padding:0px;
							height: 0px;
							border: 0px;
							border-top: 1px solid #808080;
					
			
							}
							
hr.head						{

							width:730px;
							text-align:center;
							margin:30px 20px 0px 20px;
							padding:0px;
							position:absolute;
							bottom:20px;
							clear:both;
							
							}			

						
												
hr.foot						{

							width:730px;
							text-align:center;
							margin:0px 20px 5px 20px;
							padding:0px;
							top:0px;
							clear:both;
	
							}		
																
sup							{

							font-family: Helvetica, Arial, sans-serif;		
							margin:0px;
							padding:0px;
							
							}						
							
/*							
	OTHER CLASSES
*/		
		
.footnotes					{

							font-size:10px;
							margin:0px 0px 0px 20px;
							padding:0px;
							
							}									
/*							
.squared					{
									
							margin:0px;
							padding:0px;
							size:10%;
							
							}	
*/

.squared	 {

	font-size:0.7em; 
	position:relative; 
	top:-0.1em; 
	left:0;
	
	}

.language-selection				{

							margin:0px 0px 20px 20px;
							padding:0px;		
	
							}
		
							
.logo						{

							position:relative;
							float:right;
							top:0px;
							padding:10px 13px 0px 0px;
							margin:0px;
							border-style:none;
				
							}

.logo2						{

							position:relative;
							float:right;
							top:0px;
							padding:20px 21px 0px 0px;
							margin:0px;
							border-style:none;
				
							}
														
.floatleft					{

							float:left;
							margin:0px 20px 10px 0px;
							padding:0px;
							
							}
							
.clear						{
	
							clear:both;
							
							}			
							
.dot						{

							margin:0px;
							padding:0px 5px 3px 0px;
							
							} 			
								
.gallery					{

							display:inline;
							font-weight:bold;
							cursor:pointer;
							display:none;
							
							}							
								
.left						{

							float:left;									
									
							}

							
.right						{

							float:right;									
									
							}

.hide						{

							display:none;
							
							}
								
.inline						{

							display:inline;
							
							}	
		
.red						{

							color:#EE2A24;
							
							}
							
		
ul.pdflist					{

							list-style-type:none;
						
							margin:40px 0px 0px 0px;
							padding:0px;
							
							}		
							
ul.pdflist li				{

							
							padding:0px 0px 0px 0px;
							margin:0px;		
							height:10px;
							display:inline;
							
							}	
							
ul.pdflist li.icon			{

							padding:0px 10px 0px 0px;
							margin:0px;		
											
							
							}			
							
#register {

							position:relative;
							border:0px;
							float:left;
							width: 690px;
							background-color:transparent;
							background:url(images/register-accessories.jpg) no-repeat top right;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 20px;
							
}
#register p {
				width: 500px;
							
}#register_form {
	float: left;
	padding: 0px;
	background-color: transparent;
	}
	
#register_form p {
	margin: 0px 10px 15px 10px;
	clear: both;
	}
#register_form h4							{

							font-family: Helvetica, Arial, sans-serif;
							font-size:13px;
							color:#ffffff;	
							margin:14px 0px 10px 0px;
							padding:0px;
							clear:both;
	
							}	

	
#register_form label {
	font-size: 1.1em;
	margin: 4px 0px 15px 0px;
	width: 150px;
	float: left;
}

#register_form .small .radiobox {
	margin: 0px 10px 0px 0px;
	float: left;
}
#register_form label.right {
	width: 400px;
	float:left;
}






ul.nav			{

	position:absolute;
	top:100px;
	left:620px;
	
}





#images.pinin 		{

	padding:350px 0 0 0px;

}							
								
#images a 					{
	
							color:#EE2A24;
							text-decoration: underline;
}	
							
#images.pinin p,#images.pinin p a		{

	padding-left:30px;
	color:white;
	
}							









/*	language nav			*/


/*	'select your language' tab	*/

	#language_select		{

		background:transparent url(images/language_bg.gif) 0 0 no-repeat;
		width:140px;
		height:20px;
		padding:0 0 0 5px;
		margin:0;
		color:white;
		font-size:10px;
		
	 
							
	}	

#nav_bg			{

	position:absolute;
	margin:0;
	padding:0 0 0 5px;
	top:0;
	left:0;
	width:140px;
	height:105px;
	background:#515151 url(images/language_bg.gif) 0 0 repeat-y;
	filter:alpha(opacity=95);   
	-moz-opacity:0.95;           
	opacity: 0.95;     
	z-index:0;

}

	
#languagenav, #languagenav ul {

	padding: 0;
	margin: 0;
	list-style: none;
}




#languagenav a {
	display: block;
	width:138px;
	height:20px;
	margin:0;
	padding:0;
	text-decoration:none;

}

#languagenav ul li  {
	float: left;
	padding:0 0 0 5px;
}

#languagenav ul li ul li {
	float: left;
	padding:0 0 0 5px;
}
	
#languagenav li ul {
	position: absolute;
	left: -999em;
}

#languagenav li:hover ul, #languagenav li.sfhover ul {
	left: auto;
}	
	
ul.nav, ul.nav li ul {

	padding:0;
	margin:0;
	list-style-type: none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	z-index:30;
	width:140px;
	
}

ul.nav li 		{

  float: left;
  position: relative;
  width: 140px;
  height:20px;

  padding:0;
  margin:0;	
}

#mainnav a.option  {

	color:#fff;
	cursor:pointer;	
	z-index:30;
	width:140px;
	
	}

#sub a		{
	
	text-align:left;
	font-size:10px;
	margin:0px;
	padding:0 0 0 2px;
	text-align:left;
	line-height:18px;
	color:#fff;
	z-index:30;
	width:131px;
	 
	
	
}

#sub a:hover		{

	text-align:left;
	color:#fff; 
	background:#EE2A24;
	display:block;
	margin:0px;
	padding:0 0 0 2px;
	z-index:30;
	filter:alpha(opacity=85);   
	-moz-opacity:0.85;           
	opacity: 0.85;   
	
}
 
 
 /*	no javascript	*/

	#nojs_select 	{

		font-size:9px;
		margin:2px 0 0 0;
		padding:0;
		width:150px;


	}

						
	#language		{

		position:absolute;
		top:90px;
		left:570px;
		background:transparent;
		width:185px;
		color:white;
	 	
	}	
		
 
 
 
 
 
 
/*	end of language nav	*/
 
 
 
 
 
 
 
 .left	{

	float:left;
	margin:0 50px 0 0;
	
}
  
.larger	{

	font-size:140%;
	
}
  
 


  
  
  
  
  
  
  
  
  
  
  






/*
#register_form textarea, 
#register_form select {
	margin-left: 4px;
}

#register_form .button_holder {
	width: 470px;
	float: left;
}

form .input,
form .req_email,
form .req,
form .req_tel,
form textarea {
	font-size: 1.3em;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #e0ecf3;
	width: 300px;
	background-color: white;
	padding: 3px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, geneva, sans-serif;
	}
form .req_email,
form .req,
form .req_tel {
	}

#register_form .button
{
	width: 120px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #EE2A24;
	background: white;
	padding: 4px;
    color:#EE2A24;
	float: right;
}
textarea
{
}

select
{
}

label,input {
	margin-left: 0px;
	font: 11px Helvetica, Arial, Geneva, sans-serif;
	padding-left: 3px;
	letter-spacing: 1px;
}
*/