﻿
/*
#homeSection1 (top left) 
#homeSection2 (top right)
		#homeSection2 #homeLatestOffers
				#homeSection2 #homeLatestOffers ul
						#homeSection2 #homeLatestOffers ul li
								#homeSection2 #homeLatestOffers ul li a
								#homeSection2 #homeLatestOffers ul li a:hover 
						#homeSection2 #homeLatestOffers ul li.header						
#homeSection3 (bottom left)
		#homeSection3 p		
#homeSection4 (bottom right)
		#homeSecion4 #homeUsedCarSearch
				#homeSection4 #homeUsedCarSearch label
				#homeSection4 #homeUsedCarSearch select
				#homeSection4 #homeUsedCarSearch .homeUsedCarSearchItem
				#homeSection4 #homeUsedCarSearch .homeUsedCarSearchItemLessPadding (only PriceFrom using this)
				#homeSection4 #homeUsedCarSearch .homeUsedCarSearchButton
				
*/
			




/* inside mainContent - layout.css */

/* ------------ home section 1------------*/

#homeSection1 /* top left */
{
	float: left;
	width: 590px;
	height: 290px;
	margin: 0px;
	
}




/* ------------ home section 2 ------------*/

#homeSection2 /* top right */
{
	float: right;	
	width: 390px;
	height: 290px;
	background-color: #9C918B;
	margin: 0px;	
}

		
		#homeSection2 #homeLatestOffers
		{
			position: relative;
			height: 100%;
			padding-top: 0px;
		}
		
				#homeSection2 #homeLatestOffers ul
				{
					position: absolute;
					bottom: 0px;
					left: 0px;
					list-style: none;
					margin: 0px;
					padding: 10px;
					vertical-align: bottom;
				}
		
						#homeSection2 #homeLatestOffers ul li
						{
							background: url(../../images/navPlusWhite.gif) no-repeat left 12px;
							padding: 5px 0px 5px 15px;
						}
						
								#homeSection2 #homeLatestOffers ul li a
								{
									font: 0.7em verdana, arial;
									color: #ffffff;
									text-decoration: none;
								}
								
								#homeSection2 #homeLatestOffers ul li a:hover 
								{									
									text-decoration: underline;
								}
						
						#homeSection2 #homeLatestOffers ul li.header
						{
							background: none;
							padding: 5px 0px 5px 0px;
						}
								
								
						
	



/* ------------ home section 3 ------------*/

#homeSection3 /* bottom left */
{
	float: left;
	width: 580px;
	margin: 15px 0px 0px 0px;	
}

		#homeSection3 p
		{
			font: 0.6em verdana, arial;
			/*color: #9BA2A6;*/
			color: #666;
			line-height: 150%;
		}
		
		
		#homeSection3 a
		{
			color: #9BA2A6;
			text-decoration: underline;
			font-weight: bold;
		}
		
		#homeSection3 a:hover
		{
			color: #9BA2A6;
			text-decoration: underline;
			background-color: #e6e6e6;
		}
		
		
		
		
/* ------------ home section 4------------*/	
		
#homeSection4 /* bottom right */
{
	float: right;
	display:block;
	width: 388px;
	height: 150px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	border: solid 1px #cccccc;
}

				#homeSection4 #homeUsedCarSearch
				{
					display: block;				
					padding-left: 8px;
					margin: 0px;				
				}
				
						
					#homeSection4 #homeUsedCarSearch label
						{
							display: block;
							font: 0.7em arial, verdana;
							color: #9BA2A6;
							padding-bottom: 5px;
						}
						
						#homeSection4 #homeUsedCarSearch select
						{
							display: block;
							font: 0.7em arial, verdana;
							background-color: #f6f6f6;
							
						}
		
						#homeSection4 #homeUsedCarSearch .homeUsedCarSearchItem
						{
							float: left;
							display: block;
							margin: 0px;
							padding: 10px 0px 0px 0px;
							width: 120px;
						
						}
						
												
						#homeSection4 #homeUsedCarSearch .homeUsedCarSearchButton
						{
							clear: both;
							display: block;
							padding: 10px 0px 0px 0px;
							width: 173px;
							text-align: right;
						}
						
							
								
				#homeSection4 #homeUsedCarSearch br
				{
					clear: both;					
					padding: 0px;
					margin:0px;
				}
				
				
				#cantfind
				{
					float: right;
					display:block;
								
					margin: 0px 0px 0px 0px;
					padding: 0px;			
					
				}
				
				#centres
				{
					float: right;
					display:block;
					width: 388px;					
					margin: 0px;
					padding: 15px 0px 0px 0px;			
					
				}
				
				
						#centres ul
						{							
							float: left;
							display: block;
							width: 170px;
							list-style: none;
							margin: 0px;
							padding: 0px 10px 10px 0px;
						
							
						}
						
									#centres ul li a
									{
										font: 0.7em verdana, arial;
										color: #666;
										text-decoration: none;
									}
									
									
									#centres ul li a:hover
									{									
										text-decoration: underline;
										background-color: #e6e6e6;
									}
				
				