* {
	margin: 0;
	padding: 0;
	border:0;
}

body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFF2;
	text-align: left;
	min-width: 937px;
	padding: 0px;
	margin: 0px;
	color: #333333;
	background-image: url(back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrapper {
	text-align: left;
	width: 937px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

a:link {
	color: #0099FF;
	font-weight: normal;
	text-decoration: underline;
}

a:visited {
	color: #0099FF;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
	font-weight: normal;
}

a:active {
	color: #0099FF;
	font-weight: normal;
	text-decoration: underline;
}

/*holds the logo*/
#header {
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	background-position: left 33px;
	margin: 0px;
	padding: 0px;
	height: 126px;
}

/*adds keywords to header area text styled with heading tags*/
#headerinfo {
	color: #000000;
	text-align: center;
	padding-top: 10px;
	font-size: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	padding-left: 280px;
}

/*background box and border for the navigation area*/
#navback {
	width: 241px;
	float: left;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E1E1E1;
*/	background-color: #FFFFCC;
	background-image: url(navshadow.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

/*navigation buttons*/
#nav {
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E1E1E1;
}

#nav ul {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	text-transform: uppercase;
}

#nav ul li {
	list-style-type: none;
	margin-bottom: 2px;
	padding: 0px;
	}

#nav a:link, #nav a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 9px;
	background-image: url(nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 9px;
	padding-left: 10px;
}

#nav a:hover {
	display: block;
	text-decoration: none;
	color: #0099FF;
	text-align: left;
	padding-top: 9px;
	background-image: url(hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 9px;
	padding-left: 10px;
}

#nav a:active {
	display: block;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 9px;
	background-image: url(nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 9px;
	padding-left: 10px;
}

/* special style for link to identify current page */
#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
	display: block;
	text-decoration: none;
	color: #0099FF;
	text-align: left;
	padding-top: 9px;
	background-image: url(hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 9px;
	padding-left: 10px;
  }

/*provides the shadow along the bottom of the nav*/
#navfooter {
	background-image: url(navcorner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	height: 14px;
	text-align: left;
}

/*provides the background to the main area of the page so that all elements are contained within the main body of the page*/
/*need to adjust min-height if items are added to the navigation as that will make the left column longer than the background text area*/
#mainbody {
/*	background-image: url(mainbody.jpg);
	background-repeat: repeat-y;
	background-position: center top;
*/	clear: right;
	padding-bottom: 10px;
/*	min-height: 460px;
*/}

/*contains background to elements within the bottom area of the page just above the copyright footer*/
#footerinfo {
	background-image: url(footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 937px;
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #DBEDF7;
}

/*provides container for news text on left of grey footer area*/
#footernews {
	color: #999999;
	text-align: justify;
	padding-top: 20px;
	line-height: 150%;
	margin-right: 450px;
	padding-left: 20px;
	padding-right: 50px;
	background-image: url(news.jpg);
	background-repeat: no-repeat;
	background-position: 20px 70px;

}

#footernews p {
	padding-top: 15px;
	padding-left: 50px;
}

/*copyright footer*/
#footer {
	font-size: 10px;
	color: #999999;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#footer a:link {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

#footer a:visited {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #0099FF;
	font-weight: normal;
}

#footer a:active {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

/*special offers container at the bottom of the footer information area*/
#footeroffers {
	line-height: 150%;
	color: #999999;
	text-align: justify;
	float: right;
	width: 400px;
	padding-top: 20px;
	margin-right: 20px;
	background-image: url(offer.jpg);
	background-repeat: no-repeat;
	background-position: left 70px;
}

/*adds the padding to the top of the text under the heading and also leaves space for the image*/
#footeroffers p {
	padding-top: 15px;
	padding-left: 50px;
}

/*adds the line above the footer info area*/
#footseparator {
	margin-right: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

/*blender container*/
#blender {
	width: 200px;
	float: left;
	margin-left: -12px;
	margin-top: 0px;
}

/*provides area for the content of the page when there are no floats.  Contained within the mainbody div so that the content doesn't spill out of the background*/
#maincontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #333333;
	text-align: justify;
	margin-left: 18px;
	margin-right: 18px;
}

#maincontent p {
	padding-top: 15px;
}

/*text box for the centre text*/
#text_content {
	margin-left: 330px;
	margin-right: 325px;
	margin-bottom: 10px;
	color: #666666;
	text-align: justify;
}

#sidebar_b {
	width: 270px;
	color: #666666;
	float: right;
	text-align: justify;
	margin-bottom: 10px;
	margin-right: 15px;
}

/*text box for the left text*/
#sidebar_a {
	color: #666666;
	text-align: justify;
	float: left;
	width: 270px;
	margin-bottom: 10px;
	margin-left: 18px;
}

/*adds the padding to the top of the text under the heading and also leaves space for the image*/
#text_content p, #sidebar_a p, #sidebar_b p, #text_span2 p {
	padding-top: 15px;
	line-height: 180%;
}

/*adds the clear element to floated divs*/
.spacer {
	clear:left;
}

/*text box for spanning across the two left columns*/
#text_span2 {
	color: #666666;
	text-align: justify;
	width: 600px;
	margin-bottom: 10px;
	margin-left: 18px;
}

/*text box for the forms spanning two columns*/
#text_forms {
	margin-left: 330px;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #666666;
	text-align: justify;
}

#text_forms p {
	padding-top: 15px;
	line-height: 180%;
}

/*text box for pages where text spanstwo columns*/
#text_two {
	margin-left: 260px;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #666666;
	text-align: justify;
}

#text_two p {
	padding-top: 15px;
	line-height: 180%;
}

/*styles the links for the more information buttons*/
a.action:link {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background-image: url(linkbuttonlong.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	width: 152px;
	padding-top: 5px;
	padding-bottom: 7px;
}

a.action:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background-image: url(linkbuttonlong.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	width: 152px;
	padding-top: 5px;
	padding-bottom: 7px;
}

a.action:hover {
	text-decoration: none;
	color: #0099FF;
	font-weight: normal;
	background-image: url(linkbuttonlong.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	width: 152px;
	padding-top: 5px;
	padding-bottom: 7px;
}

a.action:active {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background-image: url(linkbuttonlong.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	width: 152px;
	padding-top: 5px;
	padding-bottom: 7px;
}

/*styles the links for the more information pointers*/
a.readmore:link {
	color: #0099FF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pointer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

a.readmore:visited {
	color: #0099FF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pointer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

a.readmore:hover {
	text-decoration: underline;
	color: #FF9900;
	font-weight: normal;
	background-image: url(pointer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

a.readmore:active {
	color: #0099FF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pointer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}





















/*provides area for the content of the page when the page is full and not with floats.  Contained within the mainbody div so that the content doesn't spill out of the background*/
#textcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #333333;
	padding-right: 60px;
	text-align: justify;
	margin-left: 310px;
	padding-top: 15px;
}

#textcontent p{
	padding-bottom: 5px;
}


/*styles the links for the more information pointers on the vehicle sales*/
a.moreinfo:link {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pointerw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

a.moreinfo:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pointerw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

a.moreinfo:hover {
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
	background-image: url(pointerw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

a.moreinfo:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-image: url(pointerw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#logos {
	float: left;
	width: 200px;
	margin-top: 10px;
	clear: left;
	padding-left: 70px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #999999;
	font-style: italic;
}

#logos p {
	padding-bottom: 10px;

}


/* styles for contact form */
#name, #telephone, #email, #address, #mobile {
	width: 215px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DEE9F3;
	text-align: left;
	padding: 3px;
	border: 1px solid #98BADC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
  }
  
#info, #message, #companyaddress {
	width: 235px;
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DEE9F3;
	text-align: left;
	padding: 3px;
	border: 1px solid #98BADC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
  }

.formbox {
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
	text-align: left;
	padding: 3px;
	border: 1px solid #999999;
	margin: 5px;
  }
  
/*adds formatting to the text in forms*/
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-align: right;
	margin: 3px;
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
}

/*provides background image and styling to form buttons*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(formbutton.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	height: 23px;
	width: 172px;
	margin-left: 10px;
}

label .warning {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.warning {
color: #F00;
}

td {
	vertical-align: top;
}

/*adds formatting to the contact forms*/
form#contactForm  {
	margin-left: 15px;
	color: #000000;
	padding-top: 10px;
}

#contactForm p {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

/*adds formatting to the corporate form*/
form#corporateForm, form#jobForm  {
	margin-left: 15px;
	color: #000000;
	padding-top: 10px;
}

/*adds formatting to the job form*/
/*form#jobForm  {
	line-height: 100%;
	margin-left: 15px;
	color: #000000;
	padding-top: 10px;
}
*/
#corporateForm p {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#jobForm p {
	line-height: 140%;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

form#corporateForm #companyname, form#corporateForm #regno {
	width: 215px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DEE9F3;
	text-align: left;
	padding: 3px;
	border: 1px solid #98BADC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DEE9F3;
	text-align: left;
	padding: 3px;
	border: 1px solid #98BADC;
	margin-left: 5px;
	margin-bottom: 5px;
  }

.dropdownnomarg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #DEE9F3;
	text-align: left;
	padding: 3px;
	border: 1px solid #98BADC;
	margin-left: 5px;
  }

/*adds formatting to the booking forms*/
form#bookingForm  {
	color: #000000;
	padding-top: 10px;
}

#bookingForm p {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;

}

form#bookingForm #surname, form#bookingForm #email, form#bookingForm #from1, form#bookingForm #from2, form#bookingForm #from3, form#bookingForm #to1, form#bookingForm #to2, form#bookingForm #to3 {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
	text-align: left;
	padding: 2px;
	border: 1px solid #0099FF;
	margin: 0px;
}

form#bookingForm #date, form#bookingForm #frompostcode, form#bookingForm #tel, form#bookingForm #topostcode, form#bookingForm #reference, form#bookingForm #accountno, form#bookingForm #pinno {
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
	text-align: left;
	padding: 2px;
	border: 1px solid #0099FF;
	margin: 0px;
}

form#bookingForm #comment {
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
	text-align: left;
	padding: 2px;
	border: 1px solid #0099FF;
	margin: 0px;
	height: 80px;
}

form#bookingForm label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: right;
	margin-right: 5px;
	float: left;
	width: 300px;
}

form#bookingForm .notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 120%;
	margin-left: 40px;
	margin-right: 20px;
	font-style: italic;
}

.dropbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
	text-align: left;
	padding: 3px;
	border: 1px solid #0099FF;
  }

fieldset {
	border: 1px dotted #6699CC;
	margin-bottom: 5px;
}
legend {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #0099FF;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFF2;
}



/*provides the background colour and border to hold the google map, also adds background image in case the map doesn't display*/
#map {
	background-color: #E6F4FF;
	width: 500px;
	height: 350px;
	border: 1px solid #0099FF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-left: 25px;
}

#mapprint {
	font-size: 10px;
	color: #CCCCCC;
	text-align: right;
	width: 200px;
	position: absolute;
	left: 460px;
	top: 399px;
	text-transform: uppercase;
}

/*adds the padding to the top of the text under the heading and also leaves space for the image*/
.thanks {
	padding-top: 15px;
}

/*adds formatting to the newscroller*/
#newstories p {
	padding-top: 10px;
}

/*adds formatting to the newscroller images*/
#newstories img {
	padding-right: 20px;
}

/*important to make the scroller work*/
.newsItem {
	position:absolute;
	left:0;
	top:0;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #333333;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

/*although the whole of the scroller is linked, this adds the look of a link so that visitors can't miss following the link*/
.scrollerlink {
	color: #0099FF;
	text-decoration: underline;
}
.titleblock {
	color: #FFFFFF;
	background-color: #0099FF;
	padding: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}

.titleblockb {
	color: #FFFFFF;
	background-color: #FF9900;
	padding: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}

.large {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF9900;
	text-align: center;
	vertical-align: middle;
	line-height: 26px;
}
.largetitle {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.admintool {
	text-align: left;
}