﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {
	color: #b20920;
	font-family:Arial, Helvetica, sans-serif;
	
}
h2 {
	font-size:1.8em;
	text-shadow:1px 1px 1px #ddd;
}
h3 {
	font-size:1.0em;
}
.subheading {
	color:#166398;
	padding:0 0 0 10px;
	margin:0;
}
.clear{ clear: both; }
p.bodytext {
	margin: 0 0 5px 0;	
	padding:0 0 25px 0;
	background: transparent url('http://www.chorltoncars.co.uk/gui/img/seperator.png') no-repeat center bottom;
}
img{ border: none; }

#container{ width: 900px; margin: 0 auto 0 auto; }

#header{
	height: 288px; 
	position: relative; 
	background:transparent url('../img/headerbg.jpg') no-repeat;
}
ul.topheadericons {
	list-style:none;
	float:right;
	width:400px;
	height:60px;
	display:block;
	margin:10px 10px 0 0;
}
ul.topheadericons li {
	float:right;
}
ul.topheadericons li{
	width:50px;
	height:50px;
	display:block;
	background:transparent url('../img/red_buttons.png') no-repeat;
	color:#fff;
	font-size:8px;
	text-align:center;
}
ul.topheadericons li:hover{
	background:transparent url('../img/red_buttons.png') no-repeat 0 -50px;
}
a.lihome, a.liyoung, a.liabout, a.licontact {
	width:50px;
	height:50px;
	display:block;
	background: transparent url('../img/menu_icons.png') no-repeat;
}
a.liyoung {
	background:transparent url('../img/menu_icons.png') no-repeat -50px 0;
}

a.liabout {
	background:transparent url('../img/menu_icons.png') no-repeat -100px 0;
}
a.licontact {
	background:transparent url('../img/menu_icons.png') no-repeat -150px 0;	
}

ul.topmenu_main {
	float:left;
	list-style:none;
	width:800px;
	height:30px;
	display:block;
	position:absolute;
	bottom:0;
	margin:0 0 10px 20px;
}
ul.topmenu_main li {
	float:left;
}
ul.topmenu_main li a {
	float:left;
	padding:0 5px 0 5px;
	background:transparent url('../img/men_cen.png') repeat-x;
	height:30px;
	margin:0 10px 0 0;
	line-height:30px;
	font-size: 0.9em;
	font-weight:bold;
	color:#b20920;
	text-decoration:none;
	-moz-border-radius: 0.6em 0.6em 0 0;
	border-radius: 0.6em 0.6em 0 0;
	text-shadow:1px 1px 1px #666;
}
ul.topmenu_main li a:hover {
	background:transparent url('../img/men_cen.png') repeat-x 0 -50px;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
#content{ height: auto; background-image:url(../img/contentbgrep.jpg); background-repeat:repeat-x;}

#footer{ height: 25px; background-color: #b20920; position: relative; font-size: 11px; color: #fff; text-align:center; padding-top: 10px;}

#footer a{ color: #fff; text-decoration:none; }

#footer a:hover { text-decoration:underline; }

#footer2{ position:relative; font-size: 11px; color: #565656; padding: 5px 0 5px 0; text-align:center; }

#footer2 a{ color: #565656; text-decoration:none; }

#footer2 a:hover { text-decoration:underline; }

#banner{border:solid 1px #bababa; border-bottom: solid 7px #bababa; margin: 70px 0 0 0;}

#content { margin: -2px 0 0px 0; }

#content #navbar{ height: 50px; }

#content #left{ float: left;width:250px;}

#content #left #featuredcar{ position: relative; left: 20px; }

#content #left #featuredcarheader {background-image:url(../img/featurecarbg.jpg); background-repeat:no-repeat; width: 249px; height: 95px; padding: 60px 0 15px 30px; }

#content #left #featuredcar #featuredcarheader img.featuredcarimg{ border: solid 1px #b20920;  }

#content #left #featuredcar #featuredcarbody { background-image:url(../img/featuredcarbgrep.jpg); background-repeat:repeat-y; width: 249px; padding: 10px 0 100px 30px; position: relative; z-index: 1;}

#content #left #featuredcar #featuredcarbody #fcarimg {position: absolute; left: 0px; bottom: -60px;}

#content #left #featuredcar h2{ color: #b20920; font-size:12px; font-weight:bold; padding: 5px 0 5px 0; }

#content #left #featuredcar p.featuredcartext { font-size: 11px; color: #565656; width: 185px; overflow:hidden;}

#content #left #featuredcar #price{background-image:url(../img/pricebutton.png); background-repeat:no-repeat; width: 44px; height: 44px; text-align:center; padding: 15px 10px 8px 10px; font-size:11px; font-weight:bold; color: #fff; position:absolute; top: 100px; right: 20px; z-index: 99;}

#content #left #carsearch { background-image:url(../img/searchbg.jpg); background-repeat:no-repeat; width: 262px; height: 372px; position: relative; left: 20px; padding: 60px 0 0 30px;}

#content #narrow_middle{ padding: 10px 20px 0 40px; float: left; width: 320px;}

#content #narrow_middle p.bodytext, #content #wide_middle p.bodytext, table.bodytext { font-size: 11px; color: #565656;}

#content #narrow_middle img.underheading, #content #wide_middle img.underheading { border: solid 1px #bcbcbc; margin: 5px 0 5px 0; }

#content #wide_middle { padding: 10px 20px 0 19px; float: right; width:576px;}

/* h1 declared global for buying a car page */

#content #wide_middle h1{ font-size: 14px; color: #b20920; margin: 10px 0 5px 0; }

/* a declared global for contact page */

#content #wide_middle a{ font-size: 11px; color: #b20920; }

#content #wide_middle ul.featurelist{ margin: 10px 0 10px 50px; font-size: 11px; }
#content #wide_middle ul.featurelist li {
	padding-bottom:5px;
}
#content #wide_middle ul.featurelist li strong{ color: #b20920; }
#content #wide_middle #reviews_large, #reviews_large{ margin-top: 20px; }

#content #wide_middle #reviews_large .review_large, .review_large{ width: 110px; float: left; margin-right: 60px; }

#content #wide_middle #reviews_large .review_large img, .review_large img{ border: solid 1px #176499; margin-bottom: 5px; }

#content #wide_middle #p1{ width: 255px; height: 336px; background-image:url(../img/package1.jpg); background-repeat:no-repeat; float: left; margin: 20px 0 0 0; position: relative;}

#content #wide_middle #p2{ width: 255px; height: 336px; background-image:url(../img/package2.jpg); background-repeat:no-repeat; float: left; margin: 20px 0 30px 20px; position: relative;}

#content #wide_middle #p1 h2, #content #wide_middle #p2 h2{ color: #fff; font-size:14px; margin: 50px 0 10px 15px;}

#content #wide_middle #p1 ul.packagelist, #content #wide_middle #p2 ul.packagelist{ margin-left: 35px; width: 210px; font-size:11px; color: #fff; }

#content #wide_middle .aircondbutton { position: absolute; bottom: 10px; left: 20px; }

#content #wide_middle .aircondbutton .acbl { background-image:url(../img/acbl.jpg); background-repeat:no-repeat; width: 8px; height: 31px; float: left;}

#content #wide_middle .aircondbutton .acbrep { background-image:url(../img/acbrep.jpg); background-repeat: repeat-x; float: left; color: #fff; font-weight: bold; height: 26px; padding-top: 5px;}

#content #wide_middle .aircondbutton .acbr { background-image:url(../img/acbr.jpg); background-repeat:no-repeat; width: 9px; height: 31px; float: left;}

#content #wide_middle .car{ width: 580px; margin-top: 20px;}

#content #wide_middle .car .photos{ width: 175px; float: left; padding: 0 10px 0 10px;} 

#content #wide_middle .car .photos img{ border: solid 1px #bcbcbc; } 

#content #wide_middle .car .photos img.thumb{ margin: 5px 3px 0 0; }

#content #wide_middle .car .info{ width: 380px; float: left;}

#content #wide_middle .car .info .header{ width: 370px; height: 20px; padding: 5px 5px 0 5px; background-color: #d4d4d4; margin-bottom: 10px; border: solid 1px #565656;}
#content #wide_middle .car .info .header h2{ color: #b20920; font-size:14px; display: inline; float: left;}

#content #wide_middle .car .info .header .price{ color: #b20920; font-size:14px; float: right;}


#content #wide_middle .car .info .stats{ width: 380px; background-color: #f2f2f2; border: solid 1px #bcbcbc; font-size:11px; }

#content #wide_middle #recafriend #submit{background-image:url(../img/submit.jpg); background-repeat:no-repeat; width: 153px; height: 31px; border: none; cursor: pointer;margin-left:-5px;}

#content #wide_middle #recafriend input{border: solid 1px #bcbcbc; background-color: #f2f2f2; padding: 3px;}

#content #right {float: left;}

#content #right #reviews { background-image:url(../img/featuredrevbg.jpg); background-repeat:no-repeat; width: 232px; height: 349px; padding-top: 50px; padding-left: 30px;}

#content #right #reviews .review { clear: both; padding: 0px 0 10px 0;}

#content #right #reviews .review img.freview_carimg{ float: left; border: solid 1px #176499; margin-right: 10px;}

#content #right #reviews .review h2, #content #wide_middle #reviews_large .review_large h2, .review_large h2{ font-size: 12px; font-weight:bold; color: #176499;}

#content #right #reviews .review p, #content #wide_middle #reviews_large .review_large p, .review_large p{ font-size: 11px;}

#content #right #reviews .review a, #content #wide_middle #reviews_large .review_large a, .review_large a{ font-size:11px; color: #b20920; }

div.half1{width:50%;float:left;}
div.half2{width:40%;float:left;padding-top:10px;}
div.clearit{width:80%;clear:both;font-size:1px;height:10px;}
div.stats table {
	width:300px;
	overflow:scroll;
}
div.stats table td{
	padding:5px;;
	overflow:hidden;
}
div.stats table td.ctitle {
	width:30px;
	font-weight:bold;
}
/* Form Contact */
div.half2 label{font-size:11px;color:#565656;}
div.half2 input {display:block;height:11px;font-size:11px;margin-bottom:5px;}
/*
.review_large {
	padding:0 0 0 0;
	margin:0 300px 0 0;
	width:300px;
	float:right;
}
*/
