/* Start of CMSMS style sheet 'core 2009' */
@import url("reset-fonts-grids.css");
@import url("base-min.css");
body {
	border: 0;			/* This removes the border around the viewport in old versions of IE */
	min-width:986px;    /* Minimum width of layout - remove line if not required -- does not work in old versions of Internet Explorer */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set page width here, no body for IE resize compatability */
#page {
	margin: 0 auto;
	width: 986px;
	text-align: left;
}

blockquote {
background:transparent url("/uploads/images/lftblockquote.png") no-repeat scroll left top;
color:#600;
}
blockquote div {
background: transparent url("/uploads/images/rgtblockquote.png") no-repeat scroll right bottom;
padding:0  56px;
}
blockquote cite {
font-weight: bold;
color:#000;
}

a:link,
a:visited {

}
a:hover,
a:active {
}

#header {
	background:#fff url("/uploads/images/bg-sitenav.png") repeat-x left bottom;
	border-bottom: 5px solid #000;
	height:70px;
	min-height:70px;
	position: relative;
	width: 100%;
}
#header h1 {
	position: absolute;
	top: 0;
	left: 0;
}
#header p {
	position: absolute;
/*	top: 0;*/
	right: 0;
top: 5px;
color: red;
font-size: 1.5em;
}
#header ul {
	position: absolute;
	top: 36px;
	left: 184px;
	background:#000 url("/uploads/images/bg-sitenav.png") repeat-x 0 0;
	margin: 0;
	list-style: none;
	padding: 6px 0 4px 0;
}
#header ul li {
	margin: 0;
	list-style: none;
	display:inline;
	float:left;
}
#header ul a {
	padding:3px 7px;
	display:block;
	display:block;
	font: bold 14px Trebuchet MS, Arial, sans-serif;
	color:#fff;
	line-height:normal;
	text-transform:uppercase;
	text-decoration: none;
	padding:3px 7px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#nav-home {
	margin:0 16px 0 17px;
}
#nav-products,
#nav-types,
#nav-diy,
#nav-order,
#nav-faqs,
#nav-about,
#nav-contact {
	margin:0 14px 0 0;
}
#header ul a:focus, 
#header ul a:active, 
#header ul a:hover {
	background-color:#900;
}
#sec-home #nav-home, 
#sec-products #nav-products, 
#sec-diy #nav-diy, 
#sec-order #nav-order, 
#sec-faqs #nav-faqs, 
#sec-about #nav-about, 
#sec-contact #nav-contact {
	background-color: #ff2426;
}

/* main container */
#main {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color: #000;
	background-image: url("/uploads/images/bg-right.jpg");    	/* Right column background colour */
	background-position: -82px top;
}
#rightwrap {
	float:left;
	width:200%;
	margin-left:-184px; 		/* Width of right column */
	position:relative;
	right:100%;
	background-color: #FFF; /* Centre column background colour */
}
#leftwrap {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:368px;         		/* Left column width + right column width */
	background-color: #000;
	background-image: url("/uploads/images/bg-left.jpg");    	/* Left column background colour */
	background-position: right top;
}
#contentwrap {
	float:left;
	width:50%;
	position:relative;
	right:184px;        		/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
#content {
	margin:0 202px;     		/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
#content h1 {
margin:1em 0 0.5em;
	font-weight: normal;
	
}
#content h2 {
margin:1em 0 0.5em;
}
#content p {
	margin: 1em 0;
}

#content a img {
border: 2px solid #00C;
}

#breadcrumb {
font-size: 0.8em;
margin: 1em 0;
color: #666;
}
#breadcrumb a {
color: #666;
}

#left {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:176px;        		/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:4px;         		/* Width of the left-had side padding on the left column */
}
#right {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:176px;        		/* Width of right column content (right column width minus left and right padding) */
	margin-right:12px;  		/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

.main-column {
	text-align: center;
}

#footer {
	clear: both;
	color: #666;
	padding: 5px 0;
	border-top:10px solid #000;
	text-align: center;
	font-size: 0.85em;
}
#footer div {
	margin: 0 0 5px;
}
#footer a {
	color: #006;
}
#address {
	font-size: 1.2em;
}
#wp a {
	color: #060;
}

.product-gallery {
	width: 650px;
	text-align: center;
	font-size: 11px;
	height: 300px;
}
.product-item {
	float: left;
	width: 22%;
border: 1px solid #CCC;
height: 275px;
padding: 10px 0;
}
#content .product-item a img {
border: none;
}
.product-item a {
	text-decoration: underline;
	font-size: 13px;
}
.product-item a span {
	display: block;
	text-decoration: underline;
	font-weight: bold;
}



.banner {
	margin: 0 0 6px;
	border: 1px solid #999;
/*	border-width: 3px 1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px; */
	width: 170px;
	background-color: #FFF;
	padding: 2px 1px;
}
.banner h2 {
	font-size: 1em;
}



.box {
	text-align: left;
	width: 172px;
	background-color:#FFFFFF;
	border: 1px solid #999;
	margin: 0 0 6px;
	padding: 4px 0;
}
.box h2 {
	font-family:Helvetica,Trebuchet MS,Arial,sans-serif;
	font-size:1.4em;
	font-style:normal;
	font-weight:normal;
	margin: 0 0 0.1em 10px;
	color: #ff2426;
}
.box h3 {
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
	margin: 0.5em 0 0.1em 10px;
	color: #333;
}
.box ul {
	font-size:0.9em;
	line-height:1.8;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:172px;
}
.box ul li {
	list-style:none;
	border-top:1px solid #F0F0F0;
/*	float:left;*/
	margin:0;
	padding:0;
	width:172px;
	font-size: 0.9em;
}
.box ul a {
	color: #333;
	display:block;
	padding:1px 0 1px 10px;
}
.box ul a:link,
.box ul a:visited {
	text-decoration: none;
}
.box ul a:hover,
.box ul a:active {
	background-color:#F5F5F5;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration: underline;
}


#diy {
	text-align: center;
}
#diy h2 {
	margin: 0;
}
#diy.box ul a {
	padding: 2px 0;
}


#content dl {
margin: 0;
}
#content dd {
margin-bottom: 1em;
}
/* End of 'core 2009' */