body {
	background: #1d1d1d;
	width: 100%;
	padding: 0 0 10px 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;
}

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 800px; 
	text-align: left;
} 

/* container needed to style containing bars */
#container { 
	position: relative;
	float: left;
	width: 800px;
	margin: 24px 0;
	background: #313131;
}

#headerBar { 
	float: left; 
	width: 800px;  
	margin: 0;
	padding: 0;
}

#searchBox { 
	float:left;
	list-style-type:none;
	margin:0 8px 17px;
	padding:0;
	position:relative;
	width:200px
	}
	
	#searchBox .searchTop { 
		background-image: url('/images/template/search-top.png');
		width: 200px;
		height: 10px;
		}
		
		#searchBox .searchMid { 
			background-image: url('/images/template/search-middle.png');
			background-repeat: repeat-y;
			}
			
		#searchBox .searchBot{ 
			background-image: url('/images/template/search-bottom.png');
			width: 200px;
			height: 15px;
			}
			
			#searchBox .submit{ 
				float: right;
				margin-right: 12px;
				margin-bottom: 10px;
				}
	
		#searchBox label{
			float: left;
			}
			
			
			 #searchBox input { 
			 	margin-top: 10px;
			 	font-size: 0.9em;
			 	margin-left: 12px;
			 }
#pageMenu {
	position: relative;
	width: 758px;
	background: url(../../images/template/menu_bg.gif) repeat-x;
	height: 46px;
	list-style-type: none;
	float: left;
	margin: 0 20px 17px;
	padding: 0;
}
	
	#pageMenu li {
		line-height: 46px;
		display: inline;
		margin: 0 0 0 1em;
		padding: 0 7px;
	}

	#pageMenu li a {
		color: #fff;
		text-decoration: none;
	}

#mainWrapper {
	width: 800px;
	float: left;
}


	#leftBar { 
		display: block;
		width: 172px;
		min-height: 250px; 
		float: left; 
		margin: 0 10px 0 20px;
		padding: 0 0 0 0;
    
	}
  
  	
  
  	#leftBar li {
  	  line-height: 24px;
  	  padding-left: 26px;
      background: url(../../images/bullet.gif) no-repeat 11px 10px;
      
  	}
  
  	#leftBar li a {
  		color: #fff;
  		text-decoration: none;
  	}
    
    #leftbar li a:hover {
      color: #86932A;
    }
		 
		#leftBar p {
  	  margin: 0 13px;
  	  line-height: 24px;
			color: #fff;
  	}

	#mainBar { 
		position: relative;
		display: block;
		width: 548px; 
		/*min-height: 250px;*/ 
		float: right; 
		margin: 0 22px 0 0;
		padding: 0;
		/*background: #fff;*/
    background: url(../../images/template/content_bg.gif) repeat-y;
	}
  
    #mainBarContent {
      margin: 40px 0 0 20px;
    }
		
		.content_body_noimg {
			min-height: 390px;
		}
		.content_body_img {
			min-height: 200px;
		}
    
    #mainBarContent p {
      line-height: 1.5em;
      margin: 1em 5px 0;
    }
    
    #mainBarContent li {
      list-style-type: circle;
      margin: 0.5em 30px 0;
    }
#prodMain {
	float: left;
	margin: 1em 0 0;
	width: 500px }
	
#prodImage {
	float: left;
	width: 250px }
	
#prodSummary {
	float: left;
	margin-left: 10px;
	width: 240px }

#prodImage2 {
	float: left;
	width: 500px }

#prodDetail, #prodSpec{
	clear: left;
	float: left;
	margin: 1em 0 0;
	width: 500px }	


	/* comment in a bar if you need it, remembering to amend the mainBar width */
	/*
	#rightBar { 
		display: block;
		width: 212px; 
		min-height: 250px; 
		float: right; 
		padding: 0;
		margin: 0;
		background: #fee;
	}
	*/
	

#footerBar { 
	float: left; 
	width: 800px; 
	background: #ecc;
	margin: 0 0 40px;
	padding: 0;
}


.submenu {
	display: none;
}