/* Default
-----------*/

body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 75% Arial,Helvetica,sans-serif;
  color:#333;
  background:#c1d2e4 url('../_images/back-body.gif') repeat-x top;
}

a {
  text-decoration:none;
  color:#18689d;
}
a:hover {
  text-decoration:underline;
}

h1 {
  margin:0 0 0.5em 0;
  font-size:3em;
  font-weight:normal;
  color:#000;
}
h2 {
  margin:0 0 0.5em 0;
  font-size:1.6em;
  font-weight:normal;
  color:#000;
}
h3,
h4,
h5,
h6 {
  margin:0 0 0.3em 0;
  font-size:1em;
}

p {
  margin:0 0 1em 0;
  line-height:1.4em;
}
p.nb {
  padding:8px 10px;
  color:#fff;
  background:#1b689b;
  border-bottom:1px solid #bbc;
}
p.offer {
  padding:8px 10px;
  color:#222;
  background:#ffff44;
  border-bottom:1px solid #bbc;
}

ol,ul {
  margin:0 0 1em 20px;
  padding:0;
  line-height:1.4em;
}
ul.links {
  margin-left:0;
  list-style:none;
}
ul.links li {
  margin:0 0 0.6em 0;
  padding:0 0 0 20px;
  font-weight:bold;
  background:url('../_images/back-links-li.gif') no-repeat 4px 0.4em;
}
ul.ticks {
  margin-left:0;
  list-style:none;
}
ul.ticks li {
  margin:0 0 0.4em 0;
  padding:0 0 0 20px;
  font-weight:bold;
  background:url('../_images/back-ticks-li.gif') no-repeat 4px 0.4em;
}

img {
  border:0;
}

table {
  margin:0 0 1em 0;
  border-right:1px solid #c4e5ef;
  border-bottom:1px solid #c4e5ef;
}
table tr th {
  padding:12px;
  vertical-align:top;
  color:#fff;
  background:#1e71a7;
}
table tr td {
  padding:10px 11px;
  vertical-align:top;
  color:#000;
  background:#fff;
  border-top:1px solid #c4e5ef;
  border-left:1px solid #c4e5ef;
}
table tr.stripe td {
  background:#f1f3fb;
}

form {
  margin:0;
}
input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
  border:1px solid #79b;
}
form .text {
  background:url('/_images/back-form-text.png') no-repeat top;
}
input.button {
  width:auto;
  padding:8px 12px 9px 12px;
  overflow:visible;
  font-weight:bold;
  color:#000;
  background:#eee;
  border:1px solid #ddd;
}
div.row {
  min-height:1%;
}
* html div.row {
  height:1%;
}
div.row:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div.row .label {
  float:left;
  width:12%;
  margin:0 2% 0 0;
  padding:3px 0 0 0;
}
div.row .field {
  margin:0 0 0 20%;
}
div.row input,
div.row select,
div.row textarea {
  margin:1px 0;
}
div.rules {
  margin:0 0 2px 0;
}


/* General
-----------*/

.textleft {
  text-align:left;
}
.textcenter {
  text-align:center;
}
.textright {
  text-align:right;
}
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}

.vvvvsmaller {font-size:0.5em;}
.vvvsmaller {font-size:0.6em;}
.vvsmaller {font-size:0.7em;}
.vsmaller {font-size:0.8em;}
.smaller {font-size:0.9em;}
.larger {font-size:1.1em;color:#000;}
.vlarger {font-size:1.2em;color:#000;}
.vvlarger {font-size:1.3em;color:#000;}
.vvvlarger {font-size:1.4em;color:#000;}
.vvvvlarger {font-size:1.5em;color:#000;}


/* Holder
----------*/

div#holder {
  width:758px;
  margin:0 auto;
  padding:0 8px;
  text-align:left;
  background:url('../_images/back-holder.gif') repeat-y center center;
}


/* Header
----------*/

div#header {
  min-height:1%;
  margin:0 4px;
  padding:0 0 12px 0;
  background:url('../_images/back-header.gif') no-repeat bottom;
}
* html div#header {
  height:1%;
}
div#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

a#logo {
  float:left;
}
a#logo img {
  float:left;
}

div#contact {
  float:right;
  padding:10px 24px 9px 24px;
  font-weight:bold;
  text-align:right;
  color:#18689d;
  background:url('../_images/back-contact.gif') no-repeat left top;
}
div#contact strong {
  font-size:1.4em;
  line-height:1.3em;
  color:#000;
}

ul#navbar {
  clear:both;
  min-height:1%;
  margin:0;
  padding:5px 11px 0 11px;
  list-style:none;
  background:url('../_images/back-navbar.gif') no-repeat top;
}
* html ul#navbar {
  height:1%;
}
ul#navbar:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navbar li {
  float:left;
  padding:0 0 0 2px;
  background:url('../_images/back-navbar-li.gif') no-repeat left;
}
ul#navbar li.first {
  padding:0;
  background-image:none;
}
ul#navbar li a {
  float:left;
  padding:9px 13px 9px 13px;
  white-space:nowrap;
  font-weight:bold;
}
ul#navbar li a.selected {
  color:#000;
}


/* Banner
----------*/

div#banner a {
  position:absolute;
  width:100px;
  height:100px;
  margin:108px 0 0 600px;
  background:url('../_images/back-mot_offer.gif') no-repeat 0 0;
}
div#banner a:hover {
  background-position:0 -100px;
}
div#banner a span {
  display:none;
}
div#banner img {
  display:block;
}


/* Main
--------*/

div#main {
  min-height:1%;
  margin:0 4px;
  padding:16px 0 20px 0;
}
* html div#main {
  height:1%;
}
div#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


/* Home */

div#intro {
  float:left;
  width:240px;
  margin:0 20px 0 0;
}
div#intro h1 {
  padding:0 0 5px 0;
  font-size:1.6em;
  border-bottom:2px solid #89cce0;
}

div#quicklinks {
  float:left;
  width:200px;
  padding:0 20px;
  border-left:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;
}
div#quicklinks h2 {
  padding:0 0 5px 0;
  border-bottom:2px solid #bbe2ed;
}
div#quicklinks ul {
  margin-bottom:1.5em;
}

div#featured {
  float:right;
  width:233px;
}
div#featured h2 {
  margin:0 0 5px 5px;
}
div#signdiy a {
  display:block;
  min-height:78px;
  padding:100px 40px 20px 40px;
  text-decoration:none;
  background:url('../_images/back-signdiy.gif') no-repeat top;
}
div#signdiy a p {
  text-align:center;
  color:#333;
}
div#signdiy a:hover ul {
  text-decoration:underline;
}


/* Content */

div#content {
  float:left;
  width:457px;
  padding:0 0 0 24px;
  min-height:240px;
}
* html div#content {
  height:240px;
}
div#content:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


/* Side */

div#side {
  float:right;
  width:204px;
  padding:0 24px 0 20px;
  border-left:1px solid #d7d7d7;
}
div#side h2 {
  padding:0 0 5px 0;
  border-bottom:2px solid #89cce0;
}

div#diy {
  float:right;
  clear:right;
  width:233px;
  padding:0 0 20px 15px;
  border-left:1px solid #d7d7d7;
}
div#diy h2 {
  margin:0 0 5px 5px;
}


/* Full */

div#full {
  padding:0 24px 24px 24px;
  min-height:240px;
}
* html div#full {
  height:240px;
}
div#full:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


/* DIY Diagnosis */

div#dashboard {

  margin:0 0 20px 0;

}

div#dashboard ul {

  position:absolute;

  width:700px;

  margin:0;

  padding:10px 0 10px 25px;

  list-style:none;

}

div#dashboard ul li {

  float:left;

}

div#dashboard ul li a {

  float:left;

  height:56px;

  margin:0 1px 0 0;

  background:url('x');

  border-bottom:4px solid #333;

}

div#dashboard ul li a:hover {

  border-color:#92b4d5;

}

div#dashboard ul li a.engine {width:70px;}

div#dashboard ul li a.oil {width:65px;}

div#dashboard ul li a.brake {width:70px;}

div#dashboard ul li a.abs {width:65px;}

div#dashboard ul li a.tyre {width:55px;}

div#dashboard ul li a.battery {width:60px;}

div#dashboard ul li a.filter {width:50px;}

div#dashboard ul li a.fog {width:45px;}

div#dashboard ul li a.fluid {width:50px;}

div#dashboard ul li a.seatbelt {width:45px;}

div#dashboard ul li a.airbag {width:55px;}

div#dashboard ul li a span {

  display:none;

}

div.warning {

  clear:both;

  min-height:1%;

  margin:0 7px 0 0;

  padding:20px 0 12px 0;

  border-bottom:1px solid #92b4d5;

}

* html div.warning {

  height:1%;

}

div.warning:after {

  content:'.';

  display:block;

  clear:both;

  height:0;

  visibility:hidden;

}

div.light {

  float:left;

  width:150px;

}

div.light img {

  display:block;

}

div.recommendation {

  margin:0 0 0 170px;

}





/* Footer

----------*/



div#footer {

  clear:both;

  min-height:1%;

  margin:0 4px;

  padding:8px 0 24px 0;

  color:#000;

  text-align:right;

  border-top:5px solid #c1c1c1;

}

* html div#footer {

  height:1%;

}

div#footer:after {

  content:'.';

  display:block;

  clear:both;

  height:0;

  visibility:hidden;

}

div#copyright {

  float:left;

}