	body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #ceaa6e; margin-top: 15px; }
	form { padding: 0px; margin: 0px; }
	h1 { color: #765D30; font-size: 2.6em; font-weight: lighter; margin-top: 10px;}
		.lightbrown { color: #BA8D41; }
	h2 { font-size: 1.4em; color: #BA8D41; }
			
	#frame { width: 960px; text-align: left; background-color: #ffffff; }
	#outer { background-color: #ffffff; padding: 4px 10px 10px 10px; width: 960px; }
	#container { background-image: url(../images/maintile.jpg) !important; background-repeat: repeat-y !important; }
	#header { background-color: #A7A9AC; height: 46px; line-height: 46px; vertical-align: middle; margin-bottom: 8px; border-top: solid 6px #ffffff; }
		#searchbox { font-size: 0.8em; padding: 4px 10px; color: #ffffff; float: right; clear: none; width: 400px; text-align: right; line-height: 14px;}
		#searchbox select { font-size: 0.9em;  }
	#leftmenu { width: 156px; float: left; clear: none; position: relative; }	
		#leftmenu .top { background-image:url(../images/mnutop.jpg); background-repeat: no-repeat; height: 8px; font-size: 1px; }
		#leftmenu .menu {  background-repeat: repeat-y; min-height: 446px;}
			.menu a { font-weight: bold; border-bottom: solid 1px #ffffff; display: block; padding: 6px 10px; color: #ffffff; text-decoration: none; font-size: 0.9em; }		
			.menu a:hover { color: #765D30; }
		#leftmenu .submnu { display: none; border-bottom: solid 1px #ffffff;}	
			.submnu a { font-size: 0.8em; padding-left: 20px; border-bottom: 0px; padding: 2px 20px;}
		.bottom { background-image:url(../images/mnubox.jpg); background-repeat:no-repeat; height: 72px; top: 490px;  position: absolute; width: 157px; color: #ffffff; font-size:0.8em; padding: 10px 20px 10px 3px;}
			.bottom a { color: #ffffff !important; font-weight: normal !important; text-decoration: none !important;}	
			
	#main { width: 804px; float: left; clear: none; background-position: top right; background-image: url(../images/stripes_side.jpg); background-repeat: no-repeat; min-height: 526px; }
			
		#heightfix { min-height: 460px;  padding-right: 10px;} /* layer required to force height of content */		
		#content { width: 682px; height: 560px; overflow: auto; margin: 0px 0px 0px 10px; padding-right: 10px; font-size: 0.85em; color: #666666; }
			/* The SMALL class name needs to be applied to the content div
			   when brun, blonde or red is applied to the  main div so that 
			   sizes will match in with the background image */
		#content a, #content_small a { font-weight: bold; color: #765D30; }
	.breaker { clear: both; font-size:1px; line-height: 1px; height: 1px; }
	
			 .pageon { color: #666666; font-size: 0.8em; float: left; clear: none; background-color: #dedede; border: solid 1px silver; height: 24px; width: 16px; line-height: 24px; vertical-align: middle; text-align: center; text-decoration: none; margin-right: 2px;}
		 .pageoff { color: #666666; font-size: 0.8em; float: left; clear: none; background-color: #cccccc; border: solid 1px silver; height: 24px; width: 16px; line-height: 24px; vertical-align: middle; text-align: center; text-decoration: none; margin-right: 2px;}		
	
	#about #mnuAbout, #contact #mnuContact, #range #mnuRange, #marketing #mnuMarketing { display: block; }
	
	#copyright { color: #ffffff; margin-top: 4px; }
		#copyright a { color: #ffffff; text-decoration:none; }
	
	/* CSS Popups */
	/* CSS Popup */
a span {display: none;}
a:hover span {display: block;
   position: absolute; 
   padding: 5px; margin: 10px; z-index: 100;
   color: #dddddd; background: #ffffff; border: solid 1px silver; padding: 10px; 
   font: 10px Verdana, sans-serif; margin-top: 16px; margin-right: 50px; }
   
  .supplier { margin: 0px 0px 8px 0px; padding: 8px; border: solid 1px silver; }
  
  table .products {  font-size: 0.8em; }
  .products th { background-color: #333333; color: #ffffff; text-align: left; font-size: 0.8em;}
  .products td { background-color: #dddddd; font-size: 0.8em; }
  
  .button { color: #666666; float: right; clear: none; background-color: #dedede; border: solid 1px silver; height: 24px; line-height: 24px; vertical-align: middle; text-align: center; text-decoration: none;
			font-size: 0.9em; width: auto; padding: 0px 6px; margin-bottom: 4px;clear: right;		 
  } 
  
  .error { color: red; }
  .msg { color: green; }
  
  .nobold { font-weight: normal !important; }
  
  .prodthumb { width: 120px; height: 275px; text-align: center; float: left; clear: none; margin: 0px 2px 6px 2px; }
  .prodthumb img { border: 0px; clear: both; }
  
  #skiplink { margin-top: 0px; margin-bottom: 10px; font-size: 0.8em;}
  	
	.smProductBox { margin-bottom: 20px; border-bottom: solid 1px silver; }
	.smProductBox p { margin-top: 0px; margin-bottom: 15px;  width: 440px; }
	.smthumb { float: left; clear: none; width: 80px; height: 80px; margin: 0px 20px 100px 0px; }
	
	td  td { font-size: 1.0em !important; }
	
	
	/* QUICK CART STYLES */
	#quickcart { float: right; clear: both; height: 32px; width: 600px; margin-top: 4px; text-align: left; color: #ffffff; }
		#quickcart a { color: #ffffff; }
	#carticon { float: right; clear: none; width: 330px; height: 32px; text-align: right; margin-right: 5px; bac}
	#cartcontents {  float: right; clear: none; width: 190px; line-height: normal; height: 32px;  font-size: 0.8em; text-align: left; padding-top: 3px;}
	.fbicon { float: right; clear: none; margin-right: 10px; }
