/* --------------------------------------------------------------------------------
-																				-
-				Title: 			SE								-
-				Author: 		Cam									-
-				Website: 		WebsiteBlue.com									-
-				Date:			May 8, 2008								-
-																				-
---------------------------------------------------------------------------------- */

	body form, input, select, ul, li, p, h1, h2, h3, span, fieldset, legend, label, textarea
	{margin:0; padding:0;}

	body {  
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight: normal;
			background: #ffffff url("../images/bg.jpg") fixed bottom left no-repeat;
			margin: 0; padding: 0;
			text-align:center;
		}


/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			width: 947px;
			text-align: left;
			background-colour: #FFF;
		}
		
		
/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

		#content {
			padding: 0; margin: 0; float: left; clear:both;
			width: 947px;
			background: #FFF url("../images/contentbg.gif") repeat-y top left;
			position: relative;
		}	

		#content a {
				font-weight:normal;	font-size: 11px; color: #6c6c6c; text-decoration: none;
				}
					
		#content  a:hover {
				font-weight:normal;	margin:0px; color:#900829; text-decoration: none;
				}
		
/* ------------------------------------------------------------
		MAIN HEADER
------------------------------------------------------------ */

		#header {
			padding: 0; margin: 0 0 0 8px;
			width: 931px; height: 110px;
			background: #FFF url("../images/logotype.jpg") no-repeat top left;
			background-color:#FFFFFF;
			position: relative;
		}	
		
		#header .logo {
			float: left; padding: 0; margin: 20px 170px 0 20px;
			width: 311px; height: 61px;
			position: relative;
		}


/* ------------------------------------------------------------
		NAV
------------------------------------------------------------ */

		#nav {
			padding: 0; margin: 0 20px 0 25px;
			width: 210px; float: left; display:inline;
		}		
		
		
		#nav .navimg {
			float: left; padding: 0; margin: 0px 0 10px 10px; float:left; clear:both;
			width: 61px; height: 11px;
			position: relative;
		}
		
	
		#nav a {
				font-weight:normal;	color: #000; text-decoration: none;
				}
					
		#nav a:hover {
				font-weight:normal;	color:#900829; text-decoration: none;
				}
				
		#nav span {
				color: #dacd9e;
				}
				
		#nav ul {	
		
			font-size: 11px;
			letter-spacing: 0;
			line-height: 1.8em;
			font-weight: normal;
			list-style:none;
			margin: 0; padding: 0; 
			display:block;
		}

		#nav li {
			font-weight:normal;
			margin:0;
			padding: 2px 0 2px 0;
			color: #000;
			text-decoration: none;
			border-bottom: 1px dotted #adadad;
		}
		
		#nav li ul {	
			font-size: 11px;
			letter-spacing: 0;
			line-height: 1.8em;
			font-weight: normal;
			list-style:none;
			margin: 0; padding: 0; 
			display:block;
		}
		
		#nav li ul li {
			font-weight:normal;
			margin:0 0 0 0px;
			padding: 0 0 0 10px;
			color: #900829;
			text-decoration: none;
			border-bottom: none;
		}
		
		#nav li ul li a {
			color: #900829;
		}
		
		#nav li ul li ul {	
			font-size: 11px;
			letter-spacing: 0;
			line-height: 1.8em;
			font-weight: normal;
			list-style:none;
			margin: 0; padding: 0; 
			display:block;
			padding: 0 0 0 10px;
		}
		
		#nav li ul li ul li {
			font-weight:normal;
			margin:0 0 0 0px;
			padding: 0 0 0 10px;
			color: #900829;
			text-decoration: none;
		}
			
		#nav .contactdetails {
			padding: 0 0 20px 0; margin: 20px 0px 0px 0px;
			width: 216px; height: 138px;
			position: relative; float: left; display:inline;
		}
		
		
/* ------------------------------------------------------------
		FRONT CONTENT
------------------------------------------------------------ */

		#front {
			padding: 0; margin: 0px;
			width: 670px;
			position: relative; float: left;
		}
		
		#front img {
			float: left; padding: 0; margin: 0px; border:none;
			position: relative;
		}	
		
/* ------------------------------------------------------------
		PRODUCT CONTENT
------------------------------------------------------------ */

		#product {
			padding: 0 0 20px 0; margin: 0px;
			width: 670px;
			position: relative; float: left;
		}

		#product p {
			padding: 15px 0 0 0px; margin: 0; line-height: 20px;
			color: #6c6c6c; float: left;
		}		
		
		#product p.subcontent {
			padding: 8px 0 0 0px; margin: 0;
			color: #6c6c6c; float: left;
		}
		
		#product #title {
			padding: 0; margin: 0px; color: #900829;
			width: 670px; height: 20px;
			background: #FFF url("../images/longdots.gif") no-repeat bottom left;
			position: relative; float: left;  
		}
		
		#product #leftcolumn {
			padding: 0; margin: 0px;
			width: 260px;
			position: relative; float: left;
		}
		
		#product #leftcolumn .productthumb {
			padding: 0; margin: 15px 0 0 0;
			width: 260px; height: 200px;
			position: relative; float: left;
		}
		
		#product #leftcolumn .productthumbsmall {
			padding: 0; margin: 10px 5px 0 0;
			width: 76px; height: 65px;
			border:#e8e8e8 solid 1px;
			position: relative; float: left;
		}
		
		#product #leftcolumn .meddots {
			padding: 0; margin: 0px;
			width: 259px; height: 20px;
			background: #FFF url("../images/meddots.gif") no-repeat bottom left;
			position: relative; float: left;
		}
		
		#product #leftcolumn .price {
			padding: 0; margin: 10px 0 0 0;
			width: 62px; height: 29px;
			border:#CCCCCC solid 1px;
			position: relative; float: left;
		}
		
		#product #leftcolumn .price p {
			padding: 8px 0 0 14px; margin: 0;
			color: #6c6c6c; float: left;
		}

		#product #leftcolumn .buy {
			padding: 0px; margin: 10px 0 0 5px;
			width: 62px; height: 29px;
			border:#CCCCCC solid 1px;
			position: relative; float: left;
		}
		
		#product #leftcolumn .buy p {
			padding: 8px 5px 0 10px; margin: 0px;
			color: #6c6c6c; float: left;
		}
		
		#product #leftcolumn .buy a {
				font-weight:normal;	font-size: 11px; color: #6c6c6c; text-decoration: none;
				}
					
		#product #leftcolumn .buy a:hover {
				font-weight:normal;	margin:0px; color:#900829; text-decoration: none;
				}
		
		#product #leftcolumn img.cartadd {
			padding: 6px 0 0 0; margin: 0px;
			color: #6c6c6c; float: left;
		}	
		
		#product #leftcolumn ul {
			float: left; clear: both;
			font-size: 11px;
			letter-spacing: 0;
			line-height: 1.8em;
			font-weight: normal;
			list-style:none;
			margin: 0; padding: 10px 0 0 0; width: 250px;
		}

		#product #leftcolumn li {
			font-weight:normal;
			margin:0 0 0 20px;
			padding: 0 0 0 10px;
			color: #000;
			text-decoration: none;
			height: 22px;
			background: url(../images/arrow.gif) no-repeat 0px 7px;
		}
		
		#product #leftcolumn li a {
			font-weight:normal;
			color: #000;
			text-decoration: none;
			}

		#product #leftcolumn li a:hover {
			font-weight:normal;
			color:#900829; 
			text-decoration: none;
			}

		#product #leftcolumn .links {
			padding: 0px; margin: 10px 0 0 5px;
			position: relative; float: left;
		}
		
		#product #leftcolumn .links p {
			padding: 8px 5px 0 0px; margin: 0px;
			color: #6c6c6c; float: left;
		}
		
		#product #rightcolumn {
			padding: 0; margin: 0px;
			width: 400px;
			position: relative; float: left;
		}
		
		#product #rightcolumn p {
			color: #6c6c6c;
			padding: 15px 5px 15px 15px; margin: 0;
				}
				
/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */


	#content fieldset {
	float:left; clear: both;
			 margin: 20px 0 0px 0px;
			 border: 1px solid #e8e8e8;
			 padding: 0 0 20px 0; width: 640px; color:#000;
	}
	
	#content legend {
			color: #000000; margin: 0 0 15px 15px;
			font-size: 14px; font-weight: normal; padding:0;
	}

	#content label { 
			color: #000;
			font-size: 11px;
			font-weight: bold; 
			cursor: pointer;
			width: 100px;
			float: left;
			text-align: left;
			clear: both;
			margin: 0 0 5px 20px; 
		}
		
	#content .button { 
			margin: 0 0 0 18px;	width: 84px; height: 23px; border: none; background-color: transparent;
				
	}
	
	#content .verify { 
			font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 80px; height:24px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;	
	}

	#content input {
			font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 255px; height:14px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
				
	}


	#content select {
			font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 255px; height:22px; clear: both;
			padding: 3px; margin: 20px 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
	}	

	
	
	#content textarea {
			font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 255px; height: 80px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
				
	}	
	


	#content span.mandatory {
			font-size: 10px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			color:#900829;
				
	}
				
/* ------------------------------------------------------------
		PRODUCT LIST CONTENT
------------------------------------------------------------ */

		#productlist {
			padding: 0; margin: 0 0px 20px 0;
			width: 200px; 
			position: relative; float: left;
		}
		
		#productlist p.subcontent {
			padding: 8px 0 0 0px; margin: 0;
			color: #6c6c6c; float: left;
		}
		
		#productlist #title {
			padding: 0; margin: 0px; color: #900829;
			 width: 160px;
			position: relative; float: left;
		}
		
		#productlist #leftcolumn {
			padding: 0; margin: 0px;
			width: 260px;
			position: relative; float: left;
		}
		
		#productlist a.productthumb {
			padding: 0; margin: 10px 0 0 0;
			width: 152px; height: 152px;
			border:#e8e8e8 solid 1px;
			float: left;
		}
		
		#productlist a:hover productthumb {
			padding: 0; margin: 10px 0 0 0;
			width: 152px; height: 152px;
			border:1px solid black;
			float: left;
		}
		
		#productlist .productthumbsmall {
			padding: 0; margin: 10px 5px 0 0;
			width: 76px; height: 65px;
			border:#e8e8e8 solid 1px;
			position: relative; float: left;
		}
		
		#productlist .meddots {
			padding: 0; margin: 0px;
			width: 259px; height: 20px;
			background: #FFF url("../images/meddots.gif") no-repeat bottom left;
			position: relative; float: left;
		}
				



/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				padding: 0; margin: 0;
				width: 947px; clear: both;
				color: #adadad; font-size: 11px; 
				line-height: 12pt; font-weight: normal;
				background: transparent url("../images/contentbot.gif") no-repeat top left;
				text-align:right;
				}

		#footer p {
				padding: 15px 15px 15px 0px; margin: 0;
				}
	
		#footer a {
				font-weight:normal;	font-size: 11px; color: #adadad; text-decoration: none;

				}
					
		#footer a:hover {
				font-weight:normal;	margin:0px; color:#adadad; text-decoration: underline;

				}