html {
	margin: 0;
	padding: 0;
	
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color: #A8AEEA;
scrollbar-face-color: #A8AEEA;
scrollbar-shadow-color: #A8AEEA;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}

body {
	margin: 0 0;
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:transparent;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #A8AEEA;
	scrollbar-face-color: #A8AEEA;
	scrollbar-shadow-color: #A8AEEA;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

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

a:link {
	color: #A8AEEA;
	text-decoration:none;
}
a:visited {
	color: #A8AEEA;
	text-decoration:none;
}	
a:hover {
	color: #CDD1F3;
	text-decoration:none;
}	
	
#container {
	background-image:url(images/page.jpg);
	position: relative;
	margin: 0 auto;
	width:800px;
}	

#containerhome {
	background-image:url(images/pagehome.jpg);
	position: relative;
	margin: 0 auto;
	width:800px;
}
	
#top {
	position:relative;
	height: 200px;
}	

#title {
	float:left;
	width: 500px;
	margin: -15px 0 0 20px;
}	

*html #title {
	margin-left: 11px;
}	
	
#side {
	float:left;
	height: auto;
	width: 185px;
	margin: 105px 0 0 27px;
}
*html  #side {
	margin-left: 29px;
} /* for ie*/	
	
#box {
	
	margin: 0 0 10px 0;
	width: 165px;
}	

#boxtext {
	margin: 0 3px 3px 3px;
}		
	
#main {
	width: 545px;
	float:left;
	margin: 0px 0 0 20px;
} *html #main {
	margin-left: 10px;
}	/* for ie*/	

#bot {
	background-image:url(images/bot.jpg);
	clear:both;
	height:43px;}

#navbarbot {
	width: 175px;
	height:13px;
	margin: 0 auto;
}

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

#navbot li {
	float: left;
}

#navbot li a {
	color:#FFFFFF;
}	
	
#navbot li a:hover {
	color:#CCC9BF;
}			

#navbar {
	float:left;
	margin: 20px 0 0 585px;
	z-index: 100;
	width: 200px;
} *html #navbar {
	margin-left: 290px;
} /* for ie*/	

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

#nav li {float: left;}

#nav li a{
	width: 200px;
	height: 22px;
	display: block;
	background-color: transparent;
	font-weight:bold;
	text-align:center;
	padding: 7px 0 1px 0px;
	margin: 0 0 10px 0;
	color: #FFFFFF;
	
}

#nav li a:hover {
	color: #960606;
	text-decoration:none;
	background-image:url(images/but.gif);
	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: #FFFFFF;} 

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

.stocktitle {
	position:absolute;
	top: 10px;
	left:-500px;
	font-family: Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	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: 565px; 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: #FFFFFF;} /*photo Col, define color of multi image text here*/
.listAdTextAreaPhoto {background-color: transparent;} /*Text Area of row when photo is displayed*/

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

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

a.multiphoto {color: #FFFFFF;}

.resultsmake{}
.resultstrim{}
.resultsyear{}
.resultsname{}
.resultstext{}
.resultsprice{color:#FFFFFF;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:#FFFFFF;
	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: 565px;
	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 : #FFFFFF;; 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 : #FFFFFF;; float: left;font-size : 11px; width : 130px; font-weight : bold; text-align: left; }
/* standard box section containing additional elements*/
.box1price {color : #FFFFFF;; 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:#FFFFFF;
	height:20px;
	text-align: left;
	position: absolute;
	left: 7px;
	top: 3px;
	width: auto;
}
/*vehicle header section*/
.additionalhead {
	font-size : 11px;
	font-weight : bold;
	color:#FFFFFF;
	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:#FFFFFF; height:20px; text-align: left;}
/*standard Head */


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

/*Main search pad area*/
.sortTxt{color:#FFFFFF; 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: #FFFFFF; text-align: left; font-weight: bold; width: 20px;}
/*bottom Bar of search area*/