/***
**  Author: mediaDen - Paul Dwight
**  Website: http://www.chasecarconsultancy.co.uk
**  Contact: Ben Chase
**  Project: Re-development Website
**  Version: 2.1
**  Project Start Date: 04-06-2006
**  Final Release Date: 13-11-2007
**
**  File: screen.css (Main Style Sheet)
*/

/* General Style */
* {margin: 0; padding: 0;}
.clear {clear:both}

body {background: #fff url('../images/bg.gif') repeat; color: rgb(17,17,132); font: 75% verdana,arial,helvetica,sans-serif;}

h1 {margin-left: 10px; padding: 0 10px 10px 0; text-align: left; color: rgb(61,46,146); font-size: 170%;}
h2 {margin-left: 10px; font-family:arial,helvetica,sans-serif; font-weight:normal; text-align: left;  font-size: 160%;}
h3 {margin-left: 10px; font-family:arial,helvetica,sans-serif; font-weight:normal; text-align: left;  font-size: 140%;}
h4 {margin-left: 10px;}
p {margin-left: 25px; padding: 5px; text-align: left;}
p.bold {font-weight: bold;}
p.email a {color: #666; text-decoration: none;}
p.email a span.emailAt {color: #fff;}
p.email a:hover {color: #222; text-decoration: none;}
p.email a:hover span.emailAt {color: #222; text-decoration: none;}
p.mediaDenmailError {color: #cc0000;}
div.highlight {width: 480px; background:#dfd7ca; border:1px solid #aaa; margin-bottom: 10px; padding:5px; color:#a40;}

.disclaimerNote {font-size: 85%; color: #cc0000;}

a {color:#036;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover, a {text-decoration:underline;}
div {margin: 3px;}
span {margin: 0; padding: 0;}
.img {border: 0;}
.clientRight {border: 0; float: right; margin: 4px;}
.spacerDiv20 {width: 40%; margin: 0 auto; height: 20px; background-color: #fff;}

/* Page Style */

#siteWrapper {width: 800px; margin: 0 auto; background: #fff url('../images/ColumnShadow.png') repeat;}

#headWrapper {position: relative; width: 90%; margin: 0 auto; background: #fff url('../images/Logo295.png') center no-repeat; height: 120px;}
#headWrapper .h-contactno { position: absolute; top: 72px; left: 5px; font-weight: bold; font-size: 140%; }
#headWrapper .h-fish { position: absolute; top: 12px; right: 5px; }
#headWrapper span.Caption {position: absolute; top: 95px; left: 330px; font-size: 140%; font-weight: bold; }
#headWrapper .login-box { position: absolute; top: 5px; margin-left: 5px; padding: 2px 4px; }
#headWrapper .login-box span.login { font-weight: bold; }

/* Navigation Wrapper */

div#navWrapper {height: 30px; padding:0 0 0 3px; width: 93%; margin: 10px auto; background: #fff;}
#navWrapper ul {margin: 0; padding: 0; list-style: none; background-color: fff;}
#navWrapper ul li {float: left; margin: 0; padding: 0; line-height: 30px; background-color: rgb(17,17,132);}
#navWrapper ul li a {text-decoration: none; color: #fff; display: block; padding: 0 10px; font-weight:bold; border-right: 2px solid #fff; border-bottom: none; width: 102px; text-align: center;}
/** html #navWrapper ul li { width: 1%; }
* html #navWrapper ul li a {
	height: 1%;
}*/
#navWrapper ul li a:hover, #navWrapper ul li#current a { background-color: rgb(83,67,156); border-right: 2px solid #fff; border-bottom: none; color:#fff; padding:0 10px;}

#breadCrumb { height: 25px; width: 90%; margin: auto; font-weight: 900; }	
#breadCrumb a { border-bottom: 1px dotted; font-weight: normal; }				
#breadCrumb a:hover { text-decoration: none; border-bottom: 1px solid; }

#contentWrapper {width: 90%; margin: auto; padding: 0 0 40px 0; color: #444; text-align: left; background-color: #fff;}
#contentWrapper p {width: 400px;}
#contentWrapper ul li {width: 400px; list-style: none; margin: 0 40px; padding: 5px;}
#contentWrapper ol li {width: 400px; list-style: none; margin: 0 40px; padding: 5px;}
#contentWrapper img { }

table td.error {color: red;}

#bottomSpacer {position: relative; margin: 0 auto; height: 5px; width: 93%; background-color: rgb(83,67,156);} 

#footSponsor {background: #dfd7ca; width: 93%; margin: 2px auto; color: #444; font-size: 90%; text-align: center; line-height: 18px; padding-top: 4px;  border-top: 2px dotted #ddd;}
#footSponsor a {text-decoration: none; color: #444; border-bottom: #444 1px dotted;}
#footSponsor a:hover {text-decoration: none; color: #777; border-bottom: #777 1px dotted;}

#footWrapper {margin: 2px auto; width: 93%; height: 50px; background-color: rgb(17,17,132);}
#footWrapperLeft {display: inline; float: left; background-color: rgb(17,17,132); color: #fff; font-size: 80%; line-height: 150%;}
#footWrapperLeft a {text-decoration: none; color: #fff; border-bottom: 1px solid #fff;}
#footWrapperLeft a:hover {text-decoration: none; border-bottom: 1px dashed #fff;}
#footWrapperRight {float: right; color: #fff; background-color: rgb(17,17,132); font-size: 100%; text-align: right;}
#footWrapperRight a {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
#footWrapperRight a:hover {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff;}

/* Cars for Sale Styling */
.enquiry-box { margin: 15px auto; padding: 10px; width: 90%; background-color: rgb(217,250,252); }

.l-col { width: 500px; float: left; }
.l-col50 { width: 350px; float: left; }
.l-col h2 { background-color: rgb(83,67,156); color: #fff; padding: 6px; margin-top: 3px; }
.l-col h3 { font-weight: 600; padding: 4px; }
.l-col span.g-status, .l-col span.g-status a { color: green; cursor: help; }
.l-col span.r-status, .l-col span.r-status a { color: red; cursor: help; }
.l-col .item-wrap { background-color: #eee; border: 1px solid #ccc; padding: 0; margin-bottom: 10px; }
.l-col .item-wrap h3 { text-align: right; border-bottom: 1px solid; margin-bottom: 6px; font-size: 14px; }
.l-col .item-wrap h4 { margin-bottom: 4px; font-size: 12px;	}
.l-col .item-wrap img { float: right; height: 85px; margin: 6px; }
.l-col .m-image { width: 500px; min-height: 390px; }
.l-col .m-image img { width: 488px; border: 0; }
.l-col .car-info h4 { margin-left: 10px; padding: 4px 2px; background-color: #dfd7ca; font-size: 12px; }
.l-col table.specs { width: 484px; margin-top: 20px; margin-left: 10px; margin-bottom: 30px; }
.l-col table.specs tr { height: 30px; }
.l-col table.specs tr td { text-align: left; padding: 4px 6px; border: 1px solid #000; }
.l-col table.specs tr td .details { }
.l-col table.specs tr td.heading { background-color: #ddd; width: 100px; font-weight: 900; }
.l-col .warranty { margin-left: 16px; background-color: #998dce; color: #fff; }
.l-col .warranty h3 { margin: 0; color: #fff; background-color: rgb(83,67,156); }

.r-col { width: 200px; float: right; padding: 0; }
.r-col50 { width: 350px; float: right; padding: 0; }
.r-col img { }
.r-col .contact-box { margin-top: 20px; padding: 0 0 6px 0; background-color: #eee; border-top: 6px solid rgb(17,17,132); border-bottom: 2px solid rgb(17,17,132); }
.r-col .contact-box h3 { background-color: rgb(17,17,132); color: #fff;	font-size: 160%; margin-left: 0; margin-bottom: 6px; padding: 4px; }
.r-col .sales-box { padding: 6px 0; background-color: #eee; border-top: 6px solid rgb(83,67,156); border-bottom: 2px solid rgb(83,67,156); }
.r-col .photos { }
.r-col .photos h4 { padding: 4px; background-color: rgb(17,17,132); color: #fff; margin: 6px 0; }
.r-col .photos h4 a { color: #fff; text-decoration: underline; }
.r-col h4 a { font-size: 12px; }
.r-col .photos .img-gallery { }
.r-col .photos .img-gallery img { float: left; width: 85px; height: 85px; margin: 2px; border: 2px solid rgb(83,67,156); }
.r-col .spacer { height: 10px; }
.r-col h4 a { cursor: help; }
.r-col h5 { padding-top: 4px; padding-left: 10px; }

/*
Pagination
------------------*/
.pagination-wrap { margin-top: 10px; margin-bottom: 20px; padding: 6px 10px; }
.pagination-wrap p { margin: 0; padding: 4px 0; }
a.paginate { border: 1px solid #ccdbe4; display: block; color: #3666d4; float: left; margin: 0 5px 0 0; padding: 1px 8px; text-align: center; text-decoration: none; }
span.paginate { border: 1px solid #ccdbe4; display: block; color: #000; font-weight: bold; float: left; margin: 0 5px 0 0; padding: 1px 8px; text-align: center; text-decoration: none; }
a.paginate:hover, a.next { background-color: rgb(83,67,156); border-color: #2b55af; color: #fff; }
a.next, a.prev { border: 2px solid #ccdbe4; font: 114% Tahoma, Helvetica, sans-serif; margin-top: -2px; padding: 3px 8px; _margin-top: -2px; }
a.next { margin-left: 9px; }
a.prev { margin-right: 14px; }

/*
Tables
------------------*/
table.selling-guide { width: 80%; margin: 10px auto; }
table.selling-guide tr { height: 20px; }
table.selling-guide tr th { font-weight: bold; background-color: rgb(195,216,254); padding: 4px; }
table.selling-guide tr.even { background-color: rgb(217,250,252); }
table.selling-guide tr.odd { background-color: rgb(202,249,251); }
table.selling-guide tr td { padding: 4px; }

/*
Forms
------------------*/
form.cars { margin: 10px auto; width: 90%; }
form.cars .row { height: 30px; padding: 5px; line-height: 30px; }
form.cars .row label { width: 150px; height: 30px; font-size: 120%; font-weight: 300; display: block; float: left; text-align: right; margin-right: 20px; }
form.cars .row input { width: 200px; height: 16px; line-height: 16px; font-size: 120%; padding: 4px; }
form.cars input.btn { background-color: rgb(83,67,156); color: #fff; padding: 4px; border: none; }