/* Default Details Page */
@import url("commonSub.css");

body{
	font-family:arial,verdana;
font-size:12px;
}

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

*html div#column1{margin-left:2px;}
*html div#column2{margin-right:2px;}

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,#detailsBlock,#similarVehicleBlock,#infoBlock,#tabscontentopt,#tabscontentform{
  background:url(images/body_box.PNG) no-repeat bottom left;width:100%;}
.headerBlock{background: url(images/header_box.PNG) no-repeat top left;width:480px;float:left;position:relative;top:-5;padding:10px;padding-right:0px;}

*html #galleryBlock,*html #thumbnailsBlock,*html #detailsBlock,*html #similarVehicleBlock,*html #infoBlock,*html #tabscontentopt,*html #tabscontentform
{background: url(http://assets.dealeron.com/assets/styles/common/images/body_box.gif) no-repeat bottom left;}
*html .headerBlock{background: url(http://assets.dealeron.com/assets/styles/common/images/header_box.gif) no-repeat top left;}

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

#galleryBlock{float:left;width:100%;} 
#gallery{margin:5px;width:470px;margin-left:0px;float:left;clear:both;}

#blankExt{position:absolute;left:156px;top:57px;z-index:1;width:320px;}
*html #blankExt{position:absolute;left:-2px;top:37px;z-index:1;width:320px;}
#blankColor{position:absolute;left:156px;top:57px;z-index:1;width:320px;}
*html #blankColor{position:absolute;left:-2px;top:37px;z-index:1;width:320px;}


#galleryButtons{width:135px;float:left;margin:0px;}
#galleryButtons a{outline:none;}
#galleryWindow{float:left;width:320px;margin-left:10px;}
#savingCertificate{position:absolute;top:16px;left:390px;width:86px;height:86px;z-indez:200;cursor:pointer;z-index:2;}
*html #savingCertificate{left:388px;}

#zoomMedia{position:absolute;top:234px;left:445px;width:16px;height:16px;z-indez:200;background: url(images/arrow_out.png) no-repeat top left;cursor:pointer;z-index:2;}
*html #zoomMedia {position:absolute;top:230px;left:445px;}


#galleryDisplay{width:100%;height:240px;width:320px;border:1px solid #666;background-color:#FFFFFF;overflow:hidden;text-align:center;}

#galleryDisplay {display:table-cell;text-align:center;vertical-align: middle;}

*html #galleryDisplay {display: block;height:240px;border:1px solid #000;}


#vehicleLinks{width:470px;float:left;clear:both;margin-top:10px;}
ul.social_icon_list {background:none;}
*html ul.social_icon_list {margin:0px;padding:0px;}
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;}
*html #specialsLink a span{padding-left:10px;margin-top:-10px;}


#playVideo{position:absolute;z-index:5;left:280px;top:95px;cursor:pointer;width:60px;height:62px;}
#playVideo img{opacity:0.8;}

*html #seo_div{left:0px;}

/*------------------------ Thumbnails ----------------- */

#thumbnailsBlock{float:left;width:100%;margin-top:10px;} 
#thumbnails{padding:3px;padding-top:10px;width:470px;height:110px;overflow:auto;}
#thumbnails hr{float:left;clear:both;width:90%;color:#BFBEBD;}
*html #thumbnails hr{margin-top:10px;}
#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;}

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

#optionsBlock{float:left;width:100%;margin-top:5px;}

#optionsBlock h2{margin-bottom:15px;}
#tabscontentopt {float:left;margin-top:2px;}
#tabContentopt1 ,#tabContentopt2 ,#tabContentopt3 ,#tabContentopt4{height:352px;width:470px;overflow:auto;}  

#optionsBlock ul.tabHeader {height: 23px;list-style: none; margin: 0;padding: 0;width:100%;}
#optionsBlock ul.tabHeader a {outline:none;background: url(images/tabs.gif);color: #848383;display: block;float: left; height: 25px;padding-left: 10px;text-decoration: none;}
#optionsBlock ul.tabHeader a:hover {background-color: #fff;background-position: 0 -59px;}
#optionsBlock ul.tabHeader a:hover span {background-position: 100% -59px;}
#optionsBlock .tabHeader li {float: left;margin: 0 1px 0 0;}

.tabHeader li#tabHeaderoptActive a {background-position: 0 -59px;color: #fff;font-weight: bold;position:relative;top:1px;outline:none;color:#666666;z-index:99;}
.tabHeader li#tabHeaderoptActive a span {background-position: 100% -59px;}

#optionsBlock span {background: url(images/tabs.gif) 100% 0;display: block;line-height: 23px;padding-right: 10px;}
#tabscontentopt span { background:none;}
#optionsBlock .headerBlock ul{margin:0px;padding:0px;margin-left:5px;list-style-position:inside;}
#optionsBlock .headerBlock ul li.optionsTitle{list-style-type:none;margin:5px;padding:0; font-weight:bold;}
#optionsBlock .headerBlock li{margin:0 9px;}

/*---------- Info Block ----------------*/

#infoBlock{float:left;width:100%;margin-top:10px;}
#infoBlock h2{ width:200px;}
#contactInformation{background:none;width:50%;float:left;}
#contactInformation span{float:left;clear:both;}
#map{background:none;width:40%;float:left;}
.dealerInfo{width:50%; margin-top:10px;float:left;line-height:18px;}

.dealerOemMap{float:left;height:115px;display:block;}
.dealerMap{width:200px;float:left;height:110px;border:1px solid #000000;overflow:hidden;background-color:#B6B6B6;text-align:center;}
*html .dealerMap{position:absolute;top:20px;left:260px;}


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

#detailsBlock{float:left;width:100%;}
#detailsrow1{float:left;width:470px;}
#detailsrow1 fieldset{border:1px solid #D6D8D9;margin:0px;width:220px;background-color:#F1F0F0;margin-top:15px;display:block;}
*html #detailsrow1 fieldset{padding:8px;}
#detailsrow2{margin-top:5px;float:left;width:470px;}
#detailsColumn1{width:250px;float:left;margin-top:15px;}
#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;} 
#text2DriveLink{float:left;width:255px;} 
#t2dButton{outline:none;display:block;width: 250px;height:45px;background: url(http://assets.dealeron.com/images/text2Drive.gif) no-repeat 0 0;}
#t2dButton:hover{background-position: 0 -45px;}
#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:95%;}
#noteLable {font-weight: bold;color:#990000;}
#salePrice{width:207px; height:51px;display:block;margin-top:16px; }
#detailsColumn2 a:hover{cursor:pointer;}


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

#formBlock{float:left;width:100%;	margin-top:5px;}
#formBlock .tabContent {clear:both;border:0px;padding-top:2px;width:450px; }
#tabscontentform {float:left;margin-top:3px;height:213px;}
*html #tabscontentform {height:190px;}
#tabContentform1 ,#tabContentform2 ,#tabContentform3 ,#tabContentform4,#tabContentform5{overflow:hidden;}  

#formBlock ul.tabHeader {height:23px;list-style: none;margin: 0;padding: 0;width:100%;font-size:11px;padding-bottom:2px;}
#formBlock ul.tabHeader a {outline:none;background:url(images/tabs.gif);color: #848383;display: block;float: left;height:25px;padding-left:4px;text-decoration: none; font-size:12px;}
#formBlock ul.tabHeader a:hover {background-color: #fff;background-position: 0 -59px;font-size:12px;}
#formBlock .tabHeader span {background: url(images/tabs.gif) 100% 0;display: block;line-height:23px;padding-right: 3px;}
#formBlock ul.tabHeader a:hover span {background-position: 100% -59px;}
#formBlock .tabHeader a span img, #formBlock ul.tabHeader a:hover span img{padding-right:4px;margin-top:3px;}
#formBlock .tabHeader li {float: left;margin: 0 1px 0 0;}

.tabHeader li#tabHeaderformActive a {background-position: 0 -59px;color: #fff;font-weight: bold;position:relative;top:1px;outline:none;color:#666666;z-index:99;}
.tabHeader li#tabHeaderformActive a span {background-position: 100% -59px;}


/*--------------- quickQuote ------------------ */
#quickQuoteForm{width:440px;height:190px;float:left;}
#quickQuoteForm label.firstname,#quickQuoteForm label.lastname,#quickQuoteForm label.email,#quickQuoteForm label.zip{width:210px;float:left;margin-right:10px;}
#quickQuoteForm label.firstname input,#quickQuoteForm label.lastname input,#quickQuoteForm label.email input,#quickQuoteForm label.zip input{width:100%;}

#quickQuoteForm span.phone{float:left;width:210px;}
#quickQuoteForm span.phone input{width:65px;margin-right:0px;}

#quickQuoteForm label.comments{width:210px;float:left;;margin-right:10px;}
#quickQuoteForm label.comments textrea{width:100%;}

#quickQuoteForm label.status{width:200px;float:left;margin-right:10px;}
#quickQuoteForm label.status select{width:210px;}

/*-----------------testdrive-------------------*/
#testdriveForm{width:440px;height:190px;float:left;}
#testdriveForm label.firstname,#testdriveForm label.lastname,#testdriveForm label.email,#testdriveForm label.zip{width:210px;float:left;margin-right:10px;}
#testdriveForm label.firstname input,#testdriveForm label.lastname input,#testdriveForm label.email input,#testdriveForm label.zip input{width:100%;}

#testdriveForm span.phone{float:left;clear:both;;width:210px;}
#testdriveForm span.phone input{width:65px;margin-right:0px;}

#testdriveForm label.date,#testdriveForm label.time{width:210px;float:left;margin-right:10px;}
#testdriveForm label.date{clear:left;}
#testdriveForm label.date select,#testdriveForm label.time select {width:210px;}

/*--------------preapprove------------------*/
#preapproveForm{width:440px;height:190px;float:left;;width:210px;}
#preapproveForm label.firstname,#preapproveForm label.lastname,#preapproveForm label.email,#preapproveForm label.zip{width:210px;float:left;margin-right:10px;}
#preapproveForm label.firstname input,#preapproveForm label.lastname input,#preapproveForm label.email input,#preapproveForm label.zip input{width:100%;}

#preapproveForm span.phone{float:left;clear:both; width:100%;}
#preapproveForm span.phone input{width:65px;margin-right:0px;}


/*--------------- moreInformation ------------------ */
#moreInformationForm{width:440px;height:190px;float:left;}
#moreInformationForm label.firstname,#moreInformationForm label.lastname,#moreInformationForm label.email,#moreInformationForm label.zip{width:210px;float:left;margin-right:10px;}
#moreInformationForm label.firstname input,#moreInformationForm label.lastname input,#moreInformationForm label.email input,#moreInformationForm label.zip input{width:100%;}

#moreInformationForm span.phone{float:left;clear:both;;width:210px;}
#moreInformationForm span.phone input{width:65px;margin-right:0px;}

#moreInformationForm label.status{width:100%;float:left;clear:both;margin-right:10px;}
#moreInformationForm label.status select{width:210px;}

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

#similarVehicleBlock{float:left;width:100%;margin-top:10px;height:337px;}
#similarData{margin-top:10px;width:470px;}
.list_bg{height:52px;margin:4px;margin-top:0px;border:1px solid #ccc;overflow:hidden;}
.list_bg2{
background-image:url(images/gardient.PNG);background-position:top left;background-repeat:repeat-x;
height:52px;margin:4px;margin-top:0px;border:1px solid #ccc;overflow:hidden;}
.list_bg_hi{
background-image:url(images/gardient.PNG);background-position:top left;background-repeat:repeat-x;
height:52px;margin:4px;margin-top:0px;border:1px solid #ccc;overflow:hidden;}
*html .list_bg2{background-image:none;}
*html .list_bg_hi{background-image:none;}


.similarPhoto{float:left;}
.similarPhoto img{margin-left:3px;margin-top:2px;width:60px;border:1px solid #ccc;}
.similarBlock2{float:left;width:285px;padding-top:10px;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;}