
body {
	text-align:center;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #27a5e0;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#body_gradient {
	left: 10px;
	top: 0px;
	padding-left: 20px;
	padding-top: 05px;
}

#Page{
	width:871px;
	text-align:left;
	background-image: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#Main{ }

#body_reapt {
	background-image: url(../images/mainbody_reapt.jpg); 
	background-repeat: repeat-y;
	width: 871px;
}
#left_cat {
	width: 150px;
	top: 0px;
	float: left;
	left: 70px;
	right: 0px;
	bottom: 0px;
	background-image: none;
	position: relative;
}
#bottom_round {
	width: 150px;
	top: 0px;
	float: right;
	padding-left: 72px;
}#top_links {
	position: absolute;
	left: 300px;
	top: 435px;
	right: 0px;
	bottom: 0px;
	padding-left: 0px;
}
#content {
	left: 0px;
	top: 470px;
	position: absolute;
	padding-left: 300px;
	width: 600px;
}
#sale {
	position: relative;
	left: 12px;
	top: 5px;
	bottom: 0px;
	padding: 0px;
	right: 0px;
}
#rent {
	position: relative;
	left: 8px;
	top: 5px;
	right: 0px;
	bottom: 0px;
}
#toplink {
	position: relative;
	left:69px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 600px;	
}

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

span.tab {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;

}
.PageTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-variant:small-caps;
	color: #12637e;
	text-indent: 20px;
	background-color:#ade3fd;
}

h2 {
	color: #000000;;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:20px;
	border-bottom:1px dashed #de8608;
}
h2.srch {
	text-indent:5px;
	width: 90%;
}
a {
	color:#12637e;
	cursor:pointer;
	text-decoration:underline;
}
.c-link {
	cursor:pointer;
	text-decoration:underline;
	color: #12637e;
}

.detailsheader {
	font-size:16px;
	color: #000000;
	font-weight:bold;
	width:100%;
	background-color:#ade3fd;
	
}

.makes {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color: #0000FF;
	font-weight:bold;
	overflow:hidden;
	
}

.makes2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	color: #0000FF;
	/*font-weight:bold;*/
}

.makesSpecial {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	color: #333333;
	/*font-weight:bold;*/
}

.detailser {
	text-transform:uppercase;
	font-weight:bold;
	color:#333333;
	width:400px;
	display:block;
	color: #000000;;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:20px;
	border-bottom:1px dashed #de8608;

}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	border-bottom:1px dotted;
}
a:active {
	text-decoration: none;
}

.pagecontainer {width:900px}

.homeblue {
	background-image: url(../zimages/bluebk.png);
	background-repeat: repeat-x;
	height: 324px;
	width: 100%;
	text-align:center;
}

.headblue {
	background-image: url(../zimages/bluebk_small.png);
	background-repeat: repeat-x;
	height: 72px;
	width: 100%;
	text-align:left;
}

.homegrn {
	background-image: url(../zimages/grnback.png);
	background-repeat: repeat-x;
	height: 36px;
	width: 100%;
	text-align:center;
}

.headgrn {
	background-image: url(../zimages/grnback.png);
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;
	text-align:center;
}


.homegry {
	background-color:#CCCCCC;
	height: 20px;
	width: 100%;
	text-align:center;
}


.logospace {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.logospacehead {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.div1 {
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
	height: 13px;
	width: 550px;
	padding-top: 40px;
	padding-bottom:3px;
	margin: auto; 
	text-align:left;
	font-style:italic;
}

.div3 {
	
	background-color: #5065B0;
	width: 100%;
	
}

.div2 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5065B0;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.div4 {
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
	height: 13px;
	width: 550px;
	padding-top:3px;
	margin: auto; 
	text-align:right;
	font-style:italic;
}



.homeform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
	width: 100px;
	font-style:normal;
}

.submit
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
background-color: #FFFFFF;
color: #333333;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
} 
.centering {
	width: 100%;
	text-align:center;
}

.grndiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 9px;
	margin: auto;
	text-align:center;
}

.grndivhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 20px;
	margin: auto;
	text-align:right;
}

.grydiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	padding-top: 4px;
	margin: auto;
	text-align:center;
}

.copydiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	padding-top: 10px;
	margin: auto;
	text-align:center;
}

.whtlink {
	color: #FFFFFF;
}

.grylink {
	color: #666666;
}

#searchdiv {width:158px; float:left; display:block; height:auto}

#searchprice {width:108px; float:left; display:block; height:auto}

#searchmiles {width:125px; float:left; display:block; height:auto}

.searchsp {font-size:10px}

.divider {width:600px; height:1px; border-top: 1px dotted #666666; margin:0px 0px 0px 0px}


/*Vehicle Detail Styles*/

#dcontainer {width:672px; height:100%;  background-color:#ffffff; border:1px solid #ffffff; max-width:672px; width:expression(document.body.clientWidth > 672? "672": "auto" );}
#dcontainer2 {width:630px; height:auto}
#mainphoto {width:300px; float:left; padding:5px 0px 0px 5px; float:left}
#specs {width:300px; float:left; padding:5px 0px 0px 10px; max-width:330px; width:expression(document.body.clientWidth > 330? "330": "auto" ); float:left}
#features {width:600px; height:auto; padding:0px 0px 0px 5px; background-color:#DADADA; margin:5px 5px 5px 5px; font-size:12px; color:#666666; font-weight:bold}
#features2 {width:600px; height:auto; padding:0px 0px 0px 5px; margin:5px 5px 5px 5px; font-size:10px; color:#333333}
#contactform {width:600px; height:auto; padding:5px 0px 0px 5px}
#dbold {font-size:14px; color:#333333; font-weight:bold}
#dbold2 {font-size:12px; color:#0033FF; font-weight:bold}
#dspec {font-size:10px; color:#666666}
#dtext {font-size:10px; color:#000000; font-weight: 100; font-family:Arial, Helvetica, sans-serif; line-height:12px}
#dcomments {font-size:10px}
#cform {width:225px; float:left; padding-left:10px; font-size:10px; color:#333333}
#cform2 {width:2250px; float:left; padding-left:10px; font-size:10px; color:#333333}
#cform3 {width:500px; padding-left:10px;font-size:10px; color:#333333}
#cform4 {width:500px; padding-left:10px; font-size:10px; color:#333333}
#ccontainer {width:550px; font-size:10px; color:#333333}
#codeborder {border:1px solid #cccccc}



#dleftcol1 {width:190px; 
			float:left;
			max-width:190px;
			width:expression(document.body.clientWidth > 190? "190px": "auto" );}

#drightcol1 {width:450px; float:left; background-color:#ececec; }

.dtext {font-size:10px; color:#000000; font-weight: 100; font-family:Arial, Helvetica, sans-serif; line-height:12px}

.msg {color:#FF0000; text-align:left; font-size:10px}

.pborder {border:2px solid #de8608;
max-width:668px;
width:expression(document.body.clientWidth > 668? "668": "auto" );}

.pborder2 {border:2px solid #de8608;
max-width:90px;
width:expression(document.body.clientWidth > 90? "90": "auto" );}


.pborderg {border:2px solid #de8608;
max-width:125px;
width:expression(document.body.clientWidth > 125? "125": "auto" );}

.pbordergSpecial {border:2px solid #de8608;
max-width:200px;
width:expression(document.body.clientWidth > 200? "200": "auto" );}

#pborderghover {border:2px solid #cccccc;
max-width:125px;
width:expression(document.body.clientWidth > 125? "125": "auto" );}

#pborderghoverSpecial {border:2px solid #cccccc;
max-width:200px;
width:expression(document.body.clientWidth > 200? "200": "auto" );}

#pborderghover:hover {border:2px dotted #cccccc;
max-width:125px;
width:expression(document.body.clientWidth > 125? "125": "auto" );}

#pborderghoverSpecial:hover {border:2px dotted #cccccc;
max-width:200px;
width:expression(document.body.clientWidth > 200? "200": "auto" );}

#noborderline {text-decoration: none;
border-bottom:0px none;}



#submit
{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(include/images/formbg.gif) repeat-x left top;
}

.mainAreaInternal {
 /*  position: absolute; */
 	float:left;
   top: 10px;
   left: 0px;
   width: 600px;
/*   height: 300px; */
/*   background-color: #cccccc;  */
	overflow:hidden;
	padding: 2px;
   z-index: 0;
 }

.mainAreaLoading {
 	float:left;
   top: -300px;
   left: 0px;
   width: 200px;
   height: 1px;
/*	background-color: #999999; */
   z-index: 10;
 }

.subAreaInternal {
 /*  position: absolute; */
   float:left;
   top: 10px;
   left: 10px;
   width: 130px;
   height: 300px;
/*   background-color: #cccccc;  */
   overflow: auto;
	padding: 20px;
   z-index: 0;
 }

 .subAreaLoading {
/* 	float:left; */
/*   top: 300px;  */
   left: -100px;
 /*  width: 130px;  */
   height: 100px;
/*	background-color: #999999; */
   z-index: 10;
 }

.hlist {width:600px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#ececec; text-align:left}
.hlistli {float:left; display:block; text-align:left}
.hlistspan {padding:3px}

.results2 {float:left; display:block}
.resultsspan {padding:3px}

.autolink {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0000FF; text-decoration:underline}
.complink {font-style:italic; font-size:10px; text-decoration:none}
.ftext {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333}

.results{
background-color: #ececec;
width: 600;
padding: 10px;
}

.resultsfooter{
background: url(include/images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


br { clear: left }

select {
 color: #333333;
 font-size:10px;
}

input {
 color: #333333;
 font-size:10px;
}

#paging {margin:0 auto; width:672px; height:30px; font-size:12px}

.searchbox {width:172px; height:362px}
.yellowtop {width:150px; font-size:14px; color:#333333; font-weight:bold}
.yellowmiddle {width:150px; height:350px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.searchinnerbox {padding:10px 0px 0px 20px}

.divide {margin:0px 0px 0px 20px; width:2px; height:600px; background-image:url(../zimages/dashes.png); background-repeat:repeat-y; float:left}

.sellerline {background-color: #FDFBE9; width: 600px; margin: 0px 0px 0px 10px; height: 20px; text-align:right; font-size:10px}

.sellerline2 {padding: 4px 10px 0px 10px}

.vresults1 {background-color: #ececec; width: 600px; margin: 0px 0px 0px 5px; height: 70px; border-bottom:thin #ececec solid; border-top:thin #ececec solid; float:center;}
.vresults2 {background-color: #ffffff; width: 600px; margin: 0px 0px 0px 5px; height: 70px; border-bottom:thin #ececec solid; border-top:thin #ececec solid; border-right:thin #ececec solid; float:center}
.vresultsg {background-color: #ffffff; width: 600px; margin: 0px 0px 0px 5px}

.glayout {text-align:left; float:left; padding:5px 5px 5px 5px; width:130px; max-width:130;
width:expression(document.body.clientWidth > 130? "130": "auto" );}

.glayoutSpecial {text-align:left; float:left; padding:5px 5px 5px 5px; width:210px; max-width:210px;
width:expression(document.body.clientWidth > 210? "210": "auto" );}

.pageblock {width:672px}
.pageblock2{text-align:left; margin:0px 0px 0px 10px; float:left}
.pageblock3 {float:left; text-align:right}

.pages {width:672px; text-align:center; margin:10px 0px 0px 0px}

.formdiv {font-size:12px; text-align:left}
.form1 {width:110px; float:left; padding-left:10px}
.form2 {width:110px; float:left; padding-left:10px}
.form3 {width:110px; float:left; padding-left:10px}
.form4 {width:110px; float:left; padding-left:10px}
.form5 {width:110px; float:left; padding-left:10px}

#o1 {
	position:absolute;
	width:125px;
	height:93px;
	z-index:1;
}
#o2 {
	position:absolute;
	width:125px;
	height:93px;
	z-index:2;
}

#o3 {
position:relative;
z-index:3;
	top:98px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px; font-size:12px; margin:0 auto; width:672px; height:30px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #666666;
text-decoration: none; 
color: #666666;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #666666;
color: #ffffff;
background-color: #666666;
}

.pagenumbercontainer {
padding: 2px; font-size:12px; margin:0 auto; width:672px; height:20px; text-align:right
}

.pagenumber {
border-top: 1px dotted #666666;
color: #666666;

}

.pagination li.currentpage{
font-weight:bold;
background-color: #ABA9FF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}



input.required, textarea.required {
	
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding:  5px 0px 5px 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:10px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px 0px 5px 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	font-size:10px;
}

fieldset {
	
	margin-bottom: 0.5em;
}

label {
	font-weight: normal;
}

.form-row {padding: 5px 0px 0px 0px}

#flist { line-height:20px; width:140px; float:left; display:block; margin:2px 0px 0px 0px; text-align:left}

#bullet { font-size:10px; color:#CBCBCB}

form p{
	margin:0px;
	padding:2px;
}
label {
	float:left;
	/*width:50px; */
}

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	height: 204px;
	width: 926px;
}
.footer-links {
	padding: 40px 0px 0px 80px;
}
.footer-details {
	padding: 0px 0px 0px 80px;
}
.footer-qsearch {
	padding: 0px 0px 0px 80px;
}
.img_inline {
	float:left; 
	padding:2px; 
	margin-right:10px; 
	border:1px solid #FF9933;
}