/* Callow Marsh */


/* common */

html {
	margin: 0; padding: 0; 
}
	
body { 
	margin: 0; padding: 0; background: #f2f2f5 url(/images/bg.gif) repeat-x; 
} 
	
#pages {
	/*background: url(/images/top.gif) no-repeat;*/
	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_left {
	float: left;
	width: 296px;
	height: 110px;
	border-bottom: 1px solid #dcdcde;
	padding: 0;
	margin: 0;
}
	
.logo {
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
}*/

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

.header-number {
	float: right;
	margin: 14px 0 0 0;
	padding: 0;
}
	
/*#header_right {
	display: inline;
	background: url(/images/menu2.gif) repeat-x;
	font: normal 11px/15px Arial, Helvetica, sans-serif; color:#426190;
	float: right;
	text-align: left;
	width: 434px;
	height: 34px;
	padding: 0 10px 25px 0;
	margin: 25px 0 0 0;
}
	
#header_right p {
	text-align: right;
	padding: 0;
	margin: 10px 0 0 20px;
}
	
#header_right a {
	font: bold 13px/15px Arial, Helvetica, sans-serif; color:#426190;
	text-decoration: none;
}

#header_right img {
	padding: 0;
	margin: 0;
}*/


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

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

#content {
	width: 760px;
	margin: auto;
	clear: both;
	font: normal 12px/15px Arial, Helvetica, sans-serif; color: #5F5F5F;
	padding: 0 0 10px 0;
	background: #FFF;
}
	
#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/bullet.gif);
	margin: 0;
	padding: 0;
}

#full ul {
	margin: 0 0 20px 20px;
	padding: 0;
}
	
#full ul li {
	list-style-image: url(/images/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/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/search-bg.gif);
	background-repeat: no-repeat;
	background-color: #eda814;
}
#newcarform input{
	width: 158px;
}

#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: 760px;
	margin: auto;
	clear: both;
	padding: 18px 0 0 0;
	font: normal 10px Arial, Helvetica, sans-serif; color: #79797a;
	text-align: center;
}
	
#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;
}


/* new cars */

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

#newcarscontainer {
	float: left;
	width: 740px;
	margin: 0;
	padding: 0 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/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 textarea{
width: 240px;
}

#txtCarDetails, #Name, #Email, #Telephone, #Company, select {
	font: normal 11px Arial, Helvetica, sans-serif; color: #000;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 240px;
	border: 1px solid #CCCCCC;
}
	
.Enquirybox {
	font: normal 11px Arial, Helvetica, sans-serif; color: #000;
	width: 184px;
	margin: 5px 0 0 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: 2px 0 0 0;
}


/* ==== 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/search-bg.gif);
	background-position: top;}
	
#searchbox form 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 -6px 10px; }
	
#searchbox p {
	font: normal 11px/15px Arial, Helvetica, sans-serif; color: #5F5F5F;
	letter-spacing: 0;
	margin: 8px 10px 0 10px;
	padding: 0; }
	
#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;}
	
.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 ===== */


.listrowdiv {
width: 700px;
background-color:#999999;
margin: 0 0 11px 0;}

#dvVehicleList {
margin-top: -21px;}

#dvVehicleList td {
margin: 0;
padding: 2px 0 2px 0;}
#dvVehicleList tr {
padding: 4px 0;}
.detailtext{
color: #dae0eb;}

.listdescription  {
font: normal 15px Arial, Helvetica, sans-serif; color: #001c54; 
margin: 16px 0 12px 0;
}

.listnotes {
font-size:10px;
margin-left: 11px;
color: #fff;}

.listpagination {
width: 700px;
background-color: #5f7f90;
margin-bottom:11px;
color:#FFFFFF;}

.listpagination a:link, .listpagination a:visited, .listpagination a:active {
font-weight: bold;
color: #fbc000;
text-decoration: none; }
.listpagination a:hover {
color: #d8e12c;
text-decoration: underline;
font-weight: bold;}


.listthumb {
margin: 4px 0;
width: 150px;
height:90px;
margin-right: 16px;
margin-left: 11px;
margin-top: 15px;}
#dvVehicleList .subtitle2 {
text-align: left;
font: normal 12px  Tahoma, Arial, Helvetica, sans-serif; color: #fff;
padding: 2px 4px 6px 10px; }
#dvVehicleList .subtitle2 a:link {
color: #fbc000; text-decoration: none; font-weight:normal; }
#dvVehicleList .subtitle2 a:hover {
color: #fbc000; text-decoration: underline; font-weight:normal; }
#dvVehicleList .subtitle2 a:visited {
color: #fbc000; text-decoration: none; font-weight:normal; }
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
text-align: left;
width: 676px;
font: normal 12px  Tahoma, Arial, Helvetica, sans-serif; color:#282828;
padding: 3px 2px 3px 10px; }
#dvVehicleList .nostripe {
color: #282828;
background-color:#e8e8e8;
margin-bottom: 11px;
width: 700px;
line-height:19px;}
#dvVehicleList .stripe {
color: #282828;
background-color: #e8e8e8;
margin-bottom: 11px;
width: 700px;
line-height:19px;}
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
background-color: #fbc000;
color: #282828;
cursor:hand; cursor:pointer;
margin-bottom: 11px; 
width: 700px;
line-height:19px;}

.listprice {
font-size:16px;
color:#011b54;}

.listgrey {
color: #636363;}
.nonlistgrey {
color:#282828;}



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

/*
#dvVehicleList {
	padding: 0;
	margin: 0;
}
#dvVehicleList table {
	width: 720px; 
	margin: 0;
	padding: 0;
	border: 0;
}

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

.subtitle2 {
	text-align: left;
	width: 600px;
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
	padding: 2px 4px 2px 4px;
	background-color: #5f7f90; 
}
.subtitle2 a, .subtitle2 a:visited {
	color: #FFF; text-decoration: none; 
}
.subtitle2 a:hover {
	color: #FFF; text-decoration: underline; 
}
.stripe, .nostripe, .nostripeover, .stripeover {
	text-align: left;
	width: 676px;
	font: normal 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding: 3px 2px 3px 4px; 
}
.nostripe {
	background-color: #FFF;
	color: #000; }
.stripe {
background-color: #e6e6eb;
color: #000; }

.nostripeover, .stripeover  {
background-color: #fbc000;
color: #000;
cursor:hand; cursor:pointer; }

.listthumb {
	margin: 5px 5px 4px 0px;
	width: 131px;
	height: 94px;
	border: 1px solid #b4aeae;*/


/* ==== details ==== */
#dvVehicleDetail {
margin: 0;
padding: 0; }
#dvVehicleDetail table {
margin: 0;
padding: 0;
border: 0; }

.title {
display: block;
width: 708px;
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 10px 0 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 0px 6px 0px; }
.thumb2 {
margin: 0 11px 6px 10px; }
.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: url(/images/bannerspace-bg.gif) left top;
	overflow: hidden;
}

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

#used-searchbox{
	width: 222px;
	height: 320px;
	background: url(/images/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;
}

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

}

#used-searchbox input.submit{
	width: 218px;
	height: 34px;
	border: none;
	background: url(/images/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: 250px;
	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;
}

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

#new-home-boxes p{
	color: #fff;
	margin: 8px 08px 0px 12px;
}

#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/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/new-homebox-yellow-bottom.jpg) left top no-repeat;
}

#new-homebox-blue{
	width: 242px;
	background: url(/images/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/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;
		position: relative;
		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: 250px;
		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;	
		}