/* FOR REFERENCE ~~~~~~~~~~

red: #dc2d18;

~~~~~~~~~ END REFERENCE */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
img, fieldset {
	border: 0;
}
body, select, input, textarea {
	font: 0.625em/1.4 arial, verdana, helvetica, sans-serif;
	color: #333;
}
html {
	overflow-y: scroll;
}
body {
	 background: #ccc;
}
a {
	color: #dc2d18;
	cursor: pointer;
}
a:hover {
	color: #000;
}
.form-container dl {
	width: 100%;
	overflow: hidden;
}
.form-container dt {
	float: left;
	width: 100px;
	clear: left;
	margin: 5px 0;
	font-weight: bold;
}
/*.form-container dd {
	float: left;
	width: 280px;
	margin: 5px 0;
}*/
#main-content h1 {
	font-size: 3em;
	font-weight: normal;
	margin: 0 0 0.2em;
}
#main-content h2 {
	font-size: 1.8em;
	font-weight: normal;
	background: url(../images/bg-thin-gradient.gif) repeat-x bottom left;
	padding: 0 0 2px 7px;
	margin: 0 0 1em;
}
#main-content h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #dc2d18;
	margin: 0 0 0.2em;
}
#main-content h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	margin: 0 0 0.2em;
}
#main-content p, #main-content ul, #main-content ol, #main-content dl {
	font-size: 1.2em;	
}
.general-content p, .general-content ul, .general-content ol, .general-content dl {
	margin: 0 0 1em;
}
.general-content ul, .general-content ol {
	margin-left: 15px;
}
#container {
	width: 900px;
	background: url(../images/bg-page.gif);
	margin: 0 auto;
	padding: 0 4px;
}
#header {
	height: 110px;
	overflow: hidden;
	background: url(../images/bg-header.gif) repeat-x;
}
	#header #logo {
		float: left;
		margin: 15px 0 0 25px;
		display: inline;
	}
	#header #banner {
		float: right;
		margin: 20px 20px 0 0;
		display: inline;
	}
#content {
	padding: 20px;
	overflow: hidden;
}
* html #content {
	height: 1%;
}

/* ~~~~~~~~~ NAVIGATION STYLING ~~~~~~~~~ */

.item-content {
	background: url(../images/bg-item-content.gif) repeat-y;
}
.item-container-top {
	background: url(../images/bg-item-top.gif) no-repeat;
}
.item-container-bottom {
	background: url(../images/bg-item-bottom.gif) no-repeat bottom left;
	padding: 2px;
}

/* ~~~~~~~~~ GENERAL STYLING ~~~~~~~~~ */

.heading-container {
	background: url(../images/bg-content-header.gif) repeat-x bottom left #515151;
	margin: 10px 0 0;
	overflow: hidden;
	width: 100%;
}
#main-content .heading-container h2 {
	color: #fff;
	background: none;
	margin: 0;
	font-size: 1.4em;
	float: left;
}
.form-container {
	background: #eee;
	padding: 10px;
	overflow: hidden;
}
* html .form-container {
	height: 1%;	
}
#main-content p.error-information {
	color: #dc2d18;
	font-size: 1em;
	font-weight: bold;
	background: #ecc;
	padding: 3px 5px;
}

/* ~~~~~~~~~ NAVIGATION ITEMS ~~~~~~~~~ */

#navigation {
	width: 180px;
	font-weight: bold;
	font-size: 1.2em;
	float: left;
}
#navigation ul ul li {
	border-top: 2px #fff solid;
}
#navigation li {
	list-style: none;
}
#navigation li a {
	color: #333;
	text-decoration: none;
}
#navigation a:hover {
	color: #dc2d18;
}
.nav-header {
	background: #c54232;
	color: #fff;
}
.nav-btn-top {
	background: url(../images/bg-nav-hdr-top.gif) no-repeat;
	display: block;
}
.nav-btn-btm {
	background: url(../images/bg-nav-hdr-btm.gif) no-repeat bottom left;
}
a .nav-btn-top {
	background: url(../images/bg-nav-item-top.gif) no-repeat;
	display: block;
}
a .nav-btn-btm {
	background: url(../images/bg-nav-item-btm.gif) no-repeat bottom left;
}
.nav-btn-btm, .nav-item-btm {
	min-height: 40px;
	display: block;
	line-height: 40px;
	padding: 0 0 0 15px;
}
#navigation a {
	background: #b8b8b8;
	display: block;
	width: 100%;
}

/* ~~~~~~~~~ SUB CONTENT ~~~~~~~~~ */

#sub-content {
	float: right;
	width: 180px;
}
#sub-content .item-content {
	margin: 0 0 10px;
}
#sub-content .nav-header {
	font-weight: bold;
	font-size: 1.2em;
}
#sub-content label, #sub-content input, #sub-content p {
	font-size: 1.2em;
}
#sub-content label  {
	font-weight: bold;
	display: block;
	margin: 2px 0 0;
}
#sub-content .box-content {
	padding: 5px;
}
.forgot-password {
	display: block;
	font-size: 1em;
}
#form-buttons {
	margin: 7px 0 0;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	width: 100%;
}
#form-buttons input {
	float: left;
	margin: 0 10px 0 0;
}
#sub-content h2 {
	font-size: 1.2em;
}
#sub-content p {
	line-height: 1.2;
	margin: 0 0 11px;
}

/* ~~~~~~~~~ BREADCRUMBS ~~~~~~~~~ */

ul#breadcrumbs {
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em;
	list-style: none;
	font-size: 1.1em;
}
#breadcrumbs li {
	float: left;
	margin: 0 0.5em 0 0;
}

/* ~~~~~~~~~ PAGINATION ~~~~~~~~~ */

.pagination {
	text-align: center;
}
.pagination p {
	color: #777;	
}
.pagination li {
	display: inline;
	list-style: none;
	padding: 0 5px;
	font-weight: bold;
}
.pagination li img {
	vertical-align: middle;
}
.pagination li a {
	font-weight: normal;	
}

/* ~~~~~~~~~ PAGE FOOTER ~~~~~~~~~ */

#footer {
	width: 900px;
	background: url(../images/bg-footer.gif) no-repeat #ccc;
	margin: 0 auto;
	padding: 20px 4px;
	text-align: center;
	font-size: 1.1em;
}
#footer ul {
	margin: 5px 0;
}
#footer li {
	display: inline;
}
#footer a {
	padding: 0 2px;
}


/* ~~~~~~~~~ HOMEPAGE CONTENT ~~~~~~~~~ */

#main-content {
	width: 470px;
	float: left;
	margin: 0 14px;
	display: inline;
}
h1.welcome, h1.welcome span {
	width: 468px;
	height: 175px;
	background: url(../images/graphic-banner-welcome.jpg) no-repeat;
}
h1.welcome span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -175px;
}
h1.welcome {
	font-size: 1em;
}
.btn-sales, .btn-sales span {
	width: 468px;
	height: 74px;
	background: url(../images/btn-sales-outlet.gif) no-repeat;
	list-style: none;
}
.btn-sales {
	margin: 10px 0;
}
.btn-sales span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -74px;
}
.btn-service, .btn-service span {
	width: 468px;
	height: 74px;
	background: url(../images/btn-service-centre.gif) no-repeat;
	list-style: none;
}
.btn-service {
	margin: 10px 0;
}
.btn-service span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -74px;
}
.btn-dealer, .btn-dealer span {
	width: 468px;
	height: 150px;
	background: url(../images/btn-dealers.jpg) no-repeat;
	list-style: none;
}
.btn-dealer {
	margin: 10px 0 0;
}
.btn-dealer span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -150px;
}

/* ~~~~~~~~~ LOGIN REGISTER ~~~~~~~~~ */

#login-register p {
	margin: 2px 0 4px;
	font-size: 1em;
}
	#login-register p span {
		display: block;
		font-weight: bold;
	}
#login-register li {
	font-size: 1.2em;
	list-style: inside;
	margin: 0 0 1px;
}
#login-register .box-content {
	min-height: 121px;	
}
.info-icon {
	float: right;
	margin: 3px 0 0;
	display: none;
}

/* ~~~~~~~~~ LOGIN REGISTER ~~~~~~~~~ */

.banner-container {
	margin: 10px 0 0;	
}

/* ~~~~~~~~~ ADVERT PAGE ~~~~~~~~~ */

.advert-content .img-container {
	width: 468px;
	border: 1px solid #000;
}
.advert-content .img-container img {
	display: block;	
}
.advert-content ul {
	list-style: none;
	margin: 5px 0 20px;
}
	.advert-content .company {
		font-weight: bold;
	}
.advert-content object {
	display: block;	
}
	
/* ~~~~~~~~~ FAQ PAGE ~~~~~~~~~ */
	
.faq-content ol {
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}
	.faq-content li {
		margin: 0 0 2px 25px;	
	}
.faq-content dl :last-child {
	border: 0 none;
}
.faq-content dt {
	font-weight: bold;
	font-size: 1.167em;
	margin: 20px 0 0;
}
.faq-content dd {
	font-size: 0.8em;
	padding: 0 0 20px;
	border-bottom: 1px solid #ccc;
}

/* ~~~~~~~~~ CONTACT PAGE ~~~~~~~~~ */

.contact-content address {
	font-size: 1.2em;
	margin: 0 0 20px 5px;
	font-style: normal;
}
.contact-content ul {
	list-style: none;
	margin: 0 0 20px 5px;
}

/* ~~~~~~~~~ EDITORIALS PAGE ~~~~~~~~~ */

#container .editorials-content h2 {
	margin-top: 15px;	
}
#container .editorials-content .item-container p {
	padding: 0 0 15px;
	border-bottom: 1px solid #ccc;
}
#container .editorials-content p {
	margin: 0 0 15px;	
}
#container .editorials-content img {
	float: left;
	margin: 0 10px 10px 0;
}
#container .editorials-content .item-container .date {
	color: #555;
	font-size: 1em;
	font-style: italic;
}

/* ~~~~~~~~~ GENERAL FROM STYLING ~~~~~~~~~ */

.form-container .form-row {
	overflow: hidden;
	width: 100%;
	margin: 0 0 7px;
}
.form-container .error {
	color: #dc2d18;
	display: block;
}
.form-container p {
	margin: 0 0 10px;	
}

/* ~~~~~~~~~ REGISTER PAGE ~~~~~~~~~ */



.register .form-container .form-row .form-item label,
.my-account .form-container .form-row .form-item label,
.forgotten-password .form-container .form-row .form-item label {
	font-size: 1.2em;	
	width: 180px;
	float: left;
	margin: 0 5px 0 0;
}
.form-container .required label {
	background: url(../images/graphic-mandatory.gif) no-repeat right 7px;
}
.register .form-container input,
.my-account .form-container input,
.forgotten-password .form-container input,
.my-account .form-container textarea {
	font-size: 1.2em;
	width: 240px;
	border: solid 1px #999;
	float: left;
}
.classified .form-container textarea {
	height: 150px;
}
.classified .form-container select {
	width: 240px;	
}
.my-account .form-container select {
	font-size: 1.2em;	
}
#main-content .form-container .button input {
	border: none 0;
	width: auto;
	margin: 0 0 0 185px;
}
#main-content .form-container .button input.delete-button {
	margin: 0 0 0 10px;	
}
.register .form-container .error,
.my-account .form-container .error,
.forgotten-password .form-container .error {
	margin: 0 0 0 185px;	
}
.my-account .radio span {
	float: left;
	width: 180px;
	font-size: 1.2em;
}
.my-account #do-not-contact {
	width: auto;
	border: none 0;
}
.radio-buttons-container {
	float: left;
	width: 240px;
}
.radio-item {
	overflow: hidden;
	width: 100%;
}
.my-account .form-container .radio .form-item input {
	width: auto;
	border: none 0;
}
.my-account .form-container .radio .form-item label {
	width: auto;
	margin: 2px 10px 0 0;
}

/* ~~~~~~~~~ DEALER ACCOUNT PAGE ~~~~~~~~~ */

.my-account .form-container  .services-available {
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
}
#main-content.my-account .form-container .services-available h3 {
	font-size: 1.2em;
	margin: 0 0 5px;
}
.my-account .form-container  .services-available .form-item {
	float: left;
	width: 180px;
	margin: 0 0 5px;;
}
.my-account .form-container  .services-available input {
	float: none;
	width: auto;
	border: none 0;
}
.my-account .form-container  .services-available .form-item label {
	float: none;
	width: auto;
}
	
/* ~~~~~~~~~ CHANGE PASSWORD PAGE ~~~~~~~~~ */

.change-password .form-container .form-row .form-item label {
	font-size: 1.2em;	
	width: 180px;
	float: left;
}
.change-password .form-container .form-row .form-item label span {
	font-size: 0.834em;
	color: #555;
}
.change-password .form-container input{
	font-size: 1.2em;
	width: 115px;
	border: solid 1px #999;
	float: left;
}
#input-new-password {
	margin: 0 5px 0 0;	
}

/* ~~~~~~~~~ CLASSIFIED ADVERTS PAGE ~~~~~~~~~ */

#featured-advert .image-container {
	float: left;
	width: 81px;
}
#featured-advert .featured-content {
	margin: 0 0 0 91px;	
}
	#featured-advert .featured-header {
		overflow: hidden;
		width: 100%;
	}
		#featured-advert .featured-header h3 {
			float: left;
			width: 250px;
		}
		#featured-advert .featured-header span {
			float: right;
			font-size: 1.4em;
			font-weight: bold;
		}
		#featured-advert .featured-content p {
			font-size: 1em;	
			color: #555;
			line-height: 1.2;
			margin-bottom: 0;
		}
		
#search-container .form-row {
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px;
}
	#search-container .form-row .form-item {
		float: left;
		width: 102px;
		margin: 0 10px 0 0;
	}
#search-container label {
	font-size: 1.1em;	
}
#search-container label, #search-container img {
	vertical-align: top;	
}
#search-container input, #search-container select {
	display: block;
	margin: 1px 0 0;
	font-size: 1.1em;
	width: 95px;
	color: #555;
}
#search-container .form-row .keywords-item { 
	width: 320px;
}
	#search-container .form-row .keywords-item label {
		width: 107px;
		float: left;
		text-align: right;
		margin: 3px 5px 0 0;
	}
	#search-container .form-row .keywords-item input {
		display: inline;
		vertical-align: top;
		width: 200px;
	}
#main-content #search-container .form-row .button {
	float: right;	
}
#main-content #search-container .form-row .button input {
		margin: 0;
}
#search-container .form-row .keywords-item,
#main-content #search-container .form-row .button {
	margin-top: 5px;
	margin-bottom: 0;
}
#sell-your-vehicle {
	overflow: hidden;
}
* html #sell-your-vehicle {
	height: 1%;	
}
#sell-your-vehicle a {
	float: right;
	margin: 0 5px 0 0;
	display: inline;
}
#sell-your-vehicle p {
	font-size: 1.1em;
	color: #555;
	line-height: 1.2;
}

/* ~~~~~~~~~ OWNER PAGE ~~~~~~~~~ */

.reviews-summary table {
	width: 100%;
	border-spacing: 1px;
}
.reviews-summary thead th {
	background: #ddd;
}
.reviews-summary th, .reviews-summary td {
	border: 1px solid #ccc;
	padding:  3px 5px;
}
.reviews-summary tbody th {
	text-align: left;	
}
.reviews-summary td {
	text-align: center;	
}
.review-links {
	overflow: hidden;
	width: 100%;
}
	.review-links li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
	}

/* ~~~~~~~~~ MY REVIEWS PAGE ~~~~~~~~~ */

.reviews table {
	width: 100%;	
}
.reviews thead th.question {
	width: auto;	
}
.reviews thead th {
	width: 35px;
	background: #ddd;
}
.reviews th, .reviews td {
	border: 1px solid #ccc;
	padding: 5px;
}
.reviews tbody th {
	text-align: left;	
}
.reviews td {
	text-align: center;	
}
.reviews .input-button {
	display: block;
	margin: 20px 0;
	float: right;
}
.reviews .form-item {
	overflow: hidden;
	width: 100%;
	margin: 10px 0 0;
}
.reviews label {
	float: left;
	width: 170px;
	margin: 0 5px 0 0;
	font-weight: bold;
}
.reviews textarea {
	width: 200px;
	height: 75px;
	border: #999 1px solid;
	font-size: 1.2em;
	padding: 3px;
}
.reviews .vehicle-details label, .reviews .vehicle-details select, .reviews .vehicle-details input {
	font-size: 1.2em;	
}

/* ~~~~~~~~~ FIND PAGES ~~~~~~~~~ */

.find .postcode {
	width: 100%;
	overflow: hidden;
}
.find .postcode .form-item {
	float: left;
	width: 220px;
}
.find .postcode .form-item label {
	float: left;
	width: 65px;
	font-size: 1.1em;
	padding: 2px 0 0;
	text-align: right;
	margin: 0 7px 0 0;
}
.find .postcode .form-item input {
	border: 1px solid #999;
	font-size: 1.2em;
}
.find .postcode .form-item select {
	font-size: 1.2em;	
}
#main-content.find h3 {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 3px;
}
.find .independant label {
	font-size: 1.1em;	
}
.find .form-container ul {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
.find .form-container li {
	float: left;
	width: 150px;
	list-style: none;
	font-size: 0.917em;
}
.find .btn-search {
	text-align: right;	
}
.find span {
	font-weight: bold;	
}
.find .looking-for {
	font-size: 1.1em;	
}
.find .select {
	margin: 0 0 5px;	
}

/* ~~~~~~~~~ FIND RESULTS PAGES ~~~~~~~~~ */

.sort-results {
	float: right;
	margin: 3px;
	display: inline;
}
.sort-results label {
	font-size: 1.1em;
	color: #fff;
	padding: 0 3px 0 0;
}
.sort-results select {
	font-size: 1.1em;	
}
.sort-results input {
	padding: 0;
}
#main-content.find-results h2 {
/*	padding: 0 3px 0 0; */
	padding-top: 2px;
}
.next-previous-container {
	background: url(../images/bg-next-previous-header.gif) repeat-x top left #a62313;
	padding: 3px;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
}
	.next-previous-container a {
		color: #f0d0cc;
		font-weight: bold;
	}
	.next-previous-container a:hover {
		color: #fff;	
	}
.find-results .form-container {
	padding: 0;	
}
.find-results #associated-dealers {
	border-bottom: 4px solid #ccc;	
}
.find-results .dealer {
	margin: 10px 0 0;
	padding: 0 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
* html .find-results .dealer {
	height: 1%;	
}
.find-results .buttons {
	list-style: none;
	width: 113px;
	float: left;
	padding: 0 10px;
}
	.find-results .buttons li {
		margin: 0 0 3px;
		width: 100%;
	}
	.buttons li {
		font-size: 0.834em;
		text-align: center;
		color: #dc2d18;
	}
	.find-results .buttons .stars {
		text-align: right;
	}
.find-results .dealer-info {
	width: 260px;
	float: left;
}
.find-results .dealer-logo {
	float: right;
	border: 1px solid #999;
	margin: 0 10px 0 0;
	display: inline;
}
.find-results .non-assoc a {
	color: #777;
	font-size: 0.858em;
}
.find-results .non-assoc a:hover {
	color: #000;	
}

/* ~~~~~~~~~ DEALER INFORMATION PAGES ~~~~~~~~~ */

.dealer-page .dealer {
	border-bottom: 0 none;
}
.find-results .ratings, .find-results .services-available {
	padding: 10px;	
}
	.find-results .ratings .rating-row {
		width: 100%;
		overflow: hidden;
		margin: 0 0 5px;
	}
	.find-results .ratings .rating-item {
		float: left;
		width: 49%;
		font-size: 1.1em;
	}
.find-results .services-available ul {
	list-style: inside;
	overflow: hidden;
	width: 100%;
}
	.find-results .services-available ul li {
		float: left;
		width: 33%;
		font-size: 0.917em;
	}
	
/* ~~~~~~~~~ CLASSIFIED RESULTS ~~~~~~~~~ */	
	
.classified-advert-result {
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
.nophoto {/*span if no photo*/
	float: left;
}

/* ~~~~~~~~~ CLASSIFIED VEHICLE ~~~~~~~~~ */

.classified-vehicle ul {
	list-style: none;	
}
	#vehicle-details img {
		float: left;
	}
	#vehicle-details div {
		float: left;
		width: 230px;
		margin: 0 0 0 10px;
		display: inline;
	}
	#vehicle-details h3 {
		font-size: 1.6em;
		color: #333;
	}
	#vehicle-details p {
		font-size: 1.6em;
		color: #dc2d18;
		font-weight: bold;
	}
.dealer-review dd {
	padding: 5px 0;
	
}