@import url("../common/cWidgets.css");

/*__________ 8: Special Scroller ______________ */

#specialrotator{
	height:390px;
}

#frmspTitleBox {		
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}

.spTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#up{
	width:98%;
	margin-left:5px;
}

#down{
	width:98%;
	margin-left:5px;
}

#newsrotator {
	color:#666;
}

#rotatorarrow{
	float:left; 
	clear:both;
	width:100%;
	height:4px;
	z-index:100;
}

*html #newsrotator #scrollarea{
margin-top:-30px;
width:300px;
}

#rotatorup {   
	width:33px;
	height:37px;    
  background: url(images/scrollarrow-up.gif) no-repeat 0px 0px;
  background-repeat: no-repeat; 
	Position:relative;
  left:210px;
  top:290px;
}

#newsrotator .over#rotatorup {
	BACKGROUND-POSITION: 0px -37px;
}

*html #rotatorup {
  left:95px;
}
 #rotatordown {
	width:33px;
	height:37px;    
  background: url(images/scrollarrow-down.gif) no-repeat 0px 0px;
  background-repeat: no-repeat; 
  Position:relative;
  left:243px;
  top:21px;
}

*html #rotatordown {
  left:128px;
}

#newsrotator .over#rotatordown {
	BACKGROUND-POSITION: 0px -37px;
}


/*__________ 10: Quick Quote  ______________ */


#quickQuoteWidget {
	width:100%;
	overflow: hidden;	
	height:390px;
}

#frmqqTitleBox {	
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}

.qqTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#qqVehicleType {
	margin-bottom:15px;
	margin-top:15px;
	padding-left:10px;
}

#qqVehicleInfoBox {
	padding-left:0pt;
}

#content_right_320 #quickQuoteWidget {
height:390px;
}
#content_right_320 #qqContactInfo{
 margin-top:35px;
}

#content_left_320 #quickQuoteWidget {
height:390px;
}
#content_left_320 #qqContactInfo{
 margin-top:35px;
}

#content_left_650 #quickQuoteWidget {
height:260px;
}
#content_right_650 #quickQuoteWidget {
height:260px;
}
/*__________ 11: Search Inventory ______________ */

#inventorySearchWidget{
height:258px;

}

#frmisTitleBox {	
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}

#isVehicleType {	
	margin-bottom:20px;
	margin-top:15px;
	padding-left:15px;	
	text-align:left;
}

#isVehicleInfo {
	float:left;		
}

#isVehicleInfoBox {
	float:left;			
	padding-left:15px;
}

#frmisSubmitButton {
	padding-right:8px;
	text-align:right;
}

.isTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

/*_____________________For Horizontal Search________________________*/


#siH #inventorySearchWidget{
	height:110px;
}
#siH #isVehicleType {
  margin-top:25px;
	float:left;
	padding-left:8px;
	width:160px;
	text-align:left;
  
}
#siH #isVehicleInfo {
	float:left;
	clear:none;
	padding-left:8px;
 margin-top:25px;
	width:670px;
}
#siH  #frmisSubmitButton{
	padding-left:8px;
  margin-top:25px;
}
#siH #isVehicleInfo .inputStyleList{
	width:120px;
}


/*__________ 12: Inventory Browse ______________ */

#BrowseInventoryWidget{
	height:258px;
}

#BrowseInventoryTitleBox {
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}

.biTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#BrowseInventoryvehicleType {
	width:290px;
	text-align:right;	
	margin-bottom:15px;
	margin-top:15px;
  padding-left:30px;
}

#browseInventoryNew {	
	width:260px;
	height:91px;
	background-image:url(images/browseInventoryNew.gif);
	background-repeat:none;
	margin-top:0px;
}

#browseInventoryUsed {	
	width:260px;
	height:91px;
	background-image:url(images/browseInventoryUsed.gif);
	background-repeat:none;
	margin-top:5px;
}

/*__________ 13: Payment Search  ______________ */

#affordabilitySearchWidget{
	height:258px;

}
#frmafTitleBox {	
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;
}

.afTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#afvehicleType {
	margin-bottom:15px;
	margin-top:15px;
	padding-left:8px;
}

/*__________ 14: Video Player  ______________ */

#videoPlayer{
	height:258px;
	overflow:hidden;
}

#frmvideoTitleBox {	
	height:10px;
}

.videoTitle {
 display:none;
}


/*__________ 15: Quick Navigation  ______________ */

#content_right_320 #quicknavigation{
	height:390px;
}

#content_left_320 #quicknavigation{
	height:390px;
}

#quicknavigation {
	height:390px;
}

#qnavigationlist{
	width:90%; 
	margin:3px;
}

#frmqnTitleBox {
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
	margin-bottom:20px;
}

.qnTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#qngroup1{
	width:282px;
	padding-left:18px;
}

#qngroup2{
  width:282px;
  padding-left:18px;
}

#content_right_650 #quicknavigation{
margin-top:1px;
height:130px;
}
#content_right_650 #frmqnTitleBox {
 display:none;
}
#content_right_650 #qnavigationlist{
	margin:1px;
}

#content_right_650 #qngroup2{
float:right;
margin-right:5px;
}

#content_left_650 #quicknavigation{
margin-top:1px;
height:130px;
}
#content_left_650 #frmqnTitleBox {
 display:none;
}

#content_left_650 #qnavigationlist{
	margin:1px;
}
#content_left_650 #qngroup2{
float:right;
margin-right:5px;
}

/*__________ 16: Virtual Vehicle center 2.0  ______________ */



#vVehicleCenterWidget{
	text-align:center;
height:390px
}

#vvcTitleBox {
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}

#vvcMovie {
	height:220px;
}

#vvclistbox{
	height:30px;
}
*html #vvclistbox{
margin-top:-25px;

}

#vvcbuttons{
	width:316px;
	height:64px;	
	padding-right:3px;
}
*html #vvcbuttons{
margin-top:-5px;
}
#vvc_exterior{
	width:158px;
	height:30px;
	background-image:url(images/ex_button.gif);
	background-repeat:no-repeat;
}

#vvc_exterior.over {
	background-position:0px -34px;
}

#vvc_interior{
	width:158px;
	height:30px;
	background-image:url(images/in_button.gif);
	background-repeat:no-repeat;
}

#vvc_interior.over {
	background-position:0px -34px;
}

#vvc_gallery{
	width:158px;
	height:30px;
	background-image:url(images/gallery_button.gif);
	background-repeat:no-repeat;
}

#vvc_gallery.over {
	background-position:0px -34px;
}

#vvc_more{
	width:158px;
	height:30px;
	background-image:url(images/more_button.gif);
	background-repeat:no-repeat;
}

#vvc_more.over {
	background-position:0px -34px;
}

.vvcTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

/*__________ 17: News Ticker  ______________ */


#newstickerrotator {
	text-align:left;
	color:#012837;
}
#newsScroller {
	margin:0px;
	padding-top: 13px;	
	padding-left:10px; 
}


/*__________ 23: Contact US ___________________*/

#contactUsWidget {
	width:100%;
	height:258px;
}

#frmcuTitleBox {	
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}
.cuTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#cuContactInfo .inputStyle{
	background-color:#fff;
}
/*__________ 25: Special Ticker ______________*/

#frmstTitleBox {		
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}

.stTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#specialTickerWidget {
height:390px;
}


/*__________ 46: Pre Approved ___________________*/

#preApprovedWidget{
	width:100%;
	height:258px;
}

#frmpaTitleBox {	
	width:100%;
	height:40px;
	border-bottom:4px solid #ccc;	
}
.paTitle {
	float:left;
	font: bold 16px arial, verdana;
	color:#cb5b01;
	position:relative;
	top:11px;
	left:15px;
}

#paContactInfo .inputStyle{
	background-color:#fff;
}

/*__________ border Elemets ______________ */


.br_qq,.br_vi,.br_si,.br_af,.br_sp,.br_qn,.br_vvc,.br_ib,.br_st,.br_cu,.br_vvc3,.br_pa{
	background-color:#fff; border:1px solid #aeada5;
}

#content_left_650 .br_qn{
	background-color:#EBEAE0; border:0px;
}

#content_right_650 .br_qn{
	background-color:#EBEAE0; border:0px;
}

.bl {
	border:1px solid #71726f;
	background-color:#ebeae0;
}

/*__________ Form Elemets ______________ */

.radioFormLable {
	color:#333;
}
.reqFormLabel {
	color:#333;
}
.frmFormLabel {
	color:#333;
}
.inputStyle {
	background-color:#fff;
	border:1px solid #c2c2c2;
}

.inputStyleList {
	font: normal 12px arial, verdana;
	background-color:#fff;
	border:1px solid #4C585C;
}

.buttonClass {
	width:90px;
	background-color:#85af35;
	border:1px solid #6a8b29;	
	font-family:arial,verdana,helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;	
	cursor:pointer;	
}