/* --- Harratts Part Exchange Direct --- */

body, html {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font: normal 12px/15px Arial, Helvetica, sans-serif; color: #231f20;
} 
.clear {
	clear: both;
	height: 0px;
	overflow: hidden; 
}
#page {
	width: 925px;
	margin: 0 auto 30px auto;
	padding: 0 6px 0 6px;
	border-bottom: 2px solid #02a64f;
	border-left: 2px solid #02a64f;
	border-right: 2px solid #02a64f;
}
#page p {
	margin: 0 0 12px 0;
	padding: 0;
}

#header {
 width:925px;
 height:195px;
 margin:0;
 padding:0;
 background:url(/images/header.jpg) top left no-repeat;
}

/* --- MENU --- */
#navcontainer {
	float: left;
	margin: 170px 0 0 7px;
	padding: 0;
	color: #FFF;
 }
#nav, #nav ul {
	list-style: none;
	margin: 0;
	padding: 0; }
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline; 	
	background: url(/images/nav-divide.gif) no-repeat 100% 50%;
}
#nav a {
	font: bold 15px Trebuchet MS, Arial, Helvetica, sans-serif; color: #2e3192;
	text-decoration: none;
	display: block;
	margin: 0 7px 0 0;
	padding: 0 9px 0 9px;
	text-align: center;
	/*border-right: 2px solid #2e3192;*/
 }
#nav a:hover {
	margin: 0 7px 0 0;
	padding: 0 9px 0 9px;
	color: #2e3192;
	text-decoration: underline;
}

/* --- main content --- */
#main {
	width: 926px;
	float: left;
	margin: 0;
	padding: 10px 0 14px 0;
}
#left {
	width: 299px;
	float: left;	
	margin: 0;
	padding: 0;
}
#centre-wrapper {
	width: 302px;
	float: left;	
	margin: 0 0 0 9px;
	padding: 140px 0 0 0;
	background:url(/images/centre-bg-top.gif) top left no-repeat;
}
#centre {
	width: 282px;

	margin: 0;
	padding: 0 10px 0 10px;
}
#centre p.intro {
	margin: 0;
	padding: 0 0 10px 0; 
	font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #2e3192;
}
#centre p {
	margin: 0;
	padding: 0 0 10px 0; 
	font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}
.homebullet {
 margin:0 0 0 78px;
}
#centre ul {
	margin: 0; 
	padding: 0;
	list-style-type: none; 
}
#centre ul li {
	background-image: url(/images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	color: #082b12;
	padding: 7px 0 7px 30px; 
}
#right {
	width: 297px;
	float: left;
	margin: 0 0 0 9px;
	padding: 0;
}
#rightfull {
	width: 609px;
	min-height: 441px;
	float: right;	
	margin: 0;
	padding: 12px 0 0 0;
}
#rightfullcontent {
	width: 556px;
	margin: 0;
	padding: 10px;
	background-color: #FFF;
}
#rightfull h1 {
	font: bold 24px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 0 0 12px 0;
	padding: 0;
}
#rightfull h2 {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 0;
	padding: 0;
}
#rightfull p {
	margin: 0 0 10px 0;
	padding: 0; 
	font: 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}
#rightfull ul {
	margin: 0 0 0 30px; 
	padding: 0;
}
#rightfull ul li {
	list-style:circle;
	color: #082b12;
	padding: 4px 0 4px 5px; 
}
#rightfull a {
	font-weight: bold;
	color: #00a752; 
	text-decoration: none; 
}
#rightfull a:hover {
	font-weight: bold;
	color: #00a752; 
	text-decoration: underline;
}
#full {
	/*width: 826px;*/
	float: left;	
	margin: 0;
	padding: 7px 20px;
}
#full table {
	margin: 0;
	padding: 10px;
}
#full h1 {
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	font-style: italic;
	margin: 0 0 8px 0;
	padding: 0;
}
#full h2 {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	font-style: italic;
	margin: 0;
	padding: 0;
}
#full p {
	margin: 0;
	padding: 0; 
	font: 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}
#full ul {
	margin: 0; 
	padding: 0;
	list-style-type: none; 
}
#full ul li {
	background-image: url(/images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	color: #082b12;
	padding: 7px 0 7px 30px; 
}
#full h1 {
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	font-style: italic;
	margin: 0 0 8px 0;
	padding: 0;
}
#full h2 {
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 0;
	padding: 0;
}
#full p {
	margin: 0;
	padding: 0; 
	font: 13px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}
#full ul {
	margin: 0; 
	padding: 0;
	list-style-type: none; 
}
#full ul li {
	background-image: url(/images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	color: #082b12;
	padding: 7px 0 7px 30px; 
}

#dotd {
width: 267px;
height:429px;
margin: 0;
background:url(/images/dotd-bg.gif) top left no-repeat;
padding: 40px 15px 0 15px;
font: normal 10px Trebuchet MS, Arial, Helvetica, sans-serif; color: #3a3a3a;}

/* ====== Popular Cars ====== */

#popcars {
width: 297px; 
padding: 0;
margin: 0;}
#popcars p {
margin:0;
padding: 0;
color:fff;}
#popcars tr {
margin:0; padding:0;
background:#fff;
}
#popcars td {
margin:0; padding:0;
background:#fff;
}
#popcarstint {
margin: 0;
padding: 0;}

.popthumb {
width:120px;
height:90px;
margin: 0 10px 0 0;
display:block;
}

#poplist {
margin: 0;
padding: 0;
cursor:pointer;}

.poptitle {
font-size:11px;
color:#fff;
font-weight:bold;
}

.popprice {
font-size:38px;
/*color:#2e3192;*/
color:#fff;
font-weight:bold;
}



/* ==== used search table ==== */

#usedtable {
	background: url(/images/used-search/range-bg.jpg) top left no-repeat;
	width: 281px;
	height: 310px;
	margin: 15px 0 0 0;
	padding: 0;
}
#usedtable img {
	border: 0;
	margin: 0;
	padding: 0 0 15px 0;
}
#usedtable table {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
#usedtable a:link {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

/* ==== home search ==== */
#homesearchcontainer {
	width: 281px;
	height: 416px;
	padding: 12px 12px 0 12px;
	margin: 0 0 10px 0;
	background:url(/images/search-bg.gif) top left no-repeat;
}
#homesearchcontainer p {
	padding: 0;
	margin: 0 0 10px 0;
}
.homesearch {
	width: 281px;
	padding: 10px 0 0 0;
	margin: 0;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}

.homesearch-left {
 float:left;
 width:170px;
 margin:0;
 padding:0;
}
.homesearch-right {
 float:right;
 width:100px;
 margin:0;
 padding:0;
 color:#fff;
 font-size:10px;
 background:#2e3192;
 text-align:center;
}
.homesearch-right a:link,
.homesearch-right a:active,
.homesearch-right a:visited {
color:#fff;
font-weight:bold;
text-decoration:underline;
}
.homesearch-right a:hover {
text-decoration:none;
}

.homesearch img {
	border: 0;
}
.homesearch select {
	width: 80px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #2e3192;
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;

}
.homesearch #DropdownPriceFrom {
	float:right;
	margin: 0;
	padding: 0;
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}
.homesearch #DropdownPriceTo {
	float:right;
	margin: 0;
	padding: 0;
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;

}
.homesearch input {
	width: 100px;
	height: 24px;
	float:right;
	margin: 2px 0 5px 4px;
	padding: 0 0 2px 0;
	font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif; color: #FFF;
	background: #2e3192;
	cursor:pointer;
	border: 0;
}

/* ==== search form ==== */
#searchbox  {
	width: 281px;
	padding: 0;
	margin: -10px 0 0 0;
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
}
#searchbox table {
	border: 0;
}
#searchbox td {
	margin: 0;
	padding: 2px 0 2px 0;
}
#searchbox p {
	font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #535353;
	margin: 0;
	padding: 0;
}
#searchbox select { 
	font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
	width: 281px;
	margin: 3px 0 3px 0;
	padding: 0;
}
#searchbox .DropdownPriceFrom { 
	font: normal 12px Trebuchet MS,Arial, Helvetica, sans-serif; color: #000;
	width: 137px;
	margin: 3px 6px 3px 0;
	padding: 0;
}
#searchbox .DropdownPriceTo { 
	font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #000;
	width: 137px;
	margin: 3px 0 3px 0;
	padding: 0;
}
#searchbox input.submit {
	width: 100px;
	height: 24px;
	float:right;
	margin: 2px 0 5px 4px;
	padding: 0 0 2px 0;
	font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif; color: #FFF;
	background: #2e3192;
	cursor:pointer;
	border: 0;
}

/* ==== results ==== */
#dvVehicleList .subtitle2 {
	text-align: left;
	width: 890px;
	color: #FFF;
	padding: 0;
	background-color: #00a652;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF;
}
#dvVehicleList .subtitle2 a:link, #dvVehicleList .subtitle2 a:visited {
	color: #FFF; text-decoration: none; 
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#dvVehicleList .subtitle2 a:hover {
	color: #FFF; text-decoration: underline; 
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
	text-align: left;
	width: 918px;
	padding: 3px 2px 3px 4px; 
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#dvVehicleList .nostripe {
	background-color: #FFF;
	color: #000; 
}
#dvVehicleList .stripe {
	background-color: #e9e8e8;
	color: #000; 
}
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
	background-color: #025b9f;
	color: #FFF;
	cursor: hand; cursor:pointer; 
}
#dvVehicleList td {
	padding: 3px; 
}
#dvVehicleList table {
	width:890px; 
	border: 2px solid #00a652; 
}

/* ==== details ==== */
.price {
	font: bold 24px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 12px 0;
	padding: 0;
}
#dvVehicleDetail {
	padding: 0 10px 10px 10px;
	margin: -15px 0 0 0;
}
#dvVehicleDetail .imgsubtitle {
	display:none;
}

#full a, #full a:visited {
	font-weight: bold;
	color: #00a752; 
	text-decoration: none; 
}
#full a:hover {
	font-weight: bold;
	color: #00a752; 
	text-decoration: underline;
}


#dvVehicleDetail .actions a, #dvVehicleDetail .actions a:visited {
	color: #00a752; 
	text-decoration: none; 
	font-weight: bold;
}
#dvVehicleDetail .actions a:hover {
	color: #00a752;
	text-decoration: underline;
}
#dvVehicleDetail h2 {
	font-weight: bold;
	color: #2e3192;
	margin: 8px 0;
}
#dvVehicleDetail h3 {
	font: bold 26px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 0 0 8px 0;
}
.mainimg {
	margin: 0 6px 6px 0;
	clear:both;
}
.thumb {
	float: left;
}
.thumb2 {
	float: left; margin: 0 6px 0 6px;
}

/* ==== contact form ==== */

#contact-wrapper {
	width: 302px;
	float: left;	
	margin: 0 0 0 9px;
	padding: 12px 0 0 0;
}
#contact-wrapper h1 {
	font: bold 24px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 0 0 8px 0;
	padding: 0;
}
#contact-right {
	width: 273px;
	height: 416px;
	float:left;
	padding: 12px 12px 0 12px;
	margin: 0 0 0 9px;
	background:url(/images/contactright-bg.gif) top left no-repeat;
}
#contact-right a, #contact-right a:visited {
	font-weight: bold;
	color: #00a752; 
	text-decoration: none; 
}
#contact-right a:hover {
	font-weight: bold;
	color: #00a752; 
	text-decoration: underline;
}
#contact-right h2 {
	font: bold 24px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2e3192;
	margin: 0 0 8px 0;
	padding: 0;
}
#contact {
	width: 282px;
	margin: -10px 0 0 0;
	padding: 5px 0 10px 0;
}
#contact form {
	margin:0; 
	padding:0;
}
#contact table {
	width:280px;
	margin:0;
	padding:0;
}
#contact form p {
	margin: 0 0 10px 0;
	padding: 0;
	color: #2a2a2a;
}
#contact label {
	display: block;
	float: left;
	margin:0 0 10px 0;
	padding: 2px 0 0 0;
	text-align: left;
	color:#2a2a2a;
}
#contact input { 
	width: 170px;
	height:18px;
	float: right;
	margin: 0 0 4px 0;
	padding: 3px 0 0 4px;
	font: bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2a2a2a;
}
#contact select { 
	width: 174px;
	height:20px;
	float: right;
	margin: 0 0 4px 0;
	padding: 2px 0 0 0;
	font: bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2a2a2a;
}
#contact textarea { 
	width: 172px;
	height: 70px;
	float: right;
	margin: 0 0 0 0;
	padding: 2px 0 0 4px;
	font: bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2a2a2a;
}

.selected-vehicle {
 margin:0 0 0 0;
 font-size:11px;
 line-height:20px;
 color:#575757;
}

.selected-dealer {
 margin:0 0 0 17px;
 font-size:11px;
 line-height:20px;
 color:#575757;
}
 
#contact input.chkbox {
	float:left;
	width: auto;
	margin: 0 5px 0 0;
	padding: 0;
}
#contact .update {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	color:#2a2a2a;
	font-size:10px;
}
#contact input.submit {
	width: 173px;
	height:30px;
	float: right;
	margin: 10px 0 10px 0;
	padding: 2px 2px;
}

/* --- footer --- */
#footer {
	margin: 0;
	padding: 0;	
}
.red {
	color: #00a652
}
/* --- terms --- */
#terms {
	margin: 0;
	padding: 2px 8px 5px 8px;
}
#terms h1 {
	font: bold 20px Arial, Helvetica, sans-serif; color: #4a4d47;
	margin: 0 0 6px 0;
	padding: 0;
}