
body {
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-x;
	background-color: #c4b581;
	font-family: "Trebuchet MS";
	font-size: 12px;
	}

  #sub_content, .rating_stars_overlay { behavior: url("iepngfix.htc") }
	
a:link, a:visited, a:active {
color: #af361b;
}

a:hover, a:focus {
color: #377439;
}

#container {
	width: 902px;
	margin: auto;
	background-image: url(../images/container_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	}

	#header {
		width: 902px;
		height: 114px;
		background-image: url(../images/header_bg.gif);
		background-repeat: no-repeat;
		}

	/* This is the container that holds everything between the header and footer for the home page */
	#home_container {
	
		}

			#col1 {
				
				width: 159px;
				height: 587px;
				float: left;
				background: #D9D8C5;
			}
			#col1 td ul, #sub_nav td ul {
				display:none;
				background:#E6E4D6;
				border:solid #868060 1px;
				font-family: "Trebuchet MS";
				list-style-type:none;
				text-align:left;
				padding-top:5px;
				padding-bottom:5px;
			}
			#col1 td ul li a, #sub_nav td ul li a {
				
				font-weight:bold;
				font-size:.9em;
				
				padding-right:20px;
			}
			#col1 li a:hover, #sub_nav li a:hover {
				
			}
			#col1 td:hover ul, #sub_nav td:hover ul {
				display:block;
				position:absolute;
				margin-left:150px;
				margin-top:-21px;
				z-index:1000;
				
			}
			
				
			#col2_home {
				z-index: 500;
				width: 743px;
				float: left;
				}
			
				#home_imgContent_container {
					width: 743px;
					height: 418px;
					background-image: url(../images/home_brownContent_bg.gif);
					background-position: top right;
					background-repeat: no-repeat;
					}
						
					#home_img {
						width: 533px;
						height: 418px;
						float: left;
						}
						
					#home_brownContent {
						width: 207px;
						height: 418px;
						float: left;
position: relative;
						}
				
				#greenBoxes {
					width: 743px;
					height: 169px;
					}
					
					#greenBox_container {
						width: 736px;
						height: 163px;
						position: relative;
						left: 7px;
						top: 6px;
						background-image: url(../images/greenBox_container.gif);
						background-position: top;
						background-repeat: no-repeat;
						}
						
						
						#greenBox_1 {
							width: 245px;
							height: 158px;
							float: left;
							position: relative;
							left: 7px;
							top: 5px;
							}
						
						#greenBox_2 {
							width: 263px;
							height: 158px;
							float: left;
							position: relative;
							left: 14px;
							top: 5px;
							}
						
						#greenBox_3 {
							width: 199px;
							height: 158px;
							float: left;
							position: relative;
							left: 21px;
							top: 5px;
							}
							
							.greenBox_title {
								position: relative;
								left: 18px;
								top: 8px;
								color: #ffffff;
								font-size: 14px;
								font-weight: bold;
								font-family: "Arial";
								}
								
							.greenBox1_content, .greenBox2_content, .greenBox3_content {
								position: relative;
								top: -5px;
								color: #000000;
								font-size: 11px;
								font-family: "Arial";
								}
								
								
							.greenBox1_content a:link, .greenBox1_content a:visited, 
							.greenBox2_content a:link, .greenBox2_content a:visited, 
							.greenBox3_content a:link, .greenBox3_content a:visited {
								color: #c4b581;
								text-decoration: none;
								font-weight: bold;
								}
								
							.greenBox1_content a:hover, .greenBox1_content a:active, 
							.greenBox2_content a:hover, .greenBox2_content a:active, 
							.greenBox3_content a:hover, .greenBox3_content a:active {
								color: #ffffff;
								text-decoration: none;
								font-weight: bold;
								}
							
							.greenBox1_content {
								left: 18px;
								width: 209px;
								}
								
							.greenBox2_content {
								left: 18px;
								width: 230px;
								}
								
							.greenBox3_content {
								left: 18px;
								width: 159px;
								}
				
	/* This is the container that holds everything between the header and footer for the additional pages */
	#sub_container {
		
		}
				
			#row1_sub {
				z-index: 500;
				width: 902px;
				height: 139px;
				}
				
				#sub_logo,.img.logoImg {
					width: 159px;
					height: 139px;
					float: left;
					}
					
				#p_img {
					width: 743px;
					height: 139px;
					float: right;
					}
				
			#row2_sub {
				z-index: 500;
				width: 902px;
				float: left;
				}
				
				#sub_nav {
					width: 159px;
					float: left;
					}

				#sub_content {
					width: 743px;
					margin: 0 auto 0px auto;
					float: right;
					background-image: url(../images/sub_content_bg.png);
					background-position: right;
					background-repeat: repeat-y;
					}
					
					


					
					
					
					
					
				.pageTitle {
					color: #8a2b16;
					font-size: 22px;
					position: relative;
						left: 45px;
						top: 27px;
					font-weight: bold;
					font-family: "Trebuchet MS";
					}
					
				#pageContentContainer {
					color: #2b2b2b;
					width: 661px;
					margin-left: 47px;
					margin-top: 35px;
					}
					
						/* MISSING BG */
						#pageContent {
							width: 661px;
							position: relative;
								left: 47px;
								top: 35px;
							margin-bottom: 60px;
							}
							



	.home_clearance { 
		clear: both;
		background-color: #c4b581;
		height: 0px;
		}
		
	.clearance { 
		clear: both;
		height: 0px;
		}


	

#greenpadding {
	background-image: url(../images/greenpadding_bg.gif);
	background-repeat: repeat-x;
	width: 902px;
	height: 20px;
	}


#footer {
	background: #c4b581;
	height: 73px;
	text-align: center;
	}
	
	#footer span {margin-top: 19px;}
	
	.copyright {
		font-size: .7em;
		text-transform: uppercase;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	





	
/* ------------------------------------ CLASSES ------------------------------------ */



.headerLinks {
	position: relative;
	top: 83px;
	left: 23px;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	}

.headerLinks a:link, .headerLinks a:visited {
	color: #dbdcbf;
	text-decoration: none;
	}
	
.headerLinks a:hover, .headerLinks a:active {
	color: #ffffff;
	text-decoration: none;
	}
	
.navLinkAdjustment {
	margin-left: 44px;
	}
	
.logoImg {
	border: none;
	}
	
.left_trClass {
	font-size: 12px;
	}
.leftNavTable .left_trClass td
{
	background:#D6D6C1;
	border-top:solid #868060 1px;
	padding:2px 0;
}
	

a:link.leftNavLink, a:visited.leftNavLink {
	color: #554f2f;
	text-decoration: none;
	font-weight: bold;
	}
	
a:hover.leftNavLink, a:active.leftNavLink {
	color: #af361b;
	text-decoration: none;
	font-weight: bold;
	}
	
.leftNavTable {
	width: 100%;
	text-align: center;
	border-bottom: solid #868060 1px;
	}
	
	
	
.footerTable {
	background-image: url(../images/footer_bg.gif);
	width: 902px;
	height: 73px;
	}
	
.privacyPolicy, .spacer, .aboutUs {
	text-transform: uppercase;
	font-size: 10px;
	}

.privacyPolicy {
	left: 515px;
	}
	
.spacer {
	left: 518px;
	}
	
.aboutUs {
	left: 521px;
	}

.privacyPolicy a:link, .privacyPolicy a:visited,
.aboutUs a:link, .aboutUs a:visited {
	color: #522117;
	text-decoration: none;
	}
	
.privacyPolicy a:hover, .privacyPolicy a:active,
.aboutUs a:hover, .aboutUs a:active {
	color: #ffffff;
	text-decoration: none;
	}
	
	
.brownArea_text {
	color: #2b2b2b;
	position: absolute;
	top: 275px;
	left: 30px;
	width: 160px;
	font-size: 12px;
	}

.rating_stars {
	width: 100px;
	height: 20px;
	background: #dbdbdb;
}
.rating_stars_score {
	width: 0;
	height: 20px;
	background: #f3ed3c;
}
.rating_stars_overlay {
	width: 100px;
	height: 20px;
	background: url(../images/ratings_overall_overlay.png) top left no-repeat;
	text-indent: -9999px;
}

#product_main_rating .rating_stars_overlay {
	background: url(../images/ratings_overall_overlay.png) top left no-repeat;
}
.user_review .rating_stars_overlay {
	background: url(../images/ratings_user_overlay.png) top left no-repeat;
}

#post_review .rating_stars_overlay {
	background: url(../images/ratings_rate_overlay.png) top left no-repeat;
}
	
#product_main_rating { margin-bottom: 8px; }


#product_reviews { margin: 12px 0; }

.user_review {
	margin-bottom: 8px;
}

.user_review h3 {
	font-size: 1.1em;
}
.user_review h4 {
	float: right;
	font-size: 1em;
	color: #333;
}

/***	Form Styling			***/

div.form_row {
	margin: 0 0 5px;
}

div.form_row:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

div.form_row span.form_label {
	float: left;
	width: 20%;
	text-align: right;
}
div.form_row span.form_input {
	float: left;
	width: 70%;
	text-align: left;
	padding-left: 6px;
}

#post_review #comments {
	width: 280px;
	height: 120px;
}

#post_review .rating_stars_overlay div {
	float: left;
	width: 20%;
	height: 20px;
	cursor: pointer;
}

#page_navigation { text-align: right; }

#page_navigation a {
	margin: 2px;
	padding: 2px 5px;
	background: #e9e7d3;
	border: 1px solid #333;
	color: #222;
	font-weight: bold;
	text-decoration: none;
}
#page_navigation a.active_page {
	background: #6f6d5a;
	color: #ececec;
}

#home_brownContent { position: relative; }

#bio35_area { 
	position: absolute;
	top: 34px;
	left: 18px;
}

#bio35_area h3 { margin-left: 10px; }

#bio35_area .rating_stars_overlay {
	background: url(../images/ratings_home_overlay.png) top left no-repeat;
}

#product_rating_review { margin-top: 8px; }

.btn_gradBrown, .btn_gradBrown:link, .btn_gradBrown:visited, .btn_gradBrown:hover {
	padding: 2px 4px;
	background: url(../images/btn_gradBrown_bg.png) top left repeat-x;
	border: 1px solid #6d2203;
	color: #ececec;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a.btn_gradBrown:link, a.btn_gradBrown:visited, a.btn_gradBrown:hover {
	padding: 3px 4px;
}