html {
	margin: 0;
	padding: 0;

}

body {
	margin: 0 0;
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #57595D;
	background-color:transparent;

}

.page {
background-image:url(images/bg.jpg);
background-color:#FFFFFF;
}
			
h1 {font-size: 16px;} 
	
h2 {font-size: 13px;} 

a:link {color: #57595D; text-decoration:none;}
a:visited {color: #57595D;text-decoration:none;}	
a:hover {color: #A6ADBA;text-decoration:none;}	
	
p {margin: 5px 0 0 5px;}		
	
#container {
	background-image:url(images/page-full.jpg);
	position: relative;
	margin: 0 auto;
	width:778px;}	
	
#top {
	height: 168px;}		
	
#side {
	float:left;
	height: auto;
	float:left;
	clear:left;
	width: 185px;}	
	
	#side p {
	color: #FFFFFF;	}	
	
	#side a:link {color: #FFFFFF; border-bottom:#b40000 1px solid;}	
	#side a:visited {color: #FFFFFF; border-bottom:#b40000 1px solid;}	
	#side a:hover {color: #A6ADBA; border-bottom:#b40000 1px solid;}
	
#main {
	width: 550px;
	float:left;
	margin: 0 0 0 20px;}	

#bot {
	background-image:url(images/bot.jpg);
	clear:both;
	height:43px;}
	
#details {
	float:left;
	margin: 10px 0 0 17px;
	width: 170px;}

*html #details {	
	margin: 10px 0 0 9px;
	float:left;
	width: 170px;}

#navbarbot {
	position:absolute;
	left:150px;
	width: 500px;
	height:13px;
	margin-top:10px;}

#navbot, #navbot ul {
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 1;}

#navbot li {
	float: left;
	color:#000;}

#navbot li a {
	color:#000;}	
	
#navbot li a:hover {
	color:#042576;}			

#navbar {
	float:left;
	margin: 15px 0 0 22px;
	z-index: 100;}

*html #navbar {
	margin-left: 11px;}

#nav, #nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 1;}

#nav li {float: left;}

#nav li a{
	width: 173px;
	height: 16px;
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	font-weight:bold;
	text-align:left;
	padding: 3px 0 0 0;
}

#nav li a:hover {color: #000000; text-decoration:none; background-color:#FFFFFF;}

	
/* ALL OF BELOW IS REQUIRED BY DEFAULT
  Do not delete below this commment */

td {			
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #57595D;} 

.stock {margin-top :20px;color: #57595D;}	

.stocktitle {
	position:absolute;
	top: 10px;
	left:-500px;
	font-family: Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #57595D;
	width: 111px;}				
		

.butall {background-repeat : no-repeat;position:absolute;width:95px;height:16px;}

.butsubmit {background-image : url(images/send.gif);background-repeat : no-repeat;width:100px;height:25px;}

#searchResultsTable {width: 540px; margin-top:0px;}/* define width and alignment of Results table */
#resultsTableData {width: 100%; } /* define width of Data in Table results */
.photoColWithPhoto { background-color: transparent; color: #263337;} /*photo Col, define color of multi image text here*/
.listAdTextAreaPhoto {background-color: transparent;} /*Text Area of row when photo is displayed*/

.topSearchBar {width: 540px} /* surrounds no of Ads */
.noOfads {color:#263337; background-color:transparent; height:10px;} /*no of Ads and pages displayed bar at top */
.errorMessage {text-align: center; color: #263337;  }
.pageNo a {color: #263337;}/*page number class */
.pageNoHighlight {font-weight:bold;}/*page number Highlighted class */

.listAdTextArea {background-color: transparent;} /*Adtext Text Area  */
.mmv {z-index:1;} /*  Link and Price in Bold */
.mmv a {color: #57595D; text-decoration:none; background-color:#E7E7E7; display:block; border-bottom: solid 1px #DFE2E9;}
.mmv a:hover {ccolor: #A6ADBA; text-decoration:none; background-color:#E7E7E7; display:block; border-bottom: solid 1px #D3D6DD;}
.spacer {height:5px;}/* space at bottom of picture in left td when there are no multi images*/

a.multiphoto {color: #263337;}

.resultsmake{}
.resultstrim{}
.resultsyear{}
.resultsname{}
.resultstext{}
.resultsprice{color:#263337;height:75px;width:100px;margin-left:30px;font-size:12px;}
.resultsmulti{}
.resultsage{}


.picArea {
	float:left; 
	text-align:center;
	}

.textArea {
	clear:both;
	margin-top:20px;
	vertical-align: center; 
	text-align : left;
	float:left;	
	background-color:#CFCECE;
	color:#000000;
	padding: 3px;
	width:500px;}
	
#largeLink {
	display:block;
	width: 200px;
	background-color:#BB0000;}

.bluelinktext {
	text-align : left;
	font-size:14pt;
	color:#FFFFFF;}	
	

	

.picBox a {	
	}
	
.picBox img {	
	}	
	
.photoad  {

	}

.photoad img {
	}
	
.photoad a  {
	}	

/*----------------------
End of required css for stock page */



/* TO TURN OFF ENHANCED SEARCH AT TOP OF STOCKLIST
Change -  #usedSearchForm  - on line 206 to -  display: none; visibility: none; 
The rest of the below CSS can then be deleted */



/* All of below is the editable css when using the enhanced stock search at top of stocklist */


/*Individual form Elements, switch off/on using display: none or visibility: none */
/* Box 1 - vehicle details, these are classes inside .box1vehicle */



/* TO TURN OFF ENHANCED SEARCH AT TOP OF STOCKLIST
change: #usedSearchForm  to  display: none; visibility: none */

#usedSearchForm { display: none; visibility: none } /*main search form id, */
#searchFormTable {  } /*search form Table */
form {margin-bottom:0px;padding-bottom:0px;top:200px; } /* form postion */
.formAlignment {
	text-align:left;
	width:600px;
}


/*.header   {font-weight:bold;height : 18px;position: relative; padding-top:2px; }  main Header*/
.outer   {
	width: 540px;
	height : 90px;
	position: relative;
	vertical-align: middle;
	background-image: url(images/formbg.gif);
	background-repeat: no-repeat;
} 
/*outer rim of form */




.make{position:absolute;top:20px;left:px;display: block; visibility: visible;}
.model{position:absolute;top:45px;left:px;display: block; visibility: visible;}

/* Box 2 - vehicle attributes, these are classes inside .box1price*/
.minprice{
	display: block;
	visibility: visible;
	position: absolute;
	top: 21px;
	left: 130px;
}
.maxprice{
	display: block;
	visibility: visible;
	position: absolute;
	left: 130px;
	top: 46px;
}
.mileage {
	display: block;
	visibility: visible;
	position: absolute;
	left: 260px;
	top: 21px;
}
.agerange{
	display: block;
	visibility: visible;
	position: absolute;
	left: 260px;
	top: 46px;
}

/* Box 3 - additional details, these are classes inside .box1additional*/
.keywords{
	display: block;
	visibility: visible;
	position: absolute;
	left: 400px;
	top: 20px;
}
.maxrecords{
	display: block;
	visibility: visible;
	position: absolute;
	left: 400px;
	top: 46px;
}
.showphotos{
	display: block;
	visibility: visible;
	position: absolute;
	left: 420px;
	top: 70px;

}

/* Box 4 - sort details, these are classes inside .box1sort*/*/
.lowhigh{display: block; visibility: visible;}
.highlow{display: block;visibility: visible;}
.makemodel{display: block; visibility: visible;}


.box1 {color : #022E5C;; float: left;font-size : 11px; width : 130px; font-weight : bold; text-align: left;} 
/*standard box section */

.box1vehicle {float: left;font-size : 11px; width : 130px; font-weight : bold;   text-align: left;} 
/*standard box section containing vehicle elements */
.box1additional {color : #022E5C;; float: left;font-size : 11px; width : 130px; font-weight : bold; text-align: left; }
/* standard box section containing additional elements*/
.box1price {color : #022E5C;; float: left;font-size : 11px; width : 130px; font-weight : bold;  text-align: left;}
/*standard box section containing Price elements*/
.box1sort {
	display: block;
	visibility: visible;
	position: absolute;
	left: 260px;
	top: 70px;
}
/*standard box section containing sort elements*/

.vehiclehead {
	font-size : 11px;
	font-weight : bold;
	color:#022E5C;
	height:20px;
	text-align: left;
	position: absolute;
	left: 7px;
	top: 3px;
	width: auto;
}
/*vehicle header section*/
.additionalhead {
	font-size : 11px;
	font-weight : bold;
	color:#022E5C;
	height:20px;
	text-align: left;
	position: absolute;
	left: 400px;
	top: 3px;
	width: 121px;
}
/*additional header section*/
.box1vehicle select {margin : 1px;} 
/*vehicle header selectdropdown section*/
.head {font-size : 11px;font-weight : bold;margin-top : 3px;color:#022E5C; height:20px; text-align: left;}
/*standard Head */


.searchpad {
	width:560px;
	position: relative;
	top: 0px;
	height: 175px;
	background-color:#E7E7E7;}

/*Main search pad area*/
.sortTxt{color:#022E5C; text-align: left;}/*Sorting Text labels*/
.searchbutton input{
	position:absolute;
	top:122px;
	left:420px;
	text-align: center;
font-weight: ; 	cursor: hand;
} /*search button, define colour/text styles*/


.topBar {
	background-color: #ED23FE;
	height: 15px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	width: 20px;
	display: none;
	visibility: hidden;
}
/*top Bar of search form containing title text*/
.bottomBar {background-color: transparent;  height: 5px; color: #022E5C; text-align: left; font-weight: bold; width: 20px;}
/*bottom Bar of search area*/