body {
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #ECE9E5;
}

body * {
	margin: 0;
	padding: 0;
	text-decoration: none;
}


#wrap {
	width: 700px;
	text-align: left;
	background:#fff;
	padding: 3px;
	margin: 0 auto;
	border: 1px solid #D5D3D0;
}

/*div {
	border: 1px solid #f00;
}*/

.hidden {
	display:none;
}

/* =comingsoon ------------------------------------------------------------------ */

#comingsoon {
	background: #ECF5CA;
	padding: 5px;
	border: 1px solid #B2D62B;
	color: #222;
}

#comingsoon p {
	font-size: 0.8em;
	font-weight: bold;
}

#comingsoon a {
	color: #222;
	text-decoration: underline;
}

#comingsoon a:hover {
	text-decoration:none;
}

/* =header ------------------------------------------------------------------ */

#header h1 {
	text-indent: -10000px;
	float: left;
	padding-right: 8px;
	padding-top:6px;
}

#header h1 a {
	background: url("../img/logo.gif") left top no-repeat;
	width: 95px;
	height: 46px;
	display: block;
}

#header .cars, #header .mobility, #header .taxis {
	text-indent: -10000px;
	float: left;
	padding-right: 4px;
}

#header .cars a {
	background: url("../img/button_cars.gif") left top no-repeat;
	width: 107px;
	height: 54px;
	display: block;
}

#header .mobility a {
	background: url("../img/button_mobility.gif") left top no-repeat;
	width: 107px;
	height: 54px;
	display: block;
}

#header .taxis a {
	background: url("../img/button_taxis.gif") left top no-repeat;
	width: 107px;
	height: 54px;
	display: block;
}

#header .cars a:hover, #header .mobility a:hover, #header .taxis a:hover {
	background-position: left bottom;
}

/* change background position of button for active page */

#cars #header .cars a, #mobility #header .mobility a, #taxis #header .taxis a {
	background-position: left bottom;
}

#header ul {
	float: left;
	padding-left: 10px;
}

#header ul li {
	list-style:none;
	margin-right: 6px;
	display: inline;
}

#header ul li a {
	background: url("../img/bullet_blue.gif") left 7px no-repeat;
	padding-left: 8px;
	font-size: 0.8em;
	color: #6D7786;
}


#header ul li a:hover {
	text-decoration: underline;
}

#header fieldset {
	float: left;
	border: 0;
	margin-left: 6px;
	margin-top: 10px;
}

#header #searchBox {
	float: left;
	width: 180px;
	padding:2px;
	border: 1px solid #aaa;
	color: #aaa;
}

#header #submit {
	/*float: right;*/
	margin: 0 1em 0 5px;
}

#header #searchBox:focus {
	background: #ffc;
	color: #000;
}


/* =content ------------------------------------------------------------------ */

#content {
	clear: both;
	margin-top: 10px;
	width: 100%;
   	float: left;
	padding-bottom: 10px;
}

#content table {
	width: 700px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 1em;
}

/* table boxes ------------------------------------------------------------------ */

.tableBox1 {
	width: 400px;
}

.tableBox2 {
	background:#F1F2F3; 
	vertical-align:top; 
	width: 260px;
}

.tableBox3 {
	background:#F3F3F3; 
	padding: 6px;
}

.tableBox4 {
	background:#E6E7E8; 
	padding: 6px;
}

.tableBox5 {
	/* see .maincontent */
}

.tableBox6 {
	background:#F1F2F3; 
	vertical-align: top; 
	width: 260px;
}

.tableBox6 ul {
	margin-left: 2em;
}

/* style for ads */

.tableBox6 .ad {
	padding: 6px;
	border-bottom: 1px solid #fff;
	clear: both;
	/*height: 80px;*/
}

.tableBox6 .ad img { 
	float: left;
	padding-right: 10px;
}

.tableBox6 .ad a {
	font-size: 1.0em;
	font-weight: bold;
}

#cars .tableBox6 .ad a {
	color: #C6006E;
}

#mobility .tableBox6 .ad a {
	color: #B0C931;
}

#taxis .tableBox6 .ad a {
	color: #0072B9;
}

#other .tableBox6 .ad a {
	color: #888888;
}


/* set colours of the table contents depending on the body id
using these colours...

cars.............. #C6006E
mobility.......... #B0C931
taxis............. #0072B9
other............. #888888 */

/* colour classes ---------------------------------------------------------------- */

.colorCars {
	color: #C6006E;
}

.colorMobility {
	color: #B0C931;
}

.colorTaxis {
	color: #0072B9;
}

.colorOther {
	color: #888888;
}

#cars #content table h2, #cars #content table h3 {
	color: #C6006E;
}

#mobility #content table h2, #mobility #content table h3 {
	color: #B0C931;
}

#taxis #content table h2, #taxis #content table h3 {
	color: #0072B9;
}

#other #content table h2, #other #content table h3 {
	color: #888888;
}

#content table #menu ul {
	margin-left: 10px;
	margin-top: 10px;
}

#content table #menu ul li {
	list-style: none;
}

#content table #menu ul li a {
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
	background: url("../img/bullet_rightarrow.gif") left center no-repeat;
	padding-left: 20px;
	
}

#content .maincontent {
	font-size: 0.9em;
	padding: 10px;
}

#content .maincontent p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

#content .maincontent img {
	float: left;
	padding: 16px;
}

#content .maincontent ul {
	margin-left: 2em;
}

#cars #content .maincontent a {
	color:#C6006E;
	text-decoration: underline;
}

#mobility #content .maincontent a {
	color: #B0C931;
	text-decoration: underline;
	font-weight: bold;
}

#taxis #content .maincontent a {
	color: #0072B9;
	text-decoration: underline;
}

#other #content .maincontent a {
	color: #888888;
	text-decoration: underline;
}

#content .maincontent a:hover {
	text-decoration: none !important;
}

#content table #menu ul .stock {
	margin-top: 1em;
}

#cars #content table #menu ul li a:hover {
	color: #C6006E;
}

#mobility #content table #menu ul li a:hover {
	color: #B0C931;
}

#taxis #content table #menu ul li a:hover {
	color: #0072B9;
}

#other #content table #menu ul li a:hover {
	color: #888888;
}

#content .maincontent #enquiryTable {
	width:390px;
}
	
#content .maincontent #enquiryTable tr td {
	padding: 6px;
}

/* =stockList ------------------------------------------------------------------ */

#content #stockList {
	margin: 1em;
}

#stockList .vehicle {
	clear: both;
	padding: 1em;
}

#stockList .vehicle a {
	border: none;
}

#stockList .vehicle img {
	border: 1px solid #D5D3D0;
	padding: 3px;
	margin-right: 5px;
}

#stockList .title {
	font-size: 1.2em;	
}

#cars #stockList .title {
	color: #C6006E;
}

#mobility #stockList .title {
	color: #B0C931;
}

#taxis #stockList .title {
	color: #0072B9;
}

#stockList .description {
	font-size: 0.7em;
}

#cars #stockList .description a {
	color: #C6006E;
}

#mobility #stockList .description a {
	color: #B0C931;
}

#taxis #stockList .description a {
	color: #0072B9;
}

#other #stockList .description a {
	color: #888888;
}

#stockList a:hover {
	text-decoration: underline;
}

#stockList #pageNavigation  {
	padding: 1em;
	float: left;
}


#pageNaviagtion ul li {
	display: inline;
	list-style: none;
}

#pageNaviagtion ul li a {
	border: 1px solid #D5D3D0;
	color: #aaa;
	font-size: 0.8em;
	padding: 3px 6px;
}

#pageNaviagtion ul li a:hover {
	background: #D5D3D0;
	color: #fff;
}

#pageNavigation ul .active {
	color: #000;
	font-size: 0.8em;
	padding: 3px 6px;
}

#pageInformation {
	margin: 1em;
}

#pageInformation p {
	background: url("../img/icon_info.gif") left center no-repeat;
	padding-left: 20px;
	font-size: 0.7em;
}

#pageInformation p a {
	border-bottom: 1px solid #D5D3D0;
}

#pageInformation p a:hover {
	text-decoration: underline;
}

/* =footer ------------------------------------------------------------------ */

#footer {
	clear: both;
	width: 694px;
	background: #606060;
	overflow: auto;
	color: #fff;
	font-size: 0.7em;
	padding: 3px;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

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

#footer .footerLeft {
	width: 50%;
	float: left;
}

#footer .footerRight {
	width: 50%;
	float: right;
	text-align: right;
}