@import url('/stylesheet-visuals.css');
body {
margin: 0px;
padding: 0px;
background: none;
background-color: #002d56;
background-repeat: repeat;
margin-bottom: 20px;
background-attachment: fixed;
}
#trailimageid{
z-index: 5000;
position: absolute;
}
#trailimageid .photo_enlarge{
background-color: #ffffff;
padding: 0px;
border: 1px solid #bababa;
color: #333333;
}
/*
-------------------------------------------------
Clear fix!
-------------------------------------------------
*/
#container .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
#container .clearfix {display: block;}
/* End hide from IE-mac */
#promo_box a{
display:block;
margin-bottom:15px;
}
.web_offer{
color:#009933;
font-size: 10px;
text-transform: uppercase;
font-weight: normal;
}
.limited_time_offer {
color: #f30;
font-size: 11px;
}
a img{
border:none;
}
.promo a{
margin-bottom:10px;
display:block;
border:none;
}
.promo a:hover{
border:none;
}
a.back{
background-image: url('/template/arrow-back.gif');
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
}
a.next{
background-image: url('/template/arrow-next.gif');
background-repeat: no-repeat;
background-position: right center;
padding-right: 10px;
}
#mainnav2{
margin: 0px;
position: relative;
top: -15px;
clear: left;
width: 950px;
}
#mainnav2 a{
float: left;
display: block;
height: 37px;
}
#sitedesc{
width: 650px;
float: left;
color: #ffffff;
padding-left: 20px;
padding-top: 6px;
line-height: normal;
font: 10px Arial, Helvetica, sans-serif;
}
#sitedesc h1, #sitedesc h2, #sitedesc h3{
color: #ffffff;
font-weight: normal;
margin: 0px;
padding: 0px;
font: 10px Arial, Helvetica, sans-serif;
}
#topnav2{
width: 260px;
float: right;
text-align: right;
color: #ffffff;
padding-top: 6px;
margin-bottom: 6px;
font-size: 10px;
font-weight: normal;
padding-right: 25px;
font: 10px Arial, Helvetica, sans-serif;
}
#topnav2 a{
color: #ffffff;
font-weight: normal;
margin-right: 4px;
margin-left: 4px;
}
/*
Shadow boxes
*/
a.side_links{
text-decoration: none;
}
a.side_links:hover{
text-decoration:underline;
}
#sub_nav .side_links.selected{
font-weight: bold;
}
.shadow_side_top{
background: url(/template/shadow_rightside_top.gif) no-repeat 0px 0px;
height: 15px;
width: auto;
}
.shadow_side_content{
background: url(/template/shadow_rightside_content.gif) repeat-y 0px 0px;
height: auto;
width: auto;
}
.shadow_side_footer{
background: url(/template/shadow_rightside_footer.gif) no-repeat 0px 0px;
background-position: bottom;
height: 15px;
width: auto;
margin-bottom: 20px;
}
.right_col_200 .shadow_side_top, .right_col_140 .shadow_side_top{background: url(/template/shadow_rightside_top.gif) no-repeat 0px 0px;}
.right_col_200 .shadow_side_content, .right_col_140 .shadow_side_content{
background: url(/template/shadow_rightside_content.gif) repeat-y 0px 0px;}
.right_col_200 .shadow_side_footer, .right_col_140 .shadow_side_footer{
background: url(/template/shadow_rightside_footer.gif) no-repeat 0px 0px;
}
.right_col_200 input, .right_col_140 input{width: 110px;}
.shadow_box_content_553{
padding: 10px 36px 0px 29px;
background: url(/template/shadow_content_533.jpg) repeat-y 0px 0px;
width: auto;
height: auto;
}
.shadow_box_header_553{
background: url(/template/shadow_header_533.jpg) no-repeat 0px 0px;
width: auto;
height: 50px;
}
.shadow_box_footer_553{
background: url(/template/shadow_footer_533.jpg) no-repeat 0px 0px;
width: auto;
height: 30px;
}
.shadow_box_content_370{
padding: 0px 36px 0px 29px;
background: url(/template/shadow_content_370.jpg) repeat-y 0px 0px;
height: auto;
width: auto;
}
.shadow_box_header_370{
background: url(/template/shadow_header_370.jpg) no-repeat 0px 0px;
height: 108px;
width: auto;
}
.shadow_box_footer_370{
background: url(/template/shadow_footer_370.jpg) no-repeat 0px 0px;
height: 40px;
width: auto;
}
.right_col {
float: right;
width: 362px;
margin-right: 14px;
}
.left_col, .right_col {
display: inline;
}
.left_col {
float: left;
width:553px;
margin-left: 3px;
}
/*
General
*/
tr.maintext{ vertical-align: top;
}
#container {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #414141;
padding-top:0px;
width: 965px;
margin: 0px auto;
}
#wrapper{
width: 965px;
margin: 0px auto;
height: auto;
clear: both;
}
#head{
width: 965px;
background:url(/template/wrapper_head_bg2.png) no-repeat 1px 0px;
height: 23px;
}
#foot{
width: 965px;
background:url(/template/wrapper_foot_bg2.png) no-repeat 1px 0px;
height: 40px;
}
#content {
position: relative;
margin: 0px auto;
width: 923px;
padding-bottom: 0px;
padding-left:20px;
padding-right:20px;
min-height:600px;
background: url(/template/wrapper_bg2.png) repeat-y left top;
}
#logo{
position: absolute;
top: -10px;
left:25px;
background: url(/images/logo.gif) no-repeat 0px 0px;
height: 100px;
}
#logo a img {
border:none;
}
#logo img{
padding: 0px;
margin: 0px;
}
#footer {
margin: 15px auto 0px;
margin-top: 0px;
padding: 0px 0px 0px 0px;
width: 923px;
text-align:center;
color: #ffffff;
}
#footer a{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #1B408D;
padding-left: 5px;
padding-right: 5px;
}
#footer_content {
clear:both;
height: 30px;
width: 912px;
padding: 0px;
}
#footer .contact_box {
clear:both;
width:912px;
}
#footer .contact_box.last{
}
#footer a {
color:#1B408D;
text-decoration:none;
}
#footer a:hover {
text-decoration:none;
}
#footer li{
float:left;
padding: 0px 10px;
color: #FFFFFF;
}
.spacer {
clear: both;
height: 0px;
width: 100%;
display: block;
padding: 0px;
margin: 0px;
}
/*
Main Navigation & Top Navigation
*/
#goback{
left:32px;
position:absolute;
top:126px;
z-index:99;
width: 193px;
height:20px;
display:block;
}
/*DROP DOWN */
li.pages b {
text-decoration:underline;
}
#mainnav li ul{
position: absolute;
width: 160px;
height:105px;
left: -999em;
margin: 0px;
padding: 0px 0px 20px;
list-style: none;
text-align: left;
background: url(/template/dropdown_bg.png) no-repeat left bottom !important;
background: url(/template/dropdown_bg.gif) repeat left bottom;
z-index:99;
}
#mainnav li li {
height: auto;
width:140px;
float: none;
text-align: left;
background: none;
margin: 0px;
border:none;
display:block;
padding: 3px 0px 2px 3px;
line-height:10px;
}
#mainnav li li a {
background: url(none);
color: #000;
display:block;
height:14px;
font-size:11px;
width:140px;
padding:0px 0px 0px 15px;
text-decoration: none;
text-transform: capitalize;
}
#mainnav li li a:hover{
padding:0px;
color: #045e98;
background:none;
border:none;
padding:0px 0px 0px 15px;
height:14px;
}
#mainnav li:hover ul{
left: auto;
margin: 0px 0px 0px -8px;
}
#mainnav li.sfhover ul{
margin: 0px 0px 0px -8px;
padding:0px;
left:auto;
height:120px;
}
#nav li ul{
position: absolute;
width: 160px;
height:105px;
left: -999em;
margin: 0px;
padding: 0px 0px 20px;
list-style: none;
text-align: left;
background: url(/template/dropdown_bg.png) no-repeat left bottom !important;
background: url(/template/dropdown_bg.gif) repeat left bottom;
z-index:99;
}
#nav li li {
height: auto;
width:140px;
float: none;
text-align: left;
background: none;
margin: 0px;
border:none;
display:block;
padding: 3px 0px 2px 3px;
line-height:10px;
}
#nav li#new li a {
background: url(none);
color: #000;
display:block;
height:14px;
font-size:11px;
width:140px;
padding:0px 0px 0px 15px;
text-decoration: none;
text-transform: capitalize;
}
#nav li li a:hover{
padding:0px;
color: #045e98;
background:none;
border:none;
padding:0px 0px 0px 15px;
height:14px;
}
#nav li:hover ul{
left: auto;
margin: 0px 0px 0px -8px;
}
#nav li.sfhover ul{
margin: 0px 0px 0px -8px;
padding:0px;
left:auto;
height:120px;
}
#mainnav {
height: 30px;
clear: both;
background: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
color: #000;
position:absolute;
top:82px;
z-index:99;
width:939px;
left:13px;
border-bottom: 4px solid #ED1C24;
}
#mainnav, #mainnav li, #mainnav ul{
margin:0px;
padding:0px;
}
#mainnav ul {
list-style-type: none;
margin: auto;
height: 30px;
width:909px;
}
#mainnav li{
float: left;
display:inline;
height: 24px;
line-height: 24px;
text-align: center;
border-right: 1px solid #CCC;
}
#mainnav li a{
display:block;
color: #002b45;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 21px;
display:block;
}
#mainnav li a:hover, #mainnav li a.selected{
color:#ED1C24;
background: #fff;
}
#mid_page{
margin: 0px;
z-index:1;
position: relative;
top: -15px;
margin-bottom: -15px;
line-height: 20px;
}
/*NEW NAV */
#nav{
height: 61px;
width: 939px;
position: absolute;
z-index:99;
top:79px;
left:13px;
}
#nav li{
list-style: none;
float: left;
height: 44px;
margin: 0px;
padding: 0px;
display: block;
}
#nav ul{
margin: 0px;
padding: 0px;
position:relative;
}
#nav li a{
display: block;
height:44px;
font-size: 0px;
color: #FFFFFF;
text-decoration: none;
}
#nav li#home{
background: #FFFFFF url(/template/home_in.gif) no-repeat bottom;
width: 120px;
}
#nav li#new{
background: #FFFFFF url(/template/new_in.gif) no-repeat bottom;
width: 116px;
}
#nav li#used{
background: #FFFFFF url(/template/used_in.gif) no-repeat bottom;
width: 116px;
}
#nav li#finance{
background: #FFFFFF url(/template/auto-finance_in.gif) no-repeat bottom;
width: 117px;
}
#nav li#service{
background: #FFFFFF url(/template/auto-service_in.gif) no-repeat bottom;
width: 117px;
}
#nav li#body{
background: #FFFFFF url(/template/auto-body_in.gif) no-repeat bottom;
width: 116px;
}
#nav li#driverslounge{
background: #FFFFFF url(/template/drivers-lounge_in.gif) no-repeat bottom;
width: 118px;
}
#nav li#company{
background: #FFFFFF url(/template/company_in.gif) no-repeat bottom;
width: 119px;
}
#nav li#parts{
background: #FFFFFF url(/template/parts_in.gif) no-repeat bottom;
width: 116px;
}
#nav li#expand{
background: url(/template/nav_expand.gif) no-repeat left bottom;
width:118px;
}
#nav li#home a{
background: #FFFFFF url(/template/home_out.gif) no-repeat bottom;
width: 120px;
}
#nav li#new a{
background: #FFFFFF url(/template/new_out.gif) no-repeat bottom;
width: 117px;
}
#nav li#used a{
background: #FFFFFF url(/template/used_out.gif) no-repeat bottom;
width: 117px;
}
#nav li#finance a{
background: #FFFFFF url(/template/auto-finance_out.gif) no-repeat bottom;
width: 118px;
}
#nav li#service a{
background: #FFFFFF url(/template/auto-service_out.gif) no-repeat bottom;
width: 117px;
}
#nav li#body a{
background: #FFFFFF url(/template/auto-body_out.gif) no-repeat bottom;
width: 118px;
}
#nav li#driverslounge a{
background: #FFFFFF url(/template/drivers-lounge_out.gif) no-repeat bottom;
width: 118px;
}
#nav li#company a{
background: #FFFFFF url(/template/company_out.gif) no-repeat bottom;
width: 119px;
}
#nav li#parts a{
background: #FFFFFF url(/template/parts_out.gif) no-repeat bottom;
width: 116px;
}
#nav li#home a:hover, #nav li#home a.selected{
background:none;
}
#nav li#new a:hover, #nav li#new a.selected{
background:none;
}
#nav li#used a:hover, #nav li#used a.selected{
background:none;
}
#nav li#auto a:hover, #nav li#auto a.selected{
background:none;
}
#nav li#finance a:hover, #nav li#finance a.selected{
background:none;
}
#nav li#service a:hover, #nav li#service a.selected{
background:none;
}
#nav li#body a:hover, #nav li#body a.selected{
background:none;
}
#nav li#driverslounge a:hover, #nav li#driverslounge a.selected{
background:none;
}
#nav li#company a:hover, #nav li#company a.selected{
background:none;
}
#nav li#parts a:hover, #nav li#parts a.selected{
background:none;
}
/*-------*/
#topnav {
height: 100px;
width: 100%;
float: left;
clear: both;
}
#topnav, #topnav li, #topnav ul{
margin:0px;
padding:0px;
}
#topnav ul {
list-style-type: none;
margin: auto;
height: 30px;
}
#topnav {
font-family: Arial, sans-serif;
font-size: 11px;
color:#a1a2a5;
background: #FFFFFF;
height:126px;
width:922px;
margin-top:-16px;
}
#topnav li{
float: right;
display: inline;
height: 30px;
line-height: 30px;
text-align: center;
}
#topnav li a{
display:block;
padding-right: 8px;
padding-left: 8px;
text-decoration: none;
color:#a1a2a5;
}
#topnav li a:hover{
text-decoration: underline;
}
#topnav .chat_contact{
text-align: right;
padding-right: 6px;
}
#topnav .address{
padding-right: 2px;
}
#topnav .chat_contact a img{
border:none;
margin: 0px;
padding: 0px;
}
#topnav li a:hover, #topnav li {
text-decoration: none;
}
.iconnav {
padding-left: 34px !important;
background-repeat: no-repeat;
background-position: left center;
}
#topnav li a#mypicks{ background: url(/template/pick.gif) no-repeat 13px 5px; }
#mypicksicon {
background-image: url(/template/icon_mypicks.jpg);
}
#used_summary .box p{
font-weight: bold;
color: #FFFFFF;
margin-top: 50px;
padding:4px;
}
/*
Divs
*/
#print_slideshow{
display:none;
}
#blue_box{
background:url(/images/blue_box_bg.gif) no-repeat;
position: absolute;
height: 124px;
width: 125px;
right:0px;
top: 124px;
}
#yellow_box{
background: url(/images/yellow_box_bg.gif) no-repeat;
position: absolute;
height: 124px;
width: 125px;
right: 0px;
top: 0px;
}
#slideshow {
position:absolute;
right:30px;
top:17px;
text-align:center;
width:493px;
line-height: 325px;
height:266px;
}
#used_summary {
height:auto;
margin-left:0px;
padding-bottom:0px;
padding-right:0px;
position:absolute;
left:20px;
top:17px;
width:249px;
}
#used_summary_items {
height: 232px;
width: 175px;
padding-top: 27px;
padding-left: 9px;
}
/* New Vehicle Slider */
#new_vehicle_slider {
width: 930px;
background-color: #fff;
height: 233px;
overflow: hidden;
z-index: 100;
padding-top: 10px;
padding-bottom: 0px;
}
#wn {
position: relative;
width: 831px;
height: 233px;
clip: rect(0px, 830px, 245px, 0px);
overflow:hidden;
z-index:1;
float: left;
margin-right: 17px;
display: inline;
}
#scroll_button_left{
position:relative;
z-index:99;
width:35px;
float: left;
margin-left: 10px;
margin-right: 2px;
padding-top: 10px;
display: inline;
}
#scroll_button_right{
position: relative;
z-index:99;
width:35px;
float: left;
padding-top: 10px;
display: inline;
}
#new_vehicle_slider a {
text-decoration: none;
}
#new_vehicle_slider a img{
border:none;
text-decoration: none;
}
#new_vehicle_slider a:hover{
text-decoration: none;
}
#new_vehicle_slider .caption{
display:block;
margin: 0px auto;
}
#inner_slide{
position: relative;
visibility:hidden;
left:0px;
top:0px;
z-index:1;
}
.new_vehicle_item{
float: left;
width: 180px;
padding: 0px;
margin-right: 0px;
display: inline;
}
/* End New Vehicle Slider */
.fuel_box{
background: url(/template/fuel_box.gif) no-repeat;
padding: 26px 21px 25px 122px;
height: 39px;
width: 504px;
}
.left_col_685 {
width: 715px;
float:left;
padding-bottom: 15px;
}
.right_col_140 {
float: right;
width:140px;
}
.right_col_200 {
float: right;
width: 162px;
margin-right: 14px !important;
margin-right: 7px;
margin-top: 14px;
}
.middle_col {
float: left;
width: 552px;
}
.middle_col_700{
float:left;
width:746px;
margin-left: 14px !important;
margin-left: 7px;
margin-top: 14px;
}
#vehicles_container{
margin-top: 14px;
margin-left: 14px;
}
#container .col_wrapper{
margin-left: 14px !important;
margin-left: 7px;
margin-top: 14px;
}
#container .col_700{
float: left;
width: 725px;
}
.contact_col{
float:left;
width:310px;
}
/*#blue_box {
height: 70px;
width: 285px;
position: absolute;
z-index: 12;
top: 100px;
right: 0px;
background: url(/template/blue_bg.jpg) repeat-x;
background-color: #1b408d;
}*/
#sub_nav {
width: 162px;
float: left;
margin-right: 18px;
}
#sub_nav p{
margin-left: 15px;
margin-right: 5px;
}
#cookie_trail {
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.summary_nav {
float: right;
}
.summary_descriptor {
color: #ffffff;
height: 70px;
float: left;
text-align: center;
width: 545px;
line-height: 30px;
font-size: 12px;
background: url(/images/compare_bg.gif);
background-repeat: no-repeat;
}
.summary_descriptor.new{
background: url(/images/compare_bg_new.gif);
}
.summary_descriptor.used{}
.summary_items .price {
font-size: 16px;
font-weight: bold;
color: #ec2525;
padding:20px 0px 0px;
}
.pricing {
position: absolute;
height: auto;
top: 10px;
right: 0px;
width: 100px;
}
.description{
clear:both;
}
.promo {
text-align:center;
}
#mainnav li.last {
border: none;
}
#slideshow_2 {
border: 1px solid #d2d2d2;
padding: 3px;
margin-top: 5px;
}
#vehicles_sidebar {
width: 320px;
float: left;
margin-right: 20px;
}
.detail_summary {
width: 360px;
float: left;
padding-bottom: 14px;
}
#vehicle_details {}
.vehicle_pagenav{
color: #ffffff;
font-size: 12px;
}
#vehicles_container .vehicle_pagenav a{
color: #ffffff;
}
#vehicle_pagenav2{
color: #ffffff;
background-color: #ee2e2f;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
}
#vehicle_pagenav2 a{
color: #ffffff;
}
#specs {
border: 1px solid #cccccc;
padding: 10px;
}
/*
Headings
*/
h1, h2, h3, h4, h5, h6 {
color: #1b408d;
margin: 0px;
padding: 0px 0px 10px;
font-weight: normal;
text-transform:capitalize;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 14px;
}
h3 {
font-size: 13px;
color: #ec2525;
}
h4 {
font-size: 13px;
color: #fdd302;
}
h5 {
font-size: 10px;
}
#used_summary_items h4{
padding:0px;
font-size:14px;
}
#used_summary_items h1 {
font-size: 18px;
line-height: 25px;
/*background-color: #1b408d;*/
display: block;
height: 25px;
width: 100%;
margin: 0px;
padding: 0px;
color: #FFFFFF;
text-indent: 5px;
font-weight: normal;
background: url(/template/bg_heading.jpg) repeat-x;
}
.summary_items h2, .detail_summary h2 {
font-weight: bold;
color: #414141;
padding-bottom:10px;
}
.detail_summary h1 {
float: right;
text-align:right;
}
.finance_calculator h1 {
display: block;
color: #ffffff !important;
background-color: #1b408d;
padding: 5px !important;
}
/*
Paragraphs, Text Etc.
*/
p {
margin: 0px;
padding: 0px 0px 7px;
}
#used_summary_items p{ padding: 10px 0px 5px; }
#used_summary_items form p{ padding: 0px 0px 5px; }
#used_summary_items form{
margin:0px;
padding:0px;
}
#used_summary_items form .form_field{
border: 1px solid #cdcecf;
width:165px;
margin-top:2px;
font-size: 12px;
height: 18px;
margin-bottom:4px;
}
.quality_promise {
float: right;
text-transform: uppercase;
font-weight: bold;
position: absolute;
top: 60px;
right: 10px;
}
.summary_items p {
padding-bottom: 5px;
padding-top:5px;
}
.important {
color:#990000;
}
/*
Lists
*/
ul, li, dl, dd, dt {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.shadow_box_content_553 dl{
padding-bottom:15px;
}
.summary_items li.pages{
background: url(/template/pageination_bg.gif) no-repeat;
height: 28px;
width: 499px;
padding:7px 2px 0px;
margin:5px 0px;
color:#fff;
font-size:9px;
border:none;
position:relative;
}
.features p{
padding: 0px;
padding-left: 5px;
}
.features{
float:left;
width:280px;
}
.summary_items li.pages a{
color:#fff;
}
.summary_items li.pages a:hover{}
#sub_nav dl.top_search, dl.top_search{
width: auto;
padding-top: 0px;
padding-left: 9px;
}
dl.top_search{
padding-left: 9px;
}
#sub_nav dl.bottom_search{
width: auto;
padding-top:0px;
padding-left: 15px;
}
#sub_nav dt, .right_col_200 dt, .right_col_140 dt {
padding: 5px 10px;
font-size: 13px;
font-weight: bold;
margin: 0px;
}
#sub_nav dd {
padding: 0px 9px;
}
.right_col_200 dd, .right_col_140 dd {
font-size:11px;
padding: 0px 9px;
}
form{
padding:0px;
margin:0px;
}
.sub_nav_divider {
}
.sub_nav_footer {
padding-bottom: 0px !important;
padding-bottom:0px;
}
.summary_items {
float: left;
width: 100%;
}
.summary_items li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e7e7e7;
position: relative;
}
.summary_items .features li{
margin:0px;
padding: 1px;
list-style: disc;
height:auto;
border: 0px none #fff;
}
.summary_items .features ul{
display:block;
margin:0px;
padding: 0px 0px 0px 0px;
}
#used_summary_items ul {
margin: 0px;
padding: 20px 20px 10px;
list-style-type: none;
}
#used_summary_items li {
float: left;
height: 80px;
width: 110px;
text-align: center;
margin: 0px;
line-height: 130px;
padding: 0px;
overflow: hidden;
}
#used_summary_items li#small a{background-image: url(/template/icon_small.jpg)}
#used_summary_items li#small a:hover{background-image: url(none)}
#used_summary_items li#mid a{background-image: url(/template/icon_mid.jpg);}
#used_summary_items li#mid a:hover{background-image: url(none);}
#used_summary_items li#suv a{background-image: url(/template/icon_suv.jpg);}
#used_summary_items li#suv a:hover{background-image: url(none);}
#used_summary_items li#van a{background-image: url(/template/icon_van.jpg);}
#used_summary_items li#van a:hover{background-image: url(none);}
#used_summary_items li#sport a{background-image: url(/template/icon_convertable.jpg);}
#used_summary_items li#sport a:hover{background-image: url(none);}
#used_summary_items li#truck a{background-image: url(/template/icon_truck.jpg);}
#used_summary_items li#truck a:hover{background-image: url(none);}
#used_summary_items li a{
display:block;
color: #414141;
height: 80px;
width: 110px;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
font-weight: bold;
letter-spacing: .1em;
}
#used_summary_items li#small {background-image: url(/template/icon_small_in.jpg)}
#used_summary_items li#mid {background-image: url(/template/icon_mid_in.jpg);}
#used_summary_items li#suv {background-image: url(/template/icon_suv_in.jpg);}
#used_summary_items li#van {background-image: url(/template/icon_van_in.jpg);}
#used_summary_items li#sport{background-image: url(/template/icon_convertable_in.jpg);}
#used_summary_items li#truck {background-image: url(/template/icon_truck_in.jpg);}
.right_col_200 ul, .right_col_140 ul{
padding-bottom: 15px;
}
.right_col_200 li, .right_col_140 li{
height: 30px;
line-height: 40px;
}
#vehicle_details ul {
list-style-type: none;
margin: 0 !important;
padding: 0px !important;
height: 30px;
position: relative;
z-index: 14;
margin-bottom: -1px;
}
#vehicle_details li{
float: left;
display: inline;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #d41b37;
margin-right: 5px;
}
/*
-------------------------------------------------
Tabs
-------------------------------------------------
*/
#container .tab_container{
width: 736px;
background-image: url('/template/tabboxbg.gif');
background-repeat: no-repeat;
clear: left;
}
#container .tabArea {
font-size: 12px;
padding: 10px;
padding-bottom: 0px;
width: 704px;
}
#container a.tab {
border-bottom: 1px solid #bfbfc0;
border-bottom-width: 0px;
text-decoration: none;
top: 0px;
z-index: 15;
background-image: url('/template/tabboxtab.gif');
background-repeat: no-repeat;
position: relative;
margin-right: 3px;
line-height: normal;
text-align: center;
padding-top: 5px;
height: 18px;
width: 97px;
float: left;
}
#container #linktab_overview{
background-image: url('/template/tabbox_overview.gif');
width: 82px;
}
#container #linktab_spin{
background-image: url('/template/tabbox_360spin.gif');
width: 121px;
}
#container #linktab_spin2{
background-image: url('/template/tabbox_360spin2.gif');
width: 92px;
}
#container #linktab_features{
background-image: url('/template/tabbox_features.gif');
width: 79px;
}
#container #linktab_specifications{
background-image: url('/template/tabbox_specifications.gif');
width: 107px;
}
#container #linktab_pricing{
background-image: url('/template/tabbox_pricing.gif');
width: 68px;
}
#container #linktab_rates{
background-image: url('/template/tabbox_rates.gif');
width: 143px;
}
#container #linktab_accessories{
background-image: url('/template/tabbox_accessories.gif');
width: 99px;
}
#container #linktab_included_options{
background-image: url('/template/tabbox_incoptions.gif');
width: 124px;
}
#container #linktab_finance_promos{
background-image: url('/template/tabbox_financepromos.gif');
width: 141px;
}
#container #linktab_customer_reviews{
background-image: url('/template/tabbox_custreviews.gif');
width: 136px;
}
/*
#container #linktab_expert_reviews{
background-image: url('/template/tabbox_expertreviews.gif');
width: 117px;
}
*/
#container #linktab_expert_reviews{
background-image: url('/template/tabbox_contactus.gif');
width: 91px;
}
#container #linktab_reviews{
background-image: url('/template/tabbox_reviews.gif');
width: 77px;
}
#container #linktab_contact{
background-image: url('/template/tabbox_contactus.gif');
width: 91px;
margin-right: 0px;
}
#container #linktab_difference{
background-image: url('/template/tabbox_difference.gif');
width: 180px;
}
#container .tabArea a:link{
color: #000000;
}
#container .tabArea a:visited{
color: #000000;
}
#container .tabArea a:active{
color: #000000;
}
#container .tabArea a:hover{
text-decoration: none;
}
#container a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
color: #000000;
font-weight: bold;
font-size: 12px;
}
#container a.tab.activeTab {
padding-bottom: 1px;
top: 0px;
z-index: 15;
}
#container .tabMain {
border: 1px solid #c0c0c1;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
position: relative;
z-index: 12;
margin-bottom: 15px;
top: -1px;
background-color: #FFFFFF;
clear: left;
}
#container .tabWrapper {
margin: 0px;
padding: 20px;
padding-top: 15px;
padding-bottom: 15px;
clear: left;
position: relative;
top: 0px;
}
#container .tabbox{
padding: 0px;
}
#container .tabbox.hidden{
display: none;
}
#container .tabbox.selected{
display: block;
}
/* End Tabs ----------------------------------------------- */
/*
-------------------------------------------------
Vehicles
-------------------------------------------------
*/
#container .vehicle_item{
clear: left;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #cccccc;
}
#container .vehicle_item_photo{
width: 165px;
float: left;
}
#container .vehicle_item_features{
width: 277px;
float: left;
}
#container .vehicle_item_pricing{
width: 110px;
float: left;
text-align: right;
}
#container .vehicle_item h2{
margin: 0px;
padding: 0px;
margin-bottom: 10px;
color: #000000;
font-size: 14px;
font-weight: bold;
}
#container .vehicle_item p{
margin: 0px;
padding: 0px;
}
#container .vehicle_item_pricing .price {
font-size: 26px;
color: #ec2525;
padding: 0px;
margin: 0px;
margin-top: 3px;
}
#home_box{
background: url(/template/v3/home_box_bg.gif) no-repeat;
height: 304px;
width: auto;
z-index:1;
margin: 0px;
position: relative;
margin-top: 14px;
margin-left: 5px;
line-height: normal;
font-size: 11px;
}
#home_box select{
font-size: 11px;
}
/*
forms
*/
input.input, textarea.input{
width:250px;
}
input, select, textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
color: #414141;
}
a{
outline: none;
}
#sub_nav label {
display: inline;
}
#sub_nav .form_field, #sub_nav select {
width: 114px;
padding: 3px;
border: 1px solid #999999;
}
.right_col_200 select, .right_col_140 select{
width:114px;
}
option.option_title{
font-weight: bold;
background: #BECEFA;
}
option.option_type{ background: #ECECFD; }
/*
links & buttons
*/
#rating p{
font-weight: bold;
color: #005284;
padding: 0px 0px 5px;
}
#rating span.left_review{color: #005284;padding-top:1px;display:block;}
#rating{ width: 180px; float:left;}
#rating img{
float:left;
}
a:link {
color: #1b408d;
text-decoration:none;
}
a:visited {
color:#1b408d;
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
a:active {
color:#1b408d;
}
.button {
font-size: 10px;
position: absolute;
z-index: 13;
top: 10px;
right: 10px;
padding: 2px 5px;
line-height: 10px;
display:block;
}
#footer_content a {
color: #FFFFFF;
margin-right: 15px;
line-height: 30px;
float:left;
text-decoration:none;
}
.box a img{
border:none;
}
.sub_nav_s_btn {
line-height: 20px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
color: #ffffff !important;
text-decoration: none;
background-color: #1b408d;
display: block;
height: 20px;
width: 180px;
margin: 0px;
padding: 0px;
border: none;
}
.go_btn {
line-height: 20px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
color: #ffffff !important;
text-decoration: none;
background-color: #1b408d;
display: block;
width:20px;
height: 18px;
margin: 2px 0px 0px;
padding: 0px 4px;
border: none;
}
.home_search{
background: url(/template/car_search_button.gif);
display: block;
height: 44px;
width: 178px;
position: relative;
left: -6px;
}
.finance_calc {
line-height: 20px;
font-size: 11px;
text-transform: uppercase;
text-align: center;
color: #ffffff !important;
text-decoration: none;
display: block;
width:74px;
height: 22px;
margin: 2px 0px 0px;
padding: 0px 0px;
border: none;
background: url(/template/finance_calc_button.jpg) no-repeat;
}
.button_moredetails {
margin-bottom: 2px;
font-size: 10px;
}
.button_compare {
text-transform: capitalize;
color: #1b408d;
font-size: 11px;
}
.button_compare:hover{
text-decoration: underline;
cursor: pointer;
}
.compare_button input.compare_me{
position:absolute;
width:80px;
height:27px;
background: url(/template/compare_button.gif) no-repeat;
top:1px;
right:-40px;
z-index:99;
border:none;
cursor:pointer;
}
#sort_box{
margin:-2px 4px 0px;
padding:0px;
font-size:9px;
height:16px;
}
#used_summary_items a:hover, #used_summary_items .selected {
text-decoration: underline;
}
.right_col_200 li a, .right_col_140 li a{
font-size: 12px;
display:block;
color: #414141;
padding-right: 10px;
padding-left: 10px;
}
.right_col_200 li a:hover {
}
#booktestdrive {
background-image: url(/template/icon_book_test_drive.jpg);
}
#valuetradein {
background-image: url(/template/icon_value_tradein.jpg);
}
#email_friend {
background-image: url(/template/icon_email.jpg);
}
#print_page {
background-image: url(/template/icon_print.jpg);
}
#vehicle_details li a{
display:block;
color: #ffffff;
text-transform: uppercase;
font-size: 10px;
padding-right: 35px;
padding-left: 35px;
text-decoration:none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}
#vehicle_details li a:hover, #vehicle_details li a.selected{
background-color: #ffffff;
color: #d41b37;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-left-color: #cccccc;
border-bottom-width: 0px;
border-bottom-style: none;
}
/*
Tables, tr, td etc
*/
.tabWrapper table {
width: 100%;
}
.tabWrapper .articleContent table{
width:200px;
}
#tab_overview td {
border-bottom: 1px solid #e7e7e7;
vertical-align: top;
}
.tabWrapper td{
vertical-align: top;
}
.tabWrapper .mazda_details td{
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e7e7e7;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
.tabWrapper .row_blank td, .tabWrapper .mazda_details .row_border td{
border: none;
}
.mazda_details td.pageHeading{
border: none;
font-size: 14px;
}
.tabnavbold {
font-weight: bold;
}
.review table{
width:35%;
}
.tabWrapper .td_noborder {
border-bottom: 0px solid #e7e7e7;
width: 10px;
}
.tabWrapper .td_bold {
font-weight: bold;
text-align: right;
padding-right: 6px;
width: 100px;
}
.finance_calculator table {
width: 95%;
padding: 0px;
}
.finance_calculator {
width: 162px;
height: 267px;
margin-top: 7px;
line-height: normal;
}
.finance_calculator input {
width: 50px;
padding: 3px;
border: 1px solid #999999;
text-align: center;
}
.finance_calcbtn{
height: 26px;
display: block;
width: 162px;
margin-top: 11px;
}
/*
images
*/
.img_left {
float: left;
margin-right: 5px;
margin-bottom: 2px;
border: 1px solid #d2d2d2;
padding: 3px;
}
/*
reviews
*/
.review {
padding: 5px;
border: 1px solid #CCC;
margin-bottom:5px;
margin-top:10px;
}
.review .heading{ margin-bottom: 5px; }
.review .heading h3{ text-transform: capitalize; }
.review .heading p {
font-size: 10px;
margin: 0px;
padding:0px;
}
.review .body{}
td.calc_label{
padding-left:5px;
font-size:10px;
}
/*Equipment boxes/*/
.equipment_box li{
list-style: disc;
margin-bottom: 3px;
}
.equipment_box ul{
padding-left:20px;
}
.equipment_box{
display:none;
float:left;
width:554px;
padding:8px;
padding-top: 0px;
}
.equipment_box_active{
display:block;
float:left;
width:554px;
padding:8px;
padding-top: 0px;
}
#box_menu{
width: 80px;
float:left;
padding-left:10px;
}
/*
-------------------------------------------------
Rounded Corner Boxes!
-------------------------------------------------
*/
#container .box_left{
background-image: url('/template/box2left.gif');
background-repeat: no-repeat;
background-position: top left;
}
#container .box_right{
background-image: url('/template/box2right.gif');
background-repeat: no-repeat;
background-position: top right;
}
#container .box_bottom{
background-image: url('/template/box2bottoml.gif');
background-repeat: no-repeat;
background-position: bottom left;
}
#container .box_content{
background-image: url('/template/box2bottomr.gif');
background-repeat: no-repeat;
background-position: bottom right;
padding: 16px;
}
div#slider-container { position: fixed; bottom: 0px; width: 100%; z-index: 999; }
div#slider { display: block; width: 100%; height: 100px; text-align: center; background-color: #000000; background-repeat: repeat-x; }
a#close { display: block; text-align: center; }
div#slider-header { padding: 3px 0; background: #000000; }
a#slider-yes { display: inline; margin: 54px 0 0 548px; float: left; width: 97px; height: 34px; text-indent: -9999px; }
a#slider-no { display: inline; margin: 54px 0 0 28px; float: left; width: 151px; height: 34px; text-indent: -9999px; }
p.icons { margin: 15px 10px 0; text-align: center; }
div#mainnav3 { clear: both; position: relative; background: url('/template/mainnav3.gif'); width: 100%; top: -15px; }
div#mainnav3 a { display: block; float: left; padding: 10px 0; text-align: center; border-right: solid 1px #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; }
div#mainnav3 a.selected { color: #000; /* color: #00aeef; */ }
/* countdown styles */
.hasCountdown {
display: inline;
float: right;
margin: 20px 40px 0 0;
width: 100px;
}
.countdown_row {
clear: both;
width: 100%;
text-align: center;
}
.countdown_show1 div {
width: 100%;
}
.countdown_show2 div {
width: 50%;
}
.countdown_show3 div {
width: 33%;
}
.countdown_show4 div {
width: 25%;
}
.countdown_show5 div {
width: 20%;
}
.countdown_show6 div {
width: 16%;
}
.countdown_show7 div {
width: 14%;
}
.countdown_section {
float: left;
font-size: 75%
}
.countdown_amount {
font: 20px 'courier new', monospace;
font-weight: bold;
color: #f00;
}
.countdown_descr {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
p.retail_price { font-size: 12px; color: #f00; margin-bottom: 5px; }
a { outline: none; }
/* The main calendar widget. DIV containing a table. */
.calendar {
position: relative;
display: none;
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
z-index: 300;
}
.calendar table {
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: ButtonFace;
display: table-cell;
position: relative;
top: 0;
right: 0;
}
.calendar .nav {
background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: ActiveCaption;
color: CaptionText;
text-align: center;
}
.calendar thead .headrow { /* Row containing navigation buttons */
}
.calendar thead .daynames { /* Row
containing the day names */
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid ButtonShadow;
padding: 2px;
text-align: center;
background: ButtonFace;
color: ButtonText;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
border: 2px solid;
padding: 0px;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.calendar thead .active { /* Active (pressed) buttons in header */
border-width: 1px;
padding: 2px 0px 0px 2px;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid ButtonShadow;
background: ButtonFace;
color: ButtonText;
}
.calendar tbody .rowhilite td {
background: Highlight;
color: HighlightText;
}
.calendar tbody td.hilite { /* Hovered cells | */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
padding: 2px 2px 0px 2px;
background: ButtonFace;
color: ButtonText;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}
.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}
.calendar tbody td.disabled { color: GrayText; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: ButtonFace;
padding: 1px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
color: ButtonText;
text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: Menu;
color: MenuText;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}
.calendar .combo .hilite {
background: Highlight;
color: HighlightText;
}
.calendar td.time {
border-top: 1px solid ButtonShadow;
padding: 1px 0px;
text-align: center;
background-color: ButtonFace;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: Menu;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: Highlight;
color: HighlightText;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
#wrapper{
margin: 0px;
background-image: url('/template/v3/wrapper_header.png') !important;
background-image: url('/template/v3/wrapper_header.gif');
background-repeat: no-repeat;
background-position: top;
padding-top: 20px;
}
#content_wrapper2{
background-image: url('/template/v3/wrapper_bg.png') !important;
background-image: url('/template/v3/wrapper_bg.gif');
background-repeat: repeat-y;
width: 965px;
}
#content_wrapper{
background-image: url('/template/v3/wrapper_footer.png') !important;
background-image: url('/template/v3/wrapper_footer.gif');
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 22px;
}
#content2{
width: 940px;
margin: 0px;
margin-left: 10px;
background: none;
background-image: none;
padding: 0px;
}
div#slider { background-image: url("/images/slider-bg.gif"); }
div.form { }
table.form { border-collapse: collapse; }
table.form td { vertical-align: top; padding-right: 10px; }
input.textField,
textarea.textField { padding: 5px; border: solid 1px #ccc; font: 12px/18px arial, helvetica, sans-serif; }
label.required { font-weight: bold; }
input.required, textarea.required { border: solid 1px #777; }
div.Block { margin: 0 0 10px; }
div.Block div.BlockContent { padding: 8px 10px; border: solid 1px #a0a1a5; background: #f1f1f1; }
div.Block div#CTA { border: solid 1px #ccc; background: #fff; }
div.Block h2 { margin: 0; padding: 3px 0; background: #00355f url('/template/v4/blocks/header-bg.png') repeat-x; color: #fff; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }
div.Block p { margin: 0 0 8px; padding: 0; }
div.Block dl { margin: 0; padding: 0; }
div.Block dl dt { clear: left; float: left; width: 50px; margin: 0; padding: 0; }
div.Block dl dd { float: left; width: 90px; margin: 0; padding: 0; }
div.Block label { font-size: 11px; }
div.Block label.optional { color: #999; font-weight: normal; }
div.Block label strong { color: #c00; }
div.Block a:link,
div.Block a:visited { color: #1076b8; text-decoration: underline; }
div.Block a:hover { color: #152f52; text-decoration: underline; }
div.Block input,
div.Block textarea { padding: 3px; border: solid 1px #999; background: #fff; }
div.Block button { display: block; width: 100%; margin: 0; padding: 5px 0; border: none; background: #c43937 url('/template/v4/blocks/button-bg.png') repeat-x; color: #fff; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; text-transform: uppercase; }
div.Block button:active { padding: 6px 0 4px; }
div.Block table { width: 100%; border-collapse: collapse; }
div.Block table td { padding: 0; }
div.clear { clear: both; }
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #eee;
}
#tooltip h3, #tooltip div { margin: 0; }
#UsedVehicleBanner { width: 552px; height: 70px; margin: 0 0 10px; } |