@charset "utf-8";
/* Main CSS Styles for Automotex */

/* Main Layout Styles */
body { background-image:url(../images/background.jpg); margin: 0; }
#container { width: 950px; margin: auto; background-color: #FFF; }
#header { height: 88px; padding-top:10px; background-image:url(../images/header-back.gif); background-repeat: repeat-x; }
.thank-header { height: 80px; padding-top:10px; padding-left:80px; background-image:url(../images/thank-back.gif); background-repeat: repeat-x; text-align:center; }
#logo-header { width: 386px; height: 65px; margin: 0px 10px 5px 15px; overflow: hidden; float:left; display: inline; }
#headlinks a { font-size:12px; margin:0px 5px 0px 20px; font-family: Arial, Helvetica, sans-serif; color:#707070; font-weight:bold; }
#headlinks { clear:both; padding-top:4px; text-align:center; }
#top { margin: 5px; }
#search { height: 248px; width: 163px; float: left; margin: 5px; border: 1px solid #CCC; overflow: hidden; background-color: #F6F6F6; display: inline; }
#body-top { height: 238px; width: 433px; float: left; margin: 5px; border: 1px solid #CCC; overflow: hidden; background-color: #F6F6F6; padding:5px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #707070;}
#main { margin: 5px; }
#navigation { min-height: 600px; width: 153px; float: left; margin: 5px; border: 1px solid #CCC; overflow: hidden; text-align: left; padding-top:10px; background-color: #F6F6F6; padding:5px; display: inline; }
#y-search { margin-bottom: 10px; }
#body-main { width: 625px; float: left; margin: 5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
#main .listing { border: 1px solid #CCC; padding: 5px; margin: 0px 0px 10px 0px; overflow:auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
#main .listing a { color:#1E6511; text-decoration:none; }
#main .listing .img img { border: 1px solid #CCC; float: left; margin: 5px 0px 0px 0px; }
#main .listing .price { padding:2px 0px 0px 0px; line-height:26px; }
#main .listing .insurance { margin:4px 0px 0px 0px; }
#main .listing .left { float: left; height: 110px; margin:5px; width:203px; padding-top:4px; overflow:hidden; }
#main .listing .right { float: left; height: 115px; margin:5px; width:230px; overflow:hidden; } 
#main .pages { border: 1px solid #CCC; padding: 2px; margin: 0px 0px 5px 0px; overflow:auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:right; background-color: #F6F6F6; }
#main .pages ul { margin: 0px; padding: 0px; list-style: none; display: inline; }
#main .pages li { display: inline; padding: 0 0 0 5px; }
#main .pages a { text-decoration:underline; }
#footer { border-top: 6px solid #3BB52C; padding-top: 10px; }
#footer-links { margin: 10px; text-align: center; font-size:8pt; font-family:Verdana, Geneva, sans-serif; }
#footer-links ul { margin:0px; padding:0px; list-style: none; display: inline; }
#footer-links a { font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:7pt; color: #707070; }
#footer-links li { display: inline; padding: 0 0 0 5px; }
#footer-links p { padding: 10px; }


/* Advert Styles */
#advert-header { width:468px; height:60px; margin: 0px 15px 5px 20px; overflow: hidden; float:right; background-color:#3BB52C; }
#advert-header iframe { width:468px; height:60px; }
#advert-top { width:300px; height:250px; float: left; margin: 5px; padding:0; display: inline; }
#advert-top iframe { width:300px; height:250px; }
#advert-right { width:120px; height:600px; float: left; margin: 5px; overflow:hidden; display: inline;}
#advert-right iframe { width:120px; height:600px; }
#advert-footer { width:728px; height:90px; margin: 10px auto 10px auto; overflow: hidden; }
#advert-footer iframe { width:728px; height:90px; }


/* Index Page */
#body-main .container { border: 1px solid #CCC; margin: 0px 0px 10px 0px; padding:4px; font-family: Arial, Helvetica, sans-serif; text-align:center; overflow:hidden; }
#body-main .container ul { margin:0; padding:0; }
#body-main .container .links li { display: inline; padding: 2px; float:left; width: 149px; font-size:14px; text-align:left; }
#body-main .container .links a {  font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:8pt; color: #707070; }
#body-main .container .thumbnails li { display: inline; float:left; width: 123px; padding-bottom:15px; }
#body-main .container .thumbnails a { text-decoration: none; color: #000; font-size:14px; font-weight:normal; }
#body-main .container .thumbnails a:hover { text-decoration: underline; color: #333; }

/* Body Main (results) (car listings) */
#main .results { border: 1px solid #CCC; padding: 2px; margin: 0px 0px 5px 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-size: 12px;  color: #1E6511; text-align:right; background-color: #F6F6F6; height:19px; }
#sort-results { float:right; }
#sort-results select { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin: 0; }
#main .results h2 { padding: 0px 0px 0px 3px; float:left; }

/* Navigation Links */
#navigation ul { margin: 0px 0px 20px 0px; padding: 0; list-style: none; font-size:8pt; color: #217C12; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
#navigation a { font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:7pt; color: #707070; }

/* Search Form */
#search-form { text-align: center; }
#search-form select, #search-form input { font-size: 10px; font-family:Arial, Helvetica, sans-serif; }
#search-form p { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #217C12; font-weight: bold; padding: 5px; margin:0px; }
#search-form .wide { width:153px; margin: 4px; }
#search-form .short-left { width: 73px; margin: 4px 2px 4px 4px; }
#search-form .short-right { width:73px; margin: 4px 4px 4px 2px; }
#search-form .button { color: #ffffff; background-color: #3FBF2A; border: 1px solid; border-color: #CCC #999 #999 #CCC; width: 80px; height: 20px; margin: 20px 4px 4px 75px; }

#directions-form .button { color: #ffffff; background-color: #3FBF2A; border: 1px solid; border-color: #CCC #999 #999 #CCC; width: 80px; height: 20px; margin: 20px 4px 4px 75px; }
#directions-form input { font-size: 10px; font-family:Arial, Helvetica, sans-serif; }

/* Y-Search Form */
#y-search input { font-size: 10px; font-family:Arial, Helvetica, sans-serif; }
#y-search .wide { width:146px; }
#y-search .button { color: #ffffff; background-color: #3FBF2A; border: 1px solid; border-color: #CCC #999 #999 #CCC; width: 80px; height: 20px; margin: 8px 8px 4px 72px; }


/* Misc */
h1 { margin: 3px 0px 6px 0px; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 12px;  color: #1E6511; }
h2 { margin: 0px; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #006633;}
h3 { margin: 0px; padding: 10px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #C00; }
p { margin: 0; padding: 0; }

/* Car Details Page */
.vehicle-buttons { float:left; width:300px; border: 1px solid #CCC; margin-top:10px; background-color: #F6F6F6; }
.vehicle-buttons a { color: #333; padding-top:60px; }
.vehicle-buttons ul { padding:0; }
.vehicle-buttons li { float:left; list-style:none; text-align:center; width:80px; margin:5px 10px 8px 10px; background-repeat:no-repeat; }
.vehicle-buttons li:hover { background-position:-80px 0px; }
.vehicle-info { float:left; width:300px; border: 1px solid #CCC; margin-top:10px; background-color: #F6F6F6;}
.vehicle-info p { float:left; width:140px; border-top: 1px solid #CCC; font:Verdana, Geneva, sans-serif; font-size:12px; padding:3px; }
.vehicle-info h2, .vehicle-details h2, .get-directions h2 { padding:6px 0px 6px 3px; }
.vehicle-details { float:left; width:300px; border: 1px solid #CCC; margin-top:10px; margin-left:21px; background-color: #F6F6F6; }
.vehicle-details p { font:Verdana, Geneva, sans-serif; font-size:12px; padding:3px; }
.get-directions { float:left; width:300px; border: 1px solid #CCC; margin-top:10px; margin-left:21px; background-color: #F6F6F6; }
.get-directions p { font:Verdana, Geneva, sans-serif; font-size:12px; padding:3px; }

/* Form Styles */
#contactform { width:525px; margin:25px auto; padding-left:10px; padding-bottom:10px; border: 1px solid #CCC; }
#contactform legend { font-weight:bold; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; color: #006633; margin-bottom:15px; padding:0px 6px 6px 6px; }
#contactform .fieldcontainer .label { float:left; margin-top:5px; }
#contactform .fieldcontainer .label:first-letter { text-decoration:underline; }
#contactform .fieldcontainer .field { margin-left:120px; margin-top:10px; }
#contactform .fieldcontainer .button { margin-left:302px; margin-top:10px; }
#productform { width:625px; margin:25px auto; padding:10px; border:2px solid #CC9900; }
#productform legend { font-size:18px; font-weight:bold; margin-bottom:15px; padding:0px 6px 6px 6px; }
#productform .fieldcontainer { float:left; width:150px; }
#productform .fieldcontainer input { float:left; margin:5px 0px 0px 0px; }
#productform .fieldcontainer label { float:left; margin:5px 0px 0px 5px; font-weight:bold; font-size:14px; font-family: Arial, Helvetica, sans-serif; }
.button { text-align:center; margin:25px; }

/* Form Validation Styles */
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; font-size:12px; }
.LV_valid { color:#006633; }	
.LV_invalid { color:#900; } 
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border-bottom-style: inset; border-color:#006633; }   
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border-bottom-style:inset; border-color:#900; }

/* Google maps styles */
#route a { text-decoration:none; color:#1E6511; font-weight:bold; }
#route { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#333; }

/* Vehicle Reviews Styles */
.reviews .img-col { float:right; width:260px; margin-left:15px; }
.reviews .img-col p { line-height:23px; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.reviews .specs { padding:4px; border: 1px solid #CCC; margin-right:2px; }
.reviews .img-col p img { padding:0px 15px 0px 0px; margin:0; }
.reviews .img-col img { padding:2px; border: 1px solid #CCC; }
.reviews blockquote { display: block; padding:0; margin:10px 10px 10px 0px; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-size:16px; float:left; }
.reviews .source { font-style:italic; font-size:10px; text-align:right; margin:14px 0px 10px 0px; float:left; }
.reviews h1 { text-align:center; font-size:16px; }
.reviews h2 { padding:10px 5px 2px 0px; }

.reviews .intro { text-align:justify; }
.reviews .history { text-align:justify; }
.reviews .opinion { text-align:justify; }
.reviews .cost { text-align:justify; }
.reviews .problems { text-align:justify; }
.reviews .parts { text-align:justify; }
.reviews .road { text-align:justify; }
.reviews .overall { text-align:justify; }

/* Privacy Page Styles */
.privacy p { padding: 5px 0; }
.privacy h2 { margin-top: 10px; }

/* Article Page Styles */
.article p { padding: 5px 0px; font-size:13px; }