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


/*__________ 8: Special Scroller ______________ */
h3{
	font-size:12px;
}

#specialrotator{
	width:100%;
	height:255px;
	overflow:hidden;
	background-image:url(images/frame_ss.png);
	background-repeat:no-repeat;  	
}

#frmspTitleBox {
	height:25px;
	padding:15px 0px 5px 20px;
	text-align:left;	
}

.spTitle {
	font:bold 14px trebuchet ms, arial, verdana;
	color:#fff;	
}

#newsrotator {	
	color:#fff;	
	height:200px;
	margin-top:-20px;
}

*html #newsrotator{
	margin-top:-40px;
  	margin-left:5px;
}

#newsrotator #scrollarea {	
	height:180px;
	margin:0px;
	background-color:transparent;
}

*html #newsrotator #scrollarea {
	margin:30px 0px 0px 10px;
}

#newsrotator .newsitem {
	height:140px;
}

#up {
	position:relative;
	top:75px;
	left:-10px;
}

*html #up {
	top:90px;
	left:10px;
}

#rotatorup {
	width:18px;
 	height:23px;
 	background-repeat: no-repeat;  
 	background: url(images/scrollarrow-left.gif) no-repeat 0px 0px;
}

#down {
	position:relative;
	top:-105px;
	left:300px;	
}

*html #down {
	position:relative;
	top:-120px;
	left:325px;
	
}

#rotatordown {	
	width:18px;
	height:23px;
	background-repeat: no-repeat; 
	background: url(images/scrollarrow-right.gif) no-repeat 0px 0px;
}

#newsrotator .over#rotatorup {
	background-position: -18px 0px;
}

#newsrotator .over#rotatordown {
	background-position: -18px 0px;
}


/*__________ 10: Quick Quote  ______________ */


#quickQuoteWidget {
	background-image:url(images/frame_qq.png);
	height:220px; 
}

#frmqqTitleBox  {
	height:25px;
	padding:15px 0px 5px 20px;
	text-align:left;	
}

.qqTitle {
	font:bold 14px trebuchet ms, arial, verdana;
	color:#fff;	
}

#qqVehicleType {
	width:90%;
	padding-left:18px;
}

#qqVehicleInfo {
	width:290px;
}

#qqVehicleInfoBox {
	padding-top:5px;
}

#qqVehicleInfoText {
	width:98px;
	padding:0px 0px 0px 8px;
}

#qqContactInfoBox {
	padding-top:5px;
}

#frmqqSubmitButton {
	float:left;
	width:90%;
	height:23px;
	margin:5px 0px 0px 0px;
}



/*__________ 11: Search Inventory ______________ */


#inventorySearchWidget {
	height:250px;
	width:195; 	
	position: absolute;
	top: 0; left: 0;		
	z-index: 2; 
	margin:0px auto 0px auto;
}

.tr_si{
	z-index: 1; position: relative;top: 0;left: 0;
}

#frmisTitleBox {
	height:23px;
	text-align:left;	
	padding-top:18px; 
}

.isTitle {
	color:#fff;
	font-size:14px;	
	font-weight:bold;	  
	padding-left:18px; 
}

#isVehicleType {
	margin:0px 0px 10px 0px;
	padding-left:18px;
	text-align:left;
}

*html #isVehicleType {
	margin:10px 0px 10px 0px;
}

#isVehicleInfo {padding-left:18px;}

#frmisSubmitButton {float:right;padding:5px 5px 0px 0px;}
*html #frmisSubmitButton {padding-top:0px;}


*html #frmisTitleBox{padding-top:10px;}

*html #frmisSubmitButton{float:left;clear:both;}

/*__________ 15: Quick Navigation  ______________ */


#quicknavigation{
	width:100%; 
	height:165px;
	background:url(images/frame_qn.jpg) no-repeat top left;
}

#frmqnTitleBox {	
	display:visible;
	height:25px;
	padding:15px 0px 5px 20px;
	text-align:left;	
}

.qnTitle {
	display:block;
	font:bold 14px trebuchet ms, arial, verdana;
	color:#fff;	
}

#qngroup1{float:left;clear:both;}
#qngroup2{float:left;clear:both;}

#qnavigationlist {float:left;clear:both;padding:0px 0px 5px 20px;}


#qnavigationlist.qn3,.qn5{display:none;}
*html .qn6{margin-top:-10px;}

/*_______________ carousel ________________ */

#inventorycarusel {
	height:200px;
	background: transparent url(images/frame_carusel.png) no-repeat top left;
}

*html #inventorycarusel {

	background: transparent url(images/frame_carusel.gif) no-repeat top left;
}

#frmicTitleBox {
	display:block;
	height:25px;
	padding:15px 0px 5px 20px;
	text-align:left;	
}

.icTitle {
	display:block;
	font:bold 14px trebuchet ms, arial, verdana;
	color:#fff;	
}

#horizontal_carousel .container {
	float:left;
	height:120px;
	overflow:hidden;
	position:relative;
	width:85%;
}

/*_________________________________________*/

.bl {background: url(images/bl.gif) 0 100% no-repeat #0e0f10; width: 100%}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

.br_news{
	background-color:#0e0f10;
}


/*__________ Form Elemets ______________ */

.radioFormLable {
	font-family:verdana, arial, trebuchet ms;
	font-size:11px;
	color:#fff;
}

.reqFormLabel {
	font-family:verdana, arial, trebuchet ms;
	font-size:11px;
	color:#fff;
}

.frmFormLabel {
	font-family:verdana, arial, trebuchet ms;
	font-size:11px;
	color:#fff;
}

.inputStyle {
	background-image:url(images/formbg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	border:1px solid #c4d3dc;
	font-family:verdana, arial, trebuchet ms;
	font-size:11px;
	color:#000000;
	margin-bottom:7px;
}

.inputStyleList {
	background-image:url(images/ddformbg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	border:1px solid #c4d3dc;
	font-family:verdana, arial, trebuchet ms;
	font-size:11px;
	color:#000000;
	margin-bottom:8px;
}

#hHeader .inputStyleList{
	background-color:#ffffff;
}

.buttonClass {
	width:93px;
	height:23px;
	border:0px;
	background-image:url(images/button.gif);
	background-repeat:no-repeat;	
	font-family:trebuchet ms, arial, verdana;
	font-size:12px;
	font-weight:bold;
	color:#342201;
}