/* CSS Document */

* {
text-decoration : none;
vertical-align : top;
}



/* body */

body {
background : #7F7F7F url('../graphics/layout/tyres.jpg') 50% 0% repeat-y;
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	img {
	border : none;
	}
	
	.b {
	font-weight : bold;
	}


/* gradiend */

#grad {
background : url('../graphics/layout/gradient.jpg') 50% 0% repeat-x;
}




/* main container */
#container {
background : url('../graphics/layout/back.jpg') 50% 0 repeat-y;
height: 100%;
}

/* wrapper */

#wrapper {
background : url('../graphics/layout/content.jpg') repeat-y;
margin : auto;
text-align : left;
width : 760px;
}



/* banner */

a#banner {
background : url('../graphics/layout/banner.jpg') no-repeat;
display : block;
height : 173px;
text-indent : -1000em;
}



/* content */

#content {
height : 1%;
}

	html>body #content {
	height : auto;
	overflow : auto;
	}



/* main content */

#right {
float : right;
font-size : 1.2em;
width : 605px;
}

	img#rightimg {
	float : right;
	margin : 0 0 10px 10px;
	}

	#right h1, #right h2, #right h3 {
	color : #072306;
	font-size : 2em;
	margin : 0;
	padding : 10px 30px 5px;
	text-transform : uppercase;
	letter-spacing : -1px;
	}
	
	#right p, #right ul {
	line-height : 1.5em;
	margin : 0;
	padding : 10px 30px 5px;
	}
	
		#right ul {
		padding : 10px 30px 5px 60px;
		}
	
		#right p.header {
		color : #0f310e;
		font-weight : bold;
		}
		
		#right p.floatright {
		float : right;
		}
		
			#right p.floatright img {
			border : 1px solid #072306;
			}
		
		#right hr {
		height : 1px;
		border : 0;
		padding : 0;
		margin : 0 30px;
		}
		
		#right a {
		color : #5e7f3c;
		}
		
			#right a:hover {
			background : #0f310e;
			color : #fdef75;
			}


/* left nav */

ul#left {
background : url('../graphics/layout/nav.jpg') no-repeat;
float : left;
list-style : none;
margin : 0;
padding : 10px 0 0;
width : 155px;
}

	ul#left li {
	display : inline;
	}

	ul#left a {
	display : block;
	height : 30px;
	text-indent : -1000em;
	width : 155px;
	}
	
		ul#left a#home {
		background : url('../graphics/layout/nav/home.jpg') no-repeat;
		}
	
			ul#left a#home:hover {
			background : url('../graphics/layout/nav/home-over.jpg') no-repeat;
			}
	
		ul#left a#used {
		background : url('../graphics/layout/nav/used.jpg') no-repeat;
		}
	
			ul#left a#used:hover {
			background : url('../graphics/layout/nav/used-over.jpg') no-repeat;
			}
	
		ul#left a#services {
		background : url('../graphics/layout/nav/services.jpg') no-repeat;
		}
	
			ul#left a#services:hover {
			background : url('../graphics/layout/nav/services-over.jpg') no-repeat;
			}
	
		ul#left a#search {
		background : url('../graphics/layout/nav/search.jpg') no-repeat;
		}
	
			ul#left a#search:hover {
			background : url('../graphics/layout/nav/search-over.jpg') no-repeat;
			}
	
		ul#left a#hints {
		background : url('../graphics/layout/nav/hints.jpg') no-repeat;
		}
	
			ul#left a#hints:hover {
			background : url('../graphics/layout/nav/hints-over.jpg') no-repeat;
			}
	
		ul#left a#contact {
		background : url('../graphics/layout/nav/contact.jpg') no-repeat;
		}
	
			ul#left a#contact:hover {
			background : url('../graphics/layout/nav/contact-over.jpg') no-repeat;
			}
	
		ul#left a#blog {
		background : url('../graphics/layout/nav/blog.jpg') no-repeat;
		}
	
			ul#left a#blog:hover {
			background : url('../graphics/layout/nav/blog-over.jpg') no-repeat;
			}
	
		ul#left a#sell {
		background : url('../graphics/layout/wecansell.jpg') no-repeat;
		height : 114px;
		}
		
		ul#left li#accessibility {
		display : block;
		font-size : 1.2em;
		padding : 10px 0;
		text-align : center;
		}
		
			ul#left li#accessibility a {
			color : #0f310e;
			display : inline;
			text-indent : 0;
			}
		
			ul#left li#accessibility a:hover {
			background : #0f310e;
			color : #fdef75;
			}
		
		ul#left li.blog {
		display : block;
		font-size : 1.2em;
		padding : 0 10px;
		}
		
			ul#left li.header {
			font-size : 1.4em;
			font-weight : bold;
			padding : 10px;
			}
		
			ul#left li.blog a {
			color : #0f310e;
			display : inline;
			text-indent : 0;
			}
		
			ul#left li.blog a:hover {
			background : #0f310e;
			color : #fdef75;
			}



/* footer */

p#footer {
background : #0f310e url('../graphics/layout/footer.jpg') no-repeat;
color : #7f7f7f;
font-size : 1.1em;
margin : 0;
padding : 33px 12px 5px;
}

	p#footer a {
	color : #7f7f7f;
	}
	
		p#footer a:hover {
		color : #fff;
		}



/* sections */

#right .section {
background : #fff;
border : 1px solid #0f310e;
height : 1%;
margin : 10px 30px;
padding : 10px;
}

	html>body #right .section {
	height : auto;
	overflow : auto;
	}
	
	#right .section p.img {
	float : left;
	margin : 0 30px 0 0;
	padding : 0;
	width : 150px;
	}
	
	#right .section p.text {
	float : left;
	margin : 0;
	padding : 0;
	width : 340px;
	}



/* accesss page */

table#access {
border-collapse : collapse;
border : 1px solid #0f310e;
font-size : 1em;
margin : 10px 30px;
padding : 0;
}

	table#access caption {
	background : #0f310e;
	color : #fff;
	text-align : left;
	padding : 2px 5px 1px;
	}

	table#access td, table#access th {
	border : 1px solid #0f310e;
	margin : 0;
	padding : 2px 3px;
	}
	
		table#access th#key {
		width : 50px;
		}
		
		table#access th#page {
		width : 150px;
		}
		
		table.contact th.page {
		width : 175px;
		}



/* enquiry form */


form {
border : 1px solid #0f310e;
margin : 10px 30px;
padding : 0;
width : 480px;
}

	label {
	display : block;
	padding : 5px 10px 0;
	}
	
	input, select, textarea {
	border : 1px solid #0f310e;
	color : #444;
	font-family : Arial;
	font-size : 1em;
	margin : 2px 20px 0;
	padding : 2px;
	width : 436px;
	}
	
		select {
		width : 441px;
		}
	
		textarea {
		height : 75px;
		}
		
		input#enq-submit {
		margin : 10px; 
		width : 200px;
		}
		
		input#enq-code {
		background : #fff url('../graphics/common/code.gif') no-repeat;
		}



form#admintable {
border: none;
}

	form#admintable table {
	border: 1px solid #aaa;
	border-collapse: collapse;
	width: 100%;
	}

	form#admintable table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #eee;
	padding: 5px;
	vertical-align: middle;
	}

		form#admintable table td input {
		padding: 1px 5px
		}