.red {
	color: #e51a38;
}

.blue {
	color: #003068;
}

#content h1 span {
	display: none;
}

#title-homepage {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-homepage.gif) top left no-repeat;
}

#title-carservicing {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-carservicing.gif) top left no-repeat;
}

#title-mot {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-mot.gif) top left no-repeat;
}

#title-carrepairs {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-carrepairs.gif) top left no-repeat;
}

#title-bigsavings {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-bigsavings.gif) top left no-repeat;
}

#title-pricepromise {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-pricepromise.gif) top left no-repeat;
}

#title-ontheroad {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-ontheroad-winter.gif) top left no-repeat;
}

#title-ontheroad-spring {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-ontheroad-spring.gif) top left no-repeat;
}

#title-ontheroad-winter {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-ontheroad-winter.gif) top left no-repeat;
}

#title-ontheroad-summer {
	display: block;
	width: 360px;
	height: 36px;
	background: url(../gfx/title-ontheroad-summer.gif) top left no-repeat;
}

#title-fleetmanagers {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-fleetmanagers.gif) top left no-repeat;
}

#title-localbusinesses {
	display: block;
	width: 360px;
	height: 36px;
	background: url(../gfx/title-localbusinesses.gif) top left no-repeat;
}

#title-locations {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-locations.gif) top left no-repeat;
}

#title-contactus {
	display: block;
	width: 360px;
	height: 36px;
	background: url(../gfx/title-howcanwehelp.gif) top left no-repeat;
}

#title-thankyou {
	display: block;
	width: 360px;
	height: 36px;
	background: url(../gfx/title-thankyou.gif) top left no-repeat;
}


#title-book {
	display: block;
	width: 360px;
	height: 60px;
	background: url(../gfx/title-book.gif) top left no-repeat;
}

#title-sitemap {
	display: block;
	width: 360px;
	height: 36px;
	background: url(../gfx/title-sitemap.gif) top left no-repeat;
}

#title-standardservice {
	display: block;
	width: 240px;
	height: 25px;
	background: url(../gfx/title-standardservice.gif) top left no-repeat;
	margin-bottom: 10px;
}

#title-interimservice {
	display: block;
	width: 240px;
	height: 25px;
	background: url(../gfx/title-interimservice.gif) top left no-repeat;
	margin-bottom: 10px;
}

#title-premiumservice {
	display: block;
	width: 240px;
	height: 25px;
	background: url(../gfx/title-premiumservice.gif) top left no-repeat;
	margin-bottom: 10px;
}
#title-latestnews {
	display: block;
	width: 360px;
	height: 50px;
	background: url(../gfx/title-latestnews.gif) top left no-repeat;
}

#content p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 16px;
}

#colMidLeft p {
	/*padding-right: 20px;*/
}

#colMidLeft ul {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 16px;
	margin-left: 20px;
	padding-right: 20px;
}

#colMidLeft ul li {
	margin-bottom: 10px;
}

.threeCols ul {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 16px;
	margin-left: 20px;
	padding-right: 20px;
	list-style: square;
}

.threeCols ul li {
	margin-bottom: 5px;
}

blockquote {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 16px;
	padding-right: 20px;
	color: #0298d2;
	font-weight: bold;
	font-style: italic;
}

small {
	font-size: 10px;
	font-style: normal;
	color: #666;
	line-height: 120%;
}

.box {
	position: relative;
}

.box h3 {
	display: none;
}

#content .box p {
	color: #003068;
	position: absolute;
	left: 11px;
}


#colMidRight a {
	color: #003068;
	text-decoration: underline;
}

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

#box1 {
	width: 200px;
	height: 85px;
	background: url(../gfx/panel-mot.jpg) top left no-repeat;
}

#box1 p {
	top: 50px;
}

#box2 {
	width: 200px;
	height: 94px;
	background: url(../gfx/panel-pricepromise.jpg) top left no-repeat;
}

#box2 p {
	top: 55px;
}

#box3 {
	width: 200px;
	height: 146px;
	background: url(../gfx/panel-branches.jpg) top left no-repeat;
}

#box3 p {
	top: 60px;
}

#bookingForm {
	height: 500px;
	background: url(../gfx/bookingform-form.jpg) left 135px no-repeat;
}

#bookingForm-title {
	width: 200px;
	height: 35px;
	background: url(../gfx/bookingform-title.gif) top left no-repeat;
}

#bookingForm-title span {
	display: none;
}

#bookingForm-text {
	color: #003068;
	width: 187px;
	/*height: 82px;*/
	background: url(../gfx/bookingform-text.gif) top left no-repeat;
	margin-bottom: 10px;
	padding: 10px 5px 0px 8px;
}

.table-row {
	width: 182px;
	height: 20px;
	margin: 0 auto;
	padding: 4px 0;
	color: #881b20;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

.table-row label {
	display: block;
	width: 75px;
	float: left;
	color: #881b20;
	font-size: 1.1em;
	padding-top: 3px;
}

.formfield {
	width:95px;
	padding: 3px;
	border: 1px solid #fed2d9;
	vertical-align: middle;
	font-size: 11px;
}

.formfield-dropdown {
	width:103px;
	padding: 3px;
	border: 1px solid #fed2d9;
	vertical-align: middle;
	font-size: 11px;
}

.formfield-radio {
	height: 22px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.radiotxt {
	margin-right: 15px;
}

.btnSubmit {
	width: 42px;
	padding: 3px 4px;
	border: 1px solid white;
	background-color: #881b20;
	color: white;
	font-size: 1.1em;
	font-weight: bold;
}

#footer a {
	color: #959595;
	text-decoration: none;
}

#footer a:hover {
	color: #333;
}

/*** panels **/

#pricemenu-title {
	width: 200px;
	height: 35px;
	background: url(../gfx/pricemenu-title.gif) top left no-repeat;
}

#pricemenu-title span,
#mot-title span,
#carrepairs-title span {
	display: none;
}

#mot-title {
	width: 200px;
	height: 50px;
	background: url(../gfx/mot-title.gif) top left no-repeat;
}

#panel-text_mot {
	width: 180px;
	height: 430px;
	background: url(../gfx/bgnd-motpanel.jpg) top left no-repeat;
	color: #003068;
	padding: 10px;
}


#carrepairs-title {
	width: 200px;
	height: 50px;
	background: url(../gfx/carrepairs-title.gif) top left no-repeat;
}

#panel-text_default {
	width: 180px;
	height: 430px;
	background: url(../gfx/bgnd-defaultpanel.jpg) top left no-repeat;
	color: #003068;
	padding: 10px;
}

#panel-text_mot p,
#panel-text_default p {
	line-height: 140%;
}

#fleetbox1 {
	width: 200px;
	height: 100px;
	background: url(../gfx/panel-fleetcourtesycar.jpg) top left no-repeat;
}

#fleetbox1 p {
	top: 35px;
	padding-right: 5px;
	font-size: 1.1em;
}

#fleetbox2 {
	width: 200px;
	height: 98px;
	background: url(../gfx/panel-fleetdropoff.jpg) top left no-repeat #c3e9f7;
}

#fleetbox2 p {
	top: 35px;
	padding-right: 5px;
	font-size: 1.1em;
}

#fleetbox3 {
	width: 200px;
	height: 133px;
	background: url(../gfx/panel-fleetwarranty.jpg) top left no-repeat;
}

#fleetbox3 p {
	top: 35px;
	padding-right: 5px;
	font-size: 1.1em;
}

#localbusinessbox1 {
	width: 200px;
	height: 123px;
	background: url(../gfx/panel-vehiclemots.jpg) top left no-repeat;
}

#localbusinessbox1 p {
	top: 30px;
	padding-right: 5px;
	font-size: 1.1em;
}

#localbusinessbox2 {
	width: 200px;
	height: 108px;
	background: url(../gfx/panel-vehicleservicing.jpg) top left no-repeat;
}

#localbusinessbox2 p {
	top: 30px;
	padding-right: 5px;
	font-size: 1.1em;
}

#localbusinessbox3 {
	width: 200px;
	height: 129px;
	background: url(../gfx/panel-reducedrates.jpg) top left no-repeat;
}

#localbusinessbox3 p {
	top: 43px;
	padding-right: 5px;
	font-size: 1.1em;
}


#locationsbox {
	width: 200px;
	height: 500px;
	background: url(../gfx/bgnd-locationspanel.jpg) top left no-repeat;
}

#locationsbox ul {
	position: absolute;
	list-style: none;
	top: 120px;
	left: 11px;
	padding-right: 5px;
	font-size: 1.1em;
	line-height: 150%;
}

#locationsbox a {
	text-decoration: none;
}

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

#bookingbox1 {
	width: 200px;
	height: 100px;
	background: url(../gfx/panel-bookingguarantee.jpg) top left no-repeat;
}

#bookingbox1 p {
	top: 33px;
	padding-right: 5px;
	font-size: 1.1em;
}

#bookingbox2 {
	width: 200px;
	height: 168px;
	background: url(../gfx/panel-bookingpricepromise.jpg) top left no-repeat #cdebf6;
}

#bookingbox2 p {
	top: 50px;
	padding-right: 5px;
	font-size: 1.1em;
}

#bookingbox2 small {
	font-size: 9px;
}

#bookingbox3 {
	width: 200px;
	height: 122px;
	background: url(../gfx/panel-bookingsameday.jpg) top left no-repeat;
}

#bookingbox3 p {
	top: 30px;
	padding-right: 5px;
	font-size: 1.1em;
}

#sitemap {
	list-style: square;
}

#sitemap a {
	color: #003068;
	text-decoration: none;
}

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

/** contact form styles **/

.cform-row {
	vertical-align: top;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.cform-row label {
	display: block;
	width: 125px;
	float: left;
	padding-top: 3px;
}

.cform-row span {
	color: #e31937;
	font-size: 1.2em;
	font-weight: bold;
}

.cform-dropdown {
	width: 216px;
	border: 1px solid #cdebf9;
	padding: 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.cform-textbox {
	width: 206px;
	border: 1px solid #cdebf9;
	padding: 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.cform-textarea {
	width: 210px;
	height: 50px;
	border: 1px solid #cdebf9;
	padding: 4px 0 4px 4px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.cform-checkbox {
	vertical-align: text-bottom;
}

#colMidLeft .highlight {
	font-size: 1.1em;
}

#colMidLeft .cform-row .highlight {
	font-size: 0.9em;
}