/* CSS Document */

/* Normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset, legend,
input, p, blockquote, caption, th, td
{ margin: 0; padding: 0; border: 0; outline: none; position:relative; }

/* Normalises heading font sizes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }


/* Normalises table borders */
table
{
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid;
}

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Centre-aligns text in caption and th */
caption, th
{ text-align: center; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font: 1em Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 959px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	border: 1px solid #888a8c;
	position: relative;
}

/* Start top navigation */
#nav1 {
	height: 38px;
	text-align: right;
	font-size: 75%;
	font-weight: bold;
}
#nav1 #logo {
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav1 ul {
	padding-top: 15px;
}
#nav1 li {
	display: inline;
	margin-right: 16px;
}
#nav1 a:link, #nav1 a:visited {
	color: #666666;
	text-decoration: none;
}
#nav1 a:hover, #nav1 a:active {
	color: #999999;
}
#homepage #nav1 #homelink, #contactpage #nav1 #contactlink, #aboutpage #nav1 #aboutlink, 
#loyaltypage #nav1 #loyaltylink, #landingpage #nav1 #homelink {	/* You are here hint - uses hover colour for text */
	color: #999999;
}
/* End top navigation */

/* Start main navigation */
#nav2 {
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	height: 38px;
}
#nav2 ul {
	padding-top: 12px;
}
#nav2 li {
	display: inline;
	margin-right: 24px;
}
#nav2 a:link, #nav2 a:visited {
	color: #e8e8e8;
	text-decoration: none;
}
#nav2 a:hover, #nav2 a:active {
	color: #bababa;
}

#motpage #nav2 #motlink, #servicepage #nav2 #servicelink,  
#repairpage #nav2 #repairlink, #renaultpage #nav2 #renaultlink, #diagnosticpage #nav2 #diagnosticlink,
#airconpage #nav2 #airconlink, #tyrespage #nav2 #tyreslink {	/* You are here hint - uses hover colour for text */
	color: #bcbcbc;
}
/* Main nav bg images */
#homepage #nav2, #landingpage #nav2 { 
	background: url(../images/contact_nav2_bg.jpg) no-repeat;
}
#motpage #nav2 { 
	background: url(../images/mot_nav2_bg.jpg) no-repeat;
}
#servicepage #nav2 { 
	background: url(../images/service_nav2_bg.jpg) no-repeat;
}
#repairpage #nav2 { 
	background: url(../images/repairs_nav2_bg.jpg) no-repeat;
}
#renaultpage #nav2 { 
	background: url(../images/renault_nav2_bg.jpg) no-repeat;
}
#diagnosticpage #nav2 { 
	background: url(../images/diagnostic_nav2_bg.jpg) no-repeat;
}
#airconpage #nav2 { 
	background: url(../images/aircon_nav2_bg.jpg) no-repeat;
}
#tyrespage #nav2 { 
	background: url(../images/tyres_nav2_bg.jpg) no-repeat;
}
#contactpage #nav2 { 
	background: url(../images/contact_nav2_bg.jpg) no-repeat;
}
#aboutpage #nav2 { 
	background: url(../images/about_nav2_bg.jpg) no-repeat;
}
#loyaltypage #nav2 { 
	background: url(../images/loyalty_nav2_bg.jpg) no-repeat;
}
/* End main navigation */

/* Start header */
#header {
	height: 256px;
	position: relative;
}
#header h2 {
	position: absolute;
	right: 44px;
	bottom: 0px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font: 140% Arial, Helvetica, sans-serif;
	z-index: 10;
}
#contactpage #header h2 {
	right: 26px;
}
#header p {
	margin: 0px;
	padding: 0px;
}

/* Start header bg images */
#homepage #header, #landingpage #header {
	background: url(../images/contact_bg.jpg) no-repeat;
}
#motpage #header {
	background: url(../images/mot_bg.jpg) no-repeat;
}
#servicepage #header {
	background: url(../images/service_bg.jpg) no-repeat;
}
#repairpage #header {
	background: url(../images/repairs_bg.jpg) no-repeat;
}
#renaultpage #header {
	background: url(../images/renault_bg.jpg) no-repeat;
}
#diagnosticpage #header {
	background: url(../images/diagnostic_bg.jpg) no-repeat;
}
#airconpage #header {
	background: url(../images/aircon_bg.jpg) no-repeat;
}
#tyrespage #header {
	background: url(../images/tyres_bg.jpg) no-repeat;
}
#contactpage #header {
	background: url(../images/contact_bg.jpg) no-repeat;
}
#aboutpage #header {
	background: url(../images/about_bg.jpg) no-repeat;
}
#loyaltypage #header {
	background: url(../images/loyalty_bg.jpg) no-repeat;
}
/* End header */

/* Start left column */
#leftcol {
	width: 270px;
	position: absolute;
	left: 0px;
	top: 338px;
	font-size: 70%;
	padding-top: 0px;
}
#leftcol h1 {
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 16px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 220%;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
}
#leftcol h1.testim {
	font-size: 190%;
}
#leftcol h3 {
	font-size: 160%;
	color: #005300;
	margin-left: 30px;
}
#leftcol p {
	margin-bottom: 1em;
	margin-left: 2.5em;
	font-weight: bold;
}
#leftcol cite {
	margin-left: 30px;
	font-size: 110%;
}
#leftcol li {
	list-style-type: none;
	font-size: 130%;
	margin-top: 0.5em;
	margin-left: 30px;
}
#leftcol #leftcollogo {
	text-align: center;
	margin-left: 0px;
	margin-top: 2em;
}
#leftcol #offers {
	font-size: 140%;
	font-weight: bold;
	color: #005300;
}
#leftcol ul+p {
	font-weight: bold;
	margin-top: 1em;
}
#leftcol #socialmedia {
	margin-top: 1em;
	margin-left: 2em;
}

#leftcol #socialmedia li {
	display: inline;
	margin-left: 2em;
}



/* End left column */

/* Start main content centre column */
#content {
	margin-right: 225px;
	margin-left: 280px;
	border-right: 1px solid #888a8c;
	border-left: 1px solid #888a8c;
	padding-top: 4px;
	padding-bottom: 1em;
	margin-top: 16px;
}
#content h1 {
	color: #005300;
	font-size: 100%;
	margin-left: 0.5em;
	border-bottom: 1px solid #005300;
	margin-right: 1em;
	background: #DDEEDD;
	padding: 0.15em 0.15em 0.15em 0.3em;
	margin-top: 0px;
}
#content h1+p {
	font-weight: bold;
}

#content h2 {
	font-size: 100%;
	color: #005300;
	margin-left: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #005300;
	margin-right: 1.25em;
}
#content h2+p {
	font-weight: bold;
}
#content h3 {
	font-size: 80%;
	font-weight: bold;
	color: #005300;
	margin-left: 1em;
}
#content p {
	font-size: 80%;
	margin-left: 1.25em;
	margin-right: 1em;
	line-height: 140%;
	margin-bottom: 1em;
}
#content ul {
	margin-left: 3em;
	margin-bottom: 1em;
	margin-right: 2em;
	font-size: 80%;
	line-height: 140%;
}
#content ul li {
	margin-top: 0.2em;
	margin-bottom: 0.75em;
	list-style: disc;
}
#content dt {
	font-size: 80%;
	font-weight: bold;
	color: #A00000;
	margin-left: 1em;
	margin-top: 2em;
}
#content dd {
	margin-left: 1.5em;
	font-size: 70%;
	margin-top: 0.25em;
	margin-bottom: 1em;
	line-height: 120%;
	margin-right: 2em;
}
#content dd li {
	font-size: 140%;
}
#content address {
	font-size: 80%;
	font-style: normal;
	font-weight: bold;
	line-height: 140%;
	margin-top: .5em;
	margin-left: 3em;
	margin-bottom: 2em;
}
#content #sitemap1, #content #sitemap2 {
	margin-bottom: 2em;
}
#content #sitemap1 li, #content #sitemap2 li {
	margin-bottom: 1.5em;
}
#content #contacts li {
	margin-top: 1.5em;
}
#content #booknow {
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	height: 80px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/book-now-btn.gif);
	background-repeat: no-repeat;
	font-size: 130%;
	text-align: center;
	line-height: 190%;
}
#content #booknow a:link, #content #booknow a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#content .highlight {
	font-weight: bold;
	color: #005300;
	background-color: #DDEEDD;
	padding: 1em;
	margin-top: 1em;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

/* Landing pages for the adwords campaigns */
#landingpage #content {	/* 1 column page */
	width: 919px;
	margin-right: 20px;
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content #adwordstop {
	width: 540px;
	margin-left: 50px;
	font-weight: bold;
	color: #000000;
	padding-top: 0px;
	margin-bottom: 10px;
}
#content #adwordstop li {
	float: left;
	width: 360px;
	margin-left: 50px;
	list-style-image: url(../images/adwords-tick.png);
	margin-bottom: 6px;
	background-position: 4px;
}
/* Old adwordstop formatting
#content #adwordstop {
	background-image: url(../images/adwords-top-box-sm.jpg);
	background-repeat: no-repeat;
	height: 265px;
	width: 540px;
	margin-left: 50px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	margin-bottom: 10px;
	background-color: #FFCC00;
}
#content #adwordstop li {
	float: left;
	width: 360px;
	margin-left: 50px;
	list-style-image: url(../images/adwords-tick.png);
	margin-bottom: 6px;
	background-position: 4px;
} */
#content #adwordscallout {
	float: right;
	background-image: url(../images/adwords-callout-box.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 165px;
	width: 265px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 45px;
}
#content #adwordscallout h3 {
	font-size: 180%;
	color: #CCFFCC;
	text-align: center;
	line-height: 120%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}
#content #adwordscallout p {
	font-size: 140%;
	margin-top: 10px;
	line-height: 140%;
	text-align: center;
}
#content #adwordsbot {
	margin-left: 30px;
}
#content #adwordsbot li {
	background-image: url(../images/adwords-bot-box-lge.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 165px;
	width: 405px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 20px;
}
#content #adwordsbot h3 {
	font-size: 160%;
	color: #CCFFCC;
	text-align: center;
	line-height: 120%;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}
#content #adwordsbot p {
	font-size: 120%;
	margin-top: 10px;
	line-height: 160%;
}
#content #adwordsbot a:link, #content #adwordsbot a:visited {
	color: #FFFFFF;
}
#content #adwordsbot a:hover, #content #adwordsbot a:active {
	color: #CCFFCC;
}



a:link {
	color: #003399;
}
a:visited {
	color: #333366;
}
a:hover, a:active {
	color: #9999CC;
}
/* End main content centre column */

/*	Start right column and boxes	*/
#rightcol {
	width: 220px;
	height: 60px;
	position: absolute;
	top: 335px;
	right: 0px;
	padding-top: 18px;
	font-size: 80%;
	padding-right: 12px;
	padding-left: 10px;
}
#rightcol h2 {
	text-align: left;
	margin-left: 16px;
	color: #005300;
	margin-bottom: 1em;
	font-size: 130%;
}
#rightcol h3 {
	text-align: left;
	margin-left: 16px;
	color: #005300;
	margin-bottom: .25em;
	font-size: 120%;
}
#rightcol h4 {
	color: #005300;
	text-align: center;
	margin-bottom: 1em;
	margin-left: 16px;
}
#rightcol p {
	margin-left: 1em;
	margin-bottom: 1em;
}
#rightcol p.quote {	/* formats the Hints and Tips text */
	text-indent:-0.4em;
	font: italic 100% Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#rightcol ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 1.25em;
}
#wrapper #rightcol li {
	list-style-type: none;
	margin-bottom: .25em;
}
#rightcol #advcard {
	margin-top: 2em;
	margin-left: 20px;
	margin-bottom: 1em;
}
#rightcol #lcard {
	margin-left: 10px;
}
#rightcol .highlight {
	font-weight: bold;
	color: #005300;
	background-color: #DDEEDD;
	padding: 1em;
	margin-top: 1em;
	margin-right: -.5em;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
#rightcol .highlight2 {
	background-color: #FFCC99;
	text-align: center;
	padding: 1em;
	margin-top: 1em;
	margin-right: -0.5em;


	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	color: #CC0000;
	line-height: 140%;
}
#rightcol .highlight2 a:link, #rightcol .highlight2 a:visited {
	color: #CC0000;
}
.offerprice {
	color: #CC0000;
	font-weight: bold;
}

#rightcol #loyaltycard {
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	height: 80px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/book-now-btn.gif);
	background-repeat: no-repeat;
	font-size: 130%;
	text-align: center;
	line-height: 240%;
}
#rightcol #loyaltycard a:link, #rightcol #loyaltycard a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/*	End right column box	*/

/* Start footer styles */
#footer {
	background: #DDEEDD;
	width: 100%;
	border-top: 1px solid #028002;
	font-size: 70%;
	color: #006600;
	text-align: center;
	padding-bottom: 1em;
	padding-top: 1em;
	clear: both;
}
#footer ul {
	margin-top: .5em;
	font-size: 90%;
}
#footer li {
	display: inline;
}
#footer a:link, #footer a:visited {
	color: #003399;
	padding-right: .5em;
	padding-left: 0.15em;
	border-right: 1px solid #028002;
}
#footer a:hover, #footer a:active {
	color: #A25922;
}
#footer a.alt:link, #footer a.alt:visited { /* Removes the r/h border from the last item */
	border-style: none;
}
#tandc {
	font-size: 80%;
	margin-top: 5em;
}
.smallprint {
	font-size: 80%;
}
.largeprint {
	font-size: 130%;
}



/* End footer styles */

/* Start genmeral formatting */
.center {
	text-align: center;
}
.floatright {
	float: right;
	margin-bottom: 0.25em;
	margin-left: 1em;
	font-size: 90%;
	text-align: center;
	color: #00509E;
	margin-right: .5em;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}