/* ==== harratts group stylesheet (c) bluesky interactive ==== */

/* ==== common ==== */

body {
background:url(/images/body-bg.jpg) top left repeat-x; }


/* ====  headings ==== */

body h1 {
font: normal 30px Arial, Helvetica, sans-serif; color: #fff; 
margin: 6px 0 23px 7px;}
body h2 {
font: normal 30px Arial, Helvetica, sans-serif; color: #fff;
margin: 6px 0 6px 0;
padding: 0 0 0 7px;  }
body h3 {
font: normal 16px Arial, Helvetica, sans-serif; color: #2e374c;
letter-spacing:-1px;
margin: 0 0 10px 0;
padding: 0 10px;  }


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

#navcontainer {
width: 960px;
height: 28px;
margin: 0;
padding: 0; 
background: url(/images/nav-bg.jpg) top repeat-x;}
#nav {
width: 960px;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font-size: 13px; color: #c3d7ff;
text-decoration: none;
display: block;
margin: 0;
padding: 7px 7px 5px 7px; }
#nav a:hover {
color: #fefefe;
background: url(/images/nav-hover.jpg) top repeat-x;}
#nav ul li a:hover {
color: #FFF;
text-decoration: none;
background: url(/images/nav-hover.jpg) top repeat-x; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0 0 0 0;
padding: 0;
width: 194px;
w\idth: 190px;
border: none; }
#nav li ul a {
width: 194px;
w\idth: 190px;
margin: 0;
padding: 3px 3px 5px 0;
background: #000;
font: normal 12px Arial, Helvetica, sans-serif; color: #c3d7ff;
padding-left: 7px;
line-height: 1.4em;
border-top: solid 1px #282828; }
#nav li ul a:hover {
background: #0e0e0e;
color: #fff;}
#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;
width: 164px; } 



/* ====== landing page price box ====== */

.landingprice {
font: bold 20px/20px  Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
letter-spacing:-1px;
padding: 0; }
.landingpricebox {
padding: 10px 0 0 0;
background-color:#c9c9c9;
border: solid 1px #a5a8ad;
margin: 0 0 10px 0;}
.landingpricetint {
color: #680000;}


/* ====== speedy search ====== */

#searchwrapper {
width: 119px;
padding: 0 0 13px 5px;
margin: 0 0 13px 0;
background-color:#6b7180;
border: 1px solid #9a9da5;}
#homesearchcontainer {
margin: 0 0 13px 0;}
#homesearchcontainer form {
margin: 0 0 0 0;}
#homesearch {
width: 124px;
padding: 0 0 0 0;
margin: 10px 0 0 0 ; }
#homesearch select {
font: 11px  Arial, Helvetica, sans-serif; color: #000;
width: 114px;
margin: 0 0 6px 0;
padding: 0; }
#homesearch .dropdown {
width: 114px;
margin: 0 0 6px 0;
padding: 0; }
#homesearch .dropdown2 {
width: 114px;
margin: 0 0 6px 0;
padding: 0; }
#homesearch input{
font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff;
width: 114px;
margin: 0;
height: 24px;
padding: 0;
background: url(/images/speedy-submit-bg.jpg) top no-repeat;
border:none;
cursor:pointer; }



/* ====== images ====== */

.imagebordertop {
border-top: solid 6px #f02933;}


/* ===== Quick Form Right ===== */

#contactright {
width: 392px;
margin: 0 0 0 0;
border: solid 1px #c9c9c9;
padding: 8px 5px 0 5px;}
#contactright h3, #contactright p {
padding: 0;
line-height:16px}
#smallform {
background-color:#c9c9c9;
width: 380x;
padding: 5px 6px 6px 6px;
margin: 0 0 7px 0;
color:#2e374c; }
#smallform p {
padding: 0;
margin: 2px 0 2px 0;
color:#2e374c;
line-height:14px;  }
#smallform td {
padding: 0;
margin: 0;
color:#2e374c; }
#smallform th {
font-weight: bold;
text-align: left;
padding: 0;
color: #2e374c; }
#smallform .button {
font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff;
width: 114px;
margin: 0;
height: 24px;
padding: 0;
background: url(/images/contact-submit.jpg) top no-repeat;
border:none;
cursor:pointer;}
#smallform .name{
font: 12px Arial, Times New Roman, serif; color: #2d2d2d;
width: 384px;
margin: 0; }
#smallform td {
margin: 0;
padding: 0; }
#smallform input {
font: 11px Arial, Times New Roman, serif; color: #2d2d2d;
padding: 0; }
#smallform select {
font: 11px Arial, Times New Roman, serif; color: #2d2d2d;
width: 247px;
padding: 0; }
.smallfield {
width: 242px;
margin: 0 0 5px 0;}



/* ===== Used Car Search ===== */

#searchbox input.search {
font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff;
width: 114px;
margin: 3px 0 0 7px;
height: 24px;
padding: 0;
background: url(/images/contact-submit.jpg) top no-repeat;
border:none;
cursor:pointer; }



/* ==== Used Car List  ==== */
#usedlist a {
font-weight: bold;
color: #0054a6;
text-decoration: none; }
#usedlist a:hover {
color: #cc0000;
text-decoration: underline;
font-weight: bold; }
#usedlist p {
padding: 0 0 0 10px;}
.listintrotext {
margin: -50px 0 0 10px;}
#dvVehicleList td {
margin: 0;
padding: 2px 4px 2px 10px;}
#dvVehicleList table {
border: 1px solid #9a9da5;
color: #dae0eb;
margin: 0 0 0 0;}
.detailtext{
color: #dae0eb;}
#dvVehicleList .subtitle2 {
text-align: left;
font: normal 10px  Arial, Helvetica, sans-serif; color: #FFF;
padding: 2px 4px 2px 10px;
background-color: #6b7180; }
#dvVehicleList .subtitle2 a:link {
color: #fff; text-decoration: underline; font-weight:normal; }
#dvVehicleList .subtitle2 a:hover {
color: #24304b; text-decoration: underline; font-weight:normal; }
#dvVehicleList .subtitle2 a:visited {
color: #fff; text-decoration: underline; font-weight:normal; }
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
text-align: left;
width: 676px;
font: normal 10px  Arial, Helvetica, sans-serif; color:#dae0eb;
padding: 3px 2px 3px 10px; }
#dvVehicleList .nostripe {
background-color: #FFF;
color: #000;}
#dvVehicleList .stripe {
background-color: #f5f5f5;
color: #000;  }
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
background-color: #dadada;
color: #000;
cursor:hand; cursor:pointer; }



/* ===== Contact Form ===== */
.contactsubmit {
font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff;
width: 114px;
margin: 8px 0 0 0;
height: 24px;
padding: 0;
background: url(/images/contact-submit.jpg) top no-repeat;
border:none;
cursor:pointer;
clear:both; }



/* ====== banner styles ====== */

#banner a, #banner a:link, #banner a:visited {color: #FFFFFF;} 
#banner a:hover {color: #cc0000;}

.bannerlink a, .bannerlink a:link, .bannerlink a:visited{
width: 391px;
height: 31px;
background: url(/images/banner-bg.jpg) no-repeat;
background-position: top;
margin: 0 0 8px 0;
padding: 14px 0 0 13px;
font: normal 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
text-decoration:none;
display: block;}		
.bannerlink a:hover{
width: 391px;
height: 31px;
background: url(/images/banner-bg.jpg) no-repeat;
background-position: bottom;
padding: 14px 0 0 13px;
font: normal 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
text-decoration:none;
margin: 0 0 8px 0;}


/* ==== data tables ==== */

#datatable {
	border: 1px solid #c9c9c9;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	background-color: #e2e3e4;  }
#datatable p {
	margin: 0;
	padding: 0; }
#datatable td {
	border: 1px solid #c9c9c9;
	padding: 3px;
	margin: 0 }	
#datatable td.subheader {
	background-color: #ccd8ba; }
#datatable th {
	background-color: #c9c9c9;
	font-weight: bold;
	padding: 3px;
	margin: 0;
	color: #2A2A2A;
	text-align: left; }
#datatable tr:hover {
	background-color: #f5f5f6; }