/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

html, body { margin:0; padding:0; }
body { background: white url('/Files/PageImages/topBG.jpg') top left repeat-x; color: #000; font: 62.5% Arial, Helvetica, sans-serif; }


/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
img { border: 0; }
	
/* force scroll bar in FF for centred sites */
html { height: 100%; margin-bottom: 1px; }

/* Element Default Classes */
ul, ol { list-style:none; list-style-position: outside; padding:0 0 10px 0; margin:0; }
ul li, ol li { color:#668800; font-size:1.2em; background: url('/Files/PageImages/listStyle.gif') 2% no-repeat; padding-left:20px;  }
hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
a:link,  a:visited, a:active { color:#668800; text-decoration: none; outline: 0; font-size:1.2em; }
a:hover { text-decoration: underline; } 

/* Global classes */
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }


/*----- STRUCTURE -----*/

#container {
	margin:0 auto; 
	width:761px;
	padding:0; background:none !important; }

#head { 
	margin:0; 
	height:183px; 
	background: url('/Files/PageImages/headBG2.jpg') bottom left no-repeat; padding:0; }
	
	.logo { 
		padding:37px 0 0 17px; 
		margin:0; 
		float:left; }
		
	.topPic { 
		padding:14px 31px 0 0; 
		margin:0; 
		float:right; }

#wrapper {  
	margin:0; padding:0; }

	#leftCol { 
		width:182px; 
		float:left; }
		
	#content {
		float:left;
		margin-left:16px;
		padding:0 0 10px 0; }
	
	#content a { font-size:1em; }
	#content ul { padding-top:10px; }	
		 
	#rightCol { 
		width:180px; 
		float:left;
		border-left: 1px solid #dfdbbb;
		margin-bottom:20px;	}
	
#footer { 
	border-top:1px solid #dfdbbb; 
	height:30px; 
	float:none;  }

/*----- NAVIGATION -----*/

ul.toolinks { 
	list-style: none; 
	padding:0; 
	margin:10px 0 0 0;  }
	
ul.toolinks li { 
	float:left; 
	color:#80793c; 
	font-size:1em;	
	background:none;
	padding:0 5px 0 5px; }

ul.toolinks li a  { 
	color:#80793c; 
	text-decoration: none; 
	font-size:1em;	}

ul.toolinks li a:hover { 
	text-decoration: underline; }

ul.level1 { 
	list-style: none;
	list-style-position: outside; 
	height:46px; 
	padding:0; 
	margin:0 0 0 28px; }

	ul.level1 li { 
		float:left; background: none; margin:12px 3px 0 0; padding: 0; }
	
	ul.level1 li a, ul.level1 li a:visited  { 
		display: block; height: 17px;
		color:#fff; text-decoration: none; text-transform:uppercase; font-size: 14px; font-weight: bold;
		padding:3px 15px 3px 15px; 
		margin-right:3px; }
	
	ul.level1 li a:hover, ul.level1 li a.MenuOn { 
		background: #769d00 url('/Files/PageImages/level1_hoverLeft.gif') top left no-repeat; 
		text-decoration: none; }
	
	ul.level1 li:hover, ul.level1 li.MenuOn { 
		background: url('/Files/PageImages/level1_hoverRight.gif') right 0 no-repeat; }
	
ul.level2 { padding-top:10px; }	
	
ul.level2 li {   
	color:#fff; 
	font-size:1em;
	font-weight:bold;	
	padding:3px 0 5px 0; 
	background:none; }	

ul.level2 li a, ul.level2 li a:visited  { 
	color:#fff; 
	text-decoration: none; 
	padding:3px 15px 3px 15px; 
	margin-right:3px; }

ul.level2 li a:hover, ul.level2 li a.MenuOn {
	color:#dfdbbb;	
	margin-right:3px; 
	text-decoration: none; }

/*----- TYPOGRAPHY -----*/

p { 
	font-size: 1.2em; 
	margin:10px 0 3px 0;
	padding:0;
	color:black; }

h1 { 
	font-size: 1.8em; 
	margin: 0 0 1em;
	color:#80793c;	}

h2 { 
	font-size: 1.7em; 
	margin: 20px 0 1em;
	color:#a2994a; }

h3 { 
	font-size: 1.2em; 
	margin:10px 0 -10px 0;
	color:black;	}

h4 { 
	font-size: 1.4em; 
	font-weight: bold;
	margin: 0 0 1em; }

h5 { 
	font-size: 1.3em; 
	font-weight: bold;
	margin: 0 0 1em; }

h6 { 
	font-size: 1.2em; 
	font-weight: bold;
	margin: 0 0 1em;
	color:#a2994a;	}
	

/*----- COLORS -----*/

.green { color:#668800; }
.lightGreen { color:#99cc00; }
.gold { color:#a2994a; }
.darkGold { color:#80793c; }
.sand { color:#f2f0e3; }
.darkSand { color:#dfdbbb; }

/*--------------------- RE-USABLE ELEMENTS ---------------------*/

#sandbox { background: #f2f0e3; margin-bottom:10px; }

	#sandbox .tl { background: url('/Files/PageImages/tl.gif') top left no-repeat; }

	#sandbox .tr { background: url('/Files/PageImages/tr.gif') top right no-repeat; }

	#sandbox .bl { background: url('/Files/PageImages/bl.gif') bottom left no-repeat; }

	#sandbox .br { background: url('/Files/PageImages/br.gif') bottom right no-repeat; padding: 10px; } 


/*----- FORM ELEMENTS -----*/

form {  }

form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 float: left;
	 width: 150px; }
 	
	form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
input, select, textarea {
 	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 0 0 2px;
 	width: 150px; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }

/*--------------------- CONTENT ---------------------*/

#contentIndex { 
		width:350px;	
		float:left; 
		padding:0 0 10px 20px;	}
		
.new { font-size:1em; }

.strong { font-weight:bold; }

#contentIndex img { vertical-align:middle; }
.filler { padding-left:39px; }

ul.contentList li { background: url('/Files/PageImages/listStyle2.gif') 2% top no-repeat; padding-right:10px; }
ul.contentList li a { font-weight:none; }
ul.contentList a { color:#668800; text-decoration:none; font-size:1em; }
ul.contentList a:hover { text-decoration:underline; }

#content p { padding-right:10px; }

.subContent { float:left; margin:20px 30px 0 0;  }
.tanks, .drums  { padding-right:40px; } 
.carboys { float:left; margin:20px 5px 20px 0; }
.homefloat { float:right; }

.linkImage { padding:20px 0 10px 79px; }
.homekits a { font-size:2em; font-weight:bold; }
.homekits a:hover { text-decoration:underline; }

/*---------------------- LEFT_COLUMN ------------------------*/

#leftCol h1 { 
	font-size:1.2em; 
	border-spacing:20px; 
	border-bottom: 1px solid #dfdbbb; 
	margin-bottom:10px; 
	padding:0 0 8px 3px;
	color:#80793c;	}
	
#leftCol h2 { 
	font-size:1.1em; 
	font-weight:bold; 
	margin:0; 
	text-transform:uppercase; 
	color:#80793c; 
	padding:0 10px 0 4px; }

#leftCol p { 
	color:#80793c; 
	padding:0 10px 10px 4px; }
	
#level2 { background: #95c800 url('/Files/PageImages/level2BG.jpg') top left no-repeat; width:180px; margin:0 0 15px 0; padding:0; }
#level2 img { margin:0; padding:0; }

ul.leftFree li { 
	color:#80793c; 
	text-decoration:none; 
	font-weight: none !important; 
	font-size:1.1em; 
	background: url('/Files/PageImages/listStyle2.gif') 2% top no-repeat; 
	padding:0 15px 0 13px;
	margin:3px 0 3px 0;	}
	
	.items { 
		width:160px; 
		color:black;
		margin-bottom:10px;	}
	
	.total { 
		width:30px; 
		text-align:right; }
	
	a.order  { 
		background: url('/Files/PageImages/buttonBG.jpg') top left repeat-x; 
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;		
		color:#fff; 
		padding:3px 0 5px 0; 
		margin:0;		
		text-align:top; vertical-align:middle;	}	
	
	img.order, img.orderight, img.add  { 
		vertical-align:middle; padding:0; margin:0; }
		
#leftCol a { font-weight:none; }

.button1BG { 
		background: url('/Files/PageImages/buttonBG.jpg') repeat-x; 
		margin:10px 0 0 0; 
		padding:0;
		float:left;  }
		
	.button1BG img {
		vertical-align:middle; padding:0; margin:0; }
			
	.button1BG a { 
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;	
		color:#fff !important;
		margin:0 0 0 0;
		padding:0 5px 8px 0;
		background: url('/Files/PageImages/button_right2.jpg') bottom right no-repeat; vertical-align:middle;}
		
ul.leftList li { font-weight:none !important; background: url('/Files/PageImages/listStyle3.gif') 2% top no-repeat; }
ul.leftList a { color:#668800; text-decoration:none; font-size:1em; }
ul.leftList a:hover { text-decoration:underline; }

.leftIframe { margin:5px 0 5px 15px; }

/*--------------------- RIGHT_COLUMN ------------------------*/

img.garagiste { padding-left:10px }

#rightCol h1 { 
	font-size:1.2em; 
	padding:20px 10px 0 10px;
	color:#668800;	}
	
#rightCol a { font-weight:bold; display:block; }
	
#rightCol p, #rightCol a  { padding:0 10px 0 10px; }

ul.rightLearn li { 
	color:#80793c; 
	text-decoration:none; 
	font-weight: none !important; 
	font-size:1.2em; 
	background: url('/Files/PageImages/listStyle2.gif') 2% top no-repeat; 
	padding:0 15px 0 16px;
	margin:3px 0 3px 10px;	}
	
.search { 
	background: url('/Files/PageImages/searchBG.jpg') repeat-x; 
	margin:0 0 10px 0; 
	padding:0; 
	height:44px; 
	float:left; }
	
.search img { 
	vertical-align:middle; 
	padding:0; 
	margin:0;  }
	
.search input { 
	border:none; 
	width:120px; 
	padding:4px; 
	margin:10px 5px 0 0; 
	float:left;  }
		
	.buttonBG { 
		background: url('/Files/PageImages/buttonBG.jpg') repeat-x; 
		margin:10px 0 0 0; 
		padding:0;
		float:left;  }
		
	img.buttonBG {
		vertical-align:middle; padding:0; margin:0; }
			
	.buttonBG a { 
		text-transform:uppercase;
		text-decoration:none;	
		color:#fff !important;
		margin:0 0 0 0;
		padding:5px 0 0 0;
		background: url('/Files/PageImages/button_right2.jpg') top right no-repeat;	}

.bottomLink { font-weight:bold; padding:0; margin:0; }		
.bottomlinks { padding:0 0 10px 0; margin:0 0 10px 0; }
.rightIframe { margin:20px 0 20px 20px; } 		
		
/*--------------------- SUBPAGE CONTENT ---------------------*/

.block { float:left; margin-top:20px; }
.blockImg { margin-right:15px; }
.blockText { text-align:center; }

.plastic { padding:60px 0 0 20px; }
.crasher1 { padding-right:58px; }

.dryYeasts { font-size:1.2em; }

.subLink  { font-weight:bold; font-size:0.5em; }

img.crasher1 { padding-right:58px; }
.spacer { padding:0 30px 0 0; }

.tableOrder { float:left; margin-top:28px; font-size:1.2em; }
.tableOrder tr.head { background-color:#dfdbbb; height:25px; padding:0; margin:0; }
.tableOrder tr.rowA { background-color:#f9f8f0; height:27px; padding:0; margin:0; }
.tableOrder tr.rowB { background-color:#f2f0e3; height:27px; padding:0; margin:0; }   
.tableOrder td { padding:0; margin:0; }
.tableOrder td input { width:67px; }

td.price { text-align:right; padding-right:8px;  }

	.tableAdd .tableAdd_OutOfStock {  
		margin:3px 0 2px 4px; 
		padding:0;
		float:left;	}
	
.subRefract { 
	font-size: 1.2em; 
	margin:0;
	padding:0;
	color:black; }
	
.refractometers, .meters { padding:10px 0 30px 0; }

.termspage { padding:3px 0 5px 20px; margin:0; }
.whiteLabs { padding:20px 20px 10px 0; float:left; margin-right:20px; }
.whiteLabsDiv { margin:30px 0 40px 20px; }
.whiteLabsText { margin-left:20px; }	

a.goLink { 
		background: url('/Files/PageImages/buttonBG.jpg') top left repeat-x;
		text-transform:uppercase;
		text-decoration:none !important;
		font-weight:bold;		
		color:#fff !important; float:left; margin-top:12px; }	
.go  { 
		padding:3px 0 8px 0; 
		margin:0;		
		text-align:top; vertical-align:middle;	}	
	
	img.go, img.goright { 
		vertical-align:middle; padding:0; margin:0; }
		
	img.goright { margin-top:12px; float:left; }

a.addLink { 
		background: url('/Files/PageImages/buttonBG.jpg') top left repeat-x;
		text-transform:uppercase;
		text-decoration:none !important;
		font-weight:bold;		
		color:#fff !important; float:left; }	
		
a.addLink:disabled { 
		background: url('/Files/PageImages/buttonBG.jpg') top left repeat-x;
		text-transform:uppercase;
		text-decoration:none !important;
		font-weight:bold;		
		color:#fff !important; float:left; }			
		
DIV.tableAdd_OutOfStock a.addLink { 
		background: url('/Files/PageImages/buttonBG_OutOfStock.jpg') top left repeat-x;
		text-transform:uppercase;
		text-decoration:none !important;
		font-weight:bold;		
		color:#fff !important; float:left; }			
		
.add  { 
		padding:3px 0 8px 0; 
		margin:0;		
		text-align:top; vertical-align:middle;	}	
	
	img.add, img.addright { 
		vertical-align:middle; padding:0; margin:0; }
		
	img.addright {  float:left; }

img.barrels { padding:20px 25px 20px 25px; float:left; }

table.SitemapUC td { font-size:1.2em; }
table.SitemapUC a { padding:3px 0 3px 0; }
table.SitemapUC a:hover { text-decoration:underline; }