@charset "utf-8";
/* Main site styles for Quality Used Cars */

/* Main Layout Styles */
body { background-image:url(../images/background2.jpg); background-repeat: repeat; background-color: #d9d9d9; margin: 0; }
#container { width: 950px; margin: auto; background-color: #FFF; border:1px solid #8d8d8d; border-top:0px; }
#header { height: 115px; background-image:url(../images/header-back.gif); background-repeat: repeat-x; }
.thank-header { height:98px; background-image:url(../images/thank-back.gif); background-repeat: repeat-x; text-align:center; margin-bottom:20px; }
#logo-header { width: 371px; height: 98px; margin: 0px 0px 0px 0px; overflow: hidden; float:left; display:inline; }
#headlinks a { font-size:12px; margin:0px 20px 0px 20px; font-family: Arial, Helvetica, sans-serif; color:#707070; font-weight:bold; text-decoration:none; }
#headlinks { clear:both; padding-top:0px; text-align:center; }
#top { margin: 5px; }
#top-right { margin:5px; float:left; width:620px; height:250px; display:inline; }
#top-right h1 { margin:0; padding:6px 3px 6px 30px; font-size:11px; background-image:url(../images/search_bar.gif); background-repeat:no-repeat; background-position:left; color: #505050; font-family:Verdana, Arial, Helvetica, sans-serif; }
#search { height:85px; background-color:#ffffff; border:0px solid #0d1872; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#body-top { height:163px; background-color:#ffffff; border:0px solid #0d1872; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d;}

/* Search Form */
#search-form { text-align: left; padding:0; margin:0; }
#search-form select, #search-form input { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #707070; }
#search-form .wide { width:148px; margin: 6px 4px 4px 4px; }
#search-form .short { width: 83px; margin: 6px 4px 4px 4px; }
#search-form .button { color: #575757; font-weight:bold; background-color: #d9d9d9; border: 1px solid; border-color: #eeeeee #a3a3a3 #a3a3a3 #eeeeee; width: 80px; height: 30px; margin: 14px 0px 0px 0px; }
#directions-form .button { color: #575757; font-weight:bold; background-color: #d9d9d9; border: 1px solid; border-color: #eeeeee #a3a3a3 #a3a3a3 #eeeeee; margin: 14px 0px 0px 0px; }

/* Y-Search Form */
#y-search input { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #707070; float:left; }
#y-search .wide { width:110px; margin-bottom:10px; }
#y-search .button { color: #575757; font-weight:bold; background-color: #d9d9d9; border: 1px solid; border-color: #a3a3a3; width: 80px; height: 20px; float:right; }

#main { margin: 5px; }
#navigation { min-height: 600px; width: 200px; float: left; margin: 5px; overflow: hidden; text-align: left; }
#body-main { width: 588px; float: left; margin: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:inline; overflow:visible; }
#detailsimage {height:163px; background-color:#ffffff; border:1px solid #6b6c6e; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#5d5d5d;}
#footer { border-top: 6px solid #000A56; 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; }

/* Index Page */
.main-container { margin: 0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; overflow:hidden; background-color:#ffffff; border:0px solid #0d1872; }
.main-container h2 { margin:0; padding:6px 3px 6px 30px; font-size:11px; text-align:left; background-image:url(../images/main_bar.gif); background-repeat:no-repeat; background-position:left; color: #505050; font-family:Verdana, Arial, Helvetica, sans-serif; }
.main-container ul { margin:0; padding:0; }
.main-container .links li { display: inline; padding: 2px; float:left; width: 142px; font-size:14px; text-align:left; }
.main-container .links a {  font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #707070; text-decoration:none; }
.main-container .links a:hover { text-decoration: none; color: #ff8700;}
.main-container .thumbnails li { display: inline; float:left; width: 144px; padding-bottom:15px; }
.main-container .thumbnails a { text-decoration: none; color: #000; font-size:11px; font-weight:normal; }
.main-container .thumbnails a:hover { text-decoration: none; color: #ff8700; }
.index-text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #707070; padding-top:10px; padding-left:5px;}

/* Car Details Page */
#vehicle { background-color:#ffffff; border-bottom:1px solid #f1f1f1; }
#vehicle h1 { margin:0; padding:6px 3px 6px 30px; font-size:11px; background-image:url(../images/main_bar.gif); background-repeat:no-repeat; background-position:left; color: #505050; font-family:Verdana, Arial, Helvetica, sans-serif; }
#body-main .panel { background-color:#f4f4f4; border-bottom: 1px solid #f1f1f1; margin: 0px 0px 10px 0px; }
.buttons a { color: #333; padding-top:60px; }
.buttons ul { padding:0; margin:0; }
.buttons li { float:left; list-style:none; text-align:center; width:84px; margin:5px 8px 8px 8px; background-repeat:no-repeat; }
.buttons li:hover { background-position:-84px 0px; }
#body-main .panel h2 { background-color:#e3e3e3; padding:3px; border-bottom:1px solid #FFF; font-size:11px; color:#505050; }
#body-main .panel p { font-family:Verdana, Geneva, sans-serif; color:#707070; font-size:11px; padding:3px; }

/* Listings */
#main .listing-a { border: 1px solid #e8e8e8; margin: 0px 0px 10px 0px; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#f4f4f4; }
#main .listing-b { border: 1px solid #fcd4a5; margin: 0px 0px 10px 0px; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#fef2e4; }
#main .listing-a h2 { background-color:#e8e8e8; padding:3px; border-bottom:1px solid #FFF; }
#main .listing-b h2 { background-color:#fcd4a5; padding:3px; border-bottom:1px solid #FFF; }
#main .listing-a img { border: 1px solid #C5C46B; float: left; margin:5px; display:inline; }
#main .listing-b img { border: 1px solid #A0C56B; float: left; margin:5px; display:inline; }
#main .listing-a h2 a, #main .listing-b h2 a { color:#4f4f4f; font-size:11px; }
#main .listing-a a, #main .listing-b a { color:#ff8700; text-decoration:none; }
#main .listing-a .left, #main .listing-b .left { float: left; height: 120px; margin:5px; width:170px; padding-top:4px; display:inline; }
#main .listing-a .right, #main .listing-b .right { float: left;	height: 102px; margin:5px; width:230px;  display:inline; } 
#main .pages { border: 1px solid #84AEBF; padding: 2px; margin: 0px 0px 5px 0px; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; }
#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; }
#main .results { border: 1px solid #84AEBF; padding: 2px; margin: 0px 0px 5px 0px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-align:right; height:19px; }
#sort-results { float:right; display:inline; }
#sort-results select { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin: 0; }
#main .results h2 { padding: 0px 0px 0px 3px; float:left; display:inline; }

/* Navigation Links */
#navigation h3 { margin:0; padding:6px 0px 6px 30px; font-size:10px; background-image:url(../images/navigation_bar.gif); background-repeat:no-repeat; background-position:left; color: #505050; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #FFF; }
#navigation li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#ffffff; border:0px solid #0d1872; }
#navigation li li { border:0; margin:0; padding:2px; }
#navigation ul { margin:0; padding:0; list-style: none; font-size:8pt; color: #000A56; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
#navigation a { font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color: #707070; }
#navigation a:hover { text-decoration: none; color: #ff8700;}


/* Advert styles */
#advert-header { width:468px; height:60px; margin: 17px 10px 10px 61px; overflow: hidden; float:left; background-color:#152281; display:inline; }
#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-middle { width: 120px; height: 600px; float: left; margin: 5px; overflow: hidden; display:inline; }
#advert-middle 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; }


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

/* Form Styles */
#contactform { width:300px; padding-left:10px; padding-bottom:10px; }
#contactform legend { font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; margin-bottom:15px; padding:0px 6px 6px 6px; }
#contactform .label { float:left; margin-top:5px; font-size: 11px; color: #505050;}
#contactform .label:first-letter { text-decoration:underline; }
#contactform .field { margin-left:120px; margin-top:10px; font-size:11px; }
#contactform .button { margin-left:195px; 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 { float:left; width:150px; }
#productform input { float:left; margin:5px 0px 0px 0px; }
#productform label { float:left; margin:5px 0px 0px 5px; font-weight:bold; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* Start Form Validation Styles */
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; font-size:12px; }
.LV_valid { color:#0F0; }	
.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:#FF8700; font-weight:bold; }
#route { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#333; }

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