/* CSS Document */

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



/* body */

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

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



/* wrapper */

#wrapper {
background: url('../graphics/layout/fade.jpg') 50% 0 repeat-y;
margin: auto;
text-align: left;
width: 816px;
}



/* fade */

#fade {
background: url('../graphics/layout/wrapper.jpg') 50% 0 no-repeat;
margin: 0 28px;
}



/* header */

p#header {
background: url('../graphics/layout/logo.jpg') 50% 0 no-repeat;
border-bottom: 1px solid #031232;
height: 128px;
margin: 0;
padding: 0;
text-indent: -1000em;
}



/* content wrapper */

#main {
background: url('../graphics/layout/nav.jpg') repeat-y;
height: 1%;
}

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




/* content wrapper */

#wrap {
border-right: 1px solid #00396D;
float: left;
font-size: 1.1em;
width: 544px;
}




	/* navigation */
	
	p#nav {
	background: #00396D;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #00396D;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	}
	
		p#nav a {
		color: #fff;
		padding: 5px;
		}
		
			p#nav a:hover {
			background: #fff;
			color: #00396D;
			}
			
	
	
	/* main content */
	
	#content {
	border-right: 1px solid #fff;
	color: #00396D;
	float: right;
	width: 370px;
	}
	
		#content h2, content h3, content h4, content h5, content h6 {
		color: #c00;
		font-size: 1.1em;
		margin: 10px;
		padding: 0;
		}
				
		#content p {
		font-size: 1.1em;
		margin: 0 1px 0 3px;
		padding: 10px 8px 5px;
		}
		
		#content a {
		border-bottom: 1px solid #000;
		color: #000;
		}
	
			#content a:hover {
			background: #00396D;
			color: #fff;
			}
	
		#content p#trail {
		border-bottom: 1px solid #00396D;
		border-top: 1px solid #00396D;
		color: #00396D;
		font-size: 1em;
		margin: 0 1px 0 3px;
		padding: 6px 5px;
		}
			
	
	
	/* main content */
	
	#left {
	color: #F6D21A;
	float: left;
	width: 173px;
	}
	
		#left a {
		color: #fff;
		}
		
			#left a:hover {
			border-bottom: 1px solid #fff;
			}
	
		#left p.heading, #right p.heading {
		background: #F6D21A;
		border-bottom: 1px solid #00396D;
		border-top: 1px solid #00396D;
		margin: 0;
		padding: 0;
		}
		
			#left p.heading a, #right p.heading span {
			border: 1px solid #fff;
			color: #000;
			display: block;
			font-weight: bold;
			padding: 5px;
			text-transform: uppercase;
			}
			
		#left ul, #left p.text {
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		list-style: none;
		padding: 8px;
		margin: 0;
		}
		
			#left li {
			background: url('../graphics/common/li.jpg') 0 50% no-repeat;
			padding: 4px 0 4px 15px;
			}
			
				#left li.title {
				background: none;
				padding: 4px 0;
				}
				
		#left p.text {
		border-bottom: none;
		}
				
		#left p.button {
		border-bottom: 1px solid #fff;
		padding: 0 1px 0 0;
		margin: 0;
		text-align: right;
		}


/* right */

#right { 
float: left;
font-size: 1.1em;
width: 214px;
}

	#right p.heading#dealers-heading {
	border-top: none;
	}

	#right p#dealers {
	padding: 0;
	margin: 0;
	}
	
	#special {
	padding: 0;
	margin: 0;
	}
	
		#special p {
		background: #00396D;
		color: #fff;
		line-height: 1.4em;
		margin: 0 0 0 1px;
		padding: 5px;
		}
	
		#special p.img {
		border: 1px solid #fff;
		border-right: none;
		margin: 0;
		padding: 0;
		}
		
		#special p.yellow {
		color: #F6D21A;
		font-weight: bold;
		}
		
		#special p.button {
		margin: 0;
		padding: 0;
		}



/* footer */

p#footer {
background: #00396D;
border-top: 1px solid #fff;
clear: both;
color: #fff;
font-size: 1.1em;
margin: 0;
padding: 5px;
}

	p#footer a {
	color: #fff;
	}
	
		p#footer a:hover {
		background: #fff;
		color: #00396D;
		}



/* home page */
		
#content p#title, #content h1 {
border-bottom: 2px solid #00396D;
border-top: 1px solid #00396D;
font-size: 1.4em;
font-weight: bold;
padding: 7px;
margin: 0 2px 0 3px;
}

	#content p#title a  {
	border: none;
	color: #00396D;
	text-decoration: none;
	}

		#content p#title a span, #content h1 span {
		color: #000;
		}
		
		#content p#title a:hover, #content p#title a:hover span {
		color: #fff;
		}
		
		#content p#company-details {
		color: #aaa;
		font-size: 1em;
		}
	
	p#img {
	border-bottom: 2px solid #00396D;
	padding: 1px 0;
	}
	
	p#buy {
	border-bottom: 2px solid #00396D;
	border-top: 1px solid #00396D;
	color: #c00;
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	}



/* admin area */

form {
background: #eee;
border: 1px solid #ddd;
margin: 10px;
padding: 5px;
}

	input, select, textarea {
	border: 1px solid #ddd;
	font-family: Arial;
	font-size: 1em;
	margin: 0 0 2px 5px;
	width: 225px;
	}

	input#enq-code {
	background: #fff url('../graphics/common/code.gif') no-repeat;
	}




/* admin tables */

table.admin {
background: #eee;
border: 1px solid #ddd;
margin: 10px;
width: 350px;
}

	table.admin td {
	border: 1px solid #ddd;
	padding: 3px;
	margin: 0;
	}



/* sections */

.section {
border-bottom: 2px solid #ccc;
height: 1%;
margin: 5px 2px 5px 3px;
padding: 5px;
}

	html>body .section {
	height: auto;
	overflow: auto;
	}
	
	.section.sold {
	background: url(../graphics/layout/sold.gif) 50% 50%;
	}
	
	.section-img {
	float: left;
	width: 110px;
	}
	
	.section-text {
	float: left;
	width: 243px;
	}




#autobox {
background: #F6D21A;
border: 1px solid #00396D;
margin: 20px 10px;
padding: 15px 15px 0;
}

	#autobox p {
	padding: 0 0 15px;
	}



/* mission statement */ 

p#mission {
font-size: 1.4em;
font-weight: bold;
font-style: italic;
}