@charset "utf-8";



/*id for DIV which will contain all the site header content */
#nav_content {
	width:807px;
	height: 24px;
	float:left;
	border-top:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}
#homenav{
	height: 24px;
	width: 94px;
	border-right:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	background: url(../images/assets/btn_files/home_btn_on.png);
	float: left;
	margin-left: 40px;
}

#homenav:hover{
	background-position: bottom left;
}

#productsnav{
	height: 24px;
	width: 94px;
	border-right:1px solid #bbbbbb;
	overflow: hidden;
	background: url(../images/assets/btn_files/products_btn_on.png);
	float: left;
}

#productsnav:hover{
	background-position: bottom left;
}
#recipesnav{
	height: 24px;
	width: 94px;
	border-right:1px solid #bbbbbb;
	overflow: hidden;
	background: url(../images/assets/btn_files/Recipes_btn_on.png);
	float: left;
}

#recipesnav:hover{
	background-position: bottom left;
}
#healthnav{
	height: 24px;
	width: 75px;
	border-right:1px solid #bbbbbb;
	overflow: hidden;
	background: url(../images/assets/btn_files/Health_btn_on.png);
	float: left;
}

#healthnav:hover{
	background-position: bottom left;
}
#resourcesnav{
	height: 24px;
	width: 100px;
	border-right:1px solid #bbbbbb;
	overflow: hidden;
	background: url(../images/assets/btn_files/Resources_btn_on.png);
	float: left;
}

#resourcesnav:hover{
	background-position: bottom left;
}
#wheretobuynav{
	height: 24px;
	width: 133px;
	border-right:1px solid #bbbbbb;
	overflow: hidden;
	background: url(../images/assets/btn_files/WhereToBuy_btn.png);
	float: left;
}

#wheretobuynav:hover{
	background-position: bottom left;
}

#contact_usnav{
	height: 24px;
	width: 108px;
	border-right:1px solid #bbbbbb;
	overflow: hidden;
	background: url(../images/assets/btn_files/contact_us_btn_on.png);
	float: left;
}

#contact_usnav:hover{
	background-position: bottom left;
}

#tellafriend{
	float: left;
	background-image: url(../images/assets/btn_files/tellafriend_btn_on.png);
	margin-top: -12px;
}

#tellafriend:hover{
	background-position: bottom left;
}
#onlinestore{
	width: 130px;
	background: url(../images/assets/btn_files/onlinestore_btn_on.png);
	float: left;
	margin-top: -12px;
}

#onlinestore:hover{
	background-position: bottom left;
}