body {
	background-color: #3e4245;
	margin: 0px 0px 0px 20px;
	padding: 0;
	}
#container {
	position:relative;
	margin:0 auto;
	width: 800px;
	text-align: left;
	background-color: #2f3e49;
	background-image: url(../images/back_shdw.gif);
	background-repeat: repeat-y;
	/* border: 3px, solid, #FFFFFF; */
	}
#header {
	background-image: url(../images/header.gif);
	height: 130px;
	width: 800px;
	display: block;
	overflow: hidden;
	line-height: 300px;
	background-repeat: no-repeat;
	}
#main_nav {
	height: 41px;
	width: 800px;
	background: url(../images/main_nav_back.gif);
	}
#mainarea {
	margin-left: 10px;
	margin-bottom: 0px;
	overflow: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	background-image:url(../images/main_back.gif);
	background-repeat:repeat-y;
	}
#mainarea_home {
	margin-left: 10px;
	margin-bottom: 0px;
	overflow: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	background-image:url(../images/main_back.gif);
	background-repeat:repeat-y;
	}
#sidebar { /* Provides container for the sidebar navigation */
	float: left;
	width: 198px;
	}
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {color: #444120; text-decoration: underline;}
#sidebar a:hover {color: #ffffff; text-decoration: none;}

#rightbar { /* Provides container for the sidebar navigation */
	float: right;
	width: 115px;
	padding-left: 10px;
	}

#contentarea { /* This provides the positioning of the main content within the layout  */
	margin: 0px 0px 0px 198px;
	width: 582px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #2f3e49;
	}
#contentarea a, #contentarea a:link, #contentarea a:active, #contentarea a:visited {color: #0865aa; text-decoration: underline;}
#contentarea a:hover {color: #ffffff; text-decoration: none;}

#contentarea_home { /* This provides the positioning of the main content within the layout  */
	margin: 0px 0px 0px 198px;
	width: 582px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #2f3e49;
	}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #contentarea {
  height: 475px;
  position:relative;
  left: -3px; /* Used to shift over the top image 3 px. Was moving right 3px. */
  }
 * html #contentarea_home {

  position:relative;
  left: -3px; /* Used to shift over the top image 3 px. Was moving right 3px. */
  }
/* End hide from IE5/mac */

#content { /* This provides the positioning of the main content within the layout  */
	padding-left: 10px;
	}
#footer {
	position:relative;
	margin:0 auto;
	padding-top: 5px;
	width: 800px;
	text-align: left;
	background-image: url(../images/footer_back.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-color: #2f3e49;
	height: 53px;
	}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color: #FFFFFF; text-decoration: underline;}
#footer a:hover {color: #FFFFFF; text-decoration: none;}

.imageRight {
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #175481;
	font-weight: bold;
	}
.photo {
	width: 220px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	/* border: 1px solid #FFFFFF; */
	}
.photo2 {
	width: 220px;
	float: left;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-bottom: 10px;
	}
#prod_list {
	margin-left: 17px;
	margin-bottom: 0px;
	}
#prod_list_select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 170px;
	}
#prod_listing img {
	padding: 2px;
	margin: 5px;
	}
#galleryFader {
	margin-left: 3px;
	list-style: none;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #galleryFader {
  margin-left: 0px;
  }
#gallery img {
	border: 1px solid #888178;
	margin: 2px;
	}

#colour_listing ul {
	width: 430px;
	position: relative;
	margin: 0;
	padding: 0;
	}
#colour_listing li {
	width: 90px;
	height: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding: 40px 5px 5px 5px;
	text-align: center;
	display: block;
	list-style-type: none;
	float: left;
	border: 1px solid #cccccc;
	}

#products {
	width: 570px;
	}
.product {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 180px;
	height: 100px;
	}
.product_blank {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	width: 182px;
	height: 102px;
	}
a.product, a.product:link, a.product:active, a.product:visited {border: 1px solid #ffffff}
a.product:hover {border: 1px solid #0865aa;}
.title {
	margin-top: 20px;
	width: 560px;
	}

.spamfilter {
	display:none;
	}

#contentarea ul.errors{
	color:Red;
	}