/* CSS Document */
body {
	margin:0; 
	padding:0; 
	font-family: Arial, Helvetica, sans-serif; font-size:10px; 
}
a { text-decoration: none; color: #810e07; outline:0; }
a:hover { text-decoration: underline; }
.TeXT { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FF0000;}
#Txt { width:85px; height:30px; margin-left:635px;}
#LogiN { clear:both; float: right; width:120px; height:20px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;}
#buy-used-cars {
	float:right;
	height: 47px;
	width: 111px;
	overflow: hidden;
	padding: 0 20px 0 0;
}
#header {
	background:url(../images/header1.jpg) no-repeat;
	width: 782px; 
	height: 90px; 
}

#left_footer {
	background:url(../images/left.jpg) no-repeat;
	width: 9px; 
	height: 44px;
}

#middle_footer {
	background:url(../images/bg_footer.jpg) repeat-x;
	width: 762px; 
	height: 44px; 
	padding-top: 7px;
	font:normal 10px Arial, Helvetica, sans-serif;
}

#right_footer {
	background:url(../images/right.jpg) no-repeat;
	width: 9px; 
	height: 44px; 
}

#footer_link {
	font:normal 10px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	padding: 15px 0px;
	margin: 0px;
}

#footer_link a{
	font:normal 10px Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	text-decoration:none; 
	padding: 0px 5px;
}

#links td {
	font:bold 9px Arial, Helvetica, sans-serif;  
	color:#333333; 
}
#menu_links a { padding-top: 2px; padding-bottom: 2px}
#menu_links ul li {
	font:bold 12px Arial, Helvetica, sans-serif; 
	color:#333333; 
	padding-bottom: 4px; 
	padding-left:0px;
	margin:0;
} 

#menu_links ul {

	padding-left:5px; 
	list-style-image:none; 
	list-style-type:none;
}

#content { font: 11px Arial, Helvetica, sans-serif; }
#content ol, #content ul { padding-left: 18px; padding-top: 10px; margin: 0px;}
#content li { padding-bottom: 10px; text-align: justify; }
.content_title { font: 11px Arial, Helvetica, sans-serif; font-weight: bold; display: block; line-height: 24px; color: #810e07; text-align: center; padding: 10px 0; }

.sep { border-bottom: 1px solid #e6e6e6; }

.carsale th { background-color: #810e07; color: #FFFFFF; font: 11px Arial, Helvetica, sans-serif; padding: 7px 5px; margin: 0px; font-weight: bold;}
.carsale td { padding: 7px 0px 7px 5px; }

#contact .text { border: 1px solid #000000; width: 300px; font: 11px Arial, Helvetica, sans-serif}
#contact strong { color: #FF0000; }

.border { border: 1px solid #000000; font: 11px Arial, Helvetica, sans-serif;}

.application { font-family: Arial, Helvetica, sans-serif; margin: 0px;}
.application td { padding-top: 4px; padding-bottom: 4px; margin: 0px;}

#service_content { font: bold 11px Arial; color: #a2a2a2;}
#service_content .sc-title { font: bold 18px Arial, Helvetica, sans-serif; color: #810e06; padding-bottom: 5px; letter-spacing: -1px;}
#service_content span { font: bold 15px Arial; color: #e9100b;}
#service_content code { font: bold 11px Arial; color: #000000;}

/* -> Maui - */
.car-wrapper {
	float: left;
	width: 205px;
	margin: 0 10px 30px 0;
	/*border: 1px solid #000;*/
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
.back-button {
	padding-left: 20px;
}
.back-button a {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.clear {
	clear: both;
}
.spacer12 { height: 12px; clear: both; }
.spacer20 { height: 20px; clear: both; }

.car-box {
	float: left;
	width: 200px;
	border: 1px solid #e2e2e2;
}
.car-img {
	border: 1px solid #e2e2e2;
	width: 200px;
	height: 130px;
	text-align: center;
	overflow: hidden;
}

.car-brand {
	float: left;
	/*background:#666666;*/
	width: 140px;
}
.car-sale-list {
	float: left;
	/*background:#003399;*/
	width: 410px;
}
.thumb-box {
	float: left;
	width: 138px;
	margin: 0 10px 30px 0;
}
.thumb-img {
	border: 1px solid #e2e2e2;
	width: 138px;
	height: 90px;
	text-align: center;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.thumb-box {
	float:left;
}
.thumb-text {
	float: left;
	width: 260px;
	/*background:#003399;*/
}
.redcolor {
	color: #810e07;
}
.brands {
	list-style-type: none;	
}
.frm-fieldset {
	border: 1px solid #e2e2e2;
}
.img-banner {
	margin: 0 10px;
}
#wrapper {
	width:950px;
	margin: 0 auto;
}
.marginleft { margin-left: 75px; }

.msg-box {font-size:14px; color: red; margin-bottom: 20px;}

#login_container { width: 350px; }
#login { float: right; width: 205px;  }
#login p { padding: 2px 0; }

#login .messagebox{
	position:absolute;
	width:100px;
	padding: 5px 5px 5px 25px;
	font-weight:bold;
	color:#2B537C;
	background: url(../images/busy.gif) no-repeat;
}
#login .messageboxok{
	position:absolute;
	width:100px;
	padding: 5px 5px 5px 25px;
	font-weight:bold;
	color:#2B537C;
	background: url(../images/busy.gif) no-repeat;
}
#login .messageboxerror{
	position:absolute;
	width:auto;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding: 3px;
	font-weight:bold;
	color:#CC0000;
}

/* -- menu -- */
.arrowlistmenu{
width: 155px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #810E06;
background-color: #F3F3F3;
text-decoration: none;
}

.arrowlistmenu a.selected { /*hover state CSS*/
color: #810E06;
background-color: #F3F3F3;
}
.middlelinks{
	height: 24px;
	width: 230px;
	overflow: hidden;
	padding: 0px 40px;
	background: url(../images/service_0.gif) top left no-repeat;
}
.middlelinks a, .middlelinks a:hover{
	height: auto;
	width: auto;
	font: bold 14px Arial; 
	color: #000;
	text-decoration: none;
	margin-top: 5px;
}
.middlelinks a:hover{
	color: rgb(128, 0, 0);
}
