@import url('detail_Form.css');
@import url('detail_Prices.css');
@import url('detail_Media.css');
@import url('detail_Scrollbar.css');
@import url('detail_Calculator.css');
a {text-decoration:none;}/*without this, the functions get an underline in firefox*/


div#detail {
    margin: 0px auto;
    padding: 0px;
    width: 980px;
 
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

div#detail:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#detail_head {
    padding: 6px 6px 0px 0px;
    text-align:center;
}

div#detail_head:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

span#detail_phone {
    font-size: 22px;
    font-weight: bold;
    float: right;
    color: White;
}
.detailphone /*used in a function for label text and wrapper div*/
{
    font-size: 14px;
    text-align:right;
    font-weight: bold;
    color:#666;
    text-align:center;
   
}
.detailphone span /*used in a function for phone number*/
{
      font-size: 22px;
      color:#000;
}

div#detail_main {
    background-color: #FFFFFF;
    width: 100%;
}

div#detail_main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#detail_main_left {
    float: left;
    width: 49%;
    /*margin-top:24px; same opposite negative margin on detail_info below*/
 
}
div#detail_main_left:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#detail_main_left .sect 
{
    border:solid 1px #999;
    
    padding-bottom:10px;
   background:#EAE9E9 url(../images/detail/detail_bg.jpg) repeat-x;
}

div#detail_main_left .sect:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#detail_main_left .col_left {
    float:left;
    width: 60%;
    text-align:center;
   
}

div#detail_main_left .col_right {
    float:right;
    width: 40%;
    padding-top:10px;
    text-align: center;
}
div#detail_main_left .col_right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 


div#detail_main_right {
    float:right;
    width:49%;
}

/*div#detail_main_right :after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#detail_main_right .sect {
}

div#detail_main_right .sect :after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#detail_main_right .col_left {
    float:left;
    width: 320px;
}

div#detail_main_right .col_right {
    float:right;
    width: 220px;
    text-align: left;
}
div#detail_main_right .col_right :after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/
div#detail_disclaimer, div#vehicleInfo_disclaimer
{
   /* width:908px;
    background-color:#fff;
    margin-top:6px;
    padding:6px;*/
}
/* ----------INFO WIDGET--------------*/
div#vehicleInfo {
    /*margin:  -24px 0px 0px -1px;negative margins to offset tabs*/
   padding-top:0px;
   padding-left:0px;
   width: 100%;
}

span#vehicleInfo_title {

    font-size: 20px;
    font-weight: bold;
    color: #000;  
}

div#vi_content {
    padding: 10px;
    margin: 0px;
    text-align:left;
   /* border:solid 1px #333; for tabbed block*/


}

div#vi_tabs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*div#vi_tabs {
    padding: 0px;
    margin: 0px;
    display:block;
    border:solid 1px #ccc;
}*/
ul#vi_tabs 
{
    /*height:0px !important; hide blank tabs ul above info */
}
 
div#vi_fields {
margin:0;
padding:0;

}

/*div#detail_fields table{
margin:0;
padding:0;
width:100%;
vertical-align:bottom;
}
div#detail_fields table tbody{
margin:0;
padding:0;
height:100%;
}*/
div#vi_fields .label {
    clear:both; 
    float:left;
   
     font-weight: bold;
     font-size: 12px;
     text-align: right;
     padding: 2px;
     color:#666;
     height:16px;
     white-space:nowrap;
     width:40%;
   

}

div#vi_fields .value {
    float:left;
    
    font-weight:bold;
    text-align: left;
    font-size: 12px;
    padding: 2px;
    color:#000;
    overflow:hidden;
    height:16px;
    width:55%;
    white-space:nowrap;
}
div#vi_fields .value:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 


/*---------gas mileage------------*/
div#vehicleInfo_mileage
{



 
}
/*background:#EAE9E9 url(../images/detail/detail_bg.jpg) repeat-x;*/
div#vi_gasMileage {
      margin:5px auto;
    padding:5px;
    width:100px;
    border:solid 1px #ccc;
}

li#vi_gasMileageImage {
    background: transparent url(../images/detail/gasmileage.gif) no-repeat scroll left center;
    width: 27px;
    height: 28px;
    margin:0;
    padding:0;
    vertical-align:bottom;
}

div#vi_gasMileage ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 14px;
    line-height:14px;
    font-family:arial;
    width: 100px;
    height:40px;
}

div#vi_gasMileage ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#vi_gasMileage ul li {
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 1px;
    font-weight: bold;
    text-align: center;
    height: 40px;
    display:inline-block;
   

}
div#vi_gasMileage ul li br
{
    height:0;
}
div#vi_gasMileage ul li span {
     font-family:arial;
    font-size: 20pt;
     line-height:25px;
    margin:0;
    padding:0;
    height:25px;
   
}

/*---------OPTIONS WIDGET------------*/
#vehicleOptions
{
    
    clear:both;
    margin-left:auto;
    margin-right:auto;
   text-align:center;

}
div#vo_title {
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0px 6px 0px;
    padding: 3px 0px 3px 12px;
    background-color: White;
    width:  100%;
    text-align: center;
}

div#vo_content {
    
    padding: 2px;
    font-weight: bold;
    font-size: 12px;

    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background:#EAE9E9 url(../images/detail/detail_bg.jpg) repeat-x;
    border:solid 1px #999;

}

div#vo_content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

div#vo_content p {
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 20px;
    border-bottom: solid 1px black;
    background: transparent url(../images/detail/checkmark.gif) no-repeat scroll left center;
    border-bottom-style: dotted;
    border-bottom-color: #666666;
}

div#vo_content .col {
   float:left;
    display:inline-block;
    
    margin: 2px;
    width:19.5%;
    text-align:left;
    vertical-align:top;
}

div#vo_content h1 {
    border-width: 2px;
    font-size: 16px;
    margin: 0px 0px 3px 0px;
    padding: 0px;
    border-bottom-style: solid;
 
}

/* ------SIMILAR VEHICLES  WIDGET--------*/
div#similarVehicles {
   margin: 10px auto;
   padding: 0px;
   width:100%;
    border:solid 1px #999;
   background:#EAE9E9 url(../images/detail/detail_bg.jpg) repeat-x;
}

div#sv_wrap {
    /*border: solid 1px black;
    background-color: #f5f5f5;
    background:url(../images/detail/form_bg.gif) no-repeat center top;*/
}

div#sv_title {
  
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    margin: 0px 0px 0px 0px;
}
div#sv_rows
{
    margin-bottom:3px;
}
div#sv_rows img {
    float:left;
   width:70px;
    height: 52px;
    border: solid 1px black;
    margin-left:3px;
    margin-top:2px;
    display:inline;
}

.sv_row {
    padding: 0;
    margin: 0px 3px 0px 3px;
    cursor: pointer;
height:58px;
    border-top:solid 1px #ccc;
}
.sv_row:hover {
    background-color:#f5f5f5 !important;
}
.sv_row:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.sv_row_info {
    float: left;

    width:320px;
    text-align:left;
    margin: 5px 0px 0px 6px;
    font-weight: bold;
    font-size: 12px;

}


/*--------- TABS ------------*/
ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 25px;
}

ul.tabs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.tabs li {
    float: left;
    height: 16px;
    margin-right: 2px;
    padding: 3px 6px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #999;
    font-weight: bold;

    font-size: 12px;
    color:#000;
}

ul.tabs li.tabOn {
    top: 1px;
    position: relative;
    height: 18px;
    font-size: 13px;
    /*background-color: #e0e0e0;*/
    background-image:url(../images/detail/detailtab_on.gif);
}

ul.tabs li.tabOff {
    top: 3px;
    position: relative;
    height: 15px;
    /*background-color: #fff; */
    background-image:url(../images/detail/detailtab_off.gif);   
    cursor: pointer;
    color:#333;
}
ul.tabs li.tabOff:hover 
{
    top: 1px;
    color:#000;
    height: 17px;
    background-color: #ccc;    

}

/*--------- FUNCTION SECTIONS ------------*/
div#vehicleInfo_functions1 {
    width:49%;
    text-align:center;
    margin:0 0 5px 0;
    padding:0;
    float:left;
}

div#vehicleInfo_functions1 div {
    margin: 0px auto;
    padding: 3px 0px;
    border:0;
 
   text-align:left;
}

div#vehicleInfo_functions2 
{
        width:49%;
    text-align:center;
    margin:0;
    padding:0;
    float:left;

}

div#vehicleInfo_functions2 div {
    margin: 0px auto;
    padding: 3px 0px;
    border:0;
 
   text-align:center;
}

div#vehicleInfo_functions3 
{
    
    text-align:center;
    width:100%;
  clear:both;
  
}

div#vehicleInfo_functions3 div {

margin:0;
padding:0;
border:0;

}
div#vehicleInfo_functions3 span {

margin:0;
padding:0;
border:0;
white-space:normal;
}

div#vehicleInfo_functions4 
{
    text-align:center;
    clear:both;
}

div#vehicleInfo_functions4 div {
    margin: 0px auto;
    padding: 5px;
}
div#vehicleInfo_functions5 
{

    text-align:center;
    clear:both;

}

div#vehicleInfo_functions5 div {
    margin: 0px auto;
    padding: 0px;
 
}
/* --------- Print page dealer info funtion--------- */
#printInfo
{
    font:bold 11px arial,verdana,sans-serif;
    color:#666;
}

#printInfo h2
{
    font:bold 14px arial,verdana,sans-serif;
    color:#000;
     margin:2px;
}

.DescriptionText
{
    font-size:14px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
}