@import url("../../../../css/commonSub.css");
@import url("../../../../css/socialNetwork.css");

body{font-family:arial,verdana;font-size:12px;}
*html div{ display: inline;}

div#column1{width:490px;float:left;margin:10px 0 0 5px;padding:0;} 
div#column2{width:490px;float:right;margin:10px 5px 0 0;padding:0;} 

h1{font-size:16px;font-family:arial,verdana;color:#00397F;margin:0px;padding:0px;}
h2{	font-size:14px;font-family:arial,verdana;margin:0px;padding:0px;}

fieldset{border:0 none;}
#galleryBlock,#thumbnailsBlock,#infoBlock,#detailsBlock,#similarVehicleBlock{
	background-color: #F7F7F9;border: 1px solid #E1E1E8; padding: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	width:470px;float:left;
	padding:8px;
	overflow:hidden;
	display:block;
}
#optionsBlock,#formBlock{
	width:488px;
	float:left;
	margin-top:10px;
	overflow:hidden;
	display:block;
}


.vdpCustomBlock{ width:100%; float:left;}
.readMore{color:#990000; cursor:pointer;}
#fancybox-content
{
	text-align:left;
}

 /*----------- Gallery Block -------------------*/

#gallery{margin:5px;width:470px;margin-left:0px;float:left;clear:both;position:relative;}
#blankExt{position:absolute;left:156px;top:57px;z-index:1;width:320px;}
#blankColor{position:absolute;left:156px;top:57px;z-index:1;width:320px;}
#galleryButtons{width:135px;float:left;margin:0px;}
#galleryButtons a{outline:none;}
#galleryWindow{float:left;width:320px;margin-left:10px;height:240px; position:relative;}

#zoomMedia{position:absolute;top:220px;width:16px; left:7px;height:16px;z-indez:200;background: url(../../../../../images/arrow_out.png) no-repeat top left;cursor:pointer;z-index:2;}
#vehicleLinks{width:470px;float:left;clear:both;margin-top:15px;}
ul.social_icon_list {background:none;}
ul.social_icon_list{width:100%;}
ul.social_icon_list li.socialTitle{	width:130px;display:block;text-align:left;padding-Left:10px;}
#specialsLink{width:100%;float:left;clear:both;margin-top:10px;padding-left:10px;font-size:14px;font-family:arial,verdana;	font-weight:bold;}
#specialsLink a img{float:left;border:0px;}
#specialsLink a {float:left;line-height:40px;}
#specialsLink a,#specialsLink a:hover{text-decoration:underline;color:#333333;font-size:14px;font-family:arial,verdana;font-weight:bold;}
#specialsLink a span{padding-left:10px;}
#playVideo{position:absolute;z-index:5;left:120px;top:95px;cursor:pointer;width:60px;height:62px;}
#playVideo img{opacity:0.8;}

ul.social_icon_list li.fbl{float:right;margin-right:30px;}

a.fbLike {background:url("../../../../../images/fb-like.PNG") no-repeat scroll left top transparent;margin-top:7px;display:block;float:left;height:23px;width:49px;}
a.fbLike:hover{background-position: bottom left;}

#galleryDisplay{
		background-color: #FFFFFF;
    border: 1px solid #666666;
    height: 240px;
    overflow: hidden;
    text-align: center;
    width: 320px;
    }
#vehiclePhotoGallery{float:left; display:block; position:relative;}
#car_pic{width:320px; position:absolute; top:0; left:0; z-index:2;}
#car_pic_tmp{width:320px; position:absolute; top:0; left:0; z-index:1;opacity:0.6;display:none;}

#mediaGallery{float:left; display:block; width:100%; height:100%;}

#fbox-title { text-align: left; }
#fbox-title b { display: block; margin-right: 80px; }
#fbox-title span { float: right; }

/*------------------------ Thumbnails ----------------- #CCA14E */

#thumbnailsBlock{margin-top:10px;} 
#thumbnails{padding:3px;padding-top:10px;width:470px;height:110px;overflow:auto;}
#thumbnails .lineBreak{float:left;clear:both;width:99%;background-color: #E5E5E5;border-bottom: 1px solid #FFFFFF;height: 1px;  margin: 10px 0;}
#thumbnails span{font-weight:bold;font-size:12px;float:left;clear:both;margin-bottom:5px;}
#thumbnails img{border:0 none;float:left;margin:0 3px 3px 0;border:1px solid #cccccc;}
#thumbnailsBlock h2{width:100px;float:left;clear:none;}
#thumbnailsBlock .largePhoto {color:#666;width:200px;font-size:11px;line-height:15px;}


/*---------- Tabs ----------------*/

@media projection, screen {.tabs-hide {display: none;}
@media print {.tabs-nav {display: none; }}
.tabs-nav {list-style:none; margin:0;padding: 0 0 0 4px; }
.tabs-nav:after {display: block; clear: both;content: " ";}
.tabs-nav li {float: left; margin: 0 0 0 1px;min-width: 84px; height:25px;}
.tabs-nav a 
{
	display: block;padding: 0 10px; margin:0 2px 0 0;
 background-color: #F7F7F9;border: 1px solid #E1E1E8;            
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px; 
border-bottom:0;
 }

.tabs-nav a {padding:4px;color: #31363C;font-size: 11px;font-weight: bold;text-align: center;text-decoration: none;white-space: nowrap;}
.tabs-nav .tabs-selected a, .tabs-nav a:focus, .tabs-nav a:active{
 background-color: #ECECF0;border: 1px solid #E1E1E8;            
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px; 
border-bottom:0;	
}
.tabs-nav a,.tabs-nav a:hover{color: #31363C;font-size: 11px;}

.tabs-nav a:hover{background-color: #ECECF0;border: 1px solid #E1E1E8; border-bottom:0;}
.tabs-nav li.tabs-disabled a,.tabs-nav li.tabs-disabled a:hover{color:#999;}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {cursor: pointer;}
.tabs-nav li#preApproveFormAc a{color:#333;}


/*---------- Option Block ----------------*/

#optionsBlock .tabs-container {padding: 10px 8px;overflow:auto;background-color: #ECECF0 ;border: 1px solid #E1E1E8; padding: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:470px;}
#optionsBlock .tabs-nav .tabs-disabled a span{color:#666;}
#optionsBlock .tabArea h2{line-height:30px; margin: 0;}
#optionsBlock .tabArea ul{margin:0;padding-left: 10px;}
#optionsBlock .tabArea li{list-style-type:disc;margin-left: 20px;}
#optionsBlock .tabArea li.optionsTitle{list-style-type:none; font-weight:bold; margin:10px 0 5px 0;}

#optionsBlock .lineBreak{float:left;clear:both;width:99%;  background-color: #E5E5E5;border-bottom: 1px solid #FFFFFF;height: 1px;  margin: 10px 0;}

/*---------- form Block ----------------*/

#formBlock .tabs-container {padding:10px 8px;height:205px;overflow:auto;background-color: #ECECF0 ;border: 1px solid #E1E1E8; padding: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/*---------- Details Block ----------------*/

#detailsrow1{float:left;width:470px;}
#detailsrow1 fieldset{ background-color: #ECECF0;border: 1px solid #E1E1E8;   margin:0px;width:220px;margin-top:15px;display:block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#detailsrow2{margin-top:5px;float:left;width:470px;}
#detailsColumn1{width:225px;float:left;margin-top:15px;}

#detailsColumn1 h1 {color: #00397F;font-family: arial,verdana;font-size: 14px;margin: 0;padding: 0;}
#detailsBlock #trimBlock{width:98%; float:left; clear:both; margin-top:15px;}
#detailsBlock #trimBlock span{ font-weight:bold;color: #00397F;font-family: arial,verdana;font-size: 12px;}
#detailsBlock #trimBlock select{width:420px;}

#detailsBlock ul{list-style-type:none;margin:0;padding:0;}
#price li{ font-size:14px;padding-bottom:10px;}
.savePrice, .ePrice, .ePrice a, .ePrice a:hover{color:#658000;text-transform: uppercase;font-weight: bold;}
.ePrice a, .ePrice a:hover{text-decoration:underline;}
#detailsColumn1 .note{ width:220px;line-height:16px;display:block; margin:5px 0 5px 0;}
#detailsColumn2{width:210px;float:left;margin-top:15px;margin-left:10px;}
#vehicleDetails li{padding-bottom:10px;}
#commentsBox{width:97%;float:left;overflow:hidden;margin-top:10px;border:1px solid #CCCCCC; padding:5px;} 
#extraContent{width:100%;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;display:block;} 
#vehicledisclaimer{margin-top:5px;float:left;width:95%;}
#minvehicledisclaimer{margin-top:5px;float:left;width:95%;color:#848383;font-size:10px;}
#minvehicledisclaimer a, #minvehicledisclaimer a:hover{font-size:10px;}
#detailsrow2 .disclaimer{color:#666666;font-size:10px;float:left;clear:both;display:block;margin-top:5px;width:100%;}
#noteLable {font-weight: bold;color:#990000;}
#salePrice{width:207px; height:51px;display:block;margin-top:16px; }
#detailsColumn2 a:hover{cursor:pointer;}

#mbgIconBlock {background:url(../../../../../images/sp_mpg_bk.PNG) no-repeat left top transparent;color:#005D94;display:block;font-size:12px;font-weight:bold;height:37px;width:100%; float:left; padding-bottom:5px;position:relative;}
#mbgIconBlock .cityMpg {left:25px;position:absolute;top:4px;width:30px;}
#mbgIconBlock .HwyMpg {left:104px;position:absolute;top:4px;width:30px;}


/*--------------- quickQuote ------------------ */

select.form, input.form,textarea.form{width:207px;}

#quickQuoteForm{width:440px;height:190px;float:left; display:inline;}
#quickQuoteForm label{width:210px;float:left;margin-right:10px;}
#quickQuoteForm label input{width:100%;}
#quickQuoteForm label.status{width:210px;float:left;margin-right:10px;}
#quickQuoteForm label.status select{width:210px;}
#quickQuoteForm label.comments{width:210px;float:right;margin-right:10px;}
#quickQuoteForm label.comments textarea{width:100%;}

/*-----------------testdrive-------------------*/
#testdriveForm{width:440px;height:190px;float:left; display:inline;}
#testdriveForm label{width:210px;float:left;margin-right:10px;}
#testdriveForm label input{width:100%;}
#testdriveForm label.date,#testdriveForm label.time{width:210px;float:left;margin-right:10px;}
#testdriveForm label.date select,#testdriveForm label.time select {width:210px;}
#testdriveForm label.comments{width:210px;float:right;margin-right:10px;}
#testdriveForm label.comments textarea{width:100%;}

/*--------------- moreInformation ------------------ */
#moreInformationForm{width:440px;height:190px;float:left; display:inline;}
#moreInformationForm label{width:210px;float:left;margin-right:10px;}
#moreInformationForm label input{width:100%;}
#moreInformationForm label.status{width:210px;float:left;margin-right:10px;}
#moreInformationForm label.status select{width:210px;}
#moreInformationForm label.comments{width:210px;float:right;margin-right:10px;}
#moreInformationForm label.comments textarea{width:100%;}

/*--------------preapprove------------------*/
#preapproveForm{width:210px;height:190px;float:left; display:inline;}
#preapproveForm label{width:210px;float:left;margin-right:10px;}
#preapproveForm label input{width:100%;}


/*---------- similar Block ----------------*/

#similarVehicleBlock{margin-top:10px; min-height:200px;} 
#similarData{margin-top:10px;width:100%;}
#similarData
.list_bg{margin:4px;margin-top:0px;border:1px solid #ccc;overflow:hidden; padding:5px 0; cursor:pointer;}
.list_bg2{background-image:url(../../../../../images/gardient.PNG) top left repeat-x;margin:4px;margin-top:0px;border:1px solid #ccc;overflow:hidden;padding:5px 0; cursor:pointer;}
.list_bg_hi{background-image:url(../../../../../images/gardient.PNG) top left repeat-x;margin:4px;margin-top:0px;border:1px solid #ccc;overflow:hidden;padding:5px 0; cursor:pointer;}
.similarPhoto{float:left;}
.similarPhoto img{margin-left:3px;margin-top:2px;width:60px;border:1px solid #ccc;}
.similarBlock2{float:left;width:285px;margin-left:10px;font-size:11px;}
.similarBlock2 a, .similarBlock2 a:Hover{font-weight:bold;font-size:12px;}
.similarBlock3{float:left;width:100px;margin-top:3px;}

#gMapFrame{ width:198px;height:110px;}
#similarData span{float:left;clear:none;}
#similarData span.extColor{clear:left;}
#similarData span.vehicleName{clear:both;width:100%;}
#playVideo{display:none;}

#infoBlock {float: left;margin-top: 10px;}
#infoBlock h2 {width: 200px;}
#infoBlock #contactInformation {background: none;float: left;width: 50%;}
#infoBlock #contactInformation span {clear: both;float: left;}
#infoBlock #map {background: none;float: left;width: 40%;}
#infoBlock .dealerInfo {float: left;line-height: 18px;margin-top: 10px;width: 50%;}
#infoBlock .dealerMap {
    background-color: #B6B6B6;
    border: 1px solid #000000;
    float: left;
    height: 110px;
    overflow: hidden;
    text-align: center;
    width: 200px;
}

.clear{float:left;clear:both;}

#fixedDisclaimer{clear:both;float:left;margin:10px;width:98%;}

.tabs-container
{
	width:100%;
	float:left;
	clear: both;
}