body
{
	/*margin: 4px 0px 0px 5px;*/
	margin: 4px 0px 10px 0px;
    padding: 0px;
    background-color: #F9C;
	overflow-x: hidden;
	width: 98%
	
}

div#container
{
    top: 0px;
    width: 695px;
    position: relative;
    margin: 0px auto 0px auto;
    background-color: transparent;
}

#topofpage 
{
    margin: 0px;
	border: 1px solid #000000

}

div#page
{
    width: 695px;
    left: 0px;
    top: 143px;
    position: absolute;
    background-image: url(../images/dropShadowRight.gif);
    background-repeat: repeat-y;
    background-position: 690px;
    padding: 0px;
    background-color: #FFF; 
}

div#content { width: 690px; } 

.popupHeadFoot { margin: 0px; }

div#popupBox
{
    position: relative;
    margin: 0px auto 0px auto;
    top: 10px;
    width: 330px;
    padding: 0px 5px 0px 0px;
}

.popupContent
{
    position: relative;
    width: 315px;
    background-image: url(../images/dropShadowRight.gif);
    background-repeat: repeat-y;
    background-position: 340px;
    background-color: #FFF;
    padding: 0px 15px 0px 15px;
    margin: -5px 0px 0px 0px;
}

#titleHeader
{
    position: absolute;
    left: 153px;
    top: 49px;
    width: 185px;
    height: 16px;
    z-index: 101;
}

#menu-logo_ {
    position:absolute;
    left:0px;
    top:23px;
    width:154px;
    height:49px;
}

#menu-center_ {
    position:absolute;
    left:149px;
    top:23px;
    width:546px;
    height:49px;
}

div#footer
{
    width: 695px;
    height: 75px;
    float: left;
    margin: 0px;    
    background-image: url(../images/footer.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: #F9C;
}

div#legalFootnote
{
    width: 690px;
    top: 20px;
    left: 5px;
    position: relative; 
    text-align: center;
	padding: 0 0 20px 0;
}

div.spacer
{
    clear: both;
    width: 0px;
    height: 0px;
}

.recipe
{
    display: block;
    border-color: #999;
    border-width: 1px;
    border-style: dashed;
    padding: 5px;
    margin: 0px;    
    width: 433px;
}

.recipeFlex
{
    display: block;
    border-color: #999;
    border-width: 1px;
    border-style: dashed;
    padding: 5px;
    margin: 0px;    
}

.addressBox
{
    border-color: #F9C;
    border-width: 1px 1px 1px 3px;
    border-style: none none none solid;
    padding: 0px 5px 0px 5px;
    margin: 5px 15px 5px 15px;
}

.internationalBox
{
    border-color: #F9C;
    border-width: 1px 1px 1px 3px;
    border-style: solid none none solid;
    padding: 10px;
    float: left;
    width: 197px;
    background-color: transparent;
    margin: 0px 0px 0px 7px;
}

.wholeArea
{
    width: 670px;
    background-color: transparent;
    padding: 0px 10px 0px 10px;
    display: block;
    float: left;
    margin: 0px 0px 10px 0px;
    clear: both;
}

.wholeAreaCenter
{
    width: 670px;
    background-color: transparent;
    padding: 0px 10px 0px 10px;
    display: inline;
    float: left;
    margin: 0px 0px 10px 0px;
    text-align: center;
}


.halfArea
{
    width: 325px;
    background-color: transparent;
    padding: 10px;
    display: inline;
    float: left;
}

.gutter400
{
    width: 400px;
    float: left;
    padding: 15px;
    background-color: transparent;
}

.gutter230
{
    width: 230px;
    float: left;
    padding: 15px;
    background-color: transparent;
}

#hero { margin: 5px 0px 0px 0px; }

div#gutter1
{
    width: 200px;
    float: left;
    padding: 5px 15px 0px 15px;
    background-color: transparent;
}

div#gutter2
{
    width: 429px;
    float: left;
    padding: 15px;
    background-color: transparent;
}

div#sideHero
{
    width: 200px;
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 150px 0px 15px 15px;
    background-color: transparent;
    margin: 5px 0px 0px 0px;
}

.appHero { background-image: url(../images_site/hero_appetizers.jpg); } 

.breadsHero { background-image: url(../images_site/hero_breads.jpg); } 

.breakfastHero { background-image: url(../images_site/hero_breakfast.jpg); } 

.condimentsHero { background-image: url(../images_site/hero_condiments.jpg); } 

.dessertsHero { background-image: url(../images_site/hero_desserts.jpg); }

.fruitsHero { background-image: url(../images_site/hero_fruits.jpg); } 

.maindishesHero { background-image: url(../images_site/hero_maindishes.jpg); } 

.pinkHero { background-image: url(../images_site/hero_pink.jpg); } 

.soupsHero { background-image: url(../images_site/hero_soups.jpg); } 

.subchartHero { background-image: url(../images_site/hero_subchart.jpg); }

.summerHero { background-image: url(../images_site/hero_summercamp.jpg); } 

.searchHero { background-image: url(../images_site/hero_search.jpg); } 

.mealplanHero { background-image: url(../images_site/hero_mealplanning.jpg); } 

.healthHero { background-image: url(../images_site/hero_healthHome.jpg); } 

.healthDiabetes { background-image: url(../images_site/hero_fit.jpg); } 

.songHero { background-image: url(../images_site/hero_song.jpg); } 

.pinkfaqHero { background-image: url(../images_site/hero_pinkfaq.jpg); } 

.availHero { background-image: url(../images_site/hero_availability.jpg); } 

.healthfaqHero { background-image: url(../images_site/hero_health.jpg); } 

.cookingHero { background-image: url(../images_site/hero_cooking.jpg); } 

.faqHero { background-image: url(../images_site/hero_faqHome.jpg); }

.careersHero { background-image: url(../images_site/team.jpg); }


div#sideContent
{
    width: 429px;
    float: left;
    padding: 5px 15px 0px 15px;
    background-color: transparent;
}

div#sideContentLogin
{
    width: 307px;
    float: left;
	min-height: 400px;
    padding: 96px 15px 0px 15px;
    background-color: transparent;
}

.inset
{
    padding: 16px 0px 24px 0px;
    background-color: transparent;
}

.insetSides
{
    border-color: #CCC;
    border-width: 1px;
    border-style: none solid none solid;
    background-color: transparent;
    padding: 0px 10px 10px 10px;
    margin: 0px;
    width: 178px;
}

.insetBottom
{
    background-image: url(../images/insetBottom.jpg);
    background-repeat: no-repeat;
    background-position: 0px 100%;
    /*height: 419px;*/
}

.insetBottomPanther
{
    background-image: url(../images/insetBottomPanther.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 350px;
    display: block;
    /*border: 1px solid #000000;*/
}

.insetTop
{
    background-image: url(../images/insetTop.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /*height: 419px;*/
}

.productBack1
{
    background-image: url(../images/product_back1.jpg);
    background-repeat: no-repeat;
    background-position: 500px 300px;
}

.productBack2
{
    background-image: url(../images/product_back2.jpg);
    background-repeat: no-repeat;
    background-position: 500px 0px;
}

.chartlines
{
    border-color: #CCC;
    border-width: 1px;
    border-style: none none dotted none;
}

.floatLeft
{
    float: left;
    display: inline;
    margin: 0px 5px 0px 5px;
}

.floatRight
{
    float: right;
    display: inline;
    margin: 0px 5px 0px 5px;
}


.bgrbar {
	padding: 0px;
	margin: 0px; 
    background-image: url(../images/bgrbar.gif);
    background-position: top left;
	background-repeat: repeat;
	color: #DD5588;
	width: 691px;
	height: 40px;
}


.subnavi {
	float: left;
	text-align: left;
	margin: 12px 0px 0px 8px;
}

*html .subnavi {
	float: left;
	text-align: left;
	margin: 11px 0px 0px 5px;
	}	
	

.anni { 
	float: right; 
	margin-top: 6px;
	width: 195px;
	height: 25px;
	background-image: url(../images/50anni.gif);
    background-position: top left;
	background-repeat: no-repeat;
}

.px {height: 31px}

.alinksub { color: #FFFFFF }

/*CMS*/
.addnew 
{
	color: #FF0066;
	padding-left: 20px;
	text-align: left;
	width: 100px;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	}
*html .add {background-position: 0px 3px;}

/*TABLE*/

table 
{
	border-collapse: collapse; 
}
td 
{
	border: 1px solid #CCCCCC; 
	border-left: none;
	border-right: none;
	text-align: left;
	verical-align: top;
	padding: 2px 0px 2px 0px;
}

.tx 
{
	float: left;
	width: 345px;
}


.edit 
{
	text-align: left;
	float: right;
}


.del 
{
	text-align: left;
	float: right;
}

.line 
{
	float: right;
	color: #CCCCCC;
	padding: 0px 9px 0px 9px;
}

.delete
{
	width: 430;
	height: 100px;
	padding: 18px 45px 18px 45px;
	border: 1px solid #FF3300;
	background-color:#FFFFFF;
}

#trailer
{
	text-align: center;
	padding: 0;
 	margin: 10px 0 0 0;
}

*html #delete {
	width: 490px;
	height: 120px;
	}

.yes {
	padding-left: 20px;
	background-image: url(../images/yes.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	width: 150px;
	}

.no {
	padding-left: 20px;
	background-image: url(../images/no.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	width: 150px;
	}
	
.movie 
{
width: 500px; 
height: 400px; 
background-color:#FFFFFF;
}

a.link:link {color: #990033;  text-decoration: none}
a.link:visited {color: #990033;  text-decoration: none}
a.link:hover {color: #FFFFFF; text-decoration: none}
a.link:active {color: #990033; text-decoration: none}