body, td, tr, img, form, input, textarea {margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#000}

body {background:url(images/bg.png) top center repeat;}

p, h1, h2, h3 {margin:0px 0px 15px 0px}

h1 {font-size:20px; line-height:24px}
h2 {font-size:16px; line-height:20px}
h3 {font-size:14px; line-height:18px}
h4 {font-size:11px; line-height:18px}

#wrap {width:991px; margin:0 auto}
#header {float:left; width:991px; height:132px; background:url(images/header.jpg) top right no-repeat}
#header .logo {float:left}

#nav {float:left; width:991px; height:33px}

ul.menu, ul.menu li {list-style: none; margin: 0; padding: 0; display: inline}
ul.menu a {text-indent:-9999px}

a.navHome{display:block; float:left; width:116px; height:33px; background: url("images/navSprite.png"); background-repeat:no-repeat}
a.navHome:hover{background: url("images/navSprite.png") 0 -33px}
a.navAbout{display:block; float:left; width:123px; height:33px; background: url("images/navSprite.png") -116px 0px; background-repeat:no-repeat}
a.navAbout:hover{background: url("images/navSprite.png") -116px -33px}
a.navServicing{display:block; float:left; width:161px; height:33px; background: url("images/navSprite.png") -239px 0px; background-repeat:no-repeat}
a.navServicing:hover{background: url("images/navSprite.png") -239px -33px}
a.navMOT{display:block; float:left; width:148px; height:33px; background: url("images/navSprite.png") -400px 0px; background-repeat:no-repeat}
a.navMOT:hover{background: url("images/navSprite.png") -400px -33px}
a.navTyres{display:block; float:left; width:94px; height:33px; background: url("images/navSprite.png") -548px 0px; background-repeat:no-repeat}
a.navTyres:hover{background: url("images/navSprite.png") -548px -33px}
a.navBrakes{display:block; float:left; width:106px; height:33px; background: url("images/navSprite.png") -642px 0px; background-repeat:no-repeat}
a.navBrakes:hover{background: url("images/navSprite.png") -642px -33px}
a.navExhausts{display:block; float:left; width:117px; height:33px; background: url("images/navSprite.png") -748px 0px; background-repeat:no-repeat}
a.navExhausts:hover{background: url("images/navSprite.png") -748px -33px}
a.navContact{display:block; float:left; width:126px; height:33px; background: url("images/navSprite.png") -865px 0px; background-repeat:no-repeat}
a.navContact:hover{background: url("images/navSprite.png") -865px -33px}

#page {float:left; width:991px; background:url(images/page-bg.png) top left repeat-y #fff; padding-bottom:0px; border-bottom:1px solid #7a7a7a}
#pagecontent {width:950px; min-height:260px; margin:22px auto 22px auto}
#pagecontent2 {background:url(images/greygradient.png) top left repeat-x #e2e2e2; float:left; padding:17px}

#secondarynav {width:183px; height:226px; float:left}

#secondarynav ul, #secondarynav ul li {list-style: none; margin: 0; padding: 0; display: inline}
#secondarynav ul a {text-indent:-9999px}

.secondarynavcontent {float:left; width:733px; height:226px; background:url(images/mainnavbg-servicing.jpg); color:#fff; display:block}
.secondarynavcontent h1 {margin:20px 0px 15px 25px}
.secondarynavcontent h2 {margin:20px 0px 15px 25px; font-size:20px; line-height:24px}
.secondarynavcontent p {margin:0px 0px 15px 25px; width:425px}

#intro-tyres, #intro-brakes, #intro-aircon, #intro-mot {display:none}

#intro-servicing {float:left; width:733px; height:226px; background:url(images/mainnavbg-servicing.jpg); color:#fff}
#intro-servicing h1 {margin:20px 0px 15px 25px}
#intro-servicing h2 {margin:20px 0px 15px 25px; font-size:20px; line-height:24px}
#intro-servicing p {margin:0px 0px 15px 25px; width:425px}

.pagemaincontent {float:left; width:713px; min-height:226px; padding:0px 0px 0px 20px}
.pagemaincontent2 {float:left; background:#fff; width:713px}
.pagemaincontent h1 {margin:20px 25px 15px 25px}
.pagemaincontent h2 {margin:0px 25px 15px 25px}
.pagemaincontent p {margin:0px 25px 15px 25px}

.pagemaincontent2.tyres {float:left; width:713px; min-height:226px; padding:0px; background:url(images/tyres-bg.jpg) top right no-repeat #fff}
.pagemaincontent2.tyres p {width:390px}

a#secondarynavServicing{display:block; float:left; width:183px; height:45px; background: url("images/secondarynavSprite.png") 0px 0px; background-repeat:no-repeat}
a#secondarynavServicing:hover{background: url("images/secondarynavSprite.png") -183px 0px}
a#secondarynavTyres{display:block; float:left; width:183px; height:45px; background: url("images/secondarynavSprite.png") 0px -45px; background-repeat:no-repeat}
a#secondarynavTyres:hover{background: url("images/secondarynavSprite.png") -183px -45px}
a#secondarynavBrakes{display:block; float:left; width:183px; height:45px; background: url("images/secondarynavSprite.png") 0px -90px; background-repeat:no-repeat}
a#secondarynavBrakes:hover{background: url("images/secondarynavSprite.png") -183px -90px}
a#secondarynavAirCon{display:block; float:left; width:183px; height:45px; background: url("images/secondarynavSprite.png") 0px -135px; background-repeat:no-repeat}
a#secondarynavAirCon:hover{background: url("images/secondarynavSprite.png") -183px -135px}
a#secondarynavMOT{display:block; float:left; width:183px; height:46px; background: url("images/secondarynavSprite.png") 0px -180px; background-repeat:no-repeat}
a#secondarynavMOT:hover{background: url("images/secondarynavSprite.png") -183px -180px}

a {font-weight:bold; color:#000; text-decoration:none}
a:hover {text-decoration:underline}

.highlight {color:#ffc82e}
.highlight a {color:#ffc82e}

#lowercontent {width:950px; margin:22px auto 22px auto}
.threeboxes {float:left; width:302px; margin-right:22px; background:url(images/greygradient.png) 0px 155px repeat-x #e2e2e2; min-height:348px}
.threeboxes h2 {margin:20px 15px 15px 15px}
.threeboxes p {margin:0px 15px 15px 15px}
.threeboxes a {font-size:12px}

#footerlinks {width:950px; margin:0 auto; clear:both; padding:22px 0px 0px 0px; font-size:10px}
#footerlinksbg {width:950px; background:url(images/greygradient.png) top left repeat-x #e2e2e2; float:left; padding:0px 0px 15px 0px}

#footerlinks h3 {margin:22px 0px 15px 22px}
#footerlinks ul {float:left; margin:0px 0px 0px 22px; padding:0; list-style:none; width:210px}
#footerlinks li {margin:0; padding:0; list-style:none}
#footerlinks li a {color:#333; font-weight:normal}
#footerlinks li strong a {font-weight:bold; font-size:12px}

#footer {width:991px; margin:0 auto; clear:both; padding:22px 0px 0px 0px; font-size:10px; color:#fff; height:120px}
#footer a {color:#ffc82e}
#footer p {padding-left:42px}

#footersmicons {float:right; width:215px; height:16px; padding:16px 16px 0 0}
#footersmicons a {margin-right:6px; float:left}

#footertextlink {float:left; clear:both; width:100%; text-align:center; line-height:22px; font-size:10px; font-weight:bold}

#headersmicons {float:left; width:215px; height:16px; padding:87px 0 0 370px}
#headersmicons a {margin-right:6px; float:left}

.container {float:left; margin:-10px 25px 5px 25px}

h4.trigger {
	padding: 10px 0 0 20px;
	margin: 0px 0 5px 0;
	width: 643px;
	float: left;
	border-top: 1px solid #bbcfe5;
	height: auto;
	line-height: 18px;
	background:url(images/showhide.png) 0px 3px no-repeat;
}
h4.trigger a {
	text-decoration: none;
	display: block;
}
h4.trigger a:hover {
	text-decoration:underline
}
h4.active {background:url(images/showhide2.png) 0px 3px no-repeat}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 663px;
	clear: both;
}
.toggle_container .block {
	padding: 0px 0px 0px 20px;
}
.toggle_container .block p {
	padding:0;
	margin:0px 0px 15px 0px;
	width:100%
}
