.spacer {
	clear: both;
	margin: 0;
	padding: 0;
}

BODY, P, TD, TH {
	color : Black;
	background-color : transparent;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif, sans-serif;
	font-size : small;
	vertical-align : top;
}

BODY {
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : #FFFFFF;
}

p, h1, h2, h3, h4, h5, h6 {
	position: relative;
}

DIV.margin {
 	width : 95%;
	margin-right : auto;
	margin-left : auto;
}

A {
	color : Blue;
	background-color : transparent;
}

A:HOVER {
	color : Red;
	background-color : transparent;
}

IMG {
	border : none;
}

FORM {
	margin-bottom : 0px;
}

TABLE.data {
	margin-left : auto;
	margin-right : auto;
}

 TABLE.data TH {
	background-color : #00008B;
	color : White;
	font-weight : bold;
	text-align : left;
}

TABLE.data TR.row1 TH, TABLE.data TR.row2 TH {
	font-weight : bold;
	text-align : right;
	color : Black;
	background-color : transparent;
}

TABLE.data TD, TABLE.data TH  {
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 2px;
	padding-top : 2px;
}

TABLE.data TR.row1 TD, TABLE.data TR.row1 TH {
	background-color : #E5F3FF;
}

TABLE.data TR.row2 TD, TABLE.data TR.row2 TH {
	background-color : #D4EBFF;
}

TABLE.data TR.rowYellow TD, TABLE.data TR.rowYellow TH {
	background-color : yellow;
}

TABLE.data TR.row1 TD.center,  TABLE.data TR.row2 TD.center {
	text-align : center;
}

TABLE.data TD.jobdescription {
	font-style : italic;
}

H1, H2, H3, H4, H5, H6 {
	text-transform : lowercase;
	font-weight : normal;
}

TABLE.lrsplit {
	margin-left : auto;
	margin-right : auto;
	width : 100%;
}

TABLE.lrsplit TD.left {
	border-right-color : #00008B;
	border-right-style : dotted;
	border-right-width : thick;
	padding-right : 10px;
	width : 50%;
}

TABLE.lrsplit TD.right {
	padding-left : 10px;
	width : 50%;
}

TABLE.topbar {
	width : 100%;
	background-color : #00008B;
}

TABLE.topbar TD {
	background-color : transparent;
	color : White;
}

TABLE.topbar TD.menu {
	margin-left : auto;
	margin-right : 0px;
	text-align : right;
	vertical-align : bottom;
}

TABLE.mainmenu {
	margin-left : auto;
	margin-right : 0px;
}

TABLE.mainmenu TD {
	font-weight : bold;
	color : #FFFFFF;
	padding-right : 10px;
	background-color : transparent;
}

TABLE.mainmenu A {
	color : #FFFFFF;
	border : 1px solid #00008B;
	padding-left : 5px;
	padding-right : 5px;
	background-color : transparent;
}

TABLE.mainmenu A:hover {
	background-color : #E1F1FF;
	border : 1px solid Black;
	padding-left : 5px;
	padding-right : 5px;
	text-decoration : none;
	color : Black;
}

UL.systemStatus LI.up {
	color : Green;
	background-color : transparent;
}

UL.systemStatus LI.down {
	color : Red;
	background-color : transparent;
}

P.error {
	color : Red;
	background-color : transparent;
	font-weight : bold;
}

P.footer {
	font-size : xx-small;
	text-align : center;
}

P.footer SPAN.copyright {
	font-size : x-small;
}

.systemAction {
	text-align : center;
}

SPAN.cardnumber {
	background-color : transparent;
	color : Red;
}

.good {
	color : Green;
	font-weight : bold;
	background-color : transparent;
}

.bad {
	color : Red;
	font-weight : bold;
	background-color : transparent;
}


P.message {
	color : Green;
	font-weight : bold;
	text-align : center;
	background-color : transparent;
}

P.vmenu {
	text-align : center;
}

P.systemupdate {
	margin-left : 10px;
}

P.systemupdate SPAN.date {
	color : #00008B;
	background-color : transparent;
}

.nodata {
	text-align : center;
	font-weight : bold;
}

TABLE.filter {
	border : 2px solid #00008B;
	margin-left : auto;
	margin-right : auto;
	background-color : #D4EBFF;
}

TABLE.jobdetails {
	margin-left : auto;
	margin-right : auto;
}



/* Vehicle Transaction History Table */

TABLE.history {
	margin-left : auto;
	margin-right : auto;
}

 TABLE.history TR.primarydetails TH {
	background-color : #F8DBAF;
	font-size : small;
}

TABLE.history TR.secondarydetails TH {
	background-color : #F9ECD7;
	font-size : x-small;

}

TABLE.history TH {
	color : Black;
	font-weight : bold;
	text-align : left;
	padding-left : 5px;
	background-color : transparent;
}

TABLE.history TD, TABLE.history TH {
	padding-right : 5px;
	padding-bottom : 2px;
	padding-top : 2px;
}

TABLE.history TD {
	padding-left : 10px;
	font-size : x-small;
	background-color : #F5F5F5;
}

TABLE.history SPAN.jobcode {
	color : Blue;
	background-color : transparent;
}

TABLE.history SPAN.mileage {
	font-weight : normal;
}

TABLE.history SPAN.agent {
	font-weight : normal;
}

TABLE.history SPAN.bookeddate {
	font-weight : normal;
}

P.disclaimer {
	font-size : xx-small;
}

TABLE.reject, TABLE.accept {
	margin-left : auto;
	margin-right : auto;
}

DIV.minimenu {
	font-size : x-small;
	text-align : center;
}

H2 {
	color : Red;
	background-color : transparent;
}

/* Usefull stuff for the sekrit docs */

UL.standout LI {
	font-weight : bold;
	padding-bottom : 10px;
}

P.docimage {
	text-align : center;
}

.docimportant {
	font-weight : bold;
}

TABLE.payment {
	margin-left : auto;
	margin-right : auto;
}

TABLE.payment TH {
	color : #0000CD;
	text-align : left;
	background-color : transparent;
}

TABLE.payment TH, TABLE.payment TD {
	padding-bottom : 10px;
	padding-right : 10px;
}

IMG.righthand {
	float : right;
	margin-left : 3px;
	margin-bottom : 3px;
}

P.rvvimage {
	text-align : center;
}

TABLE.shopCategory {
	width : 180px;
	border : 1px solid #B22222;
}

 TABLE.shopCategory TH {
	background-color : #B22222;
	color : White;
	font-weight : bold;
	font-size : small;
	text-align : center;
}

TABLE.shopCategory TD, TABLE.shopCategory TH  {
	padding-bottom : 2px;
	padding-top : 1px;
	padding-left : 6px;
	padding-right : 4px;
}

TABLE.shopCategory TR TD {
	background-color : #F6E3E3;
}

P.shopLogo {
	text-align : center;
}

TABLE.shopLayout {
	width : 100%
}

TABLE.shopLayout TD.left {
	width : 180px;
}

TABLE.shopLayout TD.right {
	width : 100%;
	padding-left : 10px;
}

TABLE.productList {
	margin-left : auto;
	margin-right : auto;
	border : 1px solid #B22222;
}

TABLE.productList TH {
	background-color : #B22222;
	color : White;
	font-weight : bold;
	font-size : medium;
	text-align : left;
}

TABLE.productList TD, TABLE.productList TH  {
	padding-bottom : 1px;
	padding-top : 1px;
	padding-left : 2px;
	padding-right : 2px;
}

TABLE.productList TD.productCode {
	font-size : x-small;
}

TABLE.productList TD.salePrice {
	font-size : medium;
	font-weight : bold;
	text-align : right;
}

TABLE.productList SPAN.phoneNumber, TABLE.productList SPAN.quoteText {
	font-weight : bold;
}

TABLE.productList TD.order {
	text-align : center;
}

H2.categoryTitle {
	color : Black;
	font-weight : bold;
	text-transform : none;
	margin-top : 1px;
	text-align : center;
}

IMG.product {
	float : left;
	margin-right : 5px;
	margin-bottom : 5px;
}

.shopDiscount {
	color : Red;
	font-weight : bold;
	text-align : center;
	font-size : medium;
}

.center {
	text-align : center;
}

table.voucher {
	border-collapse : collapse;
}

table.voucher td, table.voucher th {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

table.voucher th {
	text-align : left;
	background-color : black;
	color : white;
	white-space : nowrap;
}

table.voucher td {
	border : solid 1px black;
}

table.voucher TD.authcode {
	font-weight : bold;
	text-align: center;
}

div.notice {
	background-color: #E3E6C7;
	border: 1px dotted #333;
	padding: 5px;
}

div.notice h2 {
	margin-top : 0px;
}

/* Form Layout */

div.row {
  clear: both;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  text-align: right;
}

/* Marketplace */

#marketplacecheckout div.row span.label {
  width: 200px;
}

#shopmenu {
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : Black;
	border-top-color : Black;
	border-top-style : solid;
	border-top-width : 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
}

#shopmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}

/* Error Reporting */
div.errorbox {
	border: 0.2em solid red;
	background-color: #FFCCCC;
	margin: 1em;
	padding: 0.5em;
}

div.errorbox p {
	font-weight: bold;
}

.poserror {
	background-color: #ffcccc;
	border: 1px solid red;
}

.inputerror {
	color: red;
}

.infobox {
	clear: both;
	border: 2px solid Green;
	margin-bottom: 1em;
	background-color: #F2FFF2;
	padding: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

/* News System */

#postlist {
	list-style-type : none;
	margin-left: 0px;
}

#postlist li.post {
	margin-bottom: 10px;
}

div.news {
	margin-top: 1em;
}

div.news .post h3, .post h2 {
	background-color : Red;
	color : White;
	margin-bottom: 0px;
}

div.news .post .abstract {
	margin-bottom: 10px;
}

div.news .post div.postfooter {
	background-color : #cccccc;
	text-align: right;
	width: 100%;
}

div.news .post div.postfooter span.postdate {
	float: left;
}

div.news #historynav {
	text-align: center;
}

/* ----------------------------------------------------------------------- */
/* Healthcheck form														   */
/* ----------------------------------------------------------------------- */

div.healthcheck {
	background-color: white;
	border: 1px solid black;
	padding: 10px;
}

#hcdetails {
	border: 1px solid black;
	margin-bottom: 10px;
	padding: 10px;
}

div.healthcheck table {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-collapse: collapse;
}

div.healthcheck table tr th {
	background-color : Black;
	color: White;
	padding-left: 4px;
	padding-right: 4px;
}

div.healthcheck tr td {
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid black;
}

div.buttonbar {
	margin-top: 10px;
	text-align: center;
}

div.healthcheck div.row {
	margin-bottom: 10px;
}

div.healthcheck div.row span.label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

ul.formatted li {
	margin-bottom: 1em;
}

	table.valuepair th {
		width: 30%;
		text-align: right;
		padding-right: 1em;
		color: black;
		background-color: #88c5ff;
		vertical-align: top;
	}


/* Invoicing */


div.invoice {

}

table.invHeader {
	width: 100%;
}

table.invHeader td {
	width: 50%;
}

table.invHeader td.invOp {
	text-align: right;
}

table.invIdentity {
	width: 100%;
	margin-bottom: 1.5em;
}

table.invIdentity td.invToAddress {
	width: 50%;
	padding-bottom: 1.5em;
}

table.invIdentity td.invFromAddress {
	width: 50%;
}

table.invIdentity td.invFromHeader {
	width: 50%;
}


table.invIdentity td.invFromHeader table th {
	text-align: left;
}

table.invDetail {
	border-top: 1px solid black;
	border-right: 1px solid black;
	width: 100%;
	border-collapse: collapse;
}

table.invDetail tr.invDetailHeader td, table.invDetail tr.invDetailHeader th {
	border: 1px solid black;
}

table.invDetail tr.invDetailHeader th {
	border-bottom: none;
}

table.invDetail tr.invDetailHeader td {
	border-top: none;
	text-align: center;
}

table.invDetail tr.invLineHeader th {
	border-bottom: none;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

table.invDetail tr.invLineItem td {
	padding-left: 1em;
	text-align: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

table.invDetail td.invAmount, table.invDetail tr.invLineItem td.invAmount {
	text-align: right;
	padding-right: 2em;
}

table.invDetail tr.invTotalDue td.invAmount {
	border: 3px solid black;
}

table.invDetail tr.invTotal td, table.invDetail tr.invTotal th {
	border-top: 1px solid black;
}


table.invDetail tr.invTotal th, table.invDetail tr.invTax th, table.invDetail tr.invTotalDue th {
	text-align: right;
	padding-right: 1em;
}

table.invDetail tr.invTotal td.invAmount, table.invDetail tr.invTax td.invAmount {
	border: 1px solid black;
}

/* Job Card */

div.writingline {
	width: 100%;
	padding-bottom: 1.5em;
	border-bottom: 1px solid black;
}

div.writingline div.writinglinehelp {
	font-size: smaller;

}

/* Item list for job page */

tr.authorised td {
	font-weight: bold;
}






