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

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

		
h1 {font-size: 15px;} 	
h2 {font-size: 13px;} 


a:link {
	color: #261940;
	text-decoration:underline;
}
a:visited {
	color: #261940;
	text-decoration:underline;
}	
a:hover {
	color: #660066;
	text-decoration:none;
}	

.page {
background-image:url(images/bg.jpg);
background-color:#FFFFFF;}
	
#container {
	background-image:url(images/page.jpg);
	position: relative;
	margin: 0 auto;
	width:800px;}	
	
#top {
	position:relative;
	height: 108px;}		
	
#side {
	height: auto;
	float:left;
	clear:left;
	width: 185px;
	margin: 0 0 0 0px;} 
	
*html #side {
	margin: 0px 0 0 0px;
	width: 192px;}	/* for ie*/		
	
	
#main {
	width: 550px;
	float:left;
	margin: 0 0 0 30px;
	height: auto;} 
	
*html #main {
	margin-left: 23px;}	/* for ie*/	
	
	
#spacer{
	float:left;
	clear:both;
	height:20px;
	width:800px;}		

#bot {
	background-image:url(images/bot.jpg);
	clear:both;
	height:43px;}
		
#flash {
	float:left;
	margin: 0px 0 0 0px;
	z-index: 100;
	width: 555px;} *html #flash {margin-left: 0px;} /* for ie*/				
		
#navbar {
	clear:both;
	float:left;
	margin: 30px 0 0 2px;
	z-index: 100;
	width: 210px;
} *html #navbar {margin-left: 1px;} /* for ie*/	
	

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

#nav li {float: left;}

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

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

#navbarbot {
	margin: 0 auto;
	width:500px;
	margin-top: 10px;
}

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

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

#navbot li a {
	color:#261940;
}	
	
#navbot li a:hover {
	color:#660066;
}			

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

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

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

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

.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: #261940;
} /*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:#261940;
	background-color:transparent;
	height:10px;
} /*no of Ads and pages displayed bar at top */
.errorMessage {
	text-align: center;
	color: #261940;
}
.pageNo a {
	color: #261940;
}/*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: #261940;
	text-decoration:none;
	background-color:#DCDCDC;
	display:block;
	border-bottom: solid 1px #261940;
}
.mmv a:hover {
	color: #660066;
	text-decoration:none;
	background-color:#DCDCDC;
	display:block;
	border-bottom: solid 1px #261940;
}
.spacer {height:5px;}/* space at bottom of picture in left td when there are no multi images*/

a.multiphoto {
	color: #261940;
}

.resultsmake{}
.resultstrim{}
.resultsyear{}
.resultsname{}
.resultstext{}
.resultsprice{
	color:#261940;
	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:#v;
	padding: 3px;
	width:500px;
}
	
#largeLink {
	display:block;
	width: 200px;
	background-color:#BB0000;}

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

	

.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  - line 255 to -  display: none; visibility: none; 
The remaining 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: hidden } /*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 : #261940;
	;
	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 : #193240;; float: left;font-size : 11px; width : 130px; font-weight : bold; text-align: left; }
/* standard box section containing additional elements*/
.box1price {
	color : #261940;
	;
	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:#261940;
	height:20px;
	text-align: left;
	position: absolute;
	left: 7px;
	top: 3px;
	width: auto;
}
/*vehicle header section*/
.additionalhead {
	font-size : 11px;
	font-weight : bold;
	color:#261940;
	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:#261940;
	height:20px;
	text-align: left;
}
/*standard Head */


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

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