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


/*Buttons*/
a {text-align:left; text-decoration:none; color:#6f4a37;}
a:hover {text-align:left; text-decoration:none; color:#db9010;}

#tweets a {text-align:left; text-decoration:none; color:#6f4a37;}
#tweets a:hover {text-align:left; text-decoration:underline; color:#6f4a37;}

a.thicklink {font-size:12px; text-decoration:underline; margin:0 5px 0 0px;}
a:hover.thicklink {font-size:12px; text-decoration:underline; margin:0 5px 0 px;}

a.signup_btn {
	display:block;
	text-indent:-4000px;
	width:57px;
	height:18px;
	background:transparent url(../images/buttons/signup_btn.png) repeat scroll 50% 0px;
}

a:hover.signup_btn {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:pointer;
}

a.signup_btn.active {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:default;
}

a:hover.signup_btn.active {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:default;
}

a.orange {
	text-align:left; 
	text-decoration:none;
	color:#db9010; 
	display:block;
	text-indent:-4000px;
	width:57px;
	height:18px;
	background:transparent url(../images/buttons/signup_btn.png) repeat scroll 50% 0px;
	background-position:50% -18px;
}

a.orange:hover {
	text-align:left; 
	text-decoration:none;
	color:#db9010; 
	display:block;
	text-indent:-4000px;
	width:57px;
	height:18px;
	background:transparent url(../images/buttons/signup_btn.png) repeat scroll 50% 0px;
	background-position:50% -18px;
}

.btn_signup {
	margin:-22px 0 3px 160px; _margin:-27px 0 3px 160px;
}
				
a.subscribe_btn {
	display:block;
	text-indent:-4000px;
	width:67px;
	height:20px;
	background:transparent url(../images/buttons/subscribe_btn.png) repeat scroll 50% 0px;
}

a:hover.subscribe_btn {
	background-position:50% -20px;
	text-indent:-4000px;
	width:67px;
	height:20px;
	cursor:pointer;
}

a.subscribe_btn.active {
	background-position:50% -20px;
	text-indent:-4000px;
	width:67px;
	height:20px;
	cursor:default;
}

a:hover.subscribe_btn.active {
	background-position:50% -20px;
	text-indent:-4000px;
	width:67px;
	height:20px;
	cursor:default;
}

.btn_subscribe {float:left; margin:0px 0 0 0px; _margin:1px 0 0 0px; 	clear:both;}


a.submit_btn {
	display:block;
	text-indent:-4000px;
	width:57px;
	height:18px;
	background:transparent url(../images/buttons/submit_btn.png) repeat scroll 50% 0px;
}

a:hover.submit_btn {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:pointer;
}

a.submit_btn.active {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:default;
}

a:hover.submit_btn.active {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:default;
}




a.joinusonfacebook_btn {
	display:block;
	text-indent:-4000px;
	width:145px;
	height:74px;
	background:transparent url(../images/buttons/joinusonfacebook_btn.png) repeat scroll 50% 0px;
}


a:hover.joinusonfacebook_btn {
	background-position:50% -74px;
	text-indent:-4000px;
	width:145px;
	height:74px;
	cursor:pointer;
}

a.joinusonfacebook_btn.active {
	background-position:50% -74px;
	text-indent:-4000px;
	width:145px;
	height:74px;
	cursor:default;
}

a:hover.joinusonfacebook_btn.active {
	background-position:50% -74px;
	text-indent:-4000px;
	width:145px;
	height:74px;
	cursor:default;
}
#btn_joinusonfacebook {margin:-162px 0 0 769px; position:absolute; z-index:80;}

a.seeusonyoutube_btn {
	display:block;
	text-indent:-4000px;
	width:137px;
	height:35px;
	background:transparent url(../images/buttons/seeusonyoutube_btn.png) repeat scroll 50% 0px;
}

a:hover.seeusonyoutube_btn {
	background-position:50% -35px;
	text-indent:-4000px;
	width:137px;
	height:35px;
	cursor:pointer;
}

a.seeusonyoutube_btn.active {
	background-position:50% -35px;
	text-indent:-4000px;
	width:137px;
	height:35px;
	cursor:default;
}

a:hover.seeusonyoutube_btn.active {
	background-position:50% -35px;
	text-indent:-4000px;
	width:137px;
	height:35px;
	cursor:default;
}
#btn_seeusonyoutube {
	margin:-101px 0 0 765px; 
	position:absolute; 
	z-index:80;
	}


input.search_btn {
	display:block;
	text-indent:-4000px;
	position:relative;
	width:57px;
	height:18px;
	background:transparent url(../images/buttons/search_btn.png) repeat scroll 50% 0px;
	border:none;
	font-size:0px;
}

input:hover.search_btn {
	background-position:50% -18px;
	text-indent:-4000px;
	position:relative;
	width:57px;
	height:18px;
	cursor:pointer;
	border:none;
	font-size:0px;
}

a.search_btn {
	display:block;
	text-indent:-4000px;
	position:relative;
	width:57px;
	height:18px;
	background:transparent url(../images/buttons/search_btn.png) repeat scroll 50% 0px;
	cursor:pointer;
	border:none;
	font-size:0px;
}

a:hover.search_btn {
	background-position:50% -18px;
	text-indent:-4000px;
	position:relative;
	width:57px;
	height:18px;
	cursor:pointer;
	border:none;
	font-size:0px;
}



a.search_btn.active {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:default;
}

a:hover.search_btn.active {
	background-position:50% -18px;
	text-indent:-4000px;
	width:57px;
	height:18px;
	cursor:default;
}

.position_search_btn {
	float:left;
	margin:-19px 0 0 510px;
	_margin:-19px 0 0 253px;
}


a.healthbenefits_btn {
	display:block;
	text-indent:-4000px;
	width:97px;
	height:10px;
	margin:0 0 12px 0px;
	background:transparent url(../images/buttons/healthbenefits_btn.png) repeat scroll 50% 0px;
}

a:hover.healthbenefits_btn {
	background-position:50% -10px;
	text-indent:-4000px;
	width:97px;
	height:10px;
	margin:0 0 12px 0px;
	cursor:pointer;
}

a.nutritionfacts_btn {
	display:block;
	text-indent:-4000px;
	width:95px;
	height:10px;
	background:transparent url(../images/buttons/nutritionfacts_btn.png) repeat scroll 50% 0px;
}

a:hover.nutritionfacts_btn {
	background-position:50% -10px;
	text-indent:-4000px;
	width:95px;
	height:10px;
	cursor:pointer;
}

a.olivio_coupon_save1_btn {
	display:block;
	text-indent:-4000px;
	width:217px;
	height:297px;
	background:transparent url(../images/buttons/olivio_coupon_save1_btn.png) repeat scroll 50% 0px;
}

a:hover.olivio_coupon_save1_btn {
	background-position:50% -297px;
	text-indent:-4000px;
	width:217px;
	height:297px;
	cursor:pointer;
}

.olivio_coupon_save1_btn_position {float:left; margin:22px 0 0 12px; _margin:22px 0 0 6px;}


/*Main Navigation*/

	ul.nav {
		width:894px;
		height:30px;
		padding:0px 0px 0 32px;
		margin:-2px auto 0 auto;
		list-style-type:none;
		z-index:99;
		background:transparent url(../images/buttons/ul_bg.png) repeat-x;
	}	
	
	 ul.nav li {
		position:relative;
		float:left;
		z-index:10;
		}
	ul.nav li a {
		display:block;
		height:30px;
		text-indent:-4000px;
		background:transparent url(../images/buttons/nav.png) no-repeat 0 0;
		}

/*Our Story*/
	ul.nav li a#ourstory, ul.nav li a#ourstory {
		background-position:0px 0px;
		width:105px;
		cursor:pointer;
}
	ul.nav li:hover a#ourstory, ul.nav a#ourstory {
		background-position:0px -30px;
		cursor:pointer;
}

	ul.nav li a#ourstory.active, ul.nav li a#ourstory.active {
		background-position:0px -60px;
		width:105px;
		cursor:default;
}
	ul.nav li:hover a#ourstory.active, ul.nav a#ourstory.active {
		background-position:0px -60px;
		cursor:default;
}

/*Our Products*/
	ul.nav li a#ourproducts, ul.nav li a#ourproducts {
		background-position:-105px 0px;
		width:131px;
		cursor:pointer;
}
	ul.nav li:hover a#ourproducts, ul.nav a#ourproducts {
		background-position:-105px -30px;
		cursor:pointer;
}

	ul.nav li a#ourproducts.active, ul.nav li a#ourproducts.active {
		background-position:-105px -60px;
		width:131px;
		cursor:pointer;
}
	ul.nav li:hover a#ourproducts.active, ul.nav a#ourproducts.active {
		background-position:-105px -60px;
		cursor:pointer;
}

/*Recipes*/
	ul.nav li a#recipes, ul.nav li a#recipes {
		background-position:-236px 0px;
		width:98px;
		cursor:pointer;
}
	ul.nav li:hover a#recipes, ul.nav a#recipes {
		background-position:-236px -30px;
		cursor:pointer;
}
	ul.nav li a#recipes.active, ul.nav li a#recipes.active {
		background-position:-236px -60px;
		width:98px;
		cursor:default;
}
	ul.nav li:hover a#recipes.active, ul.nav a#recipes.active {
		background-position:-236px -60px;
		cursor:default;
}

/*Promotions and Coupons*/
	ul.nav li a#promotionsandcoupons, ul.nav li a#promotionsandcoupons {
		background-position:-334px 0px;
		width:189px;
		cursor:pointer;
}
	ul.nav li:hover a#promotionsandcoupons, ul.nav a#promotionsandcoupons {
		background-position:-334px -30px;
		cursor:pointer;
}
	ul.nav li a#promotionsandcoupons.active, ul.nav li a#promotionsandcoupons.active {
		background-position:-334px -60px;
		width:189px;
		cursor:default;
}
	ul.nav li:hover a#promotionsandcoupons.active, ul.nav a#promotionsandcoupons.active {
		background-position:-334px -60px;
		cursor:default;
}

/*News*/
	ul.nav li a#news, ul.nav li a#news {
		background-position:-523px 0px;
		width:76px;
		cursor:pointer;
}
	ul.nav li:hover a#news, ul.nav a#news {
		background-position:-523px -30px;
		cursor:pointer;
}

	ul.nav li a#news.active, ul.nav li a#news.active {
		background-position:-523px -60px;
		width:76px;
		cursor:default;
}
	ul.nav li:hover a#news.active, ul.nav a#news.active {
		background-position:-523px -60px;
		cursor:default;
}

/*Find Olivio*/
	ul.nav li a#findolivio, ul.nav li a#findolivio {
		background-position:-599px 0px;
		width:113px;
		cursor:pointer;
}
	ul.nav li:hover a#findolivio, ul.nav a#findolivio {
		background-position:-599px -30px;
		cursor:pointer;
}
	ul.nav li a#findolivio.active, ul.nav li a#findolivio.active {
		background-position:-599px -60px;
		width:113px;
		cursor:default;
}
	ul.nav li:hover a#findolivio.active, ul.nav a#findolivio.active {
		background-position:-599px -60px;
		cursor:default;
}

/*Spreading Good*/
	ul.nav li a#spreadinggood, ul.nav li a#spreadinggood {
		background-position:-712px 0px;
		width:147px;
		cursor:pointer;
}
	ul.nav li:hover a#spreadinggood, ul.nav a#spreadinggood {
		background-position:-712px -30px;
		cursor:pointer;
}
	ul.nav li a#spreadinggood.active, ul.nav li a#spreadinggood.active {
		background-position:-712px -60px;
		width:147px;
		cursor:default;
}
	ul.nav li:hover a#spreadinggood.active, ul.nav a#spreadinggood.active {
		background-position:-712px -60px;
		cursor:default;
}



/*Navigation for Products and Coupons Page */
	ul.nav_products {
		width:900px;
		height:59px;
		padding:0px 0px 0 15px;
		margin:0px 0 0 0px;
		float:left;
		list-style-type:none;
		z-index:99;
	}	
	
	 ul.nav_products li {
		position:relative;
		float:left;
		z-index:10;
		}
	ul.nav_products li a {
		display:block;
		height:59px;
		text-indent:-4000px;
		background:transparent url(../images/buttons/nav_products.png) no-repeat 0 0;
		}




/*Premium Spreads*/
	ul.nav_products li a#premiumspreads, ul.nav_products li a#premiumspreads {
		background-position:0px 0px;
		width:300px;
		cursor:pointer;
}
	ul.nav_products li:hover a#premiumspreads, ul.nav_products a#premiumspreads {
		background-position:0px -59px;
		cursor:pointer;
}

	ul.nav_products li a#premiumspreads.active, ul.nav_products li a#premiumspreads.active {
		background-position:0px -59px;
		width:300px;
		cursor:default;
}
	ul.nav_products li:hover a#premiumspreads.active, ul.nav_products a#premiumspreads.active {
		background-position:0px -59px;
		cursor:default;
}

/*Buttery Spray*/
	ul.nav_products li a#butteryspray, ul.nav_products li a#butteryspray {
		background-position:-300px 0px;
		width:300px;
		cursor:pointer;
}
	ul.nav_products li:hover a#butteryspray, ul.nav_products a#butteryspray {
		background-position:-300px -59px;
		cursor:pointer;
}
	ul.nav_products li a#butteryspray.active, ul.nav_products li a#butteryspray.active {
		background-position:-300px -59px;
		width:300px;
		cursor:default;
}
	ul.nav_products li:hover a#butteryspray.active, ul.nav_products a#butteryspray.active {
		background-position:-300px -59px;
		cursor:default;
}

/*Spreadable Butter*/
	ul.nav_products li a#spreadablebutter, ul.nav_products li a#spreadablebutter {
		background-position:-600px 0px;
		width:300px;
		cursor:pointer;
}
	ul.nav_products li:hover a#spreadablebutter, ul.nav_products a#spreadablebutter {
		background-position:-600px -59px;
		cursor:pointer;
}
	ul.nav_products li a#spreadablebutter.active, ul.nav_products li a#spreadablebutter.active {
		background-position:-600px -59px;
		width:300px;
		cursor:default;
}
	ul.nav_products li:hover a#spreadablebutter.active, ul.nav_products a#spreadablebutter.active {
		background-position:-600px -59px;
		cursor:default;
}


/*Our Products Carousel*/
/*
a.butteryspray_btn {
	display:block;
	text-indent:-4000px;
	width:120px;
	height:267px;
	background:transparent url(../images/buttons/butteryspray_btn.png) no-repeat;
	margin:0px 0 0 0px;
	_margin:0px 0 0 2px;
	float:left;
	position:relative;
	z-index:99;

}

a.light_original_btn {
	display:block;
	text-indent:-4000px;
	width:468px;
	height:262px;
	_height:209px;
	background:transparent url(../images/buttons/light_original_btn.png) no-repeat left bottom;
	margin:-230px 0 0 37px;
	_margin:-172px 0 0 18px;
	position:relative;
	float:left;
	z-index:100;
	
}

a.spreadablebutter_btn {
	display:block;
	text-indent:-4000px;
	width:265px;
	height:267px;
	_height:131px;
	background:transparent url(../images/buttons/spreadablebutter_btn.png) no-repeat left bottom;
	margin:-290px 0 0 342px;
	_margin:-159px 0 0 170px;
	position:relative;
	float:left;
	z-index:98;
	
}
*/



a.spreadables_btn {
	display:block;
	text-indent:-4000px;
	width:182px;
	height:158px;
	background:transparent url(../images/buttons/spreadables_btn.png) no-repeat left bottom;
	margin:95px 0 0 50px;
	position:relative;
	float:left;
	z-index:97;
}

a.spreads_btn {
	display:block;
	text-indent:-4000px;
	width:298px;
	height:161px;
	background:transparent url(../images/buttons/spreads_btn.png) no-repeat left bottom;
	margin:-136px 0 0 177px;
	position:relative;
	float:left;
	z-index:100;
}

a.spray_btn {
	display:block;
	text-indent:-4000px;
	width:106px;
	height:238px;
	background:transparent url(../images/buttons/spray_btn.png) no-repeat left bottom;
	margin:-302px 0 0 420px;
	position:relative;
	float:left;
	z-index:98;
}

a.coconut_btn {
	display:block;
	text-indent:-4000px;
	width:198px;
	height:90px;
	background:transparent url(../images/buttons/coconut_btn.png) no-repeat left bottom;
	margin:-127px 0 0 384px;
	position:relative;
	float:left;
	z-index:99;
}