/* CSS Document */

#middle-carlist {
	width: 600px;
	padding:5px;
	float: left;
	margin-bottom: 25px;
}
	
#car-wrap {
	width:600px;
	height:115px;
	position:relative;
	color:#000;
	float:left;
	padding-bottom:10px;
	z-index:200;
	/*border-bottom:1px dotted #d9d9d9;*/
	}

#car-derv {
	height:22px;
	position:absolute;
	top:0px;
	left:5px;
	width: 400px;
	display:none;
	}
	
#car-photo {
	position:absolute;
	left:0px;
	top:0px;
	padding:4px 0 0 4px;
	width:164px;
	height:124px;
	z-index:1;
	background:url(../graphics/carlist-image-bg.png) left top no-repeat transparent;
	}

#spec1 {
	position:absolute;
	left:1px;
	top:2px;
	width:160px;
	height:120px;
	z-index:200;
	}

#spec1 a {
	position:absolute;
	width:160px;
	height:120px;
	z-index:210;
	background:url(../graphics/on-offer.png) right bottom no-repeat transparent;
	top: -1px;
	}

#spec1 a span {
	display:none;
	}

#spec2 {
	position:absolute;
	left:1px;
	top:2px;
	width:160px;
	height:120px;
	z-index:200;
	}

#spec2 a {
	position:absolute;
	width:160px;
	height:120px;
	z-index:210;
	background:url(../graphics/managers-deal.png) right bottom no-repeat transparent;
	}

#spec2 a span {
	display:none;
	}

#sold {
	position:absolute;
	left:1px;
	top:2px;
	width:160px;
	height:120px;
	z-index:200;
	}

#sold a {
	position:absolute;
	width:160px;
	height:120px;
	z-index:210;
	background:url(../graphics/sold.png) right bottom no-repeat transparent;
	}

#sold a span {
display:none;
	}

#car-make {
	position:absolute;
	z-index:2;
	left:165px;
	top:4px;
	width:339px;
	height:18px;
	padding:3px 0 0 5px;
	font-size:12px;
	color:#ffffff;
	background-color:#626262;
	overflow:hidden;
	}
	
#car-price {
	position:absolute;
	z-index:3;
	left:513px;
	top:4px;
	width:87px;
	height:18px;
	padding:3px 0 0 5px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-color:#618636;
	}

#car-details {
	position:absolute;
	z-index:4;
	left:168px;
	top:26px;
	width:427px;
	height:93px;
	padding:5px 5px 0 5px;
	font-size:12px;
	color: #333;
	background-color:#f2f2f2;
	}

#car-more {
	position:absolute;
	left:498px;
	top:104px;
	width:110px;
	height:15px;
	z-index:13;
	color:#670101;
	font-weight:bold;
	}

#car-more a {
	color: #900;
	font-weight:bold;
	}
	
#car-more a:hover {
	color:#333;
	font-weight:bold;
	text-decoration:none;
	}

#carlist-after {
	width:900px;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	float:left;
	}

#latest-offers-wrap {
	width:970px;
	height:470px;
	padding-left:30px;
	}
	
/* search results CSS Document */
#results {
width:500px;
}

.resultsadvert {
width:500px;
height:40px;
margin-bottom:0;
padding:1px;
text-align:center;
}

.resultsadvert .resultsadvert0  {
background-color:#fff;
padding:1px;
}

.resultsadvert .resultsadvert1  {
background-color:#f4f4f4;
padding:1px;
}
 
.resultspagefooter {
	width: 500px;
	float:left;
	margin-bottom:25px;
	clear: both;
	margin-top:25px;
}

.resultsadvert div {
float:left;
margin-left:2px;
margin-top:8px;
cursor:pointer;
}

.resultsyear {
width:65px;
text-align:left;
}
.resultsmakemodel {
width:405px;
text-align:left;
}

.resultempest for carsolour {
width:115px;
}

.resultspetrol, .resultsmanual, .resultsauto, .resultsdiesel {
width:20px;
height:19px;
background-color:#244aa3;
color:#FFFFFF;
margin-top:6px !important;
padding-top:1px;
}

.resultsprice {
width:70px;
}

.resultsphoto {
margin:0 !important;
}

#resultspageheader {
font-size:14px; 
font-weight:bolder;
color:#FFFFFF;
background-color:#000000;
width:500px;
padding:4px;
}

.resultsviewpage:first-child span {
border-left:none;
}


.resultsviewpage span {
float:left;
padding-left:3px;
padding-right:3px;
margin-bottom:5px;
color: #fff;
background-color:#618636;
}
.resultsviewpage a { cursor: pointer; }


#resultsnextpage, #resultsprevpage {
float:left;
margin-left:2px;
margin-right:2px;
}

#resultsnowviewing {
float:left;
clear:both;
}

.resultsviewpagecurrent {
	padding-left:3px;
	padding-right:3px;
	margin-bottom:5px;
	float:left;
}



/*finance details
*/
/* CSS Document */
	.financeVehicleHidden
		{
			visibility: hidden;
			display:none;
		}
	.financeVehicle
		{
			visibility: visible;
		}
	.financeVehicleError
		{
			visibility: visible;
		}
	.financeVehicleError #financeText
		{
			color: red;
		}
		


.financehide {
display:block;
float:right;
clear:both;
width:120px;
}



#typicalAPR {
width:570px;
float:left;
clear:both;
text-align:right;
font-size:180%;
}



.financeOptions {
position:relative;
width:580px;
float:left;
clear:both;
padding:10px;
height:70px;
padding-top:15px;
padding-bottom:30px;
margin-top:5px;
margin-bottom:12px;
color:#000;
background: url(/graphics/results-codew-bg.jpg) top left no-repeat;
font-size:12px;

}
.financeOptions h2 {
font-size:14px;
font-weight:700;
margin-bottom:6px;
}

#financego {
width:128px;
height:34px;
position:absolute;
top:34px;
left:536px;
z-index:700;
}



#financeDeposit {
width:50px;
}

#carSort {
	width:600px;
	height:20px;
	position:relative;
	color:#000;
	float:left;
	margin-bottom:4px;
	z-index:200;
	
	}
	
	#sortForm label {
	width:120px;
	padding-left:2px;
	float:right;
	}
	#sortForm select {
	width:120px;
	padding-left:2px;
	float:right;
	}
	

.finance1, .insurance1, .insurance1visible {width:156px; display:block; height:32px; float:left; color:#ffffff; background-color:#618636; margin-bottom:1px; margin-left:4px; margin-right:3px; padding-left:4px; padding-top:3px; font-size:12px; font-weight:normal;
}
.finance1  strong , .insurance1  strong , .insurance1visible strong {
font-weight:normal;
}
.finance2, .insurance2, .insurance2visible {width:435px; display:block; float:left; height:32px; background-color:#f8f8f8; color:#000; margin-bottom:1px; margin-left:2px; padding-top:3px; padding-left:2px;}


.finance1 a, .insurance1  a {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;

}

.finance1 a:hover, .insurance1 a:hover {
color:#FFFFFF;

text-decoration:underline;
}


.finance1,.finance2  {
height:35px;

}

.financeVehicleNone {
display:none;
}






.resultstop0 {
	width:575px;
	float:left;
	clear:both;
	height: 20px;
}

.financetop a, .insurancetop a {
font-weight:700;
}

.financetop a:hover, .insurancetop a:hover {
font-weight:700;
text-decoration:underline;
}


.financetop {
	width:400px;
	float:left;
	text-align:left;
	height:15px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:30px;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:2px;
	background: url(../graphics/adjust-finance0.gif) left bottom  no-repeat;
}

.insuranceup {
	width:155px;
	float:left;
	text-align:left;
	height:15px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	margin-bottom:2px;
	margin-top:2px;
	background: url(../graphics/adjust-insurance0.gif) bottom left no-repeat;
	clear: right;
}


.codeweavers {
width:610px;
clear:both;
float:left;
}