/* ==== Vale Motors ==== */

/* ==== common ==== */
body, html {
margin: 0; 
padding: 0; 
background: #ffffff;
height: 100%;}
#pages {
width: 948px;
margin: auto;
position: relative;
min-height: 100%;
background-color:#ffffff;}
* html #pages {
height: 100%;}
img {
margin: 0;
padding: 0;}
.notes {
font: normal 10px/11px Arial, Helvetica, sans-serif; color: #666;}
.clear {
clear: both;}

/* ==== header ==== */
#header {
width: 948px;
height: 83px;
background-image:url(/images/header-bg.gif); repeat: none;
margin: 0;
padding: 0; }

/* ==== content ==== */
#contenthome {
width: 948px;
clear: both;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 11px 0 0 0;
padding: 0;
background-image:url(/images/home-bg.jpg);
background-position:top;
background-repeat:no-repeat;}
#content {
width: 948px;
clear: both;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #4c4c4c;
margin: 11px 0 0 0;
padding: 0;}
#contenthome p{
margin: 0 0 10px 0;}
#content p{
margin: 0 0 10px 0;}

/* ==== navigation ==== */
#navcontainer {
height: 52px;
margin: 0;
padding: 0;
background: #FFF url(/images/nav-bg.gif);
background-repeat:repeat-x;
font: bold 11px Arial, Helvetica, sans-serif; color: #cacfcb;}
.navleft {
float:left;
width:436px;
padding: 0;
margin:0;}
.navright {
float:right;
width:475px;
padding: 0;
margin:0;}
#nav, #nav ul {
height: 13px;
float: left;
color: #cacfcb;
margin: 7px 0 0 0;
padding: 0;
display:block;}
#nav a, #nav a:link, #nav a:visited {
height: 13px;
font: bold 12px Arial, Helvetica, sans-serif; color: #cacfcb;
text-decoration: none;
margin: 11px 0 0 0;
padding: 0 6px 0 6px;}
#nav a:hover {
color: #FFFFFF;
text-decoration: none;}
#nav li {
float: left;
margin: 0;
padding: 0;}
.datebox {
font: normal 12px Arial, Helvetica, sans-serif; color: #cacfcb;
padding: 0 0 0 6px;
margin: 5px 0 0 0;
color: #cacfcb;}


/* ==== main content ==== */
#mainleft {
float: left;
width: 468px;
margin: 0;
padding: 0;}
#mainright {
float: right;
width: 468px;
margin: 0;
padding: 0;}
#homemainright {
float: right;
width: 468px;
margin: 0;
padding: 176px 0 0 0;}
#main p {
margin: 0 0 10px 0;}
#main ul {
margin: 8px 0 10px 0;}
#content a, #content a:link, #content a:visited {
color: #93b096;
text-decoration: none;
font-weight:bold;}
#content a:hover {
color: #0b280e;
text-decoration: none;}
#contenthome a, #contenthome a:link, #contenthome a:visited {
color: #93b096;
text-decoration: none;
font-weight:bold;}
#contenthome a:hover {
color: #0b280e;
text-decoration: none;}
#usedleft a, #usedleft a:link, #usedleft a:visited {
color: #93b096;
text-decoration: none;
font-weight:bold;}
#usedleft a:hover {
color: #0b280e;
text-decoration: none;}
.left {
float: left;
width: 308px;
margin: 0;
padding: 0;}
.right {
float: right;
width: 148px;
margin: 0; 
padding: 0;}
.middle {
float: left;
width: 468px;
margin: 0 0 0 12px;
padding: 0;}
.homeleft {
float: left;
width: 308px;
margin: 0;
padding: 176px 0 0 0;}
.homeright {
float: right;
width: 148px;
margin: 0; 
padding: 12px 0 0 0;}
#usedleft {
float: left;
width: 788px;
margin: 0;
padding: 0;}
#usedright {
float: right;
width: 148px;
margin: 0;
padding: 0;}
.texthighlight {
background-color: #e5e5e5;
border: solid 2px #a9a2a0;
padding: 5px 5px 0 5px;
margin: 0 0 12px 0;}
.whatwedo {
background-image:url(../images/what-we-do-for-free.jpg);
width: 292px;
padding: 111px 8px 8px 8px;
color: #fff;
margin: 0 0 12px 0;}


/* ====  Headings ==== */
h1 {
font: bold 16px Arial, Helvetica, sans-serif; color: #c0c0c0;
margin: 0 0 6px 0;
padding: 0;}
h2 /* without border bottom */ {
font: bold 12px/15px Arial, Helvetica, sans-serif; color: #c0c0c0;
margin: 0 0 5px 0;
padding: 0;}
h3 /* with border bottom */ {
font: bold 12px/15px Arial, Helvetica, sans-serif; color: #c0c0c0;
margin: 0 0 5px 0;
padding: 0;
border-bottom: 1px solid #323232;}
h4 /* homepage used search heading */ {
font: bold 16px/18px Arial, Helvetica, sans-serif; color: #f3f3f3;
letter-spacing: -1px;
margin: 0;
padding: 0;}
.greentitle /* without border bottom */ {
font: bold 12px/15px Arial, Helvetica, sans-serif; color: #2c442e;
margin: 0 0 5px 0;
padding: 0;}


/* ==== car search ==== */
#searchbox {
margin: 0 0 5px 0;
padding: 15px 10px 5px 11px;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #4c4c4c;
background-image:url(../images/form-bg.gif);
background-position:top;
background-repeat:no-repeat; }
#searchbox p {
padding: 0;
margin: 0;}
#searchbox h4 {
padding: 0;
margin: 0;}
.searchbox input {
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 165px;
margin: 5px 0 0 0;
padding: 0;}
.fieldstyle {
width: 250px;
padding: 0;
margin: 0 0 6px 0;}
.frombox {
width: 122px;
padding: 0;
margin: 0 6px 6px 0;}
.tobox {
width: 122px;
padding: 0;
margin: 0 0 6px 0;}
.searchbutton {
width: 80px;
background-color:#93b096;
border: solid 1px #fff;
color:#FFFFFF;
margin: 6px 6px 0 0;
cursor:pointer;}
.reset {
width: 80px;
background-color:#93b096;
border: solid 1px #fff;
color:#FFFFFF;
margin: 6px 0 0 0;
cursor:pointer;}

/* ==== results ==== */
#dvVehicleList .subtitle2 {
text-align: left;
width: 780px;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #FFF;
padding: 2px 4px 2px 4px;
background-color: #0b280e; }
#dvVehicleList .subtitle2 a:link, #dvVehicleList .subtitle2 a:visited {
color: #FFF; text-decoration: none; }
#dvVehicleList .subtitle2 a:hover {
color: #FFF; text-decoration: underline; }
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
text-align: left;
width: 780px;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #e3e3e3;
padding: 3px 2px 3px 4px; }
#dvVehicleList .nostripe {
background-color: #e5e5e5;
color: #4c4c4c; }
#dvVehicleList .stripe {
background-color: #ccc7c8;
color: #4c4c4c; }
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
background-color: #93b096;
color: #4c4c4c;
cursor:hand; cursor:pointer; }

/* ==== details ==== */
.price {
font: bold 17px Arial, Helvetica, sans-serif; color: #0b280e;
margin: 0 0 10px 0;
padding: 0;}
.photos {
margin: 0;
padding: 12px 4px 4px 4px;
background-image:url(/images/used-pic-bg.gif);
background-position:top;
background-repeat:no-repeat;
height: 315px;
width: 300px;
float: left;}
#rightdetails {
width: 468px;
float: right;
margin: 0;
padding: 0;}
.detailleft {
width: 148px;
padding: 0;
margin: 0;
float: left;}
.detailright {
width: 308px;
padding: 0;
margin: 0;
float: right;}
.specs {
padding: 0;
margin: -3px 0 0 0;}
#dvVehicleDetail {
width: 788px;
padding: 0;
margin: 0;}
#dvVehicleDetail .imgsubtitle {
font: normal 11px Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 1px 10px 0 0;
margin: 0;}
#dvVehicleDetail .spec, #dvVehicleDetail .address, #dvVehicleDetail .actions {
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 0; }
#dvVehicleDetail .actions a, #dvVehicleDetail .actions a:visited {
color: #a2191d; 
text-decoration: none; 
font-weight: bold;}
#dvVehicleDetail .actions a:hover {
color: #a2191d;
text-decoration: underline;}

/* ==== contact form ==== */
#contact  {
margin: 0 0 5px 0;
padding: 15px 10px 5px 11px;
font: normal 11px/16px Arial, Helvetica, sans-serif; color: #4c4c4c;
background-image:url(../images/form-bg.gif);
background-position:top;
background-repeat:no-repeat;}
#contact table {
border: 0;}
#contact td {
margin: 0;
padding: 2px 0 2px 0;}
#contact input { 
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 200px;
margin: 3px 0 3px 0;
padding: 0;}
#contact select { 
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 204px;
margin: 3px 0 3px 0;
padding: 0;}
#contact textarea { 
font: normal 11px Arial, Helvetica, sans-serif; color: #000;
width: 202px;
height: 100px;
margin: 3px 0 3px 0;
padding: 0;}
#contact input:focus, #contact textarea:focus { 
background-color: #e3e3e3;}
#contact input.chkbox {
width: auto;
margin: 0;
padding: 0 2px 2px 0;}
#contact input.submit {
width: 200px;
background-color:#93b096;
border: solid 1px #fff;
color:#fff;
margin: 6px 6px 0 148px;
cursor:pointer;}

/* ===== find us tables ====== */
.find-us {
background: #e5e5e5;
margin: 0 0 8px 0;
padding: 0;
border-top:1px solid #c7c7c7;
border-right:1px solid #c7c7c7;}
.find-us td {
border-bottom:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 1px 2px 2px 3px;}
.find-us th {
text-align: left;
font: bold 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 2px 2px 3px;}

/* ==== images only ==== */
.thumb2 {
padding: 0;
margin: 0 6px 0 6px;}
.mainimg {
padding: 0;
margin: 0 0 6px 0;}

/* ==== new car tables ==== */
.newcar {
background: #e5e5e5;
margin: 0 0 8px 0;
padding: 0;
border-collapse:collapse;}
.newcar th {
margin: 0;
padding: 0 0 2px 2px;
background: #879f88;
color: #FFFFFF;
font-weight: bold;}
.newcar td {
margin: 0;
padding: 0 0 2px 2px;}
.newcarnotes {
font: normal 10px/14px Arial, Helvetica, sans-serif; color: #8e8e8e;}

/* ==== parts tables ==== */
.parts {
background: #e5e5e5;
width: 308px;
margin: 0 0 8px 0;
padding: 0;
border-collapse:collapse;}
.parts th {
margin: 0;
padding: 0 0 2px 2px;
background: #879f88;
color: #FFFFFF;
font-weight: bold;}
.parts td {
margin: 0;
padding: 0 0 2px 2px;}
.partsnotes {
font: normal 10px/14px Arial, Helvetica, sans-serif; color: #8e8e8e;}

/* ==== footer ==== */
#footer {
height: 44px;
background-color:: #e5e5e5 ;
background-image:url(../images/footer-top.gif);
background-position:top;
background-repeat:no-repeat;
margin: 0;
padding: 0;
font: normal 11px Arial, Helvetica, sans-serif; color: #737272;}
#footer a, #footer a:link, #footer a:visited {
color: #737272; text-decoration: none;}
#footer a:hover {
color: #333333; text-decoration: none;}
.footerleft {
width: 300px;
padding: 11px 0 0 11px;
margin: 0;
float: left;}
.footerright {
width: 400px;
padding: 11px 0 0 0;
margin: 0 0 0 168px;
float: left;}

/* ==== t&cs popup ==== */
#terms {
padding: 5px 0 5px 0;
font: normal 11px/14px Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF;}
#terms p {
margin: 0 5px 10px 7px;}
#terms h2 {
font: bold 11px/14px Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 7px;}
#terms a {
font-weight: bold; color: #E32025; text-decoration: none;}
#terms a:hover {
color: #304E97; text-decoration: none;}
#terms ul {
list-style-type: disc;
margin: 5px 0 10px 20px;
padding: 0;}