@import url("../common/cWidgets.css");
@import url("../common/vvcgalleryRed.css");

/*__________________________________________________*/


#vehicleNumThumbnail { width:100%; position:relative;background:transparent;}
#vehicleNumThumbnail li {list-style-type: none;position: absolute;padding:0;margin: 0 ;}
#vehicleNumThumbnail ul {float:right;position: relative;height:260px;width:780px !important;padding:0;margin:0;}
#vehicleNumThumbnail img{ display:none;border:0;}
#vehicleNumThumbnail li.bn1 img{ display:block;float:left;}
#vehicleNumThumbnail #cPanel{ position:absolute;top:230px; right:0;}
#vehicleNumThumbnail #cButtons{float:right;}
#vehicleNumThumbnail div#playBtn,#vehicleNumThumbnail div#prevBtn,#vehicleNumThumbnail div#nextBtn {background-color:#000000;border:1px solid #000000;color:#FFFFFF;cursor:pointer;display:block;float:left;font-weight:bold;height:24px;line-height:24px;margin-right:4px;overflow:hidden;text-align:center;width:24px;}
#vehicleNumThumbnail div#playBtn{background:#000000 url(images/play.png) no-repeat center center;}
#vehicleNumThumbnail div#prevBtn{background:#000000 url(images/prev.png) no-repeat center center;}
#vehicleNumThumbnail div#nextBtn{background:#000000 url(images/next.png) no-repeat center center;}
#vehicleNumThumbnail div#playBtn.pause{background:#000000 url(images/pause.png) no-repeat scroll center center;}
#vehicleNumThumbnail #thumbnails {float:right;}
#vehicleNumThumbnail #thumbnails span{ font-family:Arial,Helvetica,sans-serif; font-size:12px;font-weight:bold;text-align:center;display:block; height:24px; width:24px;color:#fff; background-color:#000; border:1px solid #000;float:left; margin-right:5px; cursor:pointer; line-height:24px; }
#vehicleNumThumbnail #thumbnails span.current {background-color:#ffffff;color:#000000;}



/*__________ 8: Special Scroller ______________ */


#specialrotator{
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
  height:388px;
}
#frmspTitleBox {
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.spTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
#newsrotator {
  height:360px;
  color:#666;    
	background-image:url(images/special_bk.gif);
	background-repeat:no-repeat;	  
	margin:0px 0px 0px 8px;
}
#rotatorup {   
  width:27px;
  height:27px;
  background: url(images/scrollarrow-up.gif) no-repeat 0px 0px;
  background-repeat: no-repeat; 
	position:relative;
  left:230px;
  top:295px;
}
#newsrotator .over#rotatorup {
	background-position: 0px -27px;
}
#rotatordown {
  width:27px;
  height:27px;    
  background: url(images/scrollarrow-down.gif) no-repeat 0px 0px;
  background-repeat: no-repeat; 
	position:relative;
  left:265px;
  top:3px;
}
#newsrotator .over#rotatordown {
	background-position: 0px -27px;
}

/*__________ 10: Quick Quote  ______________ */


#quickQuoteWidget {
  background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
  margin:0px auto;
  height:388px;
}
#frmqqTitleBox {	
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.qqTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
#qqVehicleType {
	margin-top:15px;
	margin-bottom:15px;
	padding-left:8px;
}
#qqVehicleInfoText {
	padding-bottom:10px;
}
#qqVehicleInfoBox {
	padding-left:0pt;
}
#qqContactInfoText {
	line-height:21px;
}

#qqContactInfo {
 margin-top:30px;
}

#content_left_650 #quickQuoteWidget{
 height:256px;
}

#content_left_650 #qqContactInfo{
 margin-top:0px;
}

#content_right_650 #quickQuoteWidget{
 height:256px;
}
#content_right_650 #qqContactInfo{
 margin-top:0px;
}
/*__________ 11: Search Inventory ______________ */


#inventorySearchWidget {
	height:261px;
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
  height:258px;
}
#frmisTitleBox {
  width:100%;
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.isTitle {
	float:left;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
#isVehicleType {
	margin-top:15px;	
	margin-bottom:10px;	
	padding-left:8px;
	text-align:left;
}
#isVehicleInfo {
	padding-left:8px;
}

/*_____________________For Horizontal Search________________________*/


#siH #inventorySearchWidget{
	height:128px;
}
#siH #isVehicleType {
 margin-top:18px;
	float:left;
	padding-left:8px;
	width:160px;
	text-align:left;
  
}
#siH #isVehicleInfo {
	float:left;
	clear:none;
	padding-left:8px;
 margin-top:18px;
	width:670px;
}
#siH  #frmisSubmitButton{
	padding-left:8px;
 margin-top:18px;

}
#siH #isVehicleInfo .inputStyleList{
	width:110px;
}


/*Left Menu*/

#content_box #siH #isVehicleInfo {
	width:400px;
}

/*___________ Inventory stock ________________*/
#inventorySearchWidget #invStock #isVehicleType {margin-top:0px;}

#inventorySearchWidget #invStock{float:left;padding-left:20px;margin-top:15px;
background:transparent url(images/inventoryStock_arrow.GIF) no-repeat scroll 5px 4px;

}
*html #invStock #frmisSubmitButton { margin-top:10px;}

/*__________ 12: Inventory Browse ______________ */



#BrowseInventoryWidget{
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
	height:258px;
}
#BrowseInventoryTitleBox {
	width:100%;
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.biTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
/*#BrowseInventoryvehicleType {
	width:300px;
	height:47px;	
	text-align:center;		
	padding:20px 0px 30px 0px;
	margin:0px 0px 0px 10px;
}
#browseInventoryNew {
	width:118px;
	height:47px;
	background-image:url(images/browseInventoryNew.gif);	
}
#browseInventoryUsed {
	width:178px;
	height:47px;
	background-image:url(images/browseInventoryUsed.gif);
}*/


#BrowseInventoryvehicleType {
	width:290px;
	text-align:right;	
	margin-bottom:10px;
	margin-top:10px;
  padding-left:30px;
}
#browseInventoryNew {	
	width:260px;
	height:87px;
	background-image:url(images/browseInventoryNew.gif);
	background-repeat:none;
  margin-top:5px;
}
#browseInventoryUsed {	
	width:260px;
	height:87px;
	background-image:url(images/browseInventoryUsed.gif);
	background-repeat:none;
	top:5px;
	position:relative;
}


/*__________ 13: Payment Search  ______________ */



#affordabilitySearchWidget {
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
	margin:0px auto ;
  height:258px;
}
#frmafTitleBox {
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.afTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
#afvehicleType {
	margin-bottom:15px;
	margin-top:15px;
	padding-left:8px;
}
#afVehicleInfoText {
	width:125px;
}
#afVehicleInfoBox {
	text-align:left;
}

/*__________ 14: Video Player  ______________ */

#videoPlayer{
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
	height:258px;
overflow:hidden;
}
#frmvideoTitleBox {
	height:10px;
	border-top: 4px solid #c71444;

}
.videoTitle {
  display:none;
	float:left;
	font-family:verdana;	
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}

/*__________ 15: Quick Navigation  ______________ */

#quicknavigation{
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
	margin:0px auto;
  height:388px;
  
}
#qnavigationlist{
	width:90%; 
	margin:2px;
}
#frmqnTitleBox {
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.qnTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;	
}
#qngroup1{
	width:290px;
	padding: 20px 0px 0px 25px;
}
#qngroup2{
  width:290px;
  padding: 0px 0px 20px 25px;
}

#content_left_650 #quicknavigation, #content_right_650 #quicknavigation{
 height:130px;
	background-color:#ffffff;
	border:0px;
padding-top:2px;
}

#content_left_650 #frmqnTitleBox, #content_right_650 #frmqnTitleBox{
display:none;
}

#content_left_650 .qnTitle, #content_right_650 .qnTitle{
display:none;
}

#content_left_650 #qnavigationlist{
	margin:0px;
  margin-top:-2px;
}
#content_left_650 #qngroup2{
float:right;
}

#content_left_650 #qngroup1{
padding:0px;
padding-left:25px;
}
#content_right_650 #qnavigationlist{
	margin:0px;
  margin-top:-2px;
}
#content_right_650 #qngroup2{
float:right;
}
#content_right_650 #qngroup1{
padding:0px;
padding-left:25px;
}



/*__________ 16: Virtual Vehicle center 2.0  ______________ */



#vVehicleCenterWidget{
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
  height:388px;
}
#vvcTitleBox {
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
#vvclistbox{
	height:25px;
	text-align:center;
	margin-top:0px;
  margin:0px auto;
}

*html #vvclistbox{
	margin-top:-10px;
}
#vvcbuttons{
	height:61px;
  margin:0px auto;
}
*html #vvcbuttons{
	margin-left:4px;
}
#vvc_exterior{
	width:156px;
	height:30px;
	background-image:url(images/ex_button.jpg);
	background-repeat:no-repeat;
}
#vvc_exterior.over {
	background-position:0px -31px;
}
#vvc_interior{
	width:157px;
	height:30px;
	background-image:url(images/in_button.jpg);
	background-repeat:no-repeat;
}
#vvc_interior.over {
	background-position:0px -31px;
}
#vvc_gallery{
	width:156px;
	height:30px;
	background-image:url(images/gallery_button.jpg);
	background-repeat:no-repeat;
}
#vvc_gallery.over {
	background-position:0px -31px;
}
#vvc_more{
	width:157px;
	height:30px;
	background-image:url(images/more_button.jpg);
	background-repeat:no-repeat;
}
#vvc_more.over {
	background-position:0px -31px;
}
.vvcTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}

/*__________ 17: News Ticker  ______________ */


#newstickerrotator {
	color:#012837;	
}
#newsScroller {
 margin-top:12px;
 padding: 3px; 
}


/*__________ 23: Contact US ___________________*/


#contactUsWidget {
	height:258px;
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
}
#frmcuTitleBox {
	width:100%;
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
  margin-bottom:15px;	
}
.cuTitle {
	float:left;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
#cuContactInfo {
	padding-left:8px;
}
#cuContactInfo .inputStyle{
	color:#A5A5A5;
}


/*__________ 25: Special Ticker ______________*/

#specialTickerWidget{
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
  height:388px;
}
#frmstTitleBox {
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
}
.stTitle {
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
/*__________ 46: Pre Approved ___________________*/

#preApprovedWidget{
	height:258px;
	background-color:#ebebeb;
	border-bottom: 1px solid #bdbdbd;
}
#frmpaTitleBox {
	width:100%;
	height:38px;
	background-color:#fff;
	border-top: 4px solid #c71444;
	border-bottom: 1px solid #bdbdbd;
  margin-bottom:15px;	
}
.paTitle {
	float:left;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:#000;
	padding-left:10px;
	position:relative;
	top:10px;
}
#paContactInfo {
	padding-left:8px;
}
#paContactInfo .inputStyle{
	color:#A5A5A5;
}

/*_________________________________________*/

.bl{
	border:1px solid #bdbdbd; background-color:#ebebeb; 
}

.br{
	border:1px solid #ebebeb;
}

.br_news{ 
	border:1px solid #cccccc;
}

.bl_news {
	width: 100%;background-color:#ebebeb; 
}

/*__________ Form Elemets ______________ */

.radioFormLable {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#333;
}
.reqFormLabel {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#333;
}
.frmFormLabel {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#333;
	line-height:2.1;
}
.inputStyle {
	background-color:#fff;
	border:1px solid #a5acb2;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#333;	
}
.inputStyleList {
	background-color:#fff;
	border:1px solid #a5acb2;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#333;
}
.buttonClass {
	width:120px;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:11px;
	color:#333;
	cursor:pointer;
}
