/************* GENERAL CSS ************/
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#fcfcfc;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#666666;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color:#333333;
}

a:hover {
	text-decoration: underline;
	color:#666666;
}

a img
{border:none;}

/************* HEADER STUFF ************/

#header {
	width: 100%;
	height: 90px;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
}

#header h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
	margin: 0px;
	padding: 0px;
	text-align:center;
	color: #fff;
	font-size: 4em;
	text-transform: uppercase;
		display:none
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;

}

/************* MENU ************/

#container{width:880px;margin:0px auto;font-size:10pt; font-weight:bold; color:#333333  }

#menu{position:absolute;margin-top:2px;z-index:10; text-align:center; width:880px;}
#menu a{color:#333; text-decoration:none}

#menu ul .item{display:none;}
#menu ul:hover .item{font-size:12px; display:block;padding:3px;margin:1px;text-decoration:none}

#menu ul:hover .item a{font-size:12px;color:#333;text-decoration:none; font-weight:bold}
#menu ul:hover .item a:hover{color:#f00; text-decoration:none}

#menu ul{width:105px;float:left;margin:0px;padding:2px;background:#fff;list-style:none;}
.clear{clear:both;height:25px;}

/* colour for the access keys*/

.access
{
text-decoration:underline;
color:#333333}
/************* CONTENT ************/

#content {
	width: 880px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}


#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 150%;
}

/* left block with right hand column*/
#left {	
	float: left;
	width: 640px;
	
/**********************************hack for ie6*******************************/
	_width: 639px;
/**********************************hack for ie6*******************************/
	
	margin:0px 0px 0px 0px;
	padding:0px;
}

/*left block with right hand column removed*/
#left_full_width {	
	float: left;
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#FFFFFF
}

#inner_left{
	padding: 0px;
	margin:0px 0px 1px 0px;
	background-color:#FFFFFF;

	/**********************************hack for ie6*******************************/
	_margin-top:3px;
	_margin-bottom:4px;
	/**********************************hack for ie6*******************************/

	
}
	
#right {
	float: right;
	width: 236px;
	padding: 0px 0px 0px 0px;
	color: #99CCFF;
}

.right_block{
margin-bottom:2px;
height:90px;
padding:2px;
padding:2px 0px 0px 10px;
}

.rightBoxTitle{
display:none;
font-size:18px;
}

.rightBoxOpening{
display:none;

color:#333333;
font-size:18px;
}


/*colours for right hand side block*/
*#one
{
color:#FFFFFF;
padding:0px;
height:94px;}


*#two
{
padding:0px;
height:94px;
}

*#three
{
padding:0px;
height:92px;
border:1px solid #999999}

*#four
{
padding:0px;
height:94px;}


*#threelong
{background-color:#30558A;
padding:0px;
height:190px;}

*#fourlong
{background-color:#8BAAD6;
padding:0px;
height:190px;}


*#five
{
padding:0px;
height:100px;;
}



/************* FOOTER ************/
#footer {
	clear: both;
	width: 770px;
	margin: 0px auto;
	font-size: 9px;
	text-align: center;
	padding: 2px;
	color: #333333;
}



/***** index page specials slider ***/
#imageContainer {
	position:relative;
	margin:auto;
	width:641px;
	z-index:0
}


/* styles unrelated to the application follow */

#imageContainer {
	width:641px;
	
/**********************************hack for ie6*******************************/
_margin-top:3px;
_margin-bottom:4px;
/**********************************hack for ie6*******************************/

	height:382px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}


/* car pages eg vauxhall and kia */
#imageContainerCarPages
{
margin: 0px 10px 0px auto;
width:608px;
height:382px;
}

#imageContainerCarPages img
{padding:6px 8px;
margin:10px;
border:none;
}

#imageContainerCarPages a img
{border:1px solid #CCCCCC}

#imageContainerCarPages a:hover img
{border:1px solid #333333;
background-color:#666666;
opacity:.45;
filter: alpha(opacity=45);
 -moz-opacity: 0.45;
}


.manufacturers_page{
height:96px;
border:2px solid #17314A;
background-image:url(../images/header_bg.jpg);
background-repeat:repeat-x;
background-color:#17314A;
top:0}


/* used car page*/
#imageContainerNonCarPages
{
	margin: 0px;
	width:640px;
	/**********************************hack for ie6*******************************/
	_width:638px;
	/**********************************hack for ie6*******************************/
	
	height:410px;
}


/*contact from layout*/
form.cmxform {
  width: 600px;
  margin: 0 auto;
}

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
list-style-type:circle;
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 10px 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 160px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 163px; /* Width plus 3 (html space) */
}



.car_description
{font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:0px 15px 15px 15px;
height:177px}

.red_medium
{color:#CC3300;
text-align:right;
font-size:18px;
font-weight:bold}

/* divs for services page*/
.servicesBox
{
float:left;
width:49%;
padding:0px;
margin: 0px 8px 10px 0px;
}

.servicesBoxInner
{border:1px solid #CCCCCC;
padding:10px;
height:200px;

}

.servicesBox h3
{
padding:5px 5px 5px 10px;
margin:0px;

font-size:17px;
background-color:#333333;
color:#FFFFFF;
height:30px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:.05em;
}

#servicesIcon h3
{
background-image:url(../images/services_services.gif);
 background-repeat:no-repeat;
 background-position:right;
padding-right:10px;
}

#partsIcon h3
{
background-image:url(../images/services_parts.gif);
 background-repeat:no-repeat;
 background-position:right;
padding-right:10px
}

#lpgIcon h3
{
background-image:url(../images/services_lpg.gif);
 background-repeat:no-repeat;
 background-position:right;
padding-right:10px
}

#mobilityIcon h3
{
background-image:url(../images/services_mobility.gif);
 background-repeat:no-repeat;
 background-position:right;
padding-right:10px
}

/*access page*/
.accessKey{
border:2px outset #999999;
padding:1px 3px 1px 3px;}


/* sidebox hover links*/


a.squarebutton{
background: transparent url('../images/button_test-request_left.jpg') no-repeat top left;
display: block;
float: left;
font: normal 18px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 45px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;

}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color:#FFFFFF; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/button_test-request_right.jpg') no-repeat top right;
display: block;
padding: 15px 50px 15px 20px; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#CCCCCC;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-bottom:3px;
width:240px;
}


/* submit button*/
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#333333;
font-weight:bold;
margin-right:10px;
padding: 2px 10px;
background:url('../images/formbg.gif') repeat-x left top;
}

.formbutton:hover{
cursor:pointer;
border:outset 1px #333333;
background:#999;
color:#CC0000;
font-weight:bold;
padding: 2px 10px;
background:url('../images/formbg.gif') repeat-x left top;
}