/********************************************
   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: #cccccc;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #ff3b27;
	background-color: inherit;
}

/* headers */

h1 {
	font: 36px/20px "trebuchet MS", Arial, Tahoma, Sans-serif;
	color: #197cc8;
	text-align: left;
	margin: 0px 15px 0px 15px;
}

h2 {
	font: 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #197cc8;
	text-align: left;
	margin: 10px 0px 5px 0px;		
} 

h3 {
	font: 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #197cc8;
	margin: 10px 0px 0px 0px;	
} 

h4 {
	font: 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #197cc8;
	text-align: center;
	padding: 8px 0px 0px 0px;		
} 

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

small {
	font: 0.7em 'Trebuchet MS', Arial, Sans-serif;
	color: #197cc8;	
	text-align: left;
	margin: 0px 30px 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;
			padding-left:0px;
		}	

		#titlearea{
			width:759px;	
			float: left;
			padding: 0px 0px;
		}

			#title{
				width:600px;
				float: left;
				margin: 32px 15px 4px 20px;
			}

			#slogan{
		
				font: 1em 'Trebuchet MS', Arial, Sans-serif;
				color: #9e9e9e;
				text-align: left;
				margin: 0px 0px 5px 45px;
				float: left;
			}
			
			#tabs {
				float: left;
				margin: 5px 0px 0px 15px;				
			}


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

		.buttonimage1 {		
			float: left;
			margin-top: 16px;	
			margin-left: 16px;	
		}

		.buttonimage2 {		
			float: left;
			margin-left: 16px;
		}		

		.endbuttonimage {
			float: left;
			margin-left: 5px;
		}	

		.heldlogo {
			position:absolute;
			top:130px;
			left:985px;
			float: left;			
		}

		.offers1 {		
			position:absolute;
			top:173px;
			left:147px;
			text-align: center;
		}

			.offers1 ul li
			{
				font: 0.9em 'Trebuchet MS', Arial, Sans-serif;
				display: table-cell;
				width: 118px;
			}

			.offers1 ul li a
			{
				color: #666666;
			}

			.offers1 ul li a:hover
			{
				color: #5c9ada;	
			}	

		.offers2 {		
			position:absolute;
			top:244px;
			left:147px;
			text-align: center;			
		}
			.offers2 ul li
			{
				font: 0.9em 'Trebuchet MS', Arial, Sans-serif;
				display: table-cell;
				width: 118px;
			}

			.offers2 ul li a
			{
				color: #666666;

			}

			.offers2 ul li a:hover
			{
				color: #5c9ada;	
			}



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

		#leftsection
		{
			float: left;
			width:220px;
			margin:0px 0px 0px 15px;
		}
		
			
			.browsebyletterheader
			{
				margin: 5px 0px 0px 0px;	
				height: 35px;
				background: url('../images/sidemenutop.gif') no-repeat;
			}


			.browsebyletter
			{
				background: url('../images/sidemenumiddle.gif') repeat-y;
			}

			.browsebyletter ul
			{
				padding: 10px 25px 0px 15px;
				margin: 0px 0px 0px 0px;
				list-style: none;		
				text-align: center;
			}

			.browsebyletter ul li
			{
				display: inline;
				padding: 0 2px;				
			}

			.browsebyletter ul li a
			{
				color: #353535;
			}

			.browsebyletter ul li a:hover
			{
				color: #ff0000;	
			}	
			
			.browsebyletterfooter
			{
				background: url('../images/sidemenubottom.gif') no-repeat;
				height: 30px;
			}			


			.categoriesheader
			{
				margin: 5px 0px 0px 0px;	
				height: 35px;
				background: url('../images/sidemenutop.gif') no-repeat;
			}

			.categories
			{
				background: url('../images/sidemenumiddle.gif') repeat-y;
			}			

			.categories ul
			{		
				font:  14px/20px Arial, Tahoma, Sans-serif;
				padding: 10px 0px 0px 35px;			
				text-align: left;
				list-style-image: url('../images/blue_bullet.gif');


			}

			.categories ul li
			{
				color: #353535;
				padding: 0 2px;
			}

			.categories ul li a
			{
				color: #353535;
			}

			.categories ul li a:hover
			{
				color: #ff0000;	
			}	
			
			.categoriesfooter
			{
				background: url('../images/sidemenubottom.gif') no-repeat;
				height: 30px;		
			}			


		#middlesection
		{
			float: left;
			width:610px;
			margin: 0px 0px 0px 5px;
		}

			.container
			{		
				float: left;
				margin: 0px 0px 10px 0px;			
			}	
			
			.header
			{		
				float: left;
				width:490px;			
			}	

			.discount{
				background: url('../images/headerbox.gif')  repeat-x;
				width: 610px;
				padding: 3px 0px 3px 0px;
				margin: 0px 0px 5px 0px;		
			}
	
			
			.logoimages {
 				float:left;
			
			}	
			
			.buttons {
				float: left;		
				margin: 15px 50px 0px 0px;  
			}
			
		#rightsection
		{
			float: left;
			width:120px;
			margin: 0px 10px 0px 10px;
			padding: 0px 0px 0px 0px;
		}			


		img.banner { 
			float: left;
			margin: 0px 20px 50px 0px;	    
		}

		img.smalllogo { 
			float: left; 
			margin: 5px 20px 0px 0px;	    	
		}

		img.largelogo { 
			float: left;     
		}

		img.floatleft { 
			float: left; 
		}

		img.floatright { 
			float: right; 
		}