@charset "utf-8";
/* CSS Document */
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


body{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:500; line-height:1.75em; margin:0;}

h1{
	color:#055129;
	text-align: center;
}
h2{
	color:#055129;
	font-size:20px;
	text-align: center;
}


#supercontainer{height:auto; width:100%; }

#container{height:auto; width:850px; border:3px solid #FF6600; margin:auto; font-size:16px; font-weight:500; line-height:1.75em; text-align:left;}
#header{height:84px;  width:850px; background-image:url(images/header-bg.gif); background-repeat:repeat-x; position:relative}
.youtube_video {background: #efefef; border: 1px solid #ddd; padding: 10px; width: 680px; height: 420px; margin-left: 50px;}
.recipe_list {background: #efefef; border: 1px solid #ddd; padding: 10px; margin: 10px 0 0 20px; width: 360px;}
.optin {float: right; margin-top: 5px;}
.optin_novideo {float: right; margin-top: 50px; background: #efefef; border: 1px solid #ddd; padding: 20px 10px 10px 10px; height: 120px;}
.logo{
	display:block;
	width:499px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	height:34px;
	text-decoration:none;
	font-size:18px;
	color:#000000;
	padding-top:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-style:italic;
	position:absolute;
	left:20px;
}

img
{  border-style: none;
}

.logo span {display:none;}

.cart{ display:block; position:absolute; top:150px; right:25px; font-size:12px; color:#0000ff; width:auto; padding-left:27px; padding-bottom:3px; background-image:url(images/cart.gif); background-repeat:no-repeat; background-position:0% 50%; text-decoration:underline; }



.header-image{ background-image:url(images/header-lakanto.gif); width:258px; height:84px; position:absolute; right:0px;}

.menubar{background-image:url(images/menu-bg.gif); background-position:bottom; background-repeat:repeat-x; background-color:#78bd00;  height:auto; width:850px;}


.mainbody{height:auto; width:844px; padding:0px; position:relative;}


.footerbar{background-image:url(images/menu-bg.gif); padding:10px 0 20px;height:33px; width:850px; color:#fff; font-weight:bold; text-align:center; font-size:12px;}
.footerbar a{color:#fff; text-decoration:none; }
.footerbar a:active{text-decoration:underline;}
.footerbar a:link{text-decoration:none; color:#fff;}
.footerbar a:visited{text-decoration:none; color:#fff;}
.footerbar a:hover{text-decoration:underline; color:#fff;}
span.copy {display:block;margin-top: 10px;}
span.social-icons {display: block;line-height: 48px;margin: 5px auto;width: 260px;font-weight:bold;}
span.social-icons ul {float: right;margin: 0;padding: 0;}
span.social-icons ul li {float: left;margin: 0;padding: 0;float: left;list-style:none;margin-right: 10px;}
span.social-icons a.youtube {background: url(images/youtube.png) no-repeat;width: 48px; height:48px;text-indent:-9999em;display: block;}
span.social-icons a.facebook {background: url(images/facebook.png) no-repeat;width: 48px; height:48px;text-indent:-9999em;display: block;}
span.social-icons a.twitter {background: url(images/twitter.png) no-repeat;width: 48px; height:48px;text-indent:-9999em;display: block;}

/*Inside Pages*/
.addtocart-button{background-image:url(images/button-add-2-cart.gif); height:35px; width:166px; display:block; clear:both; margin-top:10px;}
.addtocart-button span{ display:none;}


.frame-food{float:left; width:211px; height:178px; background-image:url(images/food-frame.jpg); background-repeat:no-repeat;}
.chocolate {height: 220px; width: 799px; }
.chocolate_featured {}
.frame-chocolate {float:left; width:211px; height:170px; background-image:url(images/new_chocolate.png); margin-left: -5px; margin-top: -15px; margin-right: 30px; background-repeat:no-repeat;}
.body-homepage {height:auto; width:810px; padding:20px; position:relative; background-image:url(images/usa.gif); background-position:top right; background-repeat:no-repeat;}

.usa{
	color:#fd4141;
	font-size:14px;
	display:block;
	height:auto;
	font-weight:bold;
	width:123px;
	position:absolute;
	right:-16px;
	top:-115px;
	text-align:center;
}

.body-homepage h1{ text-align:center;}
.body-homepage h2{ text-align:center;} 


.h1special{ text-align:center;display:block; position:relative; width:100%}
.h1special div{background-image:url(images/verisign-logo.gif); background-repeat:no-repeat; height:58px; width:88px; position:absolute; right:-20px; bottom:0px}

.homebanner{height:180px; width:800px;  background-position:500px 40px; background-image:url(images/spoon.jpg); background-repeat:no-repeat; position:relative; }

.homebanner ul{ display:block; float:left; font-size:17px;  height:auto; min-width:200px; margin-top:10px;}


.products-box{width:auto; height:auto; padding:10px; border:1px solid #006cff; background-color:#a8d1fe; }
.products-box table h3{margin:0;}
.products-box table div {margin-bottom:15px;}
.clear{clear:both;}



.box{width:600px; height:auto; padding:25px; margin:auto; }

.box h3 { clear:both; color:#055129; text-align:center; border-top:1px solid #055129; border-bottom:1px solid #055129; background-color:#AFEDBF;}

/*Recipes*/
.title{background-color:#74b900; color:#FFFFFF; padding:5px; font-weight:bold;}

.calories {text-align:center;  border:1px solid #74b900; }

.recipestable { text-align:center;  border-right:1px solid #74b900;}
.recipestable td {border-left:1px solid #74b900; border-bottom:1px solid #74b900;}

.recipesform{position:absolute; top:20px; right:20px; height:auto; width:419px;}


/*Johnson Box*/
.johnson-box{background-color:#FFFFCC; height:auto; width:80%; margin:auto; padding:10px; padding-bottom:20px; border:1px solid #000; }

.johnson-box h3{ padding-top:0;}

/* End Johnson Box */

/*End Inside Pages*/



.checkoutbox{ margin:auto; width:576px; height:114px; background-image:url(http://www.sarayahealth.com/images/shopping-cart-checkout-box.jpg); background-repeat:no-repeat; position:relative;}

.checkoutbox1{display:block; height:114px; width:190px;position:absolute; top:0; left:0px;}
.checkoutbox2{
	display:block;
	height:20px;
	width:190px;
	position:absolute;
	top:94px;
	left:190px;
}
.checkoutbox4{
	display:block;
	height:39px;
	width:190px;
	position:absolute;
	top:51px;
	left:190px;
}
.checkoutbox3{display:block; height:114px; width:190px;position:absolute; top:0; left:382px;}