/* CSS Document */

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



/* body */

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

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


/* left and right fades */

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



/* wrapper */

#wrapper {
background: url('/graphics/layout/fade.jpg') 50% 0 no-repeat;
height: 800px;
text-align: left;
}

	html>body #wrapper {
	height: auto;
	min-height: 800px;
	}



/* logo */

#logo {
background: url('/graphics/layout/logo.jpg');
height: 144px;
margin: 0 71px;
padding: 20px 20px 0px 250px;
}

	#logo p {
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 0 0 17px;
	}



/* navigation */

ul#nav {
background: #4E6B20 url('/graphics/layout/nav.jpg') no-repeat;
font-size: 1.4em;
font-weight: bold;
list-style: none;
margin: 0 71px;
padding: 0 17px 0 0;
}

	ul#nav li {
	float: left;
	padding: 9px 20px;
	text-transform: lowercase;
	}
	
		ul#nav li#access {
		border: 0;
		float: right;
		padding: 6px 5px 7px;
		}

	ul#nav a {
	color: #fffffe;
	}
	
		ul#nav a:hover {
		color: #172E54;
		}
	
		ul#nav li.fontsize {
		float: right;
		border: none;
		padding: 9px 5px;
		text-transform: none;
		}

	p#buttons {
	margin: 0 71px;
	padding: 0;
	}


/* content */

#content {
font-size: 1.4em;
line-height: 1.6em;
padding: 18px 92px;
}

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-size: 1.4em;
	letter-spacing: -1px;
	margin: 0;
	padding: 0 0 15px;
	}
	
		#content h2, #content h3, #content h4, #content h5, #content h6 {
		border-top: 1px solid #F2F6E8;
		padding: 15px 0;
		}
	
	#content p {
	margin: 0;
	padding: 0 0 12px;
	}
	
	#content a {
	color: #325896;
	}
	
		#content a:hover {
		color: #000001;
		text-decoration: underline;
		}
		
	p#map {
	border: 1px solid #76A828;
	float: right;
	padding: 1px;
	margin: 0;
	}



/* footer */

p#footer {
background: #fff url('/graphics/layout/footer.jpg') no-repeat;
color: #76A723;
font-size: 1.1em;
margin: 0 auto;
padding: 30px 71px 12px;
text-align: right;
width: 958px;
}
	
	p#footer a {
	color: #76A724;
	margin: 0 2px;
	}
	
		p#footer a:hover {
		color: #000002;
		text-decoration: underline;
		}



/* index page */




/* products table */

table#products {
border-collapse: collapse;
border: none;
margin: 0;
padding: 0;
}

	table#products th, table#products td {
	border: 1px solid #E9F1DC;
	padding: 6px 10px;
	width: 25%;
	}
	
		table#products th {
		background: #BED697;
		}
	
			table#products th.alt {
			background: #BAD38F;
			}
	
		table#products td.alt {
		background: #F2F6E9;
		}
	
	table#products ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
		table#products li {
		background: url('/graphics/common/bullet.gif') 0 6px no-repeat;
		padding: 0 0 0 20px;
		}

		
		
		
		
/* Contact table */

table.cms_form, table#search_table, table.user_form {
margin: 0 0 16px;
width: 600px;
}

	table.cms_form thead, table#search_table thead, table.user_form thead {
	display: none;
	}

	table.cms_form td.left, table#search_table td.left, table.user_form td.left {
	background: #eee;
	padding: 7px 10px;
	vertical-align: top;
	width: 200px;
	}

	table.cms_form td.right, table#search_table td.right, table.user_form td.right {
	padding: 5px 10px;
	}

		table.cms_form td.right input, table#search_table td.right input, table.user_form td.right input,
		table.cms_form td.right select, table#search_table td.right select, table.user_form td.right select {
		border: 1px solid #999;
		padding: 2px 5px;
		width: 300px;
		}
		
			table#search_table input#cms_contact_name, table#search_table input#customerName, table#search_table input#customerCompany { width: 225px; }
			table#search_table input#customerTown, table#search_table input#customerCounty { width: 200px; }
			table#search_table input#customerPostcode, table#search_table input#customerTelephone { width: 150px; }
			input#cms_contact_tel { width: 225px; }
			input#cms_contact_email { width: 200px; }
			input#cms_form_validate { float: left; width: 100px; }

		table.cms_form td.right textarea, table#search_table td.right textarea {
		border: 1px solid #999;
		height: 100px;
		padding: 5px;
		width: 400px;
		}
		
		span.form_verification {
		display: block;
		padding: 0 0 5px;
		}
		
			span#validation_code {
			background: url(../graphics/layout/code.jpg) no-repeat;
			float: left;
			height: 22px;
			margin: 0 0 0 5px;
			width: 112px;
			}



/* Cart buttons. */

#content p.cart_buttons { padding: 7px 0 17px; width: 600px; }
#content p.cart_buttons a, #content p.cart_buttons input { background: #EBDE18; color: #3d3d3d; cursor: pointer; display: block; float: left; font-size: 1em; margin: 0 3px 0 0; padding: 5px 10px 4px; }
#content p.cart_buttons input { padding: +6px 10px; }
#content p.cart_buttons a.important, #content p.cart_buttons input.important { background: #565555; color: #fff; float: right; font-weight: bold; margin: 0 0 0 3px; }
	
	
	

/* accessibility popup. */

ul#accessibility_popup {
list-style: none;
padding: 10px;
width: 400px;
}

	ul#accessibility_popup li {
	margin: 0 0 10px;
	}

	ul#accessibility_popup a {
	background: #4E6B20;
	color: #fff;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	padding: 7px 10px;
	text-align: center;
	}
	
		ul#accessibility_popup a:hover {
		background: #000;
		}

/* fixes */

ul#nav,
ul#nav li,
#content p.cart-buttons {
height: 1%;
}

	html>body ul#nav,
	html>body ul#nav li,
	html>body #content p.cart-buttons {
	height: auto;
	overflow: auto;
	}