.clboth {
    clear: both;
}

html, body {
    height: 100%;
    font: 12px Verdana, Helvetica, sans-serif;
    background: #eee url(../img/backgrounds/carbonBg.jpg) repeat-x center top;
}

h1 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 13px;
    margin-bottom: 10px;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    color: #111;
}

p {
    line-height: 18px;
    font-size: 12px;
    color: #555;
}

.fleft { float: left }
.fnone { float: none }
.fright { float: right }

input.text,
textarea.text {
	width: 250px;
	padding: 4px 3px 3px 3px;
	margin-right: 5px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	border: 1px solid #c1c1c1;
	border-top-color: #848484;
	border-bottom-color: #e1e1e1;
	background-image: url(../img/backgrounds/inputText.png);
	background-repeat: repeat-x;
	background-position: left top;
}

input.text.active,
textarea.text.active { color: #333; }

input.text.error,
textarea.text.error { color: #f00; }

.pageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}

div.pageHeader {
    width: 800px;
    height: 115px;
    margin: 0 auto;
    color: #fff;
    background: transparent;
}

div.pageHeader a.logo {
    float: left;
    margin-top: 40px;
}

div.pageHeader ul.suppliers {
    width: 300px;
    float: right;
    margin-right: -3px;
    margin-top: 37px;
}

div.pageHeader ul.suppliers li {
    float: right;
    height: 40px;
    margin-left: 17px;
}

div.pageHeader ul.suppliers li a {
    height: 40px;
    float: right;
    text-indent: -9999px;
}

div.pageHeader ul.suppliers li.kia a {
    background: url(../img/logos/kia_motors_the_power_to_surprise.png) no-repeat center center;
    width: 200px;
}

div.pageHeader ul.suppliers li.audi a {
    background: url(../img/logos/audi.png) no-repeat center center;
    width: 80px;
}

div.pageHeader ul.suppliers li.skoda a {
    background: url(../img/logos/skoda.png) no-repeat center center;
    width: 38px;
}

div.pageHeader ul.suppliers li.vw a {
    background: url(../img/logos/vw.png) no-repeat center center;
    width: 37px;
}

div.pageContainer {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
}


div.headerPush {
    float: right;
    height: 33px;
    line-height: 33px;
    font-size: 11px;
    color: #ccc;
}

div.pageFooter, div.pagePush {
	height: 39px; /* .pagePush must be the same height as .pageFooter */
}

div.pageFooter {
    background: #eee url(../img/backgrounds/footerBg.jpg) repeat-x center top;
    border-top: 1px solid #000;
}

div.pageFooter div.centerCol {
    width: 800px;
    color: #fff;
    margin: 0 auto;
}

div.pageFooter div.centerCol ul.address li {
    float: left;
    margin-top: 11px;
    font-size: 10px;
    margin-right: 5px;
    color: #c3c1c1;
    text-shadow: #000 0px 1px 1px;
}

div.pageFooter div.centerCol ul.address li a {
    color: #c3c1c1;
    text-decoration: none;
    text-shadow: #000 0px 1px 1px;
}

div.pageFooter div.centerCol ul.address li a:hover {
    color: #fff;
    text-decoration: underline;
}

div.pageFooter div.centerCol ul.copyright {
    list-style: none;
}

div.pageFooter div.centerCol ul.copyright li {
    float: right;
    margin-top: 11px;
    font-size: 10px;
    margin-left: 10px;
    color: #c3c1c1;
    text-shadow: #000 0px 1px 1px;
}

div.pageFooter div.centerCol ul.copyright li a {
    color: #c3c1c1;
    text-decoration: none;
    text-shadow: #000 0px 1px 1px;
}

div.pageFooter div.centerCol ul.copyright li a:hover {
    color: #fff;
    text-decoration: underline;
}

div.pageFooter div.centerCol ul.copyright li.first {
    margin-right: 10px;
    margin-left: 0;
}

div.shortcuts {
    float: right;
}

div.shortcuts a {
    float: right;
    clear: both;
    margin-bottom: 8px;
}

div.shortcuts a img {
    
}

ul.frontBoxes {
    width: 800px;
    margin: 0 auto;
    margin-top: 10px;
}

ul.frontBoxes li {
    float: left;
    font-size: 12px;
    margin-right: 10px;
}

ul.frontBoxes li.last {
    margin-right: 0;
}

ul.frontBoxes li div.boxHeader {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #555;
}

ul.frontBoxes li div.boxHeader span {
    float: left;
    display: block;
    line-height: 37px;
    background-image: url(../img/backgrounds/quickTabs.png);
}

ul.frontBoxes li div.boxHeader span.left,
ul.frontBoxes li div.boxHeader span.right {
    height: 37px;
    width: 10px;
}

ul.frontBoxes li div.boxHeader span.left { background-position: left top; }
ul.frontBoxes li div.boxHeader span.right { background-position: right top; }

ul.frontBoxes li div.boxHeader span.center {
    width: 240px;
    text-align: center;
	color: #fff;
    background-position: center top;
    text-shadow: #000 0px 1px 1px;
}

ul.frontBoxes li div.boxContent {
    background-color: #fff;
    color: #111;
    border: 1px solid #797979;
    border-top: none;
}

div.pageMain {
    background: #fff;
    padding: 13px;
    border: 1px solid #fff;
    margin-left: 1px;
    border-top: none;
    overflow: hidden;
}

div.pageMain img.mainAd {
    margin-bottom: 10px;
}

div.pageMain div.mainContent {
    width: 600px;
    overflow: hidden;
}

div.pageMainBottom {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    height: 10px;
    margin-left: 1px;
    margin-bottom: 20px;
    background: url(../img/backgrounds/pageMainBottom.png) no-repeat center bottom;
}

ul.companySpec {
    list-style: inside square;
    margin: 10px 0;
    margin-bottom: 15px;
}

ul.companySpec li {
    margin-bottom: 2px;
    color: #555;
}

ul.qualityPolicy {
    list-style: inside square;
    margin: 10px 0;
    margin-bottom: 15px;
}

ul.qualityPolicy li {
    margin-bottom: 2px;
    color: #555;
}

ul.financingDebtRelease {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 10px 0;
}

div.openingHours {
    float: right;
    width: 300px;
}

table.openingHours {
    width: 100%;
}

table.openingHours td {
    padding: 4px 0;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
}

table.openingHours tbody td.right {
    text-align: right;
}

form.contactForm {
    float: left;
}

ul.contactForm {
    width: 330px;
    margin-top: 10px;
}

ul.contactForm li {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

ul.contactForm li label {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 11px;
    margin-top: 6px;
    margin-bottom: 5px;
}

ul.contactForm li input.text,
ul.contactForm li textarea.text,
ul.contactForm li select {
    float: left;
    width: 300px;
}

ul.contactForm li select {
    width: auto;
}

ul.contactForm div.contactResponse {
    float: right;
    width: 250px;
    display: none;
    font-size: 11px;
    margin-right: 22px;
    text-align: right;
}

form.reparationStatus div.loading {
    display: none;
    background: url(../img/backgrounds/loading.gif) no-repeat center center;
    width: 20px;
    height: 23px;
    float: left;
}

form.reparationStatus input.bSubmit {
    float: left;
}

form.reparationStatus input#regNo {
    text-transform: uppercase;
}

div.statusResponse {
    margin-top: 10px;
}

ul.expressDefinition {
    list-style: inside square;
}

ul.expressDefinition li {
    color: #555;
    margin-bottom: 2px;
}

div.slideShow {
    position:relative;
    height: 250px;
    margin-bottom: 10px;
}

div.slideShow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

div.slideShow img.active {
    z-index:10;
}

div.slideShow img.last-active {
    z-index:9;
}

div.logos {
    float: left;
    margin-left: 20px;
    text-align: center;
}

div.logos img {
    margin: 0 auto;
}

ul.staff li {
    margin-bottom: 20px;
    width: 370px;
}

ul.staff li img {
    margin-bottom: 8px;
}

ul.staff li.left {
    float: left;
    margin-right: 13px;
}

ul.staff li.right {
    float: right;
}

ul.staff li.last {
    margin-right: 0;
}

ul.staff li div.info {
    float: left;
}

ul.staff li h2 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
}

ul.staff li p.title {
    font-size: 11px;
}

ul.staff li p.email a {
    font-size: 11px;
    margin: 0;
}