body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

a { text-decoration: none; }

a img { border: none; }

div#page {
	width: 783px;
	height: 100%;
	margin: 0px auto;
}

div#top {
	width: 100%;
	height: 163px;
	background-image: url("../images/topmenu.jpg");
	background-repeat: no-repeat;
}

div#nav{
	height: 30px;
	width: 100%;
	padding: 122px 0px 0px 6px;
}

div#content {
	width: 100%;
	min-height: 550px;
	border-bottom: 1px dashed #7BA1E6;
}

div#footernav , div#contactdetails {
	height: 30px;
	width: 100%;
}

ul#mainnav , ul#footnav {
	padding: 0px;
	margin: 0px;
}

ul#mainnav li , ul#footnav li {
	float: left;
	list-style-type: none;
	color: #4A70C1;
	padding: 5px;
}

ul#mainnav li {
	background-image: url("../images/nav-grad.jpg");
	background-repeat: repeat-x;
	padding: 5px 10px;
	height: 20px;
	border-right: 1px solid #4A70C1;
	border-top: 1px solid #4A70C1;
}

ul#mainnav li a , ul#footnav li a {
	color: #4A70C1;
	text-decoration: none;
}

ul#mainnav li a {
	font-weight: bold;
}

/* header styles */
h1 {
	color: #3366ff;
	border-bottom: 1px dashed #7BA1E6;
	text-align: center;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	margin: 30px 40px 20px 30px;
	color: #3366ff;
}

h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	color: #3366ff;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	color: #3366ff;
}

div.full {
	width: 98%;
	float: left;
	margin: 2px 1% 3px;
}

div.half {
	width: 47%;
	float: left;
	margin: 2px 1% 3px;
}

div.box {
	width: 98%;
	margin: 5px 1%;
}

div.box div.title {
	color: #FFF;
	background-color: #4777BF;
	background-image: url('../images/titleend.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	width: 73%;
	padding: 5px 1%;
	height: 15px;
}

div.box div.dealcontent {
        background-color: #D1E8FF;
	border: 1px solid #4777BF;
	padding: 1%;
	width: 97%;
	height: 280px;
}

div.box div.searchcontent {
	border: 1px solid #4777BF;
	padding: 1%;
	width: 97%;
	height: 105px;
	background-color: #D1E8FF;
}

.carrow { width: 98%; margin: 5px 1%; float: left; }
.carrow div.title , .carrow div.caradvert , .full div.title , .full div.maindetails { width: 73%; margin: 0px 1% 5px; float: left; }
.carrow div.pricehead , .carrow div.price , .full div.imagetitle , .full div.images { width: 23%; margin: 0px 1%; float: left; }
.clearfloat { height: 10px; clear: both; }
.carrow div.title a { font-weight: bold; colour: #4777BF; text-decoration: underline; }

div.searchcontent input.submit , div.searchcontent a.button {
	background-color: #4777BF;
	color: #FFF;
	border: 1px solid #4777BF;
}

div.searchcontent a.button {
	text-decoration: none;
	padding: 0px 6px;
	height: 15px;
	display: block;
	width: 80px;
}

.bluetext { color: #4777BF; }
.redtext { color: #FE4444; }
.whitetext { color: #FFF; }
.bold { font-weight: bold; }
.leftborder { border-left: 1px solid #4777BF; padding-left: 1%; }

.caradvert img.listimg { width: 167px; margin: 5px; float: left; }
.caradvert div.vehicletext { width: 336px; margin: 5px; float: left; }
.header { font-size: 28px; }
.smallheader { font-size: 24px; font-family: arial; }
div#clear { clear: both; width: 98%; float: none; height: 1px; }