@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover, a:active {
	color: #FF0000;
	text-decoration: underline;
}

body {
	background: url(../graphics/main/bg.jpg) left top #eaeaea repeat-x;
}

#topWrapper {
	position: relative;
	width: 750px;
	margin: auto;
	background-color: #FFFFFF;
}

#left-side {
	position: absolute;
	width: 223px;
	height: 341px;
	left: -223px;
	background: url(../graphics/main/left-side.jpg) left top no-repeat;
}

#right-side {
	position: absolute;
	width: 223px;
	height: 341px;
	left: 750px;
	background: url(../graphics/main/right-side.jpg) left top no-repeat;
}

#header {
	width: 750px;
	height: 90px;
	background: url(../graphics/main/header.jpg) left top no-repeat;
}

#header #bookBtn {
	position: absolute;
	width: 215px;
	height: 90px;
	left: 529px;
}

#homeNavBox {
	width: 750px;
	height: 32px;
	background: url(../graphics/main/header-bg2.jpg) left top no-repeat;
}

.navItem a {
	font-size: 8px;
	cursor: pointer;
}

.navItem a:hover span {
	background-position: left bottom;
}

.navHome {
	position: relative;
	left: 6px;
	width: 58px;
	height: 14px;	
}

.navHome a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/home.gif) left top no-repeat;
}

#mainNavBox {
	position: relative;
	width: 750px;
	height: 14px;
}

.navMOT {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 64px;
	height: 14px;
}

.navMOT a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/mot.gif) left top no-repeat;
}

.navService {
	position: absolute;
	top: 0px;
	left: 64px;
	width: 86px;
	height: 14px;
}

.navService a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/service.gif) left top no-repeat;
}

.navTyres {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 75px;
	height: 14px;
}

.navTyres a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/tyres.gif) left top no-repeat;
}

.navBatteries {
	position: absolute;
	top: 0px;
	left: 225px;
	width: 108px;
	height: 14px;
}

.navBatteries a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/batteries.gif) left top no-repeat;
}

.navClutches {
	position: absolute;
	top: 0px;
	left: 333px;
	width: 107px;
	height: 14px;
}

.navClutches a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/clutches.gif) left top no-repeat;
}

.navBrakes {
	position: absolute;
	top: 0px;
	left: 440px;
	width: 89px;
	height: 14px;
}

.navBrakes a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/brakes.gif) left top no-repeat;
}

.navEngines {
	position: absolute;
	top: 0px;
	left: 529px;
	width: 96px;
	height: 14px;
}

.navEngines a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/engines.gif) left top no-repeat;
}

.navGearboxes {
	position: absolute;
	top: 0px;
	left: 625px;
	width: 125px;
	height: 14px;
}

.navGearboxes a span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/nav/gearboxes.gif) left top no-repeat;
}


#pageWrapper {
	margin: auto;
	width: 756px;
	padding-left: 6px;
	background: url(../graphics/main/page-bg-outer.gif) left top repeat-y; 
}

#page {
	width: 738px;
	padding: 55px 6px 0px 6px;
	background: url(../graphics/main/page-bg.jpg) left top no-repeat;
}

#content {
	padding: 0 10px 0 10px;
}

#footer {
	margin: auto;
	width: 750px;
	height: 28px;
	padding: 0px 6px 0px 6px;
	text-align: center;
	line-height: 37px;
	font-size: 10px;
	color: #666666;
	background: url(../graphics/main/footer-shadow.gif) left top no-repeat;
}

#homeBoxes {
	position: relative;
	width: 738px;
	height: 151px;
}

#homeBoxes span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../graphics/main/home-boxes.gif) left top no-repeat;
}

#addressBox {
	width: 738px;
	padding: 20px 0 0 0;
	font-weight: bold;
}

.addressBoxLeft {
	float: left;
	width: 226px;
	text-align: left;
	padding-left: 20px;
}

.addressBoxRight {
	float: left;
	width: 226px;
	text-align: right;
	padding-right: 20px;
}

.addressBoxMiddle {
	float: left;
	width: 244px;
	text-align: center;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

.largeEmail {
	color: #FF0000;
	width: 738px;
	margin-top: 10px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.guaranteeBar {
	margin: 20px 0 20px 0;
}

.pageImage {
	float: right;
	margin: 0 0 10px 10px;
}

ul {
	list-style: url(../graphics/main/bullet.gif);
	margin: 0 0 15px 25px;
}

ul li {
	margin-bottom: 5px;
	font-weight: bold;
}




.left {
	float: left;
}

.clear {
	clear: both;
}