@charset "UTF-8";
/* Global CSS Document */

#container {height:auto; _min-height:132px; overflow:hidden; padding:0 0px 0 0px; width:960px; margin:0 auto 0 auto; background:url(../images/bg_content_100.jpg) no-repeat bottom;}

#orange_bar {height:18px; width:958px; margin:0 0 0 1px; background:#db9010; z-index:1; position:relative;}

#olivebranch {background:url(../images/olivebranch.png) no-repeat; height:144px; width:147px; margin:-180px 0 0 838px; z-index:10; position:absolute;}

#content {margin:0 auto 0 auto; width:auto; height:auto; width:928px;}


#main_window_top {width:928px; height:3px; background:url(../images/main_window_bg_top.png) repeat-y; margin:10px auto 0 auto;}
#main_window {width:928px; height:471px; background:url(../images/main_window_bg.png) repeat-y; margin:0px auto 0 auto;}

#main_window_content {width:900px; height:450px; float:left; margin:9px 0px 0px 12px;  _margin:9px 0px 0px 6px;}
#main_window_olivetrees {width:928px; height:471px; background:url(../images/bg_olivetrees.png) no-repeat 0px 0px; margin:0px auto 0 auto; float:left;}
#main_window_olivetrees_landing {width:928px; height:471px; background:url(../images/bg_olivetrees_landing.png) no-repeat 0px 0px; margin:0px auto 0 auto; float:left;}
#main_window_alternate_content {width:900px; height:450px; float:left; margin:0px; background:url(../images/home_alternate.jpg) no-repeat;}

#main_window_bottom {width:928px; height:5px; background:url(../images/main_window_bg_footer.png) repeat-y; margin:0 0 11px 0px; _margin:0 0 3px 0px;}

#signup_section {
	width:912px; 
	max-height:131px; 
	height:auto !important;  /*For IE6, also see expression in ie6 style sheet.*/
	height:20px; 
	border-top:1px solid #ac987b; 
	border-bottom:1px solid #ac987b; 
	background:url(../images/signup_section_bg.png) repeat-x; 
	padding:0px 0 0px 15px; 
	clear:both; 
	margin:0 0px 0 0px;
	}

#signup_section h6 {width:165px; margin:5px 0 0 0px; text-transform:uppercase; font-weight:normal;}
#signup_section p {width:620px; padding:4px 0 4px 0px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#signup_section .horizontal_list li {float:left;}
#signup_section .horizontal_list label {margin:6px 0 0 0px; }

.signup_section_content {height:91px; clear:both;}
.signup_section_content span {margin:2px 0 0 3px; position:relative; float:left;} 


.horizontal_list li.errormailinglist {margin:2px 0 0 0px; _margin:25px 0 0 -77px; width:230px; position:relative;}
.horizontal_list li.errormailinglist2 {margin:-14px 0 0 280px; _margin:-20px 0 0 280px; width:259px; position:relative;}



#footer {font-size:10px; height:40px; width:auto; padding:22px 0 2px 0px; float:right;}


/*Headers*/
h6#joinourmailinglist {
	width:136px;
	height:9px;
	margin:9px 0 10px 0px; 
	text-indent:-4000px;
	background:url(/images/headers/joinourmailinglist.png) no-repeat;
	}
	
label#firstname {
	width:61px;
	height:8px;
	margin:0px 0 0px 0px; 
	text-indent:-4000px;
	display:block;
	float:left;
	background:url(/images/headers/firstname.png) no-repeat;
	}	

label#lastname {
	width:59px;
	height:8px;
	margin:0px 0 0px 0px;
	padding:5px 0 0px 0px; 
	text-indent:-4000px;
	display:block;
	float:left;
	background:url(/images/headers/lastname.png) no-repeat;
	}		
	
label#emailaddress {
	width:82px;
	height:8px;
	margin:0px 0 0px 0px; 
	text-indent:-4000px;
	display:block;
	float:left;
	background:url(/images/headers/emailaddress.png) no-repeat;
	}	
	
label#message {
	width:48px;
	height:8px;
	margin:0px 0 0px 0px; 
	text-indent:-4000px;
	display:block;
	float:left;
	background:url(/images/headers/message.png) no-repeat;
	}				

label#zipcode {
	width:47px;
	height:8px;
	text-indent:-4000px;
	display:block;
	float:left;
	background:url(/images/headers/zipcode.png) no-repeat;
	}	

span.zipcode {
	width:47px;
	height:8px;
	text-indent:-4000px;
	display:block;
	float:left;
	background:url(/images/headers/zipcode.png) no-repeat;
	}		

h2.findolivionearyou {
	width:205px;
	height:33px;
	margin:0px 0 0px 0px; 
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/findolivionearyou.png) no-repeat;
	}
h2.postion_findolivionearyou {margin:25px auto 5px 355px; _margin:25px auto 5px 177px; padding:0px 0 0 0px; float:left;}		
	
h3.spreadinggood_header {
	width:252px;
	height:28px;
	margin:25px 0 17px 0px;
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/spreadinggood_header.png) no-repeat;
	}	
	
h3.contact_header {
	width:555px;
	height:28px;
	margin:0px 0 6px 0px; 
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/contact_header.png) no-repeat;
	}	

h4.termsandconditions_header {
	width:155px;
	height:10px;
	padding:0px 0 0 0px;
	margin:0px 0 0px 137px; _margin:0px 0 -8px 137px;
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/termsandconditions_header.png) no-repeat;
	}	

h4.sitemap_header {
	width:59px;
	height:10px;
	margin:25px 0 0px 0px;
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/sitemap_header.png) no-repeat;
	}			
	
h4.store {
	width:188px;
	height:24px;
	margin:-14px 0 0 0px; *margin:-27px 0 0 0px; 
	padding:0px 0 0 0px;
	text-indent:-4000px;
	display:block;
	position:relative;
	background:url(/images/headers/store.png) no-repeat;
	}	
	
h4.address {
	width:323px;
	height:24px;
	margin:-14px 0 0px 0px; *margin:-27px 0 0 0px; 
	text-indent:-4000px;
	display:block;
	position:relative;
	background:url(/images/headers/address.png) no-repeat;
	}	
	
h4.phone {
	width:129px;
	height:24px;
	margin:-14px 0 0px 0px;  *margin:-27px 0 0 0px; 
	text-indent:-4000px;
	display:block;
	position:relative;
	background:url(/images/headers/phone.png) no-repeat;
	}

h4.promotions {
	width:83px;
	height:10px;
	margin:12px 0 0px 34px; 
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/promotions.png) no-repeat;
	}									

h4.coupons {
	width:61px;
	height:10px;
	margin:12px 0 0px 15px; 
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/coupons.png) no-repeat;
	}	

h4.olivionews {
	width:82px;
	height:10px;
	margin:12px 0 0px 34px; 
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/olivionews.png) no-repeat;
	}									

h4.healthylivingnews {
	width:143px;
	height:10px;
	margin:12px 0 0px 15px; 
	text-indent:-4000px;
	display:block;
	background:url(/images/headers/healthylivingnews.png) no-repeat;
	}	
	
	
	

/*OUR STORY*/
#ourstory_content {width:664px; height:395px; margin:24px auto auto auto; padding:18px 0 0 11px; background:url(/images/ourstory_content.png) no-repeat;}	
	
#ourstory_video {margin:0 0 0 0px; width:640px; height:360px;}	
	
/*OUR PRODUCTS -- Check thickbox.css for pop up items*/


#products_landing {height:383px; width:606px; margin:23px auto 0 auto; }

h6#healthbenefits {
	width:96px;
	height:8px;
	margin:0px 0 3px 1px; _margin:0px 0 -3px 1px; 
	text-indent:-4000px;
	background:url(/images/headers/healthbenefits.png) no-repeat;
	}
	
h6#nutritionfacts {
	width:94px;
	height:8px;
	margin:21px 0 3px 1px; _margin:21px 0 -3px 1px; 
	text-indent:-4000px;
	background:url(/images/headers/nutritionfacts.png) no-repeat;
	}	

#premiumspreads_landing {background:url(/images/spreads_landing.png) no-repeat; height:84px; width:546px; margin:44px 0 0px 215px; padding:258px 0 20px 0px; _padding:255px 0 20px 0px; position:relative; }
#premiumspreads_landing h6 {margin:0px 0 5px 0px; padding:0 0 0 38px;}
#premiumspreads_landing p {width:480px; padding:0 0 0 38px;}

#butteryspray_landing {background:url(/images/sprays_landing.png) no-repeat; height:84px; width:546px; margin:8px 0 0px 215px; padding:294px 0 20px 0px; _padding:291px 0 20px 0px;}
#butteryspray_landing h6 {margin:0px 0 5px 0px; padding:0 0 0 38px;}
#butteryspray_landing p {width:400px; padding:0 0 0 38px;}

#spreadablebutter_landing {background:url(/images/spreadables_landing.png) no-repeat; height:84px; width:546px; margin:8px 0 0px 215px; padding:254px 0 60px 0px; _padding:251px 0 20px 0px;}
#spreadablebutter_landing h6 {margin:0px 0 5px 0px; padding:20px 0 0 38px;}
#spreadablebutter_landing p {width:425px; padding:0px 0 0 38px;}


#popup_nav {width:160px; height:78px; float:left; padding:310px 0 0 55px;}
	
/*RECIPES*/


#recipes_main {width:98%; height:460px; min-height:250px; margin:0px 0 0 20px; }	

.recipecard {width:279px; height:auto; float:left; margin:0 0 6px 8px; _margin:0 0 0 7px;}	
#recipecard_top {width:279px; height:3px; background:url(/images/recipecard_top.png) no-repeat;}	
#recipecard_content {width:279px; height:auto; min-height:136px; background:url(/images/recipecard_content.png) repeat-y; padding:4px 0 0 0px;}	
#recipecard_content p {margin:0px 16px 0 16px; _margin:0px 16px 0 16px;}	

#recipecard_bottom {width:279px; height:6px; background:url(/images/recipecard_bottom.png) no-repeat;}		
.recipecard .hrdiv {width:274px; height:1px; background:#cfc2b4; margin:0 0 0 1px; padding:0 0 0 0px; font-size:0px;}		

div.recipelink {
	height:52px; 
	width:135px; 
	margin:-70px 0 0 7px; 
	padding:16px 0 6px 127px; 
	display:block;
	font-size:13px; 
	text-transform:uppercase;
	color:#db9010;
	text-decoration:none;
	}

.recipeimage {margin:0px 0 0 7px;}



#chef1 {width:660px; height:170px; background:url(/images/chef1.jpg) no-repeat; margin:30px 0px 10px 152px; _margin:30px 0px 0px 80px; float:left;}
#chef1 p {width:495px; height:auto; margin:-5px 0 18px 175px; _margin:-5px 0 18px 87px; float:left; position:relative; font-size:11px; }
#chef1 a {text-align:left; text-decoration:underline; color:#db9010;}
#chef1 a:hover {text-align:left; text-decoration:none; color:#db9010;}


/*PROMOTIONS & COUPONS*/

a#spreadsomegood_ad1 {
	background:url(/images/spreadsomegood_ad1.jpg) no-repeat;
	width:215px;
	height:259px;
	float:left;
	margin:22px 7px 0 0px;
	text-indent:-4000px;
	}
	
a:hover#spreadsomegood_ad1 {
	background:url(/images/spreadsomegood_ad1.jpg) no-repeat;
	width:210px;
	height:248px;	
	float:left;
	margin:22px 7px 0 0px;
	padding:11px 0px 0 5px;
	text-indent:0px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
a#spreadsomegood_ad2 {
	background:url(/images/spreadsomegood_ad2.jpg) no-repeat;
	width:215px;
	height:259px;	
	float:left;
	margin:22px 0px 0 0px;
	text-indent:-4000px;
}

a:hover#spreadsomegood_ad2 {
	background:url(/images/spreadsomegood_ad2.jpg) no-repeat;
	width:210px;
	height:248px;	
	float:left;
	margin:22px 0px 0 0px;
	padding:11px 0px 0 5px;
	text-indent:0px;
	color:#FFFFFF;
	font-weight:bold;	
}



#promotions_bg {background:url(/images/promotionsandcoupons_bg.png) repeat; width:624px; height:auto; min-height:416px;  float:left; margin:0px 6px 0 0px;}
#promotions_header_bg {background:url(/images/promotionsandcoupons_header_bg.png) repeat; width:624px; height:33px; float:left; margin:22px 6px 0px 0px;}
#promotions_bg blockquote {float:left; width:125px; _width:120px; text-align:right; margin:115px 12px 0 6px;}
#promotions_bg p {width:475px; height:auto; float:left; margin:10px 0px 0 142px; _margin:10px 0px 0 72px;}

#promotions_bg .promotion {width:625px; height:415px;}

#coupons_bg {background:url(/images/promotionsandcoupons_bg.png) repeat; width:243px; height:auto; min-height:416px; float:left; margin:0px 0px 0 0px;}
#coupons_header_bg {background:url(/images/promotionsandcoupons_header_bg.png) repeat; width:243px; height:33px; float:left; margin:22px 0px 0px 0px; }
#coupons_bg p {float:left; margin:15px 0 0 12px; _margin:15px 0 0 6px; width:200px;}

#coupons_bg .coupon {width:243px; height:340px;}

#promotionsandcoupons_height {width:auto; height:auto;}

#ourpoducts_carousel {width:900px; height:383px; margin:0px auto 0px auto; padding:0 0 23px 0px;}



/*FIND OLIVIO*/

.contain_store {width:511px; margin:20px auto 0 auto; border:#af9a81 1px solid; background:url(/images/translucent_yellow_bg.png) repeat;}
.contain_store table {border:none;}
.contain_store table th {border:none; margin:0px 0px 0 0px; padding:0 0 0 0px; text-align:left; background:url(/images/findolivio_headers_bg.png) no-repeat;}
.contain_store table td {border:none; margin:0px 0 0 0px; padding:4px 0 4px 0px; background:none; font-size:11px; text-align:left;}
span.findolivio_error {margin:10px 0 10px 15px; width:485px; height:auto; clear:both; display:block; *margin:5px 0 5px 15px;}
.findolivio_copy {width:645px; height:auto; margin:10px auto 0px auto;}
input.postion_findolivio_zipcode {margin:0px 0px 0px 365px;}
input:hover.postion_findolivio_zipcode {margin:0px 0px 0px 365px;}
span.position_zipcode_label {margin:5px 0px 0px 365px; _margin:5px 0px 0px -198px; position:relative;}	
.storeresult {padding:0 0 0 43px; font-weight:bold;}

p.findoliviotext {width:550px; margin:12px auto 0 auto; text-align:center; font-size:10px;}

/* NEWS */
#olivio_news {background:url(/images/news_bg.png) repeat; width:624px; height:750px; min-height:396px;  float:left; margin:0px 6px 0 0px; padding:0px 0px 0px 0px;}
#olivio_news_header {background:url(/images/news_header_bg.png) repeat; width:624px; height:33px; float:left; margin:22px 6px 0px 0px;}
#olivio_news_items {}
.olivio_news_item {margin:24px 0 0px 30px; border-bottom:#c4b69f 1px solid; width:567px; font-family:Verdana, Arial, Helvetica, sans-serif; float:left;}
.olivio_news_item_title {font-weight:normal; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:-3px 0 7px 0px; position:relative; color:#8c6857; float:left; width:417px;}
.olivio_news_item_description {color:#9c6b52; float:left;}
.olivio_news_item_description p {margin:0 0 18px 0px; float:left; width:409px; color:#9c6b52;}
.olivio_news_item_description a {text-decoration:underline; color:#db9010;}
.olivio_news_item_description a:hover {text-decoration:none; color:#db9010;}

.newsimage1{width:142px; height:142px; background:url(/images/newsimage1.png) no-repeat; float:left;}
.newsimage2{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage3{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}
.newsimage4{width:142px; height:142px; background:url(/images/newsimage4.png) no-repeat; float:left;}
.newsimage5{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage6{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}
.newsimage7{width:142px; height:142px; background:url(/images/newsimage1.png) no-repeat; float:left;}
.newsimage8{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage9{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}
.newsimage10{width:142px; height:142px; background:url(/images/newsimage1.png) no-repeat; float:left;}
.newsimage11{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage12{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}
.newsimage13{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage14{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}
.newsimage15{width:142px; height:142px; background:url(/images/newsimage1.png) no-repeat; float:left;}
.newsimage16{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage17{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}
.newsimage18{width:142px; height:142px; background:url(/images/newsimage1.png) no-repeat; float:left;}
.newsimage19{width:142px; height:142px; background:url(/images/newsimage2.png) no-repeat; float:left;}
.newsimage20{width:142px; height:142px; background:url(/images/newsimage3.png) no-repeat; float:left;}


#healthy_living_news {background:url(/images/news_bg.png) repeat; width:243px; height:750px; min-height:396px;  float:left; margin:0px 6px 0 0px; padding:0px 0px 0px 0px;}
#healthy_living_news_header {background:url(/images/news_header_bg.png) repeat; width:243px; height:33px; float:left; margin:22px 0px 0px 0px; }

#news_height {width:auto; height:750px;}

.healthy_news_item {margin:24px 0 5px 26px; width:180px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.healthy_news_item_title {font-weight:normal; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:-3px 0 7px 0px; color:#8c6857; position:relative;}
.healthy_news_item_description {color:#9c6b52;}
.healthy_news_item_description p {color:#9c6b52;}
.healthy_news_item_description a {text-decoration:underline; color:#db9010;}
.healthy_news_item_description a:hover {text-decoration:none; color:#db9010;}


/*SPREADING GOOD*/
#spreadgood_sidegraphics {
	width:380px;
	height:472px;
	float:left;
	background:url(/images/spreadinggood_sidegraphics.png) no-repeat;
}

#contain_spreadinggood {
	width:532px;
	height:auto;
	float:left;
}

#contain_spreadinggood h4 {
	margin:12px 0 0px 0px;
}

/*SITE MAP*/
#sitemap_content {width:200px; height:auto; margin:0px 0px 0 137px; padding:27px 0 0 0px;}
#sitemap_content ul {margin:10px 0 10px 0px;}


#contact_form {width:580px; height:auto; margin:0px 0 0 138px; padding:48px 0 0 0px;}
#contact_form p {margin:0 0 24px 0px;}
#contact_form .horizontal_list li {float:left;}
#contact_form .horizontal_list label {margin:6px 0 0 0px; }
.contact_message {
	width:488px; height:89px; 
	clear:both; border:0px; 
	overflow:hidden; 
	margin:6px 0 0 0px; _margin:-3px 0 0 0px; 
	color:#6f4a37; 
	position:relative;
	background:#ffffff url(../images/textfield.gif) no-repeat;
	padding:3px 0 0 5px; 
	border-top:1px solid #c0b29e;
	border-left:1px double #c0b29e;}
.message_contact {clear:both; margin:0px 0 0 0px;}
.submit_btn_contact {clear:both; margin:27px 0 25px 0px; *margin:14px 0 13px 0px; float:left;}
.contact_error {  float:left; margin:-12px 0 0 0; position:relative; display:block; padding:0 0 0 0px;}

#contact_form #contain_emailtelephonemail {width:auto; height:auto; clear:both; float:left;}
#contact_form #emailandtelephone {float:left; width:210px; height:auto; margin:0px 45px 0 0px;}
#contact_form #mail {width:210px; height:auto; margin:0px 0 0 0px; float:left;}

#contact_form #emailandtelephone p {margin:0px 0px 12px 0px;}

.emailaddress_contact_valid { position:relative; top:2px; left:4px; }
.summary_contact_valid { display:inline;  position:relative; top:2px; left:4px;}

#termsandconditions {width:870px; margin:0px auto 0px auto; padding:40px 0 0 0px;}
#termsandconditions strong {font-weight:bold; font-size:11px; color:#765d51; *margin:0 0px 0 8px;} /*The Margin specific to IE66 and 7 is used to help the inside list style  in # greater than 9*/
#termsandconditions ol {font-weight:bold; font-size:11px; color:#765d51; margin:20px 0 20px 0px; list-style:decimal inside none; line-height:17px; width:670px;}
#termsandconditions ol li {margin:0px 0 15px 0px;}
#termsandconditions ol span {font-weight:normal; font-size:11px; color:#9c6b52; width:670px;}
#termsandconditions ol span p {font-weight:normal; font-size:11px; color:#9c6b52; margin:10px 0 0 0px; width:670px;}

#termsandconditions ol span ol.letters {font-weight:normal; font-size:11px; color:#9c6b52; list-style:lower-alpha inside none; line-height:17px; margin:15px 0 0 20px;}


#termsandconditions p {font-size:11px; color:#9c6b52; width:670px;}

.error404 {float:left; margin:125px 0 0 137px; _margin:125px 0 0 68px;}






