body {
    background-color:#eeeeee;
    color:#000000;
    font-size:13px;
    font-family:Tahoma, 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, clean, sans-serif;
}

div#header {
    width:800px;
    height:120px;
    margin:0 auto;
    background-image:url("/images/banner.png");
}

div#opening_times {
    float:right;
    margin:20px;
    padding:10px;
    
    background-color:#ffffff;
    opacity:0.7;
    filter:alpha(opacity=70);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

div#opening_times td.days {
    font-weight:bold;
    padding-right:10px;
}

div#breadcrumb {
    width:796px;
    margin:0 auto;
    padding:2px;
    background-color: #546F98;
}

div#breadcrumb {
    color:#ffffff;
    font-weight:bold;
    font-size:11px;
}

div#breadcrumb a {
    padding-left:16px;
    text-decoration:none;
    color:#ffffff;

    background-image:url("/images/white_arrow_rt.gif");
    background-repeat:no-repeat;
    background-position:center left;
}

div#breadcrumb a:hover {
    text-decoration:underline;
}

div#breadcrumb a.firstcrumb {
    background:none;
    padding-left:0;
}

div#wrap {
    width:798px;
    margin:0 auto;
    border-left: 1px solid #546F98;
    border-right: 1px solid #546F98;
    background-color:#ffffff;
}

div#sidebar {
    float:left;
    width:150px;
}

div#sidebar div#fade {
    height:32px;
    background-image:url("/images/background_fade.png");
    background-repeat:repeat-x;
}

div#sidebar div.logo {
    text-align:center;
    margin-top:20px;
    font-size:11px;
}

div#sidebar div.logo a {
    text-decoration:none;
}

div#menubar {
    color:#ffffff;
    background-color: #546F98;
    text-align:left;
}

div#menubar ul {
    margin:0;
    padding:0;
    list-style:none;
}

div#menubar ul a {
    display: block;
	text-decoration:none;
	color:#FFFFFF;
    padding-left:12px;

    background-image:url("/images/white_arrow_rt.gif");
    background-repeat:no-repeat;
    background-position:center left;
}

div#menubar ul a:hover {
	background:#B9C5D7;
	color:#333333;
	text-decoration:none;
    padding-left:12px;

    background-image:url("/images/white_arrow_rt.gif");
    background-repeat:no-repeat;
    background-position:center left;
}

div#menubar ul a.active {
    padding-left:22px;
	background-color:#B9C5D7;
    background-position:10px;
	color:#333333;
}

div#content {
    float:left;
    width:635px;
    padding:6px;
    text-align:left;
    border-left: 1px solid #546F98;
}

div#footer {
    clear:both;
    padding:8px 8px 0;
    border-top: 1px solid #546F98;
    text-align:left;
    font-size:0.9em;
}

div#footer a {
    text-decoration:none;
}

div#absbottom {
    clear:both;
    width:800px;
    height:10px;
    margin:0 auto;
    background-image:url("/images/abs_bottom.gif");
    background-repeat:no-repeat;
}


/* General stuff */
a {
    color:#003399;
}

a:hover {
    color:#000000;
}

div.left, td.left {
    text-align:left;
}

div.center, td.center {
    text-align:center;
}

h1 {
    font-size:1.8em;
    margin:6px 0;
}

h2 {
    font-size:1.3em;
    margin:4px 0;
}

h3 {
    font-size:1.1em;
    margin:4px 0;
}

h1, h2, h3 {
    color:#34455E;
}

div.float_left {
    float:left;
}

/* Floating images */
div.image_right {
    float:right;
}

div.image_right img {
    border:1px solid #666666;
    padding:2px;
    margin:6px;
    text-align:center;
}

div.image_left img {
    float:left;
    border:1px solid #666666;
    padding:2px;
    margin:6px;
    text-align:center;
}

div.image_center {
    width:100%;
    text-align:center;
}

div.image_center img {
    border:1px solid #666666;
    padding:2px;
    margin-top:6px;
    margin-bottom:6px;
}

div.noborder img, img.noborder img{
    border:none;
}

ul.stars {
    margin:6px 0;
    padding:0 8px;
    list-style-position:inside;
    list-style-image:url("/images/star_bullet.jpg");
}

a img {
    border: none;
}

/* Index table */
table.index {
    width:100%;
    border:none;
}

table.index td {
    vertical-align:bottom;
    text-align:center;
    width:33%;
    font-size:0.8em;
}

/* Google map */
div#map {
    margin-left:auto;
    margin-right:auto;
    width:500px;
    height:400px;
    padding:4px;
    border:1px solid #000000;
}

/* Car sales */
div.car {
    margin: 0 10px 30px;
    min-height:110px;
}

h4 {
    border-top:1px solid #333333;
    font-weight:bold;
    margin-bottom:4px;
    padding:0.1em;
    background-color:#eeeeee;
}

span.price {
    font-weight:bold;
}

div.carimage {
    float:right;
    padding:0px;
    text-align:center;
}

div.nullcarimage {
    float:right;
    border:1px solid #000000;
    padding:0px;
    width:150px;
    height:110px;
    background-color:#ffffff;
    text-align:center;
    vertical-align:middle;
}

div.carimage img {
    border:1px solid #000000;
    margin-left:4px;
}

ul.carsales li {
	margin-right:10px;
    font-size:0.9em;
}

div#carprice {
    font-size:2em;
    font-weight:bold;
}

div#carimageblock {
    float:right;
    text-align:center;
    border:1px solid #cccccc;
    background-color:#eeeeee;
    width:240px;
    padding:4px;
    font-size:0.8em;
}

div#carimageblock img {
    background-color:#ffffff;
}

div#carimageblock div#mainimage img {
    margin-bottom:4px;
    padding:4px;
}

img.carnormal {
    border:1px solid #aaaaaa;
}

img.carhighlight {
    border: 1px solid #000000;
}

table#cardetails {
    margin:6px 0;
}

table#cardetails td.key {
    padding-right:10px;
}

table#cardetails td.value {
    padding-right:30px;
}

div.carsale_disclaimer {
    border: 1px solid #CCCCCC;
    text-align: center;
    font-size: 0.9em;
    padding: 6px;
    margin: 10px;
}

/* Servicing and MOTs */
div.column {
    border:1px solid #CCCCCC;
    padding:2px;
    width:380px;
    float:left;
}

p.mottitle {
    font-size:1.2em;
    text-align:center;
}

table.form td.fieldname {
    width: 10em;
    padding-right:10px;
    text-align:right;
    font-weight:bold;
    font-size:0.8em;
    vertical-align:top;
}

table.form input, table.form textarea, table.form select {
    margin-bottom:2px;
}

table.form tr.hidden {
    display:none;
}

/* Servicing Schedule */
table#schedule td {
    font-size:small;
}

table#schedule tr.center td {
    text-align:center;
    font-weight:bold;
    padding:0 1em 0 1em;
}

table#schedule tr.subtitle td {
    padding-top:1em;
    font-weight:bold;
    border-bottom:1px solid #000000;
}

td.tick {
    background-image:url("/images/tick.png");
    background-repeat:no-repeat;
    background-position:center;
}
td.cross {
    background-image:url("/images/cross.png");
    background-repeat:no-repeat;
    background-position:center;
}

/* FAQs */
span.q {
    font-weight:bold;
    border-bottom:1px solid #666666;
}

p.a {
    border-left:2px solid #CCCCCC;
    padding-left:6px;
    margin-bottom:20px;
}

/* Servicing schedule */
table#schedule td {
    font-size:small;
}

table#schedule tr.center td {
    text-align:center;
    font-weight:bold;
    padding:0 1em 0 1em;
}

table#schedule tr.subtitle td {
    padding-top:1em;
    font-weight:bold;
    border-bottom:1px solid #000000;
}

table#schedule td.tick {
    background-image:url("/images/tick.png");
    background-repeat:no-repeat;
    background-position:center;
}
table#schedule td.cross {
    background-image:url("/images/cross.png");
    background-repeat:no-repeat;
    background-position:center;
}

/* Jobs */

div.job div.jobtitle {
    border-bottom:1px solid #000000;
    font-weight:bold;
}


/* Forms */
span.formfieldtitle {
    font-weight:bold;
    font-size:0.8em;
}

input, textarea {
    background-image:url("../images/shade.gif");
    background-color:#FFFFFF;
    border:1px solid #999999;
    font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
}

span.formerror, li.formerror {
    color: #990000;
    font-size: 0.9em;
}

/* Info and Error divs */
div.box_info table,
div.box_error table {
    width: 100%;
}

div.box_info td,
div.box_error td {
    vertical-align:top;
    padding:4px;
}

div.box_info td.icon,
div.box_error td.icon {
    background-position: center;
    background-repeat: no-repeat;
    width:32px;
}

div.box_info td.message,
div.box_error td.message {
    background-color:#eeeeee;
}

div.box_info td.icon {
    background-image: url("/images/button_ok.png");
    background-color: #ccffcc;
    border-right:1px dotted #009900;
}

div.box_error td.icon {
    background-image: url("/images/button_cancel.png");
    background-color: #ffcccc;
    border-right:1px dotted #990000;
}

div.box_info {
    float:left;
    width:100%;
    margin-bottom:10px;
    border:1px dotted #009900;
    color: #009900;
}

div.box_error {
    float:left;
    width:100%;
    margin-bottom:10px;
    border:1px dotted #990000;
    color:#990000;
}

/* Clearing div */
div.clear, br.clear {
    clear:both;
}

/* Data table */
table.data th {
    border-bottom:2px solid #999999;
    text-align:left;
}

table.data td {
    border-bottom:1px solid #CCCCCC;
    text-align:left;
}

table.data tr.light td {
    background: #FFFFFF;
    border-bottom:none;
}

table.data tr.dark td {
    background: #EEEEFF;
    border-bottom:none;
}

td.right {
    text-align:right;
    padding-left: 0.5em;
    padding-right: 0.5em;
}


/* HTTP Error div */
div#httperror {
    margin-left:auto;
    margin-right:auto;
    width:400px;
    background-color:#FFFFFF;
    border:1px solid #999999;
    text-align:center;
}