@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img { border: none; }
body { background:url(../images/bg_top.jpg) repeat-x; background-color:#eff3f6; }
object { outline:none; }

/* Links */
p a { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; text-decoration: none; color: #999; }
p a:hover { color:#85aac1; font-weight: bold; }
p a.pages { font-size: 10px; line-height: 2.0em; text-decoration: underline; }
p a.ten_views { font-size: 10px; line-height: 2.5em; text-decoration: underline; }
p a.right { font-size: 10px; line-height: 3.0em; text-decoration: underline; text-align: right; }

/* Styles */
p { font-family: "Trebuchet MS", Arial, sans-serif; }
p.breadcrumbs { font-size: 10px; color: #444; }
p.text { font-size: 11px; color: #999; }
p.model { color: #999; font-size: 13px; font-weight: bold; }
p.page { color: #444; font-size: 10px; line-height: 2.5em; letter-spacing: 0.1em; }
p.footer { color:#999; font-size: 10px; text-align: center; }
p.sidebar { color: #666; font-size: 11px; text-align: center; }
p.sidebar_title { color: #666; font-size: 12px; font-weight: bold; border-bottom: 1px #ddd solid; text-align:center; margin-bottom: 5px; padding-bottom: 5px; }
p.contact_right { color: #8a8a8a; font-size: 11px; text-align: right; line-height: 1.5em; }
p.error { color: #990000; font-size: 11px; }

img.logo { float: left; }

.clear { clear: both; }

h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #444; line-height: 24px; }
h2 { font-family: Tahoma, Arial, sans-serif; font-size: 16px; color: #444; line-height: 1.3em; }

/* Main Divs */
#body_wrapper { width: 970px; margin: 0 auto; overflow: visible; }
#breadcrumbs { width: 955px; padding: 15px 0 15px 7.5px;}
#footer { width: 955px; margin: auto; padding: 5px 0 20px 0; }
#error { padding: 10px; }

/* Index */
#flash_bg { width: 950px; height: 415px;  background:url(../images/flash_bg.png) no-repeat; margin: 0 auto; padding: 10px; }

/* Showroom */
#loan_cal_box { background:url(../images/showroom/cal_bg.jpg) no-repeat; width: 955px; height: 100px; margin: auto; }
#loan_cal { width: 915px; padding: 36px 20px 0 20px; }
#showroom_t_top { background:url(../images/showroom/t_top.png) bottom center no-repeat; width: 970px; height: 20px; padding-top: 10px; }
#showroom_t_body { background:url(../images/showroom/t_body.png) top center repeat-y; width: 970px; }
#showroom_content { width: 930px; margin: auto; padding-top: 10px; }
a#btnCalculate { background: url(../images/showroom/cal_btn.gif) left top no-repeat; width: 69px; height: 21px; display: block; }
a#btnCalculate:hover { background-position: 0 100%; }
a#btnCalculate span { display: none; }

.showroom-table { border-top: 1px #CCC solid; font-family: "Trebuchet MS", Arial, sans-serif; }
.showroom-table td, th { border-bottom: 1px #CCC solid; }
.showroom-table td.titles_left { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #777; font-weight: bold; text-align: left; }
.showroom-table td.titles { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #777; font-weight: bold; text-align: center; }
.showroom-table .img { padding: 1em; }
.showroom-table .model_year { color: #999; font-size: 10px; font-weight: bold; }
.showroom-table .table_text { color: #999; font-size: 11px; font-weight: bold; text-align: center; }
.showroom-table .status_sold { color: #444; font-size: 11px; font-weight: bold; text-align: center; }
.showroom-table .status_avail { color: #85aac1; font-size: 11px; font-weight: bold; text-align: center; }

#showroom_footer { background:url(../images/showroom/footer_shadow.jpg) center top no-repeat; width: 100%; height: 42px; }

div.pagination { height: 30px; padding: .5em 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: center;  }
div.pagination span { padding: .2em .5em; border-right: #fff 1px solid; color: #666; }
div.pagination span.current { background-color:#85aac1; color: #fff; }
div.pagination span.disabled { background-color:#f6f6f6;}
div.pagination a { padding: .2em .5em; text-decoration: none; background-color:#eee; border-right: #fff 1px solid; color: #999; }
div.pagination a:hover { background-color:#666; color: #fff; }

/* Showroom - Loan Calculator */
td.titles { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #777; font-weight: bold; }
td.loan_text { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #444; font-weight: bold; text-align: center; padding-top: 10px; }

.loan_result { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #85aac1; font-weight: bold; text-align: center; padding-top: 10px; }
.textfield { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #444; font-weight: bold; height: 18px; width: 120px; }
.cal_term { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #444; font-weight: bold; height: 18px; width: 40px; }

/* Car Details */
#details_t_top { background:url(../images/car_details/t_top.png) top center no-repeat; width: 795px; height: 10px; }
#details_t_body { background:url(../images/car_details/t_body.png) top center repeat-y; width: 795px; float: left; overflow: visible; }
#details_images { width: 380px; float: left; padding: 0 0 0 20px; }
#details_thumbs { width: 380px; padding: 15px 0 0 0; }
#details_thumbs img { padding: 0 3px 2px 0; }
#details_photo { width: 380px; height: 270px; padding: 0 0 20px 0; }
#details_content { width: 360px; padding: 10px 20px 0 0; float: right; }
#details_links { width: 100%; text-align: right; }
#details_footer { background:url(../images/car_details/footer_shadow.jpg) no-repeat; width: 795px; height: 40px; float: left; overflow: visible; } 

.details-table { border-bottom: 1px #CCC solid; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #666; padding: 1.2em 0 1.2em 0; }
.details-table td { vertical-align: top; padding: 0.5em 0; }

#sidebar { width:140px; float: right; margin-right: 3px; }
#sidebar_top { background: url(../images/sidebar/t_top.png) top center no-repeat; height: 9px; overflow: hidden; }
#sidebar_body { background: url(../images/sidebar/t_body.png) top center repeat-y;  padding: 10px 10px; }
#sidebar_btm { background: url(../images/sidebar/t_btm.png) top center no-repeat; height: 9px; overflow: hidden; }

/* .jcarousel-skin-tango div { border: #333 1px solid; }  */

/* Get an Insurance Quote */
#quote_container { width: 800px; float: left; }
#quote_intro { width: 960px; margin: 0 auto 15px auto; background-color: #f8f9fa; }
#quote_intro_area { padding: 5px 10px 10px 10px; }
#quote_intro_area p { line-height: 1.8em; margin: 0.4em 0; }
#quote_intro_area p em { font-style: normal; font-weight: bold; color: #85aac1; }
#quote_t_top { background:url(../images/quote/t_top.jpg) bottom center no-repeat; width: 800px; height: 10px; }
#quote_t_body { background:url(../images/quote/t_body.jpg) top center repeat-y; width: 800px; }
#quote_t_body div#error { padding: 10px 25px; }
#quote_aboutyou { width: 380px; float: left; padding: 0 0 10px 20px; }
#quote_aboutcar { width: 380px; float: right; padding: 0 20px 10px 0; }
#quote_submit { width: 760px; padding: 10px 20px 5px 20px; border-top: 1px #e8ecee solid; }
#quote_footer { width: 800px; height: 30px; background: url(../images/quote/footer_shadow.jpg) no-repeat; }
span.compulsory { color: #ff0000; font-weight: normal; }

#quote_t_body div.form_success { height: 300px; padding: 140px 0 0 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #666; text-align: center; }

.quote-table { font-family: "Trebuchet MS", Arial, sans-serif; padding: 0 0 10px 0; }
.table_head { border-bottom: 1px #e8ecee solid; font-size: 12px; color: #444; font-weight: bold; text-align: left; }
.quote-table td { padding: 5px; }
.quote-table .table_text { color: #8a8a8a; font-size: 11px; font-weight: bold; text-align: left; }
.dropdown { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #444; font-weight: bold; height: 18px; width: 125px; }

/* Scrolling Carousel */
#mycarousel a { font-weight: normal; }

/* Selling Your Car */
#selling_container { width: 500px; padding: 0 10px 10px 0; float: left; }
#selling_t_top { width: 500px; height: 10px; background:url(../images/selling/t_top.png) bottom center no-repeat; }
#selling_t_body { width: 500px; background:url(../images/selling/t_body.png) top center repeat-y; }
#selling_table { width: 460px; padding: 0 20px 0 20px; }
#selling_submit { width: 460px; padding: 10px 20px 5px 20px; border-top: 1px #e8ecee solid;  }
#selling_footer { width: 500px; height: 35px; background:url(../images/selling/footer_shadow.png) no-repeat; }
#selling_map { width: 420px; padding: 5px 10px 10px 10px; float: right; }

#selling_t_body div#error { padding: 20px; }

#selling_t_body div.form_success { height: 360px; padding: 0 20px 0 20px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #666; text-align: center; }
#selling_t_body div.form_success h3 { border-bottom: 1px #e8ecee solid; font-size: 12px; color: #444; font-weight: bold; text-align: left; margin-bottom: 80px;  }

.selling-table { font-family: "Trebuchet MS", Arial, sans-serif; padding: 0 0 10px 0; }
.selling-table td { padding: 5px; }
.selling-table .table_text { color: #8a8a8a; font-size: 11px; font-weight: bold; text-align: left; }
.selling-table .textfield { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #444; font-weight: bold; height: 18px; width: 200px; }
.selling-table .dropdown { font-family:"Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #444; font-weight: bold; height: 18px; width: 200px; }

/* Contact Us */
.selling-table .table_title { color: #666; font-size: 11px; font-weight: bold; text-align: left; }
.selling-table .sub_head { font-size: 12px; color: #444; font-weight: bold; text-align: left; }

/* Navigation */
#navigation { width: 955px; height: 45px; padding-top: 70px; margin: auto;  background: url(../images/nav_bg.gif) left bottom repeat-x; }

#navigation ul { list-style-type: none; margin: 0; font-size:9px; float: right; width: 675px; height: 45px; }
#navigation ul li { float: left; }
#navigation ul li a span { display: none; }
#navigation ul li a { display: block; height: 45px; background:url(../images/nav.gif) no-repeat; outline: none; margin-left: 45px;  }

#navigation a.home { width: 42px; background-position: 0 0; margin-left: 0;  } 
#navigation a:hover.home { background-position: 0 -45px}
#navigation a.homecurrent { width: 42px; background-position: 0 -90px; margin-left: 0; }

#navigation a.showroom { width: 77px; background-position: -87px 0; }
#navigation a:hover.showroom { background-position: -87px -45px; }
#navigation a.showroomcurrent { width: 77px; background-position: -87px -90px; }

#navigation a.quote { width: 173px; background-position: -209px 0; }
#navigation a:hover.quote { background-position: -209px -45px; }
#navigation a.quotecurrent { width: 173px; background-position: -209px -90px; }

#navigation a.sell { width: 123px; background-position: -427px 0; }
#navigation a:hover.sell { background-position: -427px -45px; }
#navigation a.sellcurrent { width: 123px; background-position: -427px -90px; }

#navigation a.contact { width: 80px; background-position: -595px 0; }
#navigation a:hover.contact { background-position: -595px -45px; }
#navigation a.contactcurrent { width: 80px; background-position: -595px -90px; }

