/* Callow Marsh */


/* common */

html {
	margin: 0; padding: 0; 
}
	
body { 
	margin: 0; padding: 0; background: #f2f2f5 url(/images/backgrounds/bg.gif) repeat-x; 
} 
	
#pages {
	width: 760px;
	margin: auto;
	border: none; 
}
	
.clear {
	clear:both;
	height:1px;
	overflow:hidden; 
}

.offerwhite {
font: Tahoma, Arial, Helvetica, sans-serif; color: #ffffff;
font-size: medium;
margin: 0 0 10px 0;
padding: 0; }

#header {
	width: 760px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}
	
img, div { behavior: url(/iepngfix.htc) }



.header-logo {
	float: left;
	margin: 14px 0 0 0;
	padding: 0;
}

.header-number {
	float: right;
	margin: 14px 0 0 0;
	padding: 0;
}

.clear {
clear:both;}
	


/* ====== nav ====== */

#navcontainer {
	width: 760px;
	float: left;
	height: 31px;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(/images/backgrounds/nav-rightbar.gif) no-repeat;
	background-position: left;
	z-index:9999;
	position:relative;
}
	
#nav, #nav ul {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	/*z-index:5;*/
}
		
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	/*z-index:5;*/
}
	
#nav li.first {
	border-left: 1px solid #cdcdcf;
	/*z-index:5;*/
	}
		
#nav a, #nav a:link, #nav a:visited {
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif; color: #305387;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 9px 13px 8px 12px;
	border-right: 1px solid #cdcdcf;
	/*z-index:5;*/
}	
	
#nav a:hover {
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;	
	background: url(/images/backgrounds/nav-hover.gif) repeat-x;
	
}
#nav ul li a:hover {
	background-color: #0c2539;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	/*z-index:5;*/
	 } 
#nav li ul {
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 0;
	border-left: 1px solid #cdcdcf;
	/*z-index:5;*/
 }
#nav li ul a {
	width: 170px;
	margin: 0 0 0 -1px;
	padding: 8px 3px 3px 14px;
	background-color: #e2e2e5;
	color: #FFF;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	border-left: 1px solid #cdcdcf;
	/*z-index:5;*/
 }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	border-top: none;
	width: 170px;
	border: 0;
	/*z-index:5;*/
 }




/* ==== Homepage Styles ==== */


#homeleft {
width:504px;
float:left;
padding: 5px 0 0 0;}
#homeright {
width: 244px;
float:right;
padding: 5px 6px 0 0;}

#homefull {
width:750px;
padding:5px 10px 5px 0;}


#homestyles .slideshow {
margin-bottom: 30px;}
#homestyles .flash {
margin-bottom: 8px;}
#homestyles .indent {
padding: 0 0 0 10px;}
#homestyles .home-banner {
margin: 0 0 8px 4px;}

#homestyles #used-searchbox {
width: 222px;
height: 320px;
background: url(/images/backgrounds/home-search-bg.png) no-repeat;
padding: 7px 10px 10px 12px;
z-index: 3;
position: relative;
margin: 0 0 8px 0;
float:none;
font: normal 12px/16px Tahoma, Arial, Helvetica, sans-serif; color: #fff;}




/* ==== Structure Styles ==== */




#content {
	width: 760px;
	height:auto;
	margin: auto;
	clear: both;
	font: normal 12px/15px Arial, Helvetica, sans-serif; color: #5F5F5F;
	padding: 0 0 10px 0;
	background: #FFF;
	min-height: 600px;
	}
	
#left {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	width: 276px; 
	padding: 17px 20px 0 20px;
	margin: 0;
	background: #FFF;
}
	
#left p {
	margin: 5px 0 10px 0;
	padding: 0;
}

#leftnotes{
	padding: 17px 20px 0 20px;
}

	
#left ul {
	margin: 0 0 20px 20px;
	padding: 0;
}
	
#left ul li {
	list-style-image: url(/images/backgrounds/bullet.gif);
	margin: 0;
	padding: 0;
}

#full ul {
	margin: 0 0 20px 20px;
	padding: 0;
}
	
#full ul li {
	list-style-image: url(/images/backgrounds/bullet.gif);
	margin: 0;
	padding: 0;
}

#left table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #DFDFE6;
}
	
#left th {
	text-align: left;
	background-color: #DFDFE6;
}
	
#left a:link, #left a:visited {
	color: #305387;
	text-decoration: none;
	font-weight: bold;
}
	
#left a:hover {
	color: #fbc000;
	text-decoration: none;
}

#left .link {
	margin: 11px 0 0 0;
	padding: 0;
}

#right {
	display: inline;
	float: right;
	width: 434px;
	padding: 10px 10px 0 0;
	margin: 0;
	border-left: none;
	background: #FFF; }
	
#right ul {
	margin: 0 0 20px 20px;
	padding: 0;
}

#right ul li {
	list-style-image: url(/images/backgrounds/bullet.gif);
	margin: 0;
	padding: 0;
}
	
#right p {
	margin: 0;
	padding: 0;
}
	
#right img {
	margin: 0 0 10px 0; 
	padding: 0;
}
	
#right a {
	font-weight: bold;
	color: #305387;
	text-decoration: none;
}

#right a:hover {
	color: #fbc000;
	text-decoration: none;
}

#full {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	width: 740px; 
	padding: 17px 0 0 20px;
	margin: 0;
	background: #FFF;
}
	
#full ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#full li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#full a, #full a:visited {
	color: #305387;
	text-decoration: none;
	font-weight: bold;
}
	
#full a:hover {
	color: #fbc000;
	text-decoration: none;
}

#offers {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	width: 530px; 
	padding: 17px 20px 0 20px;
	margin: 0;
	background: #fff;
}

#offers a, #offers a:visited {
	color: #305387;
	text-decoration: none;
	font-weight: bold;
}
	
#offers a:hover {
	color: #fbc000;
	text-decoration: none;
}

/*###NEW CAR LANDING PAGES###*/

#newcarhead{
	background-color: #feb415;
	margin: 0;
	padding: 0;
}

#newcarhead h1{
	color: #fff;
	padding: 0px 0px 4px 20px;
	margin: 3px 0px 6px 0px;
	font-size: 24px;
}


#newcarpage {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	width: 720px; 
	padding: 17px 0px 0px 20px;
	margin: 0;
	background: #fff;
}

.carthumb{
	float: left;
	margin-right: 10px;
}

#newcarpage a, #newcarpage a:visited {
	color: #305387;
	text-decoration: none;
	font-weight: bold;
}
	
#newcarpage a:hover {
	color: #fbc000;
	text-decoration: none;
}

#newcarinfo{
	width: 520px;
	float:left;
	margin: 0;
	padding: 0;
}

#newcarinfo p{
	font-size: 12px;
	text-align: justify;
}

#newcarinfo ul {
	list-style: none;
	font-weight: bold;
}

#newcarinfo h2{
	font-size: 16px;
}
#newcarform{
/*	background-color: #e4e4e6;*/
	border: solid 1px #e4e4e6;
	font: 11px Arial, Helvetica, sans-serif;
	width: 165px;
	float: right;
	margin: 0;
	padding: 5px 5px 8px 5px;
	background-image: url(/images/backgrounds/search-bg.gif);
	background-repeat: no-repeat;
	background-color: #eda814;
}
#newcarform input{
	width: 158px;
	margin: 0 0 6px 0;
	font-size: 11px;
}

#newcarform h1{
	color: #fff;
	font-weight: bold;
}
#newcarform p{
	font: 13px Arial, Helvetica, sans-serif; 
	/*color: #fff;*/
}
#newcarform label{
/*	color: #fff;*/
}

/*###END NEW CAR LANDING PAGES###*/

/* headers */

h1 {
	font: normal 22px Tahoma, Arial, Helvetica, sans-serif; color: #fbc000;
	margin: 0 0 10px 0;
	padding: 0;
}
	
h2 { 
	font: bold 11px/14px Arial, Helvetica, sans-serif; color: #5F5F5F;
	margin: 5px 0 0 0;
	padding: 0;
}

h3 { 
	font: bold 14px/18px Tahoma, Arial, Helvetica, sans-serif; color: ##5F5F5F;
	margin: 0 0 10px 0;
	padding: 0;
}

.apr {
	font: normal 15px Arial, Helvetica, sans-serif; color: #5F5F5F;
	}
	
	
/* footer */

#footer {
	width: 100%;
	margin: auto;
	clear: both;
	padding: 0;
	font: normal 10px Arial, Helvetica, sans-serif; color: #79797a;
	text-align: center;
background:#d5d6da;
}

#footer-t-and-c {
width:100%;
text-align:center;
padding: 5px 0 10px;
background-color:#f2f2f5;
}

#quicklinks {
padding-bottom:10px;
text-align:left;
width:760px;
font-size:12px;
margin:0 auto 10px;
}

#quicklinks a {
	color: #79797a; text-decoration:none;
}

#quicklinks a:hover {
	color: #FFF !important; text-decoration:none;
}

#quicklinks h3 {
color:#79797a;
padding: 10px 0 0;
margin:0 0 5px 0;
}


.footquicklinks1 {
background-image:url(../images/footer-div.gif);
background-repeat:repeat-y;
background-position:left;
width:80px;
float:left;
padding:5px 10px 5px 10px;
}

.footquicklinks2 {
margin-top:-40px;
text-align:left;
float:right;
padding:5px 10px 5px 20px;
}

.footerbreak {
width:100%;
height:3px;
background:#fbc100;}
	
#footer a {
	color: #79797a; text-decoration:none;
}
	
#footer a:hover {
	color: #79797a; text-decoration:none;
}

#terms {
	padding: 2px 0 0 0;
	font: normal 11px/14px Arial, Helvetica, sans-serif; color: #999; 
	background-color: #FFF;
}

#terms p {
	margin: 0 5px 10px 6px;
}

#terms h2 {
	font: bold 11px/14px Arial, Helvetica, sans-serif; color: #999; 
	margin: 0 0 2px 6px;
}

#terms a {
	color: #305387; text-decoration: underline; font-weight: bold;
}

#terms a:hover {
	color: #fbc000;
	text-decoration: underline;
}

/* used car special offers */
#usedoffercontainer {
	width: 720px;
	margin: 0;	padding: 0;
}

.usedoffer {
	float: left;
	width: 720px;
	margin: 0 0 20px 0;	padding: 0;
}



.usedofferimg {
	float: left;
	width: 300px;
	margin: 0 10px 0 0;
	padding: 0;
}

.usedoffertext {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}

#usedoffercontainer h1 {
	font: normal 18px/20px Tahoma, Arial, Helvetica, sans-serif; color: #5F5F5F;
	margin: 0 0 10px 0;	padding: 0;
}

#usedoffercontainer p {
	margin: 0 0 5px 0;	padding: 0;
}

.usedofferwas {
	font: normal 18px/20px Tahoma, Arial, Helvetica, sans-serif; color: #5F5F5F;
	margin: 0 0 10px 0;	padding: 0;
}

.usedoffersave {
	font: normal 18px/20px Tahoma, Arial, Helvetica, sans-serif; color: #fbc000;
	margin: 0 0 10px 0;	padding: 0;
}

.usedcallnow {
	font: normal 14px/20px Tahoma, Arial, Helvetica, sans-serif; color: #5F5F5F;
	margin: 5px 0 10px 0;	padding: 0;
}


.details-features {
margin:10px 0 10px 0;
}



/* new cars */

.renaultsport {
	margin: 0 10px 0 0;
	padding: 0;
}

#newcarscontainer {
	float: left;
	width: 740px;
	margin: 0;
	padding: 20px 0 0 20px;
	background: #fff;
}

#newcarscontainer p {
	margin: 5px 0 10px 0;
	padding: 0;
}

#newcarscontainer a, #newcarscontainer a:visited {
	color: #305387;
	text-decoration: none;
	font-weight: bold;
}
	
#newcarscontainer a:hover {
	color: #fbc000;
	text-decoration: none;
}

.newcarthumb {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

/* promotions */
#left table {
margin: 0 0 20px 0;
padding: 0;
border-collapse: collapse;
border: 0; }
#right table {
width: 434px;
height: 336px;
margin: 40px 0 20px 0;
padding: 0 0 0 0;
vertical-align: top;
border-collapse: collapse;
border: 0; }
#right table tr{
height: 168px;
vertical-align:text-top;
}
.notes {
font: normal 9px/14px Trebuchet MS, Arial, Helvetica, sans-serif; color: #848484;
}

/* new promotions */
.left {
float: left;
display: inline;
clear: both;
text-align: left;
width: 276px; 
padding: 17px 20px 0 20px;
margin: 0;
background: #FFF; }
.left p {
margin: 5px 0 10px 0;
padding: 0; }
.left ul,#right ul {
margin: 0 0 20px 20px;
padding: 0; }
.left ul li,#right ul li {
list-style-image: url(/images/backgrounds/bullet.gif);
margin: 0;
padding: 0; }
.left table {
margin: 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #DFDFE6; }
.left th {
text-align: left;
background-color: #DFDFE6; }
.left a, #left a:visited {
color: #305387;
text-decoration: none;
font-weight: bold; }
.left a:hover {
color: #fbc000;
text-decoration: none; }
.left .link {
margin: 11px 0 0 0;
padding: 0; }

.rrp {
	font: normal 12px/20px Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
}
.callowprice {
	font: normal 16px/20px Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
}
.saving {
	font: bold 16px/20px Tahoma, Arial, Helvetica, sans-serif; color: #d2a40f;
}
	

.rightcontainer {
display: inline;
float: right;
width: 434px;
padding: 0;
margin: 15px 0 0 0;
border-left: none;
background: #FFF; }
.right {
padding: 10px 0 10px 0;
margin: 25px 10px 0 0;
background: #FFF;
border-bottom: 1px solid #DCDCDE; }
.right table {
margin: 0;
padding: 0;
border: 0; }
.right ul {
list-style-type: none;
margin: 0;
padding: 0; }
.right li {
list-style-type: none;
margin: 0;
padding: 0; }
.right h1 {
font:bold 18px "Gill Sans" Arial, Helvetica, sans-serif;
color: #002c51;
padding: 0; }
.right p {
margin: 0;
padding: 0; }
.right a, .right a:visited {
color: #305387;
text-decoration: none;
font-weight: bold; }
.right a:hover {
color: #fbc000;
text-decoration: none; }
.right .link {
margin: 11px 0 0 0;
padding: 0; }

/* pre-reg promotions table */
/* ==== data tables ==== */
td, th {
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
line-height: 1.7em; }
.prereg {
border: 1px solid #cacaca;
border-collapse: collapse;
margin: 10px 0;
padding: 0;  }
.prereg p {
margin: 0;
padding: 0; }
.prereg td {
border: 1px solid #cacaca;
padding: 4px; }
.prereg th {
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background-color: #fff8e2;
font-weight: bold;
padding: 4px;
color: #5B5B5B;
text-align: left; }
.prereg tr:hover, .prereg tr.hilite {
background-color: #fff8e2; }
.title p {
color: #FFF;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; }
.title2 {
background-color: #b5b5b5; }
.title2 p {
color: #FFF;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif; }

/* form */
#used {
float: left;
width: 275px;
background-color: #e4e4e6;
margin: 0;
padding: 0;
font: 11px Arial, Helvetica, sans-serif; color: #000; }
.large {
width: 200px;
margin: 0;s
padding: 0;
font: 11px Arial, Helvetica, sans-serif; color: #000; }
.medium {
width: 120px;
margin: 0;
padding: 0;
font: 11px Arial, Helvetica, sans-serif; color: #000; }
.small {
width: 80px;
margin: 0;
padding: 0;
font: 11px Arial, Helvetica, sans-serif; color: #000; }
.small2 {
width: 50px;
margin: 0;
padding: 0;
font: 11px Arial, Helvetica, sans-serif; color: #000; }
#btnSubmit {
width: 50px;
margin: 0;
font: normal 12px Arial, Helvetica, sans-serif; color: #000; }
#used textarea {
width: 202px;
height: 50px;
margin: 0;
padding: 0;
font: 11px Arial, Helvetica, sans-serif; color: #000; }


/* contact form */

#contactleft {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	width: 500px; 
	padding: 17px 20px 0 0;
	margin: 0;
	background: #FFF;
}
	
#contact  {
	float: left;
	width: 410px;
	background-color: #e4e4e6;
	margin: 10px 0 0 0;
	padding: 7px 10px 10px 10px;
	font: normal 12px Arial, Helvetica, sans-serif; color: #000;
}
	
#contact table {
	margin-top: 5px;
}
	
#chkboxMarketing {
	width: 20px;
	margin: 0;
	padding: 0;
}
	

#Type {
	font: normal 11px Arial, Helvetica, sans-serif; color: #000;
	margin: 5px 0 5px 0;
	padding: 2px;
	width: 245px;
	border: 1px solid #CCCCCC;
}

#contact .dropdown{
	font: normal 11px Arial, Helvetica, sans-serif; color: #000;
	margin: 10px 0 5px 0;
	padding: 2px;
	width: 245px;
	border: 1px solid #CCCCCC;
}

#contact textarea{
width: 240px;
}

#txtCarDetails, #Name, #Email, #Telephone, #Company, .contact-input {
	font: normal 11px Arial, Helvetica, sans-serif; color: #000;
	margin: 10px 5px 5px 0;
	padding: 2px;
	width: 240px;
	border: 1px solid #CCCCCC;
	float:left;
}
	
.Enquirybox {
	font: normal 11px Arial, Helvetica, sans-serif; color: #000;
	width: 184px;
	margin: 10px 0 10px 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
	
#btnSubmit {
	width: 70px;	
	margin: 5px 5px 0 0;
	font: normal 12px Arial, Helvetica, sans-serif; color: #000;
}
	
#contact label {
	width: 200px;
	text-align: right;
	vertical-align: top;
	padding: 0 0 0 0;
	line-height:17px;
}




#contact p {
	margin-bottom: 5px;}
/* ==== used search stuff ==== */

.intro {
	display: block;
	width: 670px;
	font: normal 11px/15px Arial, Helvetica, sans-serif; color: #000;
	padding: 0px 10px 10px 0;
	background-color: #FFF;
}
	
.intro a {
	color: #305387; text-decoration: none; font-weight: bold;
}
	
.intro a:hover {
	color: #fbc000; text-decoration: underline;
}


/* ==== homepage search ==== */

#searchbox {
	float: left;
	width: 270px;
	height: 190px;
	padding: 0 px 10px px;
	margin: 0 0 10px 0;
	background-image: url(/images/backgrounds/search-bg.gif);
	background-position: top;}
	
#searchbox label.normal {
	width: 50px;
	float: left;
	margin: 0;
	padding: 2px 2px 0 2px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #2b2b2d;}
	
#searchbox h1 {
	font: bold 13px Arial, Helvetica, sans-serif; color: #2b2b2d;
	letter-spacing: 0;
	padding: 0;
	margin: 8px 10px 10px 10px; }
	
#searchbox p {
	font: normal 11px/15px Arial, Helvetica, sans-serif; color: #5F5F5F;
	letter-spacing: 0;
	margin: 8px 10px 0 10px;
	padding: 0; }
	
	#searchbox input, #searchbox select {
		float:none;}
	
#dvVehicleCount{
margin: 0px 10px 0px 10px;
}

.option {
	width: 190px;
	margin: 0;
	padding: 0;
	color: #5F5F5F;}

select {
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif; 
	color: #666;
	width: 130px;
	margin: 0;
	padding: 0; }
	
#homeDropdownPriceFrom {
	width: 90px;
	margin: 0 7px 5px 0; }
	
#homeDropdownPriceTo {
	width: 90px;
	margin: 0 0 5px 0;}
	
.pricefrom {
	width: 90px;
	margin: 0 7px 5px 0; }

.priceto {
	width: 90px;
	margin: 0 0 5px 0;}
	
.searchbutton {
	float: left;
	width: 190px;
	font: bold 10px Arial, Helvetica, sans-serif; color: #363030;
	margin: 5px 0 0 65px;
	background-color: #fcdd9c;
	border: solid 1px #abadb3;
	cursor:pointer;}

/* ====  used vehicle list / results ===== */

#list {
float: left;
display: inline;
clear: both;
text-align: left;
width: 720px; 
padding: 17px 20px 0 20px;
margin: 0;
background: #FFF; }

#usedlistwrapper ul li {
background-image: none;
font-weight:normal;
margin:0;
padding:0;}
#usedlistwrapper .listdescription {
color:#5f7f90;
font-size:15px;
font-weight:normal;
margin:0 0 12px 0;}
#usedlistwrapper .listprice {
color:#002c51;
font-size:20px;
font-weight:normal;}
#controls-wrapper {
padding: 0 0 0 0;
width:720px;
background-color:#5f7f90;
margin-bottom:10px;
color:#fff;}
#controls-pagination {
width: 720px;
height: 48px;
margin: 0 0 0 0;
display:block;
padding: 0 0 0 0;}
#controls-pagination ul li {
list-style:none;
background:none;
padding:0;}
#usedlistwrapper .COGPager li{
display:inline;
text-align:center;
list-style-type: none;
float:left;}

.list-filter {
padding: 12px 0 0 10px;
float: left;
width:235px;
display:block;}
.list-filter select {
width: 150px;
line-height:25px;
padding: 3px 0 ;
margin: 0 0 0 10px;
font: 12px/25px Arial, Helvetica, sans-serif; color: #5f6164;}
#pagination {
width: 385px;
margin: 0;
padding:9px 0 0 0;
float:left;}
#pagination ul, #pagination ul li {
padding: 0;
margin:0;
list-style:none;}
#pagination li {
margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{
background: url(/images/used-results/page-selected.png) top left repeat-x #feb415;
color:#795403;
font-weight:bold;
border:solid 1px #795403;
margin:0 0 0 0;
font-size: 11px;}
#usedlistwrapper .COGPager span /* not a link style */{
background: url(/images/used-results/page-not-selected.png) top left repeat-x #fff;
color:#9f9f9f;
display:block;
margin:0 6px 0 0;
width:27px;
padding:0;
font-weight:bold;
border:solid 1px #2f4f60;
height:28px;
font-size: 11px;
line-height:28px;}
#usedlistwrapper .COGPager li.COGPagerNext {
width: 27px;
float: left;
margin: 0 9px 0 0;}
#usedlistwrapper .COGPager a:link,
#usedlistwrapper .COGPager a:visited,
#usedlistwrapper .COGPager a:active /* link style */ {
background: url(/images/used-results/page-link.png) top left repeat-x #e2e2e5;
text-decoration:none;
color:#2f4f60;
width: 27px;
margin:0 6px 0 0;
display:block;
padding:0 0 5px 0;
border:1px solid #2f4f60;
height:23px;
font-weight:normal;
line-height:28px;
font-size: 11px;}
#usedlistwrapper .COGPager a:hover {
/*background-color:#c7c7c7;*/
text-decoration:none;
color:#ca8f0f;
border:1px solid #feb415;}
#usedlistwrapper .COGPager li.COGPagerItem,
#usedlistwrapper .COGPager li.COGPagerItemSelected  /* hides the pagination display */{
width: 35px;
margin:0 0 0 0;
padding:0;
text-align:center;
display:block;}
#usedlistwrapper .COGPager li.COGPagerItemSelected {
margin-right: 0;}
#usedlist a, #usedlist a:link, #usedlist a:visited, #usedlist a:active {
font-weight:normal;
color:#262424;
text-decoration:none;
display:block;
cursor:pointer;}
#usedlist a:hover {
font-weight: normal;
color:#262424;
text-decoration:none;
display:block;
cursor:pointer;}
.usedlistvehicle {
width:690px;
padding:16px 15px 15px 15px;
display:block;
font-size:11px;
margin: 0 0 10px;
background: url(/images/used-results/list-car-bg-light.jpg ) bottom left repeat-x #edeeee;}
.usedlistvehicle-end {
background: url(/images/used-results/list-car-bg-end.jpg ) bottom left repeat-x #edeeee;
margin: 0 0 20px 0;}
.usedlistvehicle-image { 
margin:0; 
padding: 2px 2px 18px 2px;
float:left; 
background: url(/images/used-results/image-shadow.png ) bottom left no-repeat;}
.usedlistvehicle-right {
width:425px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#282828;
line-height:19px;}	
.listbreak {
display:block;
height: 10px;}
.usedlistsummary-left {
float: left; 
width: 202px; 
border-right: solid 1px #d2d3d3;
padding: 0 10px 0 0;}
.usedlistsummary-right {
float: left; 
width: 157px;
padding: 0 0 0 15px;}




/* ==== details ==== */

#details-left {
width: 391px;
float:left;
margin:0 0 20px 0;}
#details-right {
width:309px;
float:right;
margin:0 0 20px 0;}




.title {
display: block;
font: bold 16px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
padding: 2px 0 2px 4px;
margin: 0;
background-color: #5f7f90; }
.subtitle {
display: block;
font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #5f7f90; }
.imgsubtitle {
display: block;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #5f7f90; }
.spec, .address, .actions {
font: normal 12px/16px Tahoma, Arial, Helvetica, sans-serif; color: #000;
padding: 6px 10px 10px 0px;
background-color: #FFF; }
.actions a, .actions a:visited {
color: #305387; text-decoration: none; font-weight: bold; }
.actions a:hover {
color: #fbc000;
text-decoration: none; }


.detailsbutton{
	width: 300px;
	margin-bottom: 8px;
	font-size: 14px;
	padding: 4px 4px 4px 5px;
	color: #fff;
	background-color: #fbc000;
}

#detailsbuttonlinks a:link, #detailsbuttonlinks a:visited {
color:#305387;
text-decoration:none;}

#detailsbuttonlinks a:hover {
color:#fff;
text-decoration:none;}


/* images only */
img {
margin-left: 0px; vertical-align: top; }
.button, .rightimg {
margin: 0 0 10px 0; }
.camera {
margin: 2px 0 0 5px; }
.mainimg {
width: 309px;
margin: 10px 0 6px 0; }
.thumb {
margin: 0px 9px 6px 0px;
float:left;}
.thumb2 {
margin: 0 0 6px 0;
float:left;}
.homefullbanner {
margin-left: 20px;}

/* Speedy Search */

#speedy-search{

}


#service-offer-box{
width: 270px;
overflow: visible;
}

#service-offer-box img{
margin: 0 0 0 -5px;
}



/* New Homepage 25/05/10 */

#bannerspace{
	margin: 0;
	background-color:#FFF;
	overflow: hidden;
}

#renault-banner{
	width: 504px;
	height: 62px;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 2;
}

#used-searchbox{
	width: 222px;
	height: 320px;
	background: url(/images/backgrounds/home-search-bg.png) no-repeat;
	margin-right: 6px;
	float: right;
	padding: 7px 10px 10px 12px;
	z-index: 3;
	position: relative;
	font: normal 12px/16px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
}

#used-searchbox a{
	font-weight: bold;
	color: #fff; 
	text-decoration: none;
}

#used-searchbox p{
	margin: 2px 0 6px 0;
}

#used-searchbox label{
	color: #fff;
}

#used-searchbox select{
	color: #000;
	height: 23px;
	font-size: 13px;
	margin: 0;
}

#used-searchbox select.searchwidth{
	width: 218px;

}

#used-searchbox input.submit{
	width: 218px;
	height: 34px;
	border: none;
	background: url(/images/backgrounds/home-search-submit.png) top left;
	cursor:pointer;
}

#used-searchbox select.pricefrom{
	width: 103px;
	margin-right: 8px;
}

#used-searchbox select.priceto{
	width: 103px;
}

#used-searchbox h2{
	font-size: 18px;
	color: #fff;
}

#new-homebanner{
	height: 146px;
	width: 760px;
	float: left;
	margin: -266px 0 0 0;
	z-index: 1;
	position: relative;
}

#new-home-left{
	margin: 0px 0 0 10px;
	width: 485px;
	float: left;
}

#new-home-right{
	width: 234px;
	float: right;
	margin-right: 12px;
}

#new-home-right .home-banner{
	margin-bottom: 15px;
	display: block;
	margin-right: 5px;
}

#new-home-boxes{
	width: 747px;
	clear: both;
	margin-left: 6px;
	padding: 20px 0 0 0;
}

#new-home-boxes h2{
	font-size: 18pt;
	font: Arial, Helvetica, sans-serif;
	line-height: 1em;
	font-weight: normal;
	margin: 8px 8px 0px 12px;
	color: #fff;
}

#new-home-boxes p{
	color: #fff;
	margin: 8px 08px 0px 12px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
}

#new-home-boxes .offer-image{
	margin: 8px 8px 0px 12px;
}

#new-home-boxes a{
	color: #fff;
}

#new-home-boxes a:hover{
	text-decoration: underline;
}

#new-homebox-yellow{
	width: 242px;
	background: url(/images/backgrounds/new-homebox-yellow-top.jpg) left top no-repeat;
	overflow: hidden;
	float: left;
}

#new-homebox-yellow a, #new-homebox-yellow a:link, #new-homebox-yellow a:active, #new-homebox-yellow a:visited, #new-homebox-yellow a:hover {
	font-weight:normal;
	text-decoration:none;
	border:none;}

#new-homebox-yellow-bottom{
	width: 242px;
	height: 15px;
	background: url(/images/backgrounds/new-homebox-yellow-bottom.jpg) left top no-repeat;
}

#new-homebox-blue{
	width: 242px;
	background: url(/images/backgrounds/new-homebox-blue-top.jpg) left top no-repeat;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 10px;
}

#new-homebox-blue-bottom{
	width: 242px;
	height: 15px;
	background: url(/images/backgrounds/new-homebox-blue-bottom.jpg) left top no-repeat;
}


/* ########################   sIFR   ########################  */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
 visibility:visible !important;
 margin:0;
}

.sIFR-replaced {
 visibility: visible !important;
}

span.sIFR-alternate {
 position:absolute;
 left:0;
 top:0;
 width:0;
 height:0;
 display:block;
 overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
 display:none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1, .sIFR-hasFlash #used-searchbox h2, .sIFR-hasFlash #new-home-boxes h2{
 visibility:hidden;
}

#used-searchbox h2.sIFR-replaced{
 font-size: 26px;
}

#new-home-boxes h2.sIFR-replaced{
 font-size: 42pt;
 line-height: 1em;
}


/* Slideshow */

img{border:none;}

			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#slideycontainer{	
		margin: 0;
		float: left;
		
		text-align: left;
		width: 760px;
		}	
		
		#slideycontainer ul, #slideycontainer ul li {
		list-style:none;
		background-image:none;
		margin:0;
		padding:0;}
					

/* Easy Slider */

	#slider{margin: 0;}	
	#slider ul, #slider li{
		margin: 0;
		padding: 0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 760px;
		height: 146px;
		overflow: hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:none;
		width: 20px;
		height: 232px;
		position: absolute;
		left: 0;
		top:0;
		}	
	#nextBtn{ 
		left: 940px;
		display: none;
		}														
	#prevBtn a, #nextBtn a{  
		display: none;
		width: 20px;
		height: 232px;
		background:url(/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
	display: none;
		background:url(/images/btn_next.gif) no-repeat 0 0;	
		}												



/* ==== home slider ==== */

#slider-wrapper {
float:right;
z-index:2;
position:inherit;}

.anythingSlider { 
width: 573px; 
height: 262px; 
position: relative; 
margin: 0;
/*background:url(/images/backgrounds/slider.jpg) top left no-repeat;*/ 
padding: 0 0 0 0;
z-index:2;}
.anythingSlider .wrapper {
width: 573px; 
overflow: auto; 
height: 280px; 
margin: 0; 
position: absolute; 
left: 43px; }


#latest-offers-text {
width:490px;
float: left;
position:relative;
z-index:1;
text-align:left;
color:red;}

#latest-offers-text h2 {
font-size:20px;
font-family: "Gill Sans" Arial, Helvetica, sans-serif;
font-weight:300;
color: #002c51;
margin: 15px 0 10px 0;}

#latest-offers-text img {
	margin-left:0;}

#home-car-cutout img {
	margin-left:60px;}




/* Width below is max for Opera */                                       
.anythingSlider .wrapper ul { 
width: 32700px; 
list-style: none; 
position: absolute; 
top: 0; 
left: 0; 
margin: 0; }
.anythingSlider ul li { 
display: block; 
float: left; 
padding: 0; 
height: 246x; 
width: 670px; 
margin: 0; }
.anythingSlider .arrow { 
display: block; 
height: 200px; 
width: 67px; 
background: url(/images/backgrounds/slider-arrows.png) no-repeat 0 0;
_background: url(/images/backgrounds/slider-arrows-ie6.gif) no-repeat 0 0;  /* IE6 */   
text-indent: -9999px; 
position: absolute; 
top: 25px; 
cursor: pointer; }
.anythingSlider .forward { 
background-position: 0 0; 
right: -40px; }
.anythingSlider .back { 
background-position: -67px 0;
left: 40px; }
.anythingSlider .forward:hover { 
background-position: 0 -200px; }
.anythingSlider .back:hover { 
background-position: -67px -200px; }

#thumbNav { 
position: relative; 
top: 323px; 
text-align: center;
display:none; }
#thumbNav a { 
color: black; 
font: 11px/18px Georgia, Serif; 
display: inline-block; 
padding: 2px 8px; 
height: 18px; 
margin: 0 5px 0 0; 
background: #c58b04 url(/imagesslider/cellshade.png) repeat-x; 
text-align: center; 
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover { 
background-image: none; }
#thumbNav a.cur { 
background: #e0a213; }

#start-stop { 
display: none;
background: green; 
background-image: url(/images/slider/cellshade.png); 
background-repeat: repeat-x; 
color: white; 
padding: 2px 5px; 
width: 40px; 
text-align: center; 
position: absolute; 
right: 45px; 
top: 323px; 
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; }
#start-stop.playing { 
background-color: red; }
#start-stop:hover { 
background-image: none; }

/* Prevents  */
.anythingSlider .wrapper ul ul { 
position: static; 
margin: 0; 
background: none; 
overflow: visible; 
width: auto; 
border: 0; }
.anythingSlider .wrapper ul ul li { 
float: none; 
height: auto; 
width: auto; 
background: none; }


.home-facebook {
	width:205px;
	padding:5px;
	margin-top:5px;
	border:#FFFFFF solid 1px;
	background:url(../images/backgrounds/facebook-bg.jpg) top left repeat-x;
	display:block;
	font-weight:100;}