html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; /*For IE*/
	font-family :Verdana, Arial, Helvetica, sans-serif;
	/* ----- font-family:Trebuchet MS, cursive, "sans serif"; ----- */
	background:url(/images/index/hardwired_bak.gif) repeat;
	font-size:20px;
	} 
 
/*
* -----------------------------------------ALIGN---------------------------------------------------
*/

.left{text-align:left;}
.right{text-align:right;}
.center{margin:0 auto; text-align:center;}
.centerme {margin-left:auto; margin-right:auto; width:700px}

 /* ----- aligning text left and right on same row using SPAN ----- */
div.row span.left { float:left; text-align:left; border:0px;}
div.row span.right { float:right;  text-align:right; border:0px}
 
 /*
 * ---------------------------------------- COLOUR ------------------------------------------
 */ 

.blue	{color:#0000FF} /* Blue */
.brown	{color:#996633} /* Dark Dull Orange	 */
.green	{color:#00CC00} /* Dark Hard Green */	 
.grey	{color:#999999} /* Light Gray */
.lightblue	{color:#00CCFF} /* Cyan-Cyan-Azure */
.orange		{color:#FF6600} /* Orange Orange Red */
.red	{color:#FF0000} /* Red */
.violet	{color:#CC33CC} /* Medium Faded Magenta */
.yellow	{color:#FFFF00} /* Yellow */
.white	{color:#FFFFFF} /* White */
.red_userbar	{color:#CC3300}	/* Red for user related heading bars */
.orange_usertext	{color:#FF9933}	/* Orange for user related text */

.background_red {background-color:#FF0000}
.background_red_userbar {background-color:#CC3300}
.background_orange {background-color:#FF6600}
.background_orange_usertext {background-color:#FF9933}
.background_green {background-color:#00CC00}
 
 /*
 * -----------------------------------------DIVs---------------------------------------------------
 */

 .container{ 
	width:700px; 
	text-align:left;  
	margin:0px auto;
	} 
 
 #footer{
	background:url(/images/index/footer.gif) bottom no-repeat;
	padding-left:15px;
	padding-right:17px;
	height:18px; 
	vertical-align:middle;
	font-family:tahoma, cursive, "sans serif";
	font-size:0.75em;
	} 
		#footer a{color:#FFFFFF; text-decoration:none;}
		#footer a:hover {color:#FFB400; text-decoration:underline;}   /* mouse over link */
 
#header{
	position:relative; 
	height:100px; 
	background:url(/processor-image_rotate.php); 
	width:694px;
	text-indent:7px;
	font-family:Trebuchet MS, cursive, "sans serif";
	font-weight:bold;
	font-size:3em;
	letter-spacing:+3px;
	border-left:3px #92948d solid;
	border-right:3px #92948d solid;
	
	} 
		#header a:link {color:#FFFFFF; text-decoration:none;}     /* unvisited link */
		#header a:visited {color:#FFFFFF; text-decoration:none; }  /* visited link */
		#header a:hover {color:#FFB400; text-decoration:none;}   /* mouse over link */
		#header a:active {color:#CC3333; text-decoration:none;}   /* selected link */

	#header_v {font-family:Arial, cursive, "sans serif"; font-weight:bold; border:0px; padding:0px; font-size:0.315em; color:#FFFFFF; letter-spacing:-0.2px;}

/* ----- linmkbox ----- */
.linkbox{margin:5px;
	background-color:#FFCC99;
	width:20%;
	font-size:10px;
	font-family:tahoma, cursive, "sans serif";} 
.arr {
	/* ----- background-image:url("/index/menuarrow.gif"); ----- */
	background-repeat:no-repeat;
	padding-left:7px;
	padding-bottom:3px;
	font-size:10px;
	font-family:tahoma, cursive, "sans serif";
	}

#leftcol{
	position:relative;
	z-index:1;
	width:70px;
	float:left; 
	background-color:#5D6674; 
	text-align:center;
	margin:5px 6px 2px 7px;
	padding-top:3px;
	letter-spacing:-0.1px;
	font-size:11.5px;
	}
		#leftcol a:link {color:#FFFFFF; text-decoration:none;}     /* unvisited link */
		#leftcol a:visited {color:#FFFFFF; text-decoration:none; }  /* visited link */
		#leftcol a:hover {color:#FFB400; text-decoration:none;}   /* mouse over link */
	
#rightcol{
	position:relative; 
	z-index:1;
	float:right; 
	background-color:#3a434e;
	text-align:center;
	margin:5px 7px 2px 8px;
	letter-spacing:-0.1px;
	font-size:0.75em;
	}
		#rightcol a:link {color:#cccccc; text-decoration:none;}     /* unvisited link */
		#rightcol a:visited {color:#cccccc; text-decoration:none; }  /* visited link */
		#rightcol a:hover {color:#FFB400; text-decoration:none;}   /* mouse over link */
		
.maincol{
	position:relative;
	padding:10px 5px 10px 5px;
	background:#49525d url(/images/index/bg.gif) repeat-x; 
	font-size:0.8em;
	border-left:3px #92948d solid;
	border-right:3px #92948d solid;
	}
		.maincol a:link {color:#FFB400;}     /* unvisited link */
		.maincol a:visited{color:#FFB400;} /* visited link */
		.maincol a:hover {color:#FF0000; text-decoration:underline;}   /* mouse over link */
		.maincol a:active {color:#FFFFFF; text-decoration:none;}   /* active link */
 
#new_box{
	position:relative;
	text-align:center;
	vertical-align:middle;
	background:#CC6600;
	border:thin dotted #FF9933;
	height:3em;
	}
		#new_box a:link {color:#FFCC99;}     /* unvisited link */
		#new_box a:visited {color:#FFCC99;}  /* visited link */
		#new_box a:hover {color:#000000; background:#FFFFFF; text-decoration:underline;}   /* mouse over link */
		#new_box a:active {color:#000000; text-decoration:none;}   /* selected link */
 
.roundbottom_left{
		background:transparent url(/images/index/left_br.gif) no-repeat bottom right;
		}
		.roundbottom_left div {
			z-index:2;
			background:transparent url(/images/index/left_bl.gif) no-repeat bottom left;
			padding:3px;
		}

.roundbottom_right{
	background:transparent url(/images/index/right_br.gif) no-repeat bottom right;
	}
	.roundbottom_right div {
		background:transparent url(/images/index/right_bl.gif) no-repeat bottom left;
		padding:3px;
	} 
	
.text_bottom{
	position:absolute;
	bottom:0px;
	}
	
.user_info_bar{
	width:689px;
	color:#FF9933;
	background:#CC3300;
	font-size:0.8em;
	font-family:tahoma, cursive, "sans serif";
	font-weight:bold;
	border-left:3px #92948d solid;
	border-right:3px #92948d solid;
	padding-left:5px;
	}
		.user_info_bar a:link {color:#FF9933; text-decoration:none;} /* unvisited link */
		.user_info_bar a:visited {color:#FF9933; text-decoration:none;} /* visited link */
		.user_info_bar a:hover {color:#FFFFFF; text-decoration:none;} /* mouse over link */
		.user_info_bar a:active {color:#FFFFFF; text-decoration:none;} /* selected link */

/*
* -----------------------------------------FLOAT---------------------------------------------------
*/

.floatleft {
	position:relative;
	float:left;
	margin-right:5px;}
	
.floatright {
	position:relative;
	float:right;
	margin-left:5px;
	}
	
.floatright_nopadding{float:right;}
.floatleft_nopadding{float:left;}

.clear{clear:both;}

/* ----- fix ----- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*
* -----------------------------------------FORMS---------------------------------------------------
*/

fieldset{
        position: relative;
        margin: 0 0 1em 0;
        border-style:groove;
        border-width:2px;
        margin:5px;
        padding:5px 0px 5px 5px;
        }

.fieldset_plain{
        position: relative;
        margin: 0 0 1em 0;
        margin:0px 0px 10px 0px;
        padding-top:-5px;
        padding-bottom:-5px;
        }

fieldset div{
        padding-left:0.2em;
}
        .std fieldset div a:link {color:#cccccc; text-decoration:none;}     /* unvisited link */
        .std fieldset div a:visited {color:#cccccc; text-decoration:none; }  /* visited link */
        .std fieldset div a:hover {color:#FFB400; text-decoration:none;}   /* mouse over link */

input{
        padding:0px;
        margin:3px;
        margin-left:5px;
        border: 1px solid #000000;
        background-color: #fff;
}

label{
        font-weight:bold;
        color:#000000;
        margin-left:2px;
}

legend{
        position: absolute;
        top: -.5em;
        left: .2em;
        color:#000000;
        padding:0px;
        margin:0px;
        }

select{
	padding:0px;
	margin:0px;
	border: 1px solid black;    
    background-color: #fff;
}

/* ----- login form ----- */
.login form{
	position:relative;
	left:+20%;
	padding:0px;
	margin:0px;
	width:400px;
	background:#8090a3;
	border:2px solid #FFFFFF;
}

.login input.button{
	padding:0px;
	margin:0px;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

.login input{
	padding:0px;
	margin:3px;
	margin-left:5px;
}

.login label{
	padding:0px;
	margin-left:5px;
	font-weight:bold;
	color:#373f47;
}

/*
* -----------------------------------------HEADINGS---------------------------------------------------
*/

h1 {
	text-align:left;
	color:#FFFFFF;
	background :url(/images/index/h1.gif) repeat-y;
	font-family:arial, cursive, "sans serif";
	margin-top:0.04em;
	margin-bottom:0.8em;
	font-size:1.01em;
	}

h2 {
	text-align:left;
	color:#FFFFFF;
	background :url(/images/index/h2.jpg) repeat-y;
	font-family:arial, cursive, "sans serif";
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.8em;
	padding-left:3px;
	font-size:0.95em;
	}
	
h3 {
	text-align:left;
	color:#FFFFFF;
	/* background :url(/images/index/h3.jpg) repeat-y; */
	font-family:tahoma, cursive, "sans serif";
	font-weight:bold;
	margin-left:0.6em;
	font-size:0.8em;
	clear:both;
	}
	
h4 {
	text-align:left;
	color:#FFFFFF;
	/* background :url(/images/index/h4.jpg) repeat-y; */
	font-family:tahoma, cursive, "sans serif";
	font-weight:bold;
	font-size:0.85em;
	}
	
/* Errors */
h5 {
	text-align:left;
	color:#FFFFFF;
	background-color:red;
	font-family:arial, cursive, "sans serif";
	margin-top:0.04em;
	margin-bottom:0.8em;
	font-size:1.01em;
	}
	
.heading-dropdown {
        padding:0px;
        margin:0px 5px 0px 0px;
        float:left;
        text-align:middle;
        vertical-align:middle;
}


/*
* -----------------------------------------IMAGE---------------------------------------------------
*/

img.thumb{
	border-top:0px;
	border-right:0px;	
	border-bottom:4px solid #FFFFFF;
	border-left:0px;
	}

img.noborder{border:0px;}

img.nospace{
	border:0px;
	margin:0px;
	vertical-align:middle;
	}
	
/*
* -----------------------------------------JAVASCRIPT---------------------------------------------------
*/

/* ----- Highlight active form field ----- */

.highlightActiveField {
    border: 1px solid black;
    border-left: 4px solid #33CC33;
    background-color: #DFDFDF;  
}

.highlightInactiveField {
    border: 1px solid black;    
    background-color: #fff;
}

/* ----- Form validation ----- */

.errorLabel {
	background-image: url(/images/index/form_error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

.fixedLabel{
	padding-left: 6px;
}

.errortxt{
	color: #FF0000;
	display:none;
}

#errorwarning{
	color: #FFFFFF;
	padding: 0px 15px;
	background-color: #FF0000;
	border-left: 15px solid #990000;
	margin:5px 0px 5px 0px;
	display:none;
}

/*
* -----------------------------------------LIGHTBOX---------------------------------------------------
*/

#lightbox{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
	}

#lightbox a img{ border:none; }

#outerImageContainer{
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
	}

#imageContainer{
	padding:10px;
	}

#loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
	}
	
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
	}
	#imageContainer>#hoverNav{ left:0;}
	#hoverNav a{ outline:none;}

#prevLink, #nextLink{
	width:49%;
	height:100%;
	background:transparent url(/images/index/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;
	}
	#prevLink { left:0; float:left;}
	#nextLink { right:0; float:right;}
	#prevLink:hover, #prevLink:visited:hover { background:url(/images/index/lightbox/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background:url(/images/index/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	}

#imageData{
	padding:0 10px;
	}
	#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
	#imageData #caption{ font-weight:bold;	}
	#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
	#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	
		
#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	}
	

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

* html>body .clearfix {
	display:inline-block; 
	width:100%;
	}

* html .clearfix {
	/* ----- Hides from IE-mac ----- \*/
	height:1%;
	}	

/*
* ---------------------------------------- MENU ------------------------------------------
*/ 

#nav, #nav ul { /* all lists */
		padding:0;
		margin:0;
		list-style:none;
		width :5.9em;
		float:left;
	}
	
	#nav li { /* all list items */
		position :relative;
		line-height :1.4em;
		margin-bottom :-1px;
		width:5.2em;
		float:left;
	}
	
	#nav li ul { /* second-level lists */
		position :absolute;
		left:-999em;
		margin-left :5.2em;
		margin-top :-1.35em;
		background-color:#9900CC;
		}
	
	#nav li ul ul { /* third-and-above-level lists */
		left:-999em;
	}
	
	#nav li a {
		width:5em;
		w\idth :4em;
		display :block;
		color :black;
		text-align:center;
		text-decoration :none;
		padding :0 0.5em;
	}
	
	#nav li a:hover {
		color:#FFB400;
		
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left:-999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left:auto;
	}

/*
* -----------------------------------------MISC---------------------------------------------------
*/

.bold_main{
	font-family:Arial, cursive, "sans serif";
	font-weight:bold;
	font-size:0.98em;
	letter-spacing:+0.02em;
	color:#FFFFFF;
	}
	
.bold_new{
	font-family:Arial, cursive, "sans serif";
	font-weight:bold;
	font-size:0.98em;
	letter-spacing:+0.02em;
	color:#FF9933;
	}

#car_advancedsearch{
	text-align:right;
	font-size:0.85em;
	margin-top:0.4em;
}

.hide{display:none;}

.indent{padding-left:0.5em;}

.indent_large{padding-left:1.5em;}

.nopadding{
        padding:0px;
        margin:0px;
}


/*
* -----------------------------------------PARAGRAPH---------------------------------------------------
*/

p{
	color:#aeaeae;}

p.nospace{
	border:0px;
	margin:0px;
	}
	
p.quote{
	border-style:none;
	background-color:#616c7b;
	font-style:italic;
	}
 
/*
* -----------------------------------------SPACING---------------------------------------------------
*/

.space_topbottom{
	margin-top: 5px;
	margin-bottom:5px;
} 
  
/*
* -----------------------------------------TABLES---------------------------------------------------
*/

table{
	text-align:center;
	border:1px solid #000000;
	border-collapse:collapse;
	font-family:arial, cursive, "sans serif";
	}
	
.table_info_centre{
	text-align:center;
	border:1px solid #000000;
	border-collapse:collapse;
	font-family:arial, cursive, "sans serif";
	margin-bottom:10px;
	}

td{
	border:1px solid #000000;
	border-collapse:collapse;
	}
	
th{
	border:1px solid #000000;
	border-collapse:collapse;
	background-color:#8090a3;
	}
	
/* ----- Validated forms ----- */
.validated_form {
	background:#8090a3;
	text-align:right;
	border:2px solid #FFFFFF;
}

.validated_form tr {
	border:0px;
}

.validated_form td{
	border:0px;
}	

 /*
 * ---------------------------------------- MEDIA STYLES ------------------------------------------
 */ 
 @media print{ 
/* ----- hide superfluous divs ----- */ 
#rightcol{display:none;} 
#leftcol{display:none;} 
#footer{display:none;}

/* ----- reformat header ----- */ 
#header{background-color:#FFFFFF; height:100px;}

/* ----- reformat main container ----- */
#maincol{width:90%; float:none;}
}