html {
	background-color:	#dfdfdf;
}

body {
	width:				100%;
	background-color:	#dfdfdf;
	text-align:			center;
	font-size:			1.0em;
	font-family:		Tahoma, Verdana, Arial, Serif;
	color:				#333333;
	background-image:	url(../images/bg_html.jpg);
	background-repeat:	repeat-x;
}

	strong {
		font-weight:	bold;
	}

	em {
		font-style:		italic;
	}

	a {
		color:			#ff6623;
	}

	h3 {
		font-size:		1.0em;
		color:			#002a63;
		padding:		12px 20px 30px 10px;
		margin:			0;
		font-weight:	bold;
	}

	p {
		font-size:		0.8em;
		color:			#333333;
		padding:		0 20px 10px 10px;
		margin:			0;
	}

	p.header {
		font-weight:	bold;
	}

	#container {
		margin:				0 auto;
		text-align:			left;
		width:				780px;
		background-color:	#ffffff;
		background-image:	url(../images/bg_container.jpg);
		background-repeat:	repeat-y;
	}

		#wrapper {
			width:			780px;
			background-image:	url(../images/bg_wrapper.jpg);
			background-repeat:	no-repeat;
		}

		#header {
			width:			780px;
			background-image:	url(../images/bg_header.jpg);
			background-repeat:	no-repeat;
			height:			125px;
		}

			#logo {
				width:		300px;
				height:		125px;
				float:		left;
			}

				#logo img {
					border:		0;
				}

			#logoText {
				width:		480px;
				float:		left;
				height:		125px;
				text-align:	right;
			}
				#logoText p {
					color:		#ffffff;
					font-size:	0.8em;
					padding:	0 30px 5px 0;
					margin:		0;
				}
					#logoText p.telephone {
						font-size:		1.5em;
						font-weight:	bold;
						padding:	30px 30px 5px 0;
						margin:			0;
					}

					#logoText a {
						color:			#CCccFF;
					}

		#sidebar {
			width:		185px;
			float:		left;
		}

			#sidebar ul {
				margin:		0;
				padding:	0;
			}
		
			#sidebar li {
				background-image:	url(../images/bg_navOff.gif);
				background-repeat:	no-repeat;
				font-size:			0.8em;
				padding:			7px 30px 7px 30px;
				text-align:			right;
				list-style-type:	none;
				line-height:		1.2em;
			}

			#sidebar li:hover {
				background-image:	url(../images/bg_navOver.gif);
			}

			#sidebar li.On {
				background-image:	url(../images/bg_navOn.gif);
			}

			#sidebar ul.recurs0 {
				margin:				7px -20px -7px -30px;
			}

			#sidebar ul.recurs1 {
				margin:				7px -20px -7px -20px;
			}

			#sidebar li.recurs0Off {
				font-size:			0.85em;
				padding:			3px 10px 3px 20px;
				background-image:	url(../images/bg_navOff_Recurse0.gif);
				background-repeat:	no-repeat;
			}

			#sidebar li.recurs0On {
				font-size:			0.85em;
				padding:			3px 10px 3px 20px;
				background-image:	url(../images/bg_navOn_Recurse0.gif);
				background-repeat:	no-repeat;
			}

			#sidebar li.recurs0Off:hover {
				background-image:	url(../images/bg_navOver_Recurse0.gif);
			}



			#sidebar li.recurs1Off {
				font-size:			0.85em;
				padding:			3px 10px 3px 20px;
				background-image:	url(../images/bg_navOff_Recurse1.gif);
				background-repeat:	no-repeat;
			}

			#sidebar li.recurs1Off:hover {
				background-image:	url(../images/bg_navOver_Recurse1.gif);
			}

			#sidebar li.recurs1On {
				font-size:			0.85em;
				padding:			3px 10px 3px 20px;
				background-image:	url(../images/bg_navOver_Recurse1.gif);
				background-repeat:	no-repeat;
			}


				#sidebar a {
					color:		#ffffff;
					text-decoration:	none;
				}

			#quote {
				width:			185px;
				height:			185px;
				margin-top:		9px;
				background-image:	url(../images/bg_quote.jpg);
				background-repeat:	no-repeat;
			}

				#quote p {
					padding:		35px 20px 0 35px;
					font-size:		0.7em;
				}

		#contentArea {
			width:		595px;
			float:		left;
			background-image:	url(../images/bg_content.jpg);
			background-repeat:	no-repeat;
		}

			#contentArea ul {
				margin:		5px 0 10px 10px;
				padding:		0;
			}

			#contentArea li {
				font-size:		0.8em;
				padding:		0 0 3px 25px;
				margin:			0;
				list-style-type:	none;
				background-repeat:	no-repeat;
			}

			#contentArea li.tel {
				background-image:	url(../images/telephone.png);
			}
			#contentArea li.fax {
				background-image:	url(../images/page.png);
			}
			#contentArea li.map {
				background-image:	url(../images/map.png);
			}
			#contentArea li.directions {
				background-image:	url(../images/lorry_go.png);
			}
			#contentArea li.email {
				background-image:	url(../images/email.png);
			}
			#contentArea li.member {
				background-image:	url(../images/admin/user.png);
			}
			#contentArea li.error {
				background-image:	url(../images/admin/error.png);
				font-weight:		normal;
			}

			#contentArea li.gbflag {
				background-image:	url(../images/admin/gb.png);
			}

			#contentArea h4 {
				color:			#002a63;
				padding:		0 0 0 10px;
			}	

			#contentArea h4.productcategory {
				 color:			#c10000;
				 font-size:		1.4em;
				 margin:		0 0 -10px 0;
				 padding:		0 0 0 10px;
			}

			#contentArea h4.productlisting-title {
				padding:		10px 20px 10px 10px;
				margin:			0;
				color:			#002a63;
				font-weight:	bold;
			}

			#homepageBoxes {
				width:			580px;
				margin-top:		13px;
			}

				#homepageBoxes div.homepageBox {
					width:		186px;
					margin-right:	10px;
					float:			left;
					background-image:	url(../images/bg_productlisting.jpg);
					background-repeat:	repeat-x;
					text-align:			center;
				}

				#homepageBoxes div.homepageBoxRightmost {
					width:		186px;
					margin-right:	0;
					float:			left;
					background-image:	url(../images/bg_productlisting.jpg);
					background-repeat:	repeat-x;
					text-align:			center;
				}

				#homepageBoxes h4 {
					font-size:		0.9em;
					padding:		10px 0 10px 0;
					margin:			0;
					font-weight:	bold;
					border-bottom:	1px dotted #002a63;
					color:			#002a63;
				}

				#homepageBoxes p {
					padding:		0;
					margin:			0;
				}

				#homepageBoxes img {
					margin:			10px 0 10px 0;
					padding:		0;
				}

				#homepageBoxes img.productimage {
					margin:			10px 0 10px 0;
					height:			250px;
					width:			166px;
				}


			#contactForm {
				width:			400px;
				float:			right;
			}

			#contactForm label {
				width:			100px;
				text-align:		right;
				float:			left;
				font-size:		0.8em;
				margin-right:	10px;
				color:			#3e7cbb;
			}

			#contactForm input.textbox {
				float:			left;
				font-size:		0.8em;
				margin-bottom:	5px;
				width:			220px;
			}

			#contactForm textarea {
				float:			left;
				font-size:		0.8em;
				margin-bottom:	5px;
				width:			250px;
				height:			100px;
			}

			#contactForm input.cmdButton {
				width:			120px;
				color:			#ffffff;
				background-color:	#c10000;
				float:				left;
				font-size:			0.8em;
				padding:			5px;
				border:				1px solid #330000;
				margin:				0 0 25px 0;
			}

		#footer {
			width:		780px;
			height:		52px;
			background-image:	url(../images/bg_footer.jpg);
			background-repeat:	no-repeat;
		}
			#footer p {
				padding:		15px 20px 0 20px;
				font-size:		0.8em;
				color:			#aaaaaa;
			}

			#footer img {
					float:		right;
					border:		0;
				}



/* FIXES */

.clearFix {
	clear:		both;
}

.rightalign {
	float:		right;
	margin-bottom:	10px;
}

div.hr {
	width:		580px;
	height:		10px;
	background-image:	url(../images/bg_hr.gif);
	background-repeat:	repeat-x;
	margin-bottom:		20px;
}


div.productlisting {
	background-image:	url(../images/bg_productlisting.jpg);
	background-repeat:	repeat-x;
	width:				580px;
}

	div.productlisting-imageholder {
		float:			left;
		width:			140px;
	}

	div.productlisting-textholder {
		float:			left;
		width:			420px;
	}

	img.productlisting-image {
		margin:			10px;
		width:			125px !important;
	}

	#productinfo-imageholder {
		float:			left;
		width:			200px;
		background-image:	url(../images/bg_productlisting.jpg);
		background-repeat:	repeat-x;
	}

		#productinfo-imageholder img {
			width:		190px !important;
			margin-top:		10px;
		}

	#productinfo-imageholder ul {
		margin:		0 0 20px 0;
		padding:	0;
	}
	#productinfo-imageholder li {
		text-align:		right;
		padding:		0 10px 5px 0;
	}

	#productinfo-description {
		float:			left;
		width:			360px;
		background-image:	url(../images/bg_productlisting.jpg);
		background-repeat:	repeat-x;
	}

	#productinfo-description ul {
		padding:			0 0 0 30px;
	}

	#productinfo-description li {
		list-style-type:	square;
		padding-left:		5px;
	}

	#productinfo-description h4 {
		padding:			20px 20px 0 20px;
	}

	#productinfo-description p {
		padding:			0 20px 10px 20px;
	}



	#categoryIndex {
		width:				580px;
	}

		#categoryIndex ul {
			margin:			0;
			padding:		0;
		}

		#categoryIndex li {
			display:		inline;
			padding:		0;
			margin:			0;
			float:			left;
			width:			178px;
			background-image:	url(../images/bg_productlisting.jpg);
			background-repeat:	repeat-x;
			margin-right:	5px;
			margin-bottom:	5px;
			font-size:		1.0em;
		}

		#categoryIndex h5 {
			padding:		10px;
			color:			#ff6623;
			font-weight:	bold;
			font-size:		0.9em;
		}

		#categoryIndex img.product {
			width:			160px;
		}

		#categoryIndex p {
			padding:		0;
			margin:			0;
		}