@charset "utf-8";

/*

Title:		Company Name: main.css

Author: 	www.focusdesignstudios.com, patrick@focusdesignstudios.com

Created:	Date

=================================================================================*/





/* Universal tags

=================================================================================*/

body {

text-align:center;

text-align:-moz-center;

background: #fff;

/*font: 62.5%/1.2 Verdana, Arial, Helvetica, sans-serif; /* sets default font for the entire page */

font: 62.5%/1.2 Verdana, Arial, Helvetica, sans-serif; /* sets default font for the entire page */

color: #333;

margin:0em;

}

/* Container

=================================================================================*/

#container { /* container for the content divs */

margin:0 auto;

width:960px;

background:#fff;

}

/* Header

=================================================================================*/

#welcome_wrap { /* for fixed bar at the top of the page */

left:-5px;

position:absolute;

top:4px;

width:100%;

z-index:1;

}

 

#welcome {

height: 25px;

margin:0 auto;

width:960px;

position:relative;

}

#welcome h1 {

display: none;

}

#welcome .grayhead {

text-align: right;

padding: 5px;

margin:0;

letter-spacing: 1px;

font-size: 11px;

border:1px solid #8d8b8c;

float:right;

background-image:url(/images/bg_gray.gif);

background-position:bottom left;

background-repeat:repeat-x;

background-color: #fcfdfd;

position:relative;

}

img.br, img.tr, img.tl, img.bl {position:absolute;}

img.br {bottom:-1px; right:-1px;}

img.bl {bottom:-1px; left:-1px;}

img.tr {top:-1px; right:-1px;}

img.tl {top:-1px; left:-1px;}

#welcome .grayline {color:#8d8b8c;}

 

#welcome a:link, #welcome a:visited{

text-decoration: none;

color: #000;

}

 

#welcome a:active, #welcome a:hover{

text-decoration: underline;

color: #A80000;

}

/* Navigation

=================================================================================*/



#nav {

width:960px;

height: 30px;

background: url(/images/main-nav.jpg) no-repeat;

letter-spacing:1px;

color:#000;

text-align:center;

position:relative;

padding:0;

margin:0px;

float:left;

top:0px;

z-index:1;

}





#nav p {

padding:0px;

margin:0px;

float:left;

padding-top: 11px;

font-size:1em;

font-weight: bold;

text-align: left;

}

*html  #nav p {

padding:0px;

margin:0px;

padding-top: 11px;

font-size:1em;

font-weight: bold;

text-align: left;

}

#nav p a{

padding: 6px 10px 6px 10px;

color: #6d6f71;

border-right: solid 1px #cacbcd;

}

#nav p a:hover{ color: #6d6f71; text-decoration: underline;}

#nav p a.last {background-image: none; padding-right: 0; padding-left: 45px;}

#nav p a.first {padding-left: 0; padding-right: 45px}

 

img.live-chat {

position: fixed; 

left: 240px;  

top: 25px;

z-index:5000;

}



#nav1 {

height: 30px;

background: url(/images/main-nav.jpg) no-repeat;

clear:both;

letter-spacing:1px;

color:#000;

text-align:center;

margin-bottom:0px;

}

#nav1 p {

padding-top: 11px;

font-size:1em;

font-weight: bold;

text-align: left;

}

#nav1 p a{

padding: 6px 10px 6px 10px;

color: #6d6f71;

border-right: solid 1px #cacbcd;

}

#nav1 p a:hover{ color: #6d6f71; text-decoration: underline;}

/*#nav p a.last {background-image: none; padding-right: 0; padding-left: 45px;}

#nav p a.first {padding-left: 0; padding-right: 45px}*/



img.live-chat {

position: relative; 

left: 244px;  

top: 25px;

}



/* Header

=================================================================================*/

#header {

background-image: url('/images/header-bg.jpg');

width:955px;

height:72px;

background-repeat: repeat-y;

padding-top:10px;

padding-left:5px;

}

#header img {

float:left;

z-index:2;

}

#header h1 {

text-align:left;

font: 10px Verdana, Arial, Helvetica, sans-serif;

color:#333;

float:left;

padding: 25px 0 0 5px;

margin-bottom: 0;

}



/* Clear Fix

=================================================================================*/



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clear {height:1px; height:1px;  clear:both;}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */





h2 {

font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;

color: #2B388F;

margin-bottom:9px;

}



.bodytext

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#333;

}

.bodytextHeader

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#333;

}

.blackBoldBig

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:15px;

color:#000;

font-weight:bold;

}

.steelgreyBig

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:20px;

color:#7A92AD;

font-weight:bold;

}

.greyBack

{

/*background-color:#7A92AD;*/

background-color:#498ECA;

border:solid 1px #bbbbbb;

vertical-align:middle;

}

.greyBackLight

{

/*background-color:#7A92AD;*/

background-color:#E7EBEE;

border:solid 1px #bbbbbb;

vertical-align:middle;

height:20px;

font-weight:bold;

color:#24538B;

font-size:12px;

}

.paleBack

{

background-color:#f8f8f8;

border:solid 1px #dedede;

height:18px;

vertical-align:middle;

}

.greenBig

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:20px;

color:#489419;

font-weight:bold;

}

.steelgrey

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#7A92AD;

font-weight:bold;

}

.bodytextbig

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

line-height:17px;

}

.bodytextLink

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#2B388F;

text-decoration:none;

}

.bodytextLink:hover

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#2B388F;

text-decoration:underline;

}

.redbold

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#EC1C24;

}

.darkred

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#A9071C;

}

.deepblue

{

font-family:Verdana;

font-size:10px;

font-weight:bold;

color:#24538B;

}

.headerText

{

font-family:Verdana;

font-size:11px;

color:#333;

letter-spacing: 1px;

}



.headerLink

{

font-family:Verdana;

font-size:11px;

color:#222;

text-decoration:none;

letter-spacing: 1px;

}



.headerLink:hover

{

font-family:Verdana;

font-size:11px;

color:#900;

text-decoration:underline;

letter-spacing: 1px;

}



.headerLink2

{

font-family:Verdana;

font-size:10px;

color:#222;

text-decoration:none;

}



.headerLink2:hover

{

font-family:Verdana;

font-size:10px;

color:#900;

text-decoration:underline;

}



.headerLinkBold

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#666;

font-weight:bold;

text-decoration:none;

letter-spacing: 1px;

}



.headerLinkBold:hover

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#666;

font-weight:bold;

text-decoration:underline;

letter-spacing: 1px;

}



.separator

{

font-family:Verdana;

font-size:20px;

color:#888;

background-image:url(/images/separator_grey.png);

width:1px;

}



.bigWhite

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px;

color:#ffffff;

font-weight:bold;

text-decoration:none;

}





.menuLink

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#305068;

font-weight:bold;

text-decoration:none;

}



.menuLink:hover

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#F36826;

font-weight:bold;

text-decoration:none;

}



.redHeading

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#900F2F;

font-weight:bold;

text-decoration:none;

}



.footerLink

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#333;

text-decoration:none;

}

.footerLink:hover

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#333;

text-decoration:underline;

}





.greenbold

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#008000;

font-weight:bold;

}

.bluebold

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:13px;

color:#2B388F;

font-weight:bold;

}



<!-- Start of Menu CSS -->

#leftcolnav {

margin-bottom:10px;

z-index:100;

}



ul#leftcolnav {

list-style-type:none;

border:1px solid #918f8f;

width:198px;

padding:0;

background-color:#fff;

position:relative;

z-index: 100;

}



ul#leftcolnav li.leftcolnavhead {

background-color:#f2f2f2;

border-top:1px solid #918f8f;

font-size:14px;

font-weight:bold;

color:#f76300;

padding:5px 0 5px 5px;

position:relative;

display:block;

list-type-style:none;

cursor:pointer;

}







.leftcolnavhead div.carrot{float: right; padding-right: 10px; }

ul#leftcolnav li#first {border-top:0;}

img.navtop {position:absolute; top:-1px; left:-1px;}

img.navbottom {position:absolute; bottom:-1px; left:-1px;}



.leftcolnavbot {

vertical-align:text-bottom;

}

ul#leftcolnav li.leftcolnavhead:hover  {background:#fff; }

ul#leftcolnav li.leftcolnavhead.over  {background:#fff; }



li.leftcolnavhead  ul.second {

margin-left:0px;

background-color:#fff;

border:1px solid #918f8f;

font-size:1.1em;

font-size:11px;

font-weight:normal;

list-style-type:none;

position:absolute;

top:-1px;

left:-999em;

width:200px;

padding:0 0 5px 0px;

text-decoration:none;

}

li.leftcolnavhead:hover ul.second, li.leftcolnavhead.over ul.second {left:190px; }





li.leftcolnavhead ul.second li {color:#666;

padding:4px 5px 4px 17px;

display:block;

/*background-image:url(/images/redarrow.gif);*/

background-image:url(/images/redarrow_yellow.gif);

background-repeat:no-repeat;

background-position:7px 50%;

text-decoration:none;

}



li.leftcolnavhead ul.second .hider {

background:#fff;

width:5px;

height:27px;  position: absolute;

top:0;

left:-2px;}



li.leftcolnavhead  ul.second li a {

color:#666;

display:block;

text-decoration:none;

}

li.leftcolnavhead  ul.second li a:hover {

color:#666;

display:block;

text-decoration:underline;

}

/* end of Menu CSS */





/********************************************/



/* SLIDER STYLE */



/********************************************/







.slider {



height: 45px;



width: 170px;



}



.slider_bar {



margin-top: 5px;



height: 13px;



position: relative;



background-image: url(/images/form_line.gif);



background-repeat: repeat-x;



background-position: left bottom;



margin-bottom: 5px;



}







.slider_field {



width:4.5em;



background:#fff;



border:2px solid #9fb9d0;



padding:3px;



color: #346b93;



}







.slider_field_low {



float: left;



}



.slider_field_high {



float: right;



}



.ui-slider-handle {



background: url(/images/form_slider.gif) no-repeat;



height: 13px;



position: absolute;



width: 16px;



}







.fieldset_top {



padding:15px;



margin-bottom:15px;



border:1px solid #5E7DBA;



}







.fieldset_top p {



padding:0!important;



margin:0 0 15px 0!important;



}

.whiteLink

{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#fff;

text-decoration:none;

}

.whiteBold

{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#fff;

text-decoration:none;

font-weight:bold;

}



.whiteLink:hover

{

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#F6FF00;

font-weight:bold;

text-decoration:none;

}



.whiteLinkSmall

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#fff;

text-decoration:none;

}

.whiteLinkSmall:hover

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

color:#F6FF00;

text-decoration:underline;

}

.redBig

{

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#EC1C24;

font-size:24px;

font-weight:bold;

}

.redLarge

{

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#EC1C24;

font-size:13px;

font-weight:bold;

}



#leftcol {

float: left;

width: 200px;

margin-bottom:100px;

display: inline; /* Fixes IE6- double margin bug for floated elements */

}



.searchcar {

/*border: 1px solid #bcbcbc; */

background-position:top;

background-repeat: no-repeat;

border-top:0;

border-bottom:0;

margin:0 0 0 0;

position:relative;

height: 292px;

width: 200px;

color: #fff;

text-align:center;

padding-top:10px;

}





.searchcar a {color:#fff !important;}



.searchcar h2 {

font-size:22px;

color: #fff;

position:fixed;

top: 110px;

padding-left:5px;

padding-right:5px;

padding-top:5px;

border-bottom:0;

left:160px;

}



img.searchcarbottom {position:absolute; left:-1px; bottom:-1px;}



.searchcar form {padding:35px 0 8px 7px;}



.searchcar select.formcell{width: 140px;}



form.refine select.formcell{width: 160px;}



.morearrow {margin:2px 0 -2px 0;}



#leftcolnav {

margin-bottom:10px;

z-index:100;

text-align:left;

padding-top:15px;

float:left;

padding:0;

margin:0;

}



ul#leftcolnav {

list-style-type:none;

border:1px solid #918f8f;

width:198px;

padding:0;

background-color:#fff;

position:relative;

z-index: 100;

float:left;

padding:0;

margin:0;

}



ul#leftcolnav li.leftcolnavhead {

background-color:#f2f2f2;

border-top:1px solid #918f8f;

font-size:14px;

font-weight:bold;

color:#f76300;

padding:5px 0 5px 5px;

position:relative;

display:block;

list-type-style:none;

cursor:pointer;

}



.leftcolnavhead div.carrot{float: right; padding-right: 10px; }

ul#leftcolnav li#first {border-top:0;}

img.navtop {position:absolute; top:-1px; left:-1px;}

img.navbottom {position:absolute; bottom:-1px; left:-1px;}



.leftcolnavbot {

vertical-align:text-bottom;

}

ul#leftcolnav li.leftcolnavhead:hover  {background:#fff; }

ul#leftcolnav li.leftcolnavhead.over  {background:#fff; }



li.leftcolnavhead  ul.second {

margin-left:8px;

background-color:#fff;

border:1px solid #918f8f;

font-size:1.1em;

font-size:11px;

font-weight:normal;

list-style-type:none;

position:absolute;

top:-1px;

left:-999em;

width:200px;

padding:0 0 5px -15px;

}

li.leftcolnavhead:hover ul.second, li.leftcolnavhead.over ul.second {left:190px; }





li.leftcolnavhead ul.second li {color:#666;

padding:4px 5px 4px 17px;

display:block;

/*background-image:url(/images/redarrow.gif);*/

background-image:url(/images/redarrow_yellow.gif);

background-repeat:no-repeat;

background-position:7px 50%;}



li.leftcolnavhead ul.second .hider {

background:#fff;

width:5px;

height:27px;  position: absolute;

top:0;

left:-2px;}



li.leftcolnavhead  ul.second li a {

color:#666;

display:block;}





#leftcol p {

margin-bottom:15px;

}

#leftform {width:300px; float:left; padding:0 0 0 20px;}





#leftcol-form{

float: left;

width: 200px;

display: inline; /* Fixes IE6- double margin bug for floated elements */

}



a.pg_btn_search {

/*background-image: url(/images/searchcar_btn.gif);*/

background-image: url(/images/search-off.png);

background-color: transparent;

border: none;

width: 80px;

height: 30px;

cursor:pointer;

}



a.pg_btn_search:hover{background-image: url(/images/search-on.png);}



input.btn_search {

background-image: url(/images/searchcar_btn.gif);

background-color: transparent;

border: none;

width: 82px;

height: 21px;

cursor:pointer;



}



/********************************************/

/* SLIDER STYLE */

/********************************************/



.slider {

height: 45px;

width: 170px;

}

.slider_bar {

margin-top: 5px;

height: 13px;

position: relative;

background-image: url(/images/form_line.gif);

background-repeat: repeat-x;

background-position: left bottom;

margin-bottom: 5px;

}



.slider_field {

width:4.5em;

background:#fff;

border:2px solid #9fb9d0;

padding:3px;

color: #346b93;

}



.slider_field_low {

float: left;

}

.slider_field_high {

float: right;

}

.ui-slider-handle {

background: url(/images/form_slider.gif) no-repeat;

height: 13px;

position: absolute;

width: 16px;

}



.fieldset_top {

padding:15px;

margin-bottom:15px;

border:1px solid #5E7DBA;

}



.fieldset_top p {

padding:0!important;

margin:0 0 15px 0!important;

}

/* Refine Search Form */



#vehiclerefine label {

position:absolute;

width:75px;

text-align:right;

font-size:1.1em;

letter-spacing:-1px;

}



#vehiclerefine label.checkbox {

position:relative;

text-align:left;

width:45px;

float:left;

display:block;

margin-left:3px;

}



.short {

width:30px!important;

}



#vehiclerefine label.radio {

position:relative;

text-align:left;

width:85px;

float:left;

display:block;

margin-left:3px;

}



#vehiclerefine .selector {

float:left;

}



#vehiclerefine input {

padding:2px;

}



#vehiclerefine .txt {

margin-left:80px;

width:90px;

border:1px solid #EC1C24;

font-size:1.1em;

padding:2px;

}



#vehiclerefine .txt2 {

width:50px;

border:1px solid #EC1C24;

margin-left:25px;

font-size:1.1em;

padding:2px;

}



#vehiclerefine span {

position:absolute;

margin-left:10px;

}



#vehiclerefine p {

clear:both;

margin-bottom:5px;

}



#vehiclerefine fieldset {

margin-top:20px;

}



a.clearall {display:block; text-align:right; font-weight:bold; text-decoration:underline; padding:10px 0;}



.inner_left {

width:265px;

text-align:center;

float:left;

margin-top:5px;}





ul.cssMenu ul{display:none}

ul.cssMenu li:hover>ul{display:block}

ul.cssMenu ul{position: absolute;left:-1px;top:98%;}

ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.cssMenu,ul.cssMenu ul {

margin:0px;

list-style:none;

padding:0px 2px 2px 0px;

background-color:none;

border:none;

background:transparent;

}

ul.cssMenu table {border-collapse:collapse}ul.cssMenu {

display:block;

zoom:1;

float: left;

}

ul.cssMenu ul{

width:85.05px;

}

ul.cssMenu li{

display:block;

margin:2px 0px 0px 2px;

font-size:0px;

}

ul.cssMenu a:active, ul.cssMenu a:focus {

outline-style:none;

}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {

display:block;

vertical-align:middle;

background-color:none;

border-width:0px;

border-color:#6655ff;

border-style:solid;

text-align:left;

text-decoration:none;

padding:4px;

_padding-left:0;

font:bold 11px Verdana;

color: #444444;

text-decoration:none;

cursor:default;

}

ul.cssMenu span{

overflow:hidden;

}

ul.cssMenu li {

float:left;

}

ul.cssMenu ul li {

float:none;

}

ul.cssMenu ul a {

text-align:left;

white-space:nowrap;

}

ul.cssMenu li.sep{

text-align:center;

padding:0px;

line-height:0;

height:100%;

}

ul.cssMenu li.sep span{

float:none; padding-right:0;

width:5;

height:16;

display:inline-block;

background-color:#AAAAAA; background-image:none;}

ul.cssMenu ul li.sep span{

width:80%;

height:3;

}

ul.cssMenu li:hover{

position:relative;

}

ul.cssMenu li:hover>a{

background-color:none;

border-color:#665500;

border-style:solid;

font:bold 11px Verdana;

color: #E67E15;

text-decoration:none;

}

ul.cssMenu li a:hover{

position:relative;

background-color:none;

border-color:#665500;

border-style:solid;

font:bold 11px Verdana;

color: #E67E15;

text-decoration:none;

}

ul.cssMenu li.dis a {

color: #AAAAAA !important;

}

ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;

height:16px;

}

ul.cssMenu ul img {width:16px;

height:16px;

}

ul.cssMenu img.over{display:none}

ul.cssMenu li.dis a:hover img.over{display:none !important}

ul.cssMenu li.dis a:hover img.def {display:inline !important}

ul.cssMenu li:hover > a img.def  {display:none}

ul.cssMenu li:hover > a img.over {display:inline}

ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}

ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}

ul.cssMenu a:hover ul{display:block}

ul.cssMenu span{

display:block;



background-position:right center;

background-repeat: no-repeat;

   padding-right:0px;}

ul.cssMenu li:hover>a>span{

}

ul.cssMenu a:hover span{ }

ul.cssMenu ul span,ul.cssMenu a:hover table span{}

ul.cssMenu ul li:hover > a span{ }

ul.cssMenu table a:hover span{}









#inline

{

width:55px;

*display:inline;

display:inline-block;

}

#image_thumbs

{

width: 55px;

min-height: 46px;

display: -moz-inline-stack;

display: inline-block;

vertical-align: top;

margin: 0;

padding:0;

zoom: 1;

*display: inline;

_height: 46px;

}



.clearfix

{

display: block;

display: inline-block;

position:relative;

}

.specials

{

color: black;

float: left;

padding: 0px 10px 5px 30px;

width: 255px;

}



#disclaimer

{

color:#4D4D4D;

}







/*News Sidebar Begins*/

.news {

width:180px;

float:left;

clear:both;

padding-bottom:30px;

color:#000000;

}



.news ul {

list-style-position:outside;

list-style-type:none;

padding:0;

margin:0;

}



.news li {

border-bottom:1px solid #ccc;

}



.meta_sub {

padding:0 4px;

border-right:1px solid #DDD;

}



.meta {

display:block;

font-size:11px;

line-height:14px;

position:relative;

zoom:1;

top:3px;

}



#top .news a {

padding:6px 3px;

width:180px;

color:#000000;

}



#top #latest_news .post_name {

display:block;

font-weight:bold;

}



#top #latest_news a,.news a {

display:block;

padding:5px 3px 10px;

text-decoration:none;

color:#000000;

}



#sidebar-inner #latest_news a,#sidebar-inner .news a {

display:block;

padding:8px 3px;

color:#000000;

text-decoration:none;

}



#sidebar-inner span.post_name {

font-weight:700;

background:url(/images/bullet.jpg) no-repeat 0 6px;

padding-left:14px;

}



ul.latest_news {

left:86px;

margin-right:5px;

margin-left:5px;

}



/*News Sidebar Ends*/



#line{

height:1px;

background:url(/images/line.jpg) repeat-x;

}

#line_v{

width:1px;

background:url(/images/line.jpg) repeat-y;

}



.oprice_new {font-size:18px; font-weight:bold; color:#666;}

.nprice_new {font-size:18px; font-weight:bold; color:#ec1c24;}



.price-gray {font-weight: bold; color: #58595b; font-size: 12px;}

.price-red {font-weight: bold; color: red; font-size: 12px;}



.price-red_n {color: red; font-size: 12px;}



.oprice {font-size:18px; font-weight:bold; color:#666;}

.nprice {font-size:18px; font-weight:bold; color:#ec1c24;}





table#mpg-savings {

border:1px solid #C9CBCA;

font-size:12px;

margin-top:15px;

width:320px;

border-style:solid;

}

table#mpg-savings tr th {

background-color:#F9DCB0;

font-size:13px;

font-weight:bold;

padding:5px 10px;

text-align:center;

}

table#mpg-savings tr td {

background-color:#EDEFEE;

padding:5px 10px;

text-align:center;

}



/************************************************/

/* PAYMENT CALCULATOR */

/************************************************/



#payment-form {

margin: 15px 0;

}



#payment-form input.text {font-size: 12px;}



table#payment-fields {width: 100%;}



table#payment-fields tr td {padding: 5px 10px 5px 0; }



table#payments {

margin-top: 5px;

width: 100%; 

border: solid 1px #c9cbca;

font-size: 11px;

}

table#payments tr td {

border: solid 1px #c9cbca;

vertical-align: middle; 

text-align: center;

padding: 5px 10px 5px 10px;

background: #edefee;

}



table#payments tr td.label{

background-color: #edefee; 

}

table#payments tr th {background: #bfc1c0; text-align: center; font-size: 12px; font-weight: bold;}



table#payments tr th.apr{

border: solid 1px #e6e8e7;

border-bottom: none; 

}



div#results {}

div.single-payment {

background: #edefee; 

border: solid 1px #9f9f9f; 

padding: 10px 15px 5px 15px;

margin-bottom: 20px;

font-size: 13px;

}



/************************************************/

/* MPG CALCULATOR */

/************************************************/



/* Results Navigation Table */



#table_results_top {

width:750px;

margin-bottom:15px;

}



#table_results_top tr {

border-right:solid 1px #c8c7c7;

}



#table_results_top th, #table_results_top td {

padding:5px 10px 5px 8px;

vertical-align:middle;

}



#table_results_top th {

border-right:solid 1px #c8c7c7;

padding-left:0;

width:62px;

}



#table_results_top td {

border-top:solid 1px #c8c7c7;

border-bottom:solid 1px #c8c7c7;

}



#table_results_top #td_prevnext {

text-align:right;

letter-spacing:-1px;

font-weight:bold;

}

#table_results_top td select {

border:1px solid #EC1C24;

font-size:1.1em;

padding:2px;

}

#table_results_top #td_sortby select {

width:120px;

}

#table_results_top #td_listings select {

width:40px;

}

/* Results Table */



.table_results {

border:solid 1px #c8c7c7;

width:750px;

color:#000;

background: url(../images/bg_tdresults.png) no-repeat #F2F2F2;

font-size:1.1em;

margin-bottom:12px;

}



.table_results th {

font-size:1.3em;

letter-spacing:1px;

padding:5px 8px!important;

}



.table_results th span {

color:#666;

}

.table_results td, .table_results th {

padding:8px;

}



.td_resultsimg {

width:146px;

text-align:center;

}

.td_resultsviewmore {

text-align:right;

padding:5px 8px!important;

}

.td_resultsviewmore img {

vertical-align: text-top;

}

.td_makeanoffer img, .td_askaquestion img {

vertical-align: text-top;

margin-right:5px;

}

.td_resultsinfo1 {

vertical-align:top;

}

.td_resultsinfo2 {

vertical-align:top;

}

.td_resultssuggested {

text-align:center;

color:#666;

}

.td_resultssuggested span {

font-size:1.7em;

font-weight:bold;

}

.td_resultsprice {

text-align:center;

background:url(../images/bg_tdresultsprice.png) left center no-repeat;

}

.td_resultsprice span {

font-size:1.7em;

font-weight:bold;

color:#EC1C24;

}

.td_resultsvin {

text-align:right;

color:#666;

}



/* Details */



table.warranty {

border: 1px solid #000;

border-bottom: none;

margin: 20px 10px;

width: 90%;

}

.warranty td {

padding: 5px;

border-bottom: 1px solid #000;

border-left: 2px solid #000;

}

.highlight {

background-color: #B0CAF4;

}



.notice {

background-color: #f2f2f2;

border: 1px solid #ccc;

padding: 15px;

margin-bottom: 15px;}

#small.notice {width: 150px; float: right;}



span.notice-green {font-weight: bold; color: green;}



span.notice-blue {font-weight: bold; color: #24538b;}



.oil-change-content {

background-image: url('/images/bg_divs.jpg');

background-repeat: repeat-x;

border: solid 1px #BCBCBC;

padding: 20px 20px;

}



.oil-change-content ul li {padding: 2px 0;}



table.oil-table {width: 100%; border: solid 1px #006699;}



table.oil-table tr td {border: solid 1px #006699; vertical-align: middle; padding: 10px 20px 10px 20px;}



div.oil-change-content table tr td {

vertical-align: middle;

}



.FormTable {



border: 1px solid #000000;



padding: 5px;



}







.FormTable td {



padding: 4px;



vertical-align: top;



}







.error {



color: #FF0000;



font-size: 10px;



padding: 0px;



text-align: right;



}







.FormTable .Line {



padding: 0px;



height: 1px;



background-color: #CCCCCC;



}



/******************************/

/*          Classes for Form        */

/******************************/



.txtBox

{

border: 1px solid #bbbbbb;

background: url(/images/input_bg.png) repeat-x #cfecfc;

font-family: Arial, Helvetica, sans-serif;

font-style: normal;

font-size: 12px;

color: #595959;

}

.txtBox_req

{

border: 1px solid #bbbbbb;

background: url(/images/input_bg_req.png) repeat-x #FBC6B1;

font-family: Arial, Helvetica, sans-serif;

font-style: normal;

font-size: 12px;

color: #595959;

}

.txtArea_req

{

border: 1px solid #bbbbbb;

background-color:#fddacd;

}

.txtArea

{

border: 1px solid #bbbbbb;

background-color:#D5EEFB;

}



div.mpg_display {

background-image:url(/images/mpg.png);

background-repeat:no-repeat;

background-position:bottom;

float:left;

padding-top:40px;

z-index:800;

position:absolute;

width:57px;

height:37px;

}

div.mpgText

{

padding-top:11px;

padding-left:7px;

color:#fff;

font-weight:bold;

font-size:10px;

}



a.p3-360 {

display: block;

background-image: url('/images/p3-360-off.jpg');

width: 67px;

height: 27px;

float: left;

}

a.p3-pics {

display: block;

background-image: url('/images/p3-pics-off.jpg');

width: 128px;

height: 27px;

float: left;

}

a.show-fastads {

display: block;

background-image: url('/images/p2-fastads-off.jpg');

width: 148px;

height: 32px;

border: none;

display: none;

}

a.p3-video:hover {

background-image: url('/images/p3-video-on.jpg');

}

a.p3-360:hover {

background-image: url('/images/p3-360-on.jpg');

}

a.p3-pics:hover {

background-image: url('/images/p3-pics-on.jpg');

}

.bodylink

{

color: #2B388F;

}

.bodylink:visited

{

color: #2B388F;

}

.social_heading

{

color: #2B388F;

font-size:13px;

font-weight:bold;

}

.credit_app_display{

/*background-color:#7A92AD;*/

vertical-align:middle;

height:15px;

font-weight:bold;

color:#24538B;

font-size:11px;

/*border:solid 1px #ddd;*/

}



.redBold

{

	color:#AE2828;

	font-weight:bold;

}

.blueLinkBold

{

	color:#073B77;

	font-weight:bold;

	font-size:11px;

	text-decoration:none;

}

.blueLinkBold:hover

{

	color:#000;

	font-weight:bold;

	font-size:11px;

	text-decoration:none;

}