/********************************************
   HTML ELEMENTS
********************************************/ 

/* border-style:solid;
border-width:1px; */


/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	color: #666666; 
	background: #ececec;
}

/* links */
a { 
	color: #535353;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #535353;
	background-color: inherit;
}

img {
	vertical-align:top;
}

img.floatleft { 
	float: left; 
}

img.floatright { 
	float: right; 
}


/* headers */


h1 {
	font: 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #535353;
	text-align: left;		
} 

h2 {
	font: 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #535353;
	text-align: left;
	clear: left;
} 

h3 {
	font: 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #535353;
	text-align: left;	
} 

h4 {
	font: 36px/30px 'Trebuchet MS', Arial, Sans-serif;
	color: #009ccf;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

h5 {
	font: 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #ff5101;
	margin: 0px 0px 0px 0px;
}

p {
	font: 0.8em 'Trebuchet MS', Arial, Sans-serif;
	color: #535353;
	text-align: left;
	text-align: justify;	
}

small {
	font: 0.7em 'Trebuchet MS', Arial, Sans-serif;
	color: #535353;	
	text-align: left;
	margin: 0px 0px 0px 0px;
}


#main
{
	width:1000px;
	height:100%;
	margin: 0 auto 0 auto;
}

	#maintop
	{
		position:relative;
		width: 100%;
		height: 114px;
		background: url('../images/topbkg.gif')  repeat-x;
		margin: 0;
		padding: 0;
	}

		#logo {
			float: left;
			margin: 0px 0px 0px 20px;
		}	

		#titlearea{
			width:645px;
			float: left;				
		}

			#title{
				
				float: left;
				margin: 40px 415px 0px 35px;					
			}

			#slogan{		
				font: 1em 'Trebuchet MS', Arial, Sans-serif;
				color: #9e9e9e;
				text-align: left;
				margin: 0px 0px 0px 20px;
				float: left;					
			}
			
		
			
			#tabs {
				float: left;
				margin: 18px 0px 0px 35px;	
				padding: 0px 0px 0px 0px;				
			}
			
			#twitter{
				
				float: left;
				margin: 41px 0px 0px 0px;				
			}				

	#mainbtns
	{
		width: 100%;
		height: 138px;
		background: url('../images/btnsbkg.gif')  repeat-x;
	}

		#buttonimage {		
			float: left;
			width: 131px;
			height: 127px;
			margin: 2px 0px 0px 28px;
			padding: 0px 0px 0px 0px;	
		}
		


	#middlesection
	{
		float: left;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 100px 0px;			
		width: 100%;
		background: url('../images/mainbkg.gif') repeat-y;		
	}

		.container
		{		
			float: left;
			width:940px;
			margin: 10px 0px 0px 25px;			
		}	
		
		.productstable
		{		
			float: left;
			width:940px;
			margin: 0px 0px 15px 0px;						
		}		

		.productimage
		{		
			float: left;
			margin: 0px 15px 15px 10px;
		}	
		
		.productimageright
		{		
			float: right;
			margin: 0px 0px 0px 15px;
		}		
		
		.productrow
		{		
			float: left;
			margin: 0px 10px 5px 20px;
			padding: 5px 10px 5px 10px;
			border-width: 1px;
			border-style: solid;
			border-color: #cccccc;			
		}		

		.productlogo{
			float: left;
			width: 90px;
			padding: 5px 0px 0px 0px;
			margin: 1px 0px 0px 0px;			
		}

		
		.productdetails{
			float: left;
			width: 550px;
			padding: 0px 0px 0px 5px;
			margin: 0px 0px 0px 10px;		
		}

		.productprice{
			float: left;
			text-align: center;		
			width: 115px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;			
		}


		.productbutton{
			background: url('../images/status_buttons/checkingbkgd.gif') no-repeat;
			float: left;
			width: 113px;
			padding: 0px 0px 0px 0px;
			margin: 5px 0px 0px 0px;			
		}
		
		.stockupdate
		{		
			float: left;
			width: 900px;
			margin: 0px 0px 0px 20px;
			padding: 0px 0px 0px 0px;			
		}		
		
		.stocktext{
			float: left;
			text-align: center;		
			width: 755px;
			padding: 0px 0px 0px 0px;
			margin: 5px 0px 0px 20px;			
		}
		
		.refreshbutton{
			float: right;
			width: 120px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;				
		}		

		.subscribebox{
			float: left;
			margin: 10px 0px 0px 0px;				
		}
		
		.subscribebutton{
			float: left;
			width: 120px;
			margin: 5px 0px 0px 10px;				
		}			
		
		.buttons {
			float: left;		
			margin: 15px 20px 0px 0px;  
		}

		img.floatleft { 
			float: left; 
		}

		img.floatright { 
			float: right; 
		}
		
		img.center {
			margin: 0px 0px 0px 40px;  
		}