@charset "utf-8";
/* CSS Document */

html {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.75em;
	font-style: normal;
}
a {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
}
body {
	background: #55A51A url(/Images/main-bg.jpg) repeat-x center top;
	margin: 0 auto;
	padding: 0;
}
h2, h3 {
	color: #3F6F0F;
}
/** Main Block **/
body div#mainContainer {
	margin: 0 auto;
	position: relative;
	width: 935px;
}	
/** EOL Main Block **/


	/** Left Couloumn **/
	body div#mainContainer div.leftBox{
		float: left;
		position: relative;
		width: 228px;
		z-index: 900;
	}
		div.leftBox .logoBox {
			border-bottom: 1px solid #78BA24;
			left: 0;
			height: 129px;
			position: relative;
			top: 0;
			width: 180px;
			z-index: 100;
		}
		div.leftBox .navBox {
			/*background: transparent url(/Images/left-nav-bg.png) left top no-repeat;*/
/*			height:auto !important;
			height:671px;
			min-height:671px;*/
			position: relative;
		}
			div.navBox ul {
				list-style: none;
			}
			div.navBox ul li {
				display: block;			
			}
			div.navBox ul li a {
				display: block;
				height: 37px;
				overflow: hidden;
				width: 198px;
			}
			div.navBox ul li a:hover {
				text-decoration: none;
			}
				div.navBox a strong{ 
					visibility: hidden;
				}
				div.navBox a.homeNav{
					background: url(/Images/nav/nav-01.gif) top left no-repeat;
				}
				div.navBox a.homeNav:hover{
					background: url(/Images/nav/hover-nav-01.gif) top left no-repeat;
				}
				div.navBox a.homeNav-active {
					background: url(/Images/nav/active-nav-01.gif) top left no-repeat!important;
				}
				div.navBox a.productNav {
					background: url(/Images/nav/nav-02.gif) top left no-repeat;
				}
				div.navBox a.productNav:hover {
					background: url(/Images/nav/hover-nav-02.gif) top left no-repeat;
				}
				div.navBox a.productNav-active {
					background: url(/Images/nav/active-nav-02.gif) top left no-repeat!important;					
				}
				div.navBox a.recipesNav{
					background: url(/Images/nav/nav-03.gif) top left no-repeat;
				}
				div.navBox a.recipesNav:hover {
					background: url(/Images/nav/hover-nav-03.gif) top left no-repeat;
				}
				div.navBox a.recipesNav-active {
					background: url(/Images/nav/active-nav-03.gif) top left no-repeat!important;
				}
				div.navBox a.healtNav{
					background: url(/Images/nav/nav-04.gif) top left no-repeat;
				}
				div.navBox a.healtNav:hover{
					background: url(/Images/nav/hover-nav-04.gif) top left no-repeat;
				}
				div.navBox a.healtNav-active {
					background: url(/Images/nav/active-nav-04.gif) top left no-repeat!important;
				}
				div.navBox a.freerangeNav{
					background: url(/Images/nav/nav-05.gif) top left no-repeat;
				}
				div.navBox a.freerangeNav:hover{
					background: url(/Images/nav/hover-nav-05.gif) top left no-repeat;
				}
				div.navBox a.freerangeNav-active{
					background: url(/Images/nav/active-nav-05.gif) top left no-repeat!important;
				}
				div.navBox a.whatsnewNav{
					background: url(/Images/nav/nav-06.gif) top left no-repeat;
				}
				div.navBox a.whatsnewNav:hover{
					background: url(/Images/nav/hover-nav-06.gif) top left no-repeat;
				}
				div.navBox a.whatsnewNav-active{
					background: url(/Images/nav/active-nav-06.gif) top left no-repeat!important;
				}
				div.navBox a.faqsNav{
					background: url(/Images/nav/nav-07.gif) top left no-repeat;
				}
				div.navBox a.faqsNav:hover{
					background: url(/Images/nav/hover-nav-07.gif) top left no-repeat;
				}
				div.navBox a.faqsNav-active{
					background: url(/Images/nav/active-nav-07.gif) top left no-repeat!important;
				}
				div.navBox a.stockistNav{
					background: url(/Images/nav/nav-08.gif) top left no-repeat;
				}
				div.navBox a.stockistNav:hover{
					background: url(/Images/nav/hover-nav-08.gif) top left no-repeat;
				}
				div.navBox a.stockistNav-active{
					background: url(/Images/nav/active-nav-08.gif) top left no-repeat!important;
				}
			
			div.navBox .chickLogo {
				margin: 20px auto;
				text-align: center;
				width: 180px;
			}
				.chickLogo img, .chickLogo p {
					display: block;
					float: left;
				}
				.chickLogo img {
					height: 41px;
					width: 35px;
				}
				.chickLogo p {
					color: #4D6817;
					font-size: 0.85em;
					height: 35px;
					padding: 3px 4px;
					text-align: left;
					width: 110px;
				}
			/***	
			div.navBox .subnavBox {
				position: relative;
				/*margin-top: 80px;*/
			/**}
				div.subnavBox ul {
					list-style: none;
				}
				div.subnavBox ul li {
					display: block;
					height:auto;
					widows: 185px;
				}
				div.subnavBox ul li a{ 
					display: inline;
				}
				*/
	/** EOL Left Coloumn **/		
	
	/** Right Couloumn **/
	body div#mainContainer div.rightBox{
		float: left;
		position: inherit;
		width: 707px;
	}
		div.rightBox .topHeader {
			height: 124px;
			left: 0;
			margin:auto;
			position: relative;
			top: 0;
			width: 100%;
		}
			div.topHeader .searchBox {
				float:left;
				height:24px;
				left:352px;
				position:relative;
				top:10px;
				width:340px;
			}
				div.searchBox .soundButtBox {
					/*border-right: 1px solid #FFFFFF;*/
					float: left;
					margin: 4px auto;
					padding: 2px 10px 2px 2px;
					width: 14px;
				}
				div.searchBox .contactusBox {
					float: left;
					margin: 4px auto;
					padding: 1px 2px 2px 10px;
					width: 77px;
				}
				div.searchBox .searchAttribBox {
					float: left;
				}
					div.searchAttribBox .searchBoxTempName {
						background: transparent url(/Images/input-bg-transparent.png) repeat top left;
						border: 1px solid #ffffff;
						display: block;
						float: left;
						height: 19px;
						padding: 3px 0 0 3px;
						width: 174px;
					}
					div.searchAttribBox .submitButtTempName {
						display: block;
						float: left;
					}
				
				
	/** EOL Right Coloumn **/


	/** Content Box **/
	body div#mainContainer div.contentBox {
		background: transparent url(/Images/contentbox-bg.jpg) repeat-y scroll left top;
		color: #003300;
		left: 0;
		padding: 0 0 0 229px;
		position: absolute;
		top: 125px;
		width: 705px;
		z-index: 800;
	}
	/** EOL Content Box **/
	
	div.contentBox .topcontentBox {	
		/*Min height set*/
		height:auto !important;
		height:400px;
		min-height:400px;		
	}


	/*** Submission form global **/
	div.contentBox .newsletterBox {
		background: #91CA2B; /*url(/Images/home/flashbox-bg.gif) repeat top left;*/
		height: 84px;
		margin: 5px 0 0;
		padding: 20px;
		position: relative;
		width: 650px;
	}
		.newsletterBox h2 {
			color: #231F20;
		}
		.newsletterBox p{
			padding: 10px 0 0;
		}
		.newsletterBox .sformWrap {
			padding: 15px 0 0;
		}
		.sformWrap .transInput {
			background: transparent url(/Images/input-bg-transparent.png) repeat top left;
			border: 1px solid #ffffff;
			display: block;
			float: left;
			height: 19px;
			margin: 0 5px 0 0;
			padding: 3px 0 0 4px;
			width: 220px;
		}
		.picBox {
			position: absolute;
			left: 607px;
			top: 2px;
			z-index: 1000;
		}
	/** EOL submission **/
	
	div.contentBox .minheightWrapper {
		height: auto;
		min-height: 562px;
	}
	/** Footer box **/
	div.contentBox .bottomFooter {
		color: #FFF;
		font-size: 0.95em !important;
		margin: 40px 0 20px;
		position: relative;	
		width: 690px;
		z-index: 910;
	}
		div.bottomFooter .subLinks {
			position: absolute;
			left: -228px;
			top: -120px;
			z-index: 1800;
		}
			.subLinks ul{
				list-style: none;
				padding: 0 0 0 20px;
			}
			.subLinks ul li {
				padding: 0 0 4px;
			}
		div.bottomFooter .bottomLinks {
			padding: 0 20px;
			position: relative;
		}
			.bottomLinks .copyRight {
				float: left;
				width: 250px;
			}
			.bottomLinks .cpsLinks {
				float: right;
				text-align: right;
				padding-left: 10px;
				width: 250px;
			}
				.cpsLinks a{
					border-right: 1px solid #fff;
					padding: 0 10px;
				}
				.cpsLinks .nobordMarg {
					border-right: 0 none;
					padding-right: 0;
				}

.contentBox h1 {
	height: 53px;
}
/*** CLEARFIX css hacks ***/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/** End off cleaFix **/