/* GLOBAL ELEMENTS ------------------------------------------------------- */


p {font-size: 100%;color: #666;margin: 0 5px 7px 0;}
a {color: #333;}
h1 {color: #fff;font-weight: normal;margin: 5px 0 3px 0;	font-size: 150%;}
.left h1{color: #60911e;}
.left p {color: #fff;margin: 5px;}

h2 {	color: #60911e;	font-weight: normal;margin: 5px 0 0 0;font-size: 150%;}	

/* MAIN LAYOUT  AND NAVIGATION ------------------------------- */
	
.flash {	float: left;border-right: solid 1px #fff; background: #60911e;}
.wrapper {background: #fff url(../images/topback.jpg) no-repeat top left;width: 905px;margin: 0 auto;text-align: left;padding: 10px 10px 20px 10px;font-size:12px;}
.header {	background: #fff;float: left;clear: both;border-bottom: solid 7px #545454;margin-bottom: 6px;width: 905px;}
#menu {background: #8dc63f url(../images/navtop.jpg) no-repeat top left;border-bottom: solid 2px #fff;	float: left;clear: both;width: 905px;}
#menu ul {margin: 0;padding: 0;list-style-type: none;background: #8dc63f;}
#menu ul li {display: inline;	float: left;}
#menu li a {font-size: 13px;	background: transparent;color: #fff;float: left;	font-weight: bold;text-decoration: none;padding: 8px 6px 8px 6px;}
.container {width: 905px;float: left;margin-bottom: 2px;background: #ffffff;}
.container img {margin: 0;padding: 0;float: left;border-right: solid 1px #fff;}
.container p {color: #000;margin: 5px;}
.container h1 {color: #60911e;margin: 5px;}
.container .button {	border: none;float: right;}
.container .textwrap {	float: right;clear: right;text-align: left;padding: 0;width: 347px; background: #60911e;height:235px;}
.container .textwrapright {float: right;clear: right;	text-align: right;	padding: 0;width: 347px;}
.container .textwrap .button {margin-right: 10px;margin-bottom: 10px;}
.left {width: 557px;float: left;background: #fff;}
.mainleft {width: 553px;	float: left;background: #fff;}
.quote {	width: 537px;float: left;background: #60911e;padding: 10px;display:inline;}
.quote p {color: #fff;}
.quote ul {margin: 0;padding: 0;	list-style-type: none;}
.quote li {	float: left;width: 100%;	clear: both;	margin-bottom: 5px;}
.fullwidth {width: 885px;float: left;clear: both;	padding: 10px;background: #60911e;display:inline;}
.right {	width: 347px;	float: right;	background: #fff;}

/* FOOTER -------------------------------------------------------- */

.footer {
	background: #ebebeb url(../images/footertop.jpg) no-repeat top left;
	height: 10em;
	margin: -13px auto;
	width: 915px;
	padding: 20px 0 0 0 ;
	text-align: left;
	font-size: 10px;
	color: #666;
}
.footer ul {margin: 0;padding: 0;list-style-type: none;width: 500px;float: left;}
.footer ul li {	display: inline;padding: 0 7px 0 0;}
.footer a {font-weight: normal;	color: #666;	text-decoration: underline;}
.logo {	margin-top: 20px;	float: left;	}
.tel, .banner {float: right;margin-top: 10px;padding: 0; margin-right:10px; border: none;}
.address {	display: inline;}

/* LEFT HOMEPAGE CAR LISTING (SQUARE BOXE LAYOUT) ----------------------------------- */

.panel {
	width: 278px;
	float: left;
	margin: 1px 1px 1px 0;
	background: none;
}
h2.head
{
	font-size: 1em;
}
.head {
	background: #8dc63f url(../images/tabright.jpg) no-repeat top right;
	float: left;
	margin-bottom: 2px;
	width: 100%;
}
.head span {
	background: #8dc63f url(../images/tableft.jpg) no-repeat top left;
	color: #fff;
	float: left;
	padding: 3px;	
	font-weight: bold;
}
.panel .imgcontainer 
{
    border-top: solid 6px #959595;
    width: 278px;
    text-align: center;
}
.panel img 
{
    /*margin-left:45px;*/
	
	width: 180px;
	height: 135px;
	
	}
.panel .details {
	float: left;
	background: #eaeaea;
	padding: 2px 2px 7px 2px;
	width: 274px;
		height: 9em;
}
.panel .details p {
	float: left;
	margin: 0 0 7px 0;
}
.panel .details span {
	color: #60911e;
	font-weight: bold;
	font-size: 110%;
	}
.panel .details .rating {
	float: right;
	border: solid 1px #959595;
	background: #fff;
	text-align: center;
	color: #60911e;
	font-size: 200%;
	margin-left: 4px;
	font-weight: bold;
}
.panel .details .rating .co2 {
	background: #959595;
	color: #fff;
	font-size: 40%;
	font-weight: bold;
	padding: 1px 2px 1px 2px;
}
.panel .black {
	color: #000;
	}
/* RIGHT PANELS ------------------------------------------ */

.rightpanel {
	width: 347px;
	float: left;
	clear: both;
	margin-top: 1px;
}

.rightpanel p { 
	padding-left: 10px;
	padding-right: 10px;
}

.rightpanel .title {
	font-size: 130%;
	font-weight: bold;
}
.rightpanel .button {
	float: right;
	margin-left: 5px;
}
#onlinequote {
	background: #88ad56;
}
#pcpquote {
	background: #afc88e;
}
#newcardeals {
	background: #d7e3c7;
}
#links {
	background: #545454;
}
#links a {
	color: #8dc63f;
	font-weight: bold;
	}
#onlinequote p, #pcpquote p, #links p {
	color: #fff;
	}
#newcardeals p {
	color: #666;
}

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

label {
	color: #fff;
	width: 185px;
	float: left;
	margin: 3px;
	font-weight: bold;
	font-size: 150%;
}

contactlabel 
{
    color: Red;
	width: 185px;
	float: left;
	margin: 3px;
	}
	
textinput
{
    margin: 3px;
}

select {
	margin: 3px;
	clear: right;
}
.quotebutton {
	float: right;
	margin-right: 150px;
	}

/* SPECIALS RESULTS LISTINGS ---------------------------------------- */

.car {
	border: solid 1px #959595;
	float: left;
	clear: both;
	background: #fff;
	margin-top: 1px;
	width: 555px;
	margin-bottom: 1px;
	}
.car .carpic {
	float: left;
	width: 160px;
	height: 95px;

	}
.car  .details {
	float: left;
	background: #fff;
	padding: 2px 2px 7px 2px;
	width: 340px;
	height: 9em;
}
.details .leftpart {
	float: left;
	width: 240px;
}
.car .details .summary {
	margin: 0;
}
.car .details .saving {
	margin: 0;
	font-weight: bold;
	color: #60911e;
	}
.car .details .price {
	margin: 0;
	font-weight: bold;
	font-size: 120%;
	color: #60911e;
	float: left;
	}
.car .details .button {
	float: right;
}
.car .rating {
	float: right;
	border-left: solid 1px #959595;
	background: #fff;
	text-align: center;
	color: #60911e;
	font-size: 250%;
	margin-left: 4px;
	font-weight: bold;
	padding: 3px 0 0 0;
}
.car .rating .co2 {
	background: #959595;
	color: #fff;
	font-size: 40%;
	font-weight: bold;
	margin-top: 3px;
	padding: 1px 2px 1px 2px;
	width: 40px;
}

/* PRODUCT DETAIL PAGE ----------------------------------- */

.productimage {
    width: 556px;
    float: left;
    background: #fff;
    height: 234px;
    text-align: center;
    border-top: solid 1px #60911e;
    border-bottom: solid 1px #60911e;
    border-left: solid 1px #60911e;
}
.productimage img /*increase or decrease this so the image is centered in the white box */
{margin-left: 140px;}
.cotwowrap {border-top: solid 1px #fff;   text-align: center;float: left;width: 348px;margin-top: 20px;}
.cotwowrap h1 { color: #fff; font-size: 150%;   font-weight: normal;}
#productdetail {	border: solid 1px #ccc;margin: 2px;width: 552px;}
#productdetail tr td {padding: 3px;}
.row {background: #fff;}
.alternate {background: #f5f5f5;}
.detailprice {float: right;font-weight: bold;	font-size: 150%;color: #333;width: 98%;text-align: left;margin: 0 5px 0 0 ;}
.detailmonthly{   float:left;text-align: left;margin: 0 5px 0 5px;}
.action {	float: right;	font-weight: bold;font-size: 150%;color: #60911e;	width: 98%;text-align: left;margin: 0 5px 0 0 ;}
.textgreen{	margin: 0;font-weight: bold;color: #60911e;}
.newname {	float: left;width: 240px;	}
.news .articleItem {border: solid 1px #ccc;padding: 0;	float: left;clear: both;width: 100%;margin: 0 0 2px 0;}
.news .articleItem .title {	font-weight: bold;	padding: 1%;}
.news .articleItem .date, .news .articleItem .summary, .news .articleItem .readmore {padding: 1%;}
.hide {	height: 0px;width: 0px;	overflow: hidden;position: absolute; }
.feedbackform label{color: gray;	float: left;margin: 3px;font-weight:normal;font-size: 100%;}
#frontpagenews {width: 100%;margin: 1px 0 0 0;	}
#frontpagenews .news{width: 347px; float: left;clear: both;}
.rightcartitle {font-weight: bold;}


/* MODEL REVIEWS LISTING 
---------------------------------------- */

.review {width: 100%;float: left;clear: both;}
.reviewlist {width: 540px;float: left;	clear: both;}
.reviewlist ul {margin: 0 ;padding: 0;	list-style-type: none;}
.reviewlist ul li {float: left;width: 540px;}
.reviewlist li a {width: 530px;float: left;	padding: 4px;	border-bottom: solid 1px #f8f8f8;background: #fff;}
.reviewlist li a:hover {width:530px;float: left;padding: 4px;	border-bottom: solid 1px #f8f8f8;background: #f8f8f8;}

/* QUOTE PAGES 
------------------------------------ */

.quotes .button  {margin: 5px;float: right;}
.geeks{float: right;	font-weight: bold;}
.textwrap label {	font-size: 100%;width: 95px;margin: 1px 2px 1px 5px;	}
.textwrap select {	margin: 2px;}
.textwrap h1 {	margin-bottom: 0;	padding-bottom: 0;	}
.container .firstbutton {margin: -30px 5px 0 0;	border: none;	float: right;}
.coborder {	border-top: solid 1px #fff;	padding-top: 5px;}
.coborder .button {margin-top: -10px;}
table { float: left; clear: both;}