@charset "utf-8";
/* top menu */
#main-nav { width:645px; height:28px; float:right; margin-right:55px; z-index:100; }

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:28px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0;} /* move the link text off screen */
.menu li { margin-left:0;}

/* pre-load the hover images into the lists */
.menu li.p1 {width:90px; background:url(../graphics/nav_home2.gif) no-repeat;}
.menu li.p2 {width:138px; background:url(../graphics/nav_about2.gif) no-repeat;}
.menu li.p3 {width:138px; background:url(../graphics/nav_regions2.gif) no-repeat;}
.menu li.p4 {width:138px; background:url(../graphics/nav_careers2.gif) no-repeat;}
.menu li.p5 {width:141px; background:url(../graphics/nav_contact2.gif) no-repeat;}

/* on page states */
.menu li a#home.p1on {width:90px; background:url(../graphics/nav_home2.gif) no-repeat;}
.menu li a#about.p2on {width:138px; background:url(../graphics/nav_about2.gif) no-repeat;}
.menu li a#regions.p3on {width:138px; background:url(../graphics/nav_regions2.gif) no-repeat;}
.menu li a#careers.p4on {width:138px; background:url(../graphics/nav_careers2.gif) no-repeat;}
.menu li a#contact.p5on {width:141px; background:url(../graphics/nav_contact2.gif) no-repeat;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:90px; background:url(../graphics/nav_home.gif) no-repeat;}
.menu li a#about {width:138px; background:url(../graphics/nav_about.gif) no-repeat;}
.menu li a#regions {width:138px; background:url(../graphics/nav_regions.gif) no-repeat;}
.menu li a#careers {width:138px; background:url(../graphics/nav_careers.gif) no-repeat;}
.menu li a#contact {width:141px; background:url(../graphics/nav_contact.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#regions:hover, .menu li:hover a#regions,
.menu li a#careers:hover, .menu li:hover a#careers,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */

/*  About */
.menu :hover ul.sub2 {left:-1px; top:28px; background:#DEDEDE url(../graphics/topnav_bg.gif) repeat-x; padding:0; border:1px solid #999999; border-top:none; padding-bottom:1px; padding-top:8px; white-space:nowrap; width:137px; height:auto; text-align:center; }
.menu :hover ul.sub2 li {display:block; height:20px; position:relative; float:left; width:138px;}
.menu :hover ul.sub2 li a {display:block; font-size:11px; font-weight:bold; height:20px; width:137px; line-height:20px; color:#666; text-decoration:none; border-bottom:1px solid #F0F0F0; }
.menu :hover ul.sub2 li a:hover {  font-size:11px; font-weight:bold; height:20px; width:137px; line-height:20px; color:#002596; text-decoration:none; border-bottom:1px solid #F0F0F0;}

/*  Regions */
.menu :hover ul.sub3 {left:-1px; top:28px; background:#DEDEDE url(../graphics/topnav_bg.gif) repeat-x; padding:0; border:1px solid #999999; border-top:none; padding-bottom:1px; padding-top:8px; white-space:nowrap; width:137px; height:auto; text-align:center; }
.menu :hover ul.sub3 li {display:block; height:20px; position:relative; float:left; width:138px;}
.menu :hover ul.sub3 li a {display:block; font-size:11px; font-weight:bold; height:20px; width:137px; line-height:20px; color:#666; text-decoration:none; border-bottom:1px solid #F0F0F0; }
.menu :hover ul.sub3 li a:hover {  font-size:11px; font-weight:bold; height:20px; width:137px; line-height:20px; color:#002596; text-decoration:none; border-bottom:1px solid #F0F0F0;}

/*  Contact */
.menu :hover ul.sub5 {left:-1px; top:28px; background:#DEDEDE url(../graphics/topnav_bg.gif) repeat-x; padding:0; border:1px solid #999999; border-top:none; padding-bottom:1px; padding-top:8px; white-space:nowrap; width:130px; height:auto; text-align:center; }
.menu :hover ul.sub5 li {display:block; height:20px; position:relative; float:left; width:130px;}
.menu :hover ul.sub5 li a {display:block; font-size:11px; font-weight:bold; height:20px; width:129px; line-height:20px; color:#666; text-decoration:none; border-bottom:1px solid #F0F0F0; }
.menu :hover ul.sub5 li a:hover {  font-size:11px; font-weight:bold; height:20px; width:129px; line-height:20px; color:#002596; text-decoration:none; border-bottom:1px solid #F0F0F0;}

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:95px; top:-4px; background: #B59332; padding:3px 0; border:1px solid #888; white-space:nowrap; width:100px; z-index:300; height:auto; z-index:300;}

/* Mid menu -------------------------------------------------------------------*/

/* menu 1 */
#menu1 { width: 932px; margin:0 0 0 0; padding:0; }
#menu1 ul { list-style:none; margin:0; padding:0; margin-left: }
#menu1 li {float:left; display:block; margin:0; padding:0;}

#menu1 li.nav-region { width:271px; height: 36px; }

/* Nav 1 - MFR */	
#menu1 li.nav1 a { width:119px; height: 36px; text-decoration: none; }	
#menu1 li.nav1 a:link, #menu1 li.nav1 a:visited { width:172px; display: block; background:  url(../graphics/midnav_mfr.gif); padding: 0; }
#menu1 li.nav1 a:hover { background:  url(../graphics/midnav_mfr.gif) 0 -36px; padding: 0; }
#menu1 li.nav1 a.onpage01 { background:  url(../graphics/midnav_mfr.gif) 0 -36px; padding: 0; }
	
/* Nav 2 - Resources */	
#menu1 li.nav2 a { height: 36px; text-decoration: none; }	
#menu1 li.nav2 a:link, #menu1 li.nav2 a:visited { width:108px; display: block; background:  url(../graphics/midnav_res.gif); padding: 0; }
#menu1 li.nav2 a:hover { background:  url(../graphics/midnav_res.gif) 0 -36px; padding: 0; }
#menu1 li.nav2 a.onpage02 { background:  url(../graphics/midnav_res.gif) 0 -36px; padding: 0; }

/* Nav 3 - Chef's Kitchen */	
#menu1 li.nav3 a { height: 36px; text-decoration: none; }	
#menu1 li.nav3 a:link, #menu1 li.nav3 a:visited { width:146px; display: block; background:  url(../graphics/midnav_chfkit.gif); padding: 0; }
#menu1 li.nav3 a:hover { background:  url(../graphics/midnav_chfkit.gif) 0 -36px; padding: 0; }
#menu1 li.nav3 a.onpage03 { background:  url(../graphics/midnav_chfkit.gif) 0 -36px; padding: 0; }

/* Nav 4 - Facilities */	
#menu1 li.nav4 a { height: 36px; text-decoration: none; }	
#menu1 li.nav4 a:link, #menu1 li.nav4 a:visited { width:103px; display: block; background:  url(../graphics/midnav_fac.gif); padding: 0; }
#menu1 li.nav4 a:hover { background:  url(../graphics/midnav_fac.gif) 0 -36px; padding: 0; }
#menu1 li.nav4 a.onpage04 { background:  url(../graphics/midnav_fac.gif) 0 -36px; padding: 0; }

/* Nav 5 - What's New  */	
#menu1 li.nav5 a { height: 36px; text-decoration: none; }	
#menu1 li.nav5 a:link, #menu1 li.nav5 a:visited { width:132px; display: block; background:  url(../graphics/midnav_new.gif); padding: 0; }
#menu1 li.nav5 a:hover { background:  url(../graphics/midnav_new.gif) 0 -36px; padding: 0; }
#menu1 li.nav5 a.onpage05 { background:  url(../graphics/midnav_new.gif) 0 -36px; padding: 0; }

/* ------------------------------------------------------------------------------------- */

/* Resources sub menu -------------------------------------------------------------------*/

/* menu 2 */
#menu2 { width: 545px; margin:0 auto; padding:0; }
#menu2 ul { list-style:none; margin:0; padding:0; }
#menu2 li {float:left; display:block; margin:0; padding:0;}

#menu2 li.nav-res-spacer { width:20px; height: 37px; }

/* Nav 1 - overview */	
#menu2 li.nav1 a { height: 37px; text-decoration: none; }	
#menu2 li.nav1 a:link, #menu2 li.nav1 a:visited { width:94px; display: block; background:  url(../graphics/subnav_res_overview.gif); padding: 0; }
#menu2 li.nav1 a:hover { background:  url(../graphics/subnav_res_overview.gif) 0 -37px; padding: 0; }
#menu2 li.nav1 a.onpageres01 { background:  url(../graphics/subnav_res_overview.gif) 0 -37px; padding: 0; }
	
/* Nav 2 - Promotions */	
#menu2 li.nav2 a { height: 37px; text-decoration: none; }	
#menu2 li.nav2 a:link, #menu2 li.nav2 a:visited { width:110px; display: block; background:  url(../graphics/subnav_res_promo.gif); padding: 0; }
#menu2 li.nav2 a:hover { background:  url(../graphics/subnav_res_promo.gif) 0 -37px; padding: 0; }
#menu2 li.nav2 a.onpageres02 { background:  url(../graphics/subnav_res_promo.gif) 0 -37px; padding: 0; }

/* Nav 3 - Merchandising */	
#menu2 li.nav3 a { height: 37px; text-decoration: none; }	
#menu2 li.nav3 a:link, #menu2 li.nav3 a:visited { width:137px; display: block; background:  url(../graphics/subnav_res_merch.gif); padding: 0; }
#menu2 li.nav3 a:hover { background:  url(../graphics/subnav_res_merch.gif) 0 -37px; padding: 0; }
#menu2 li.nav3 a.onpageres03 { background:  url(../graphics/subnav_res_merch.gif) 0 -37px; padding: 0; }

/* Nav 4 - Kosher Letters */	
#menu2 li.nav4 a { height: 37px; text-decoration: none; }	
#menu2 li.nav4 a:link, #menu2 li.nav4 a:visited { width:142px; display: block; background:  url(../graphics/subnav_res_kosh.gif); padding: 0; }
#menu2 li.nav4 a:hover { background:  url(../graphics/subnav_res_kosh.gif) 0 -37px; padding: 0; }
#menu2 li.nav4 a.onpageres04 { background:  url(../graphics/subnav_res_kosh.gif) 0 -37px; padding: 0; }

/* ----------------------------------------------------------------------------------------- */

/* Chef's Kitchen sub menu -------------------------------------------------------------------*/

/* menu 3 */
#menu3 { width: 383px; margin:0 auto; padding:0; }
#menu3 ul { list-style:none; margin:0; padding:0; }
#menu3 li {float:left; display:block; margin:0; padding:0;}

#menu3 li.nav-res-spacer { width:20px; height: 38px; }

/* Nav 1 - overview */	
#menu3 li.nav1 a { height: 38px; text-decoration: none; }	
#menu3 li.nav1 a:link, #menu3 li.nav1 a:visited { width:94px; display: block; background:  url(../graphics/subnav_ck_overview.gif); padding: 0; }
#menu3 li.nav1 a:hover { background:  url(../graphics/subnav_ck_overview.gif) 0 -38px; padding: 0; }
#menu3 li.nav1 a.onpageck01 { background:  url(../graphics/subnav_ck_overview.gif) 0 -38px; padding: 0; }
	
/* Nav 2 - Chef's Recipes */	
#menu3 li.nav2 a { height: 38px; text-decoration: none; }	
#menu3 li.nav2 a:link, #menu3 li.nav2 a:visited { width:133px; display: block; background:  url(../graphics/subnav_ck_crec.gif); padding: 0; }
#menu3 li.nav2 a:hover { background:  url(../graphics/subnav_ck_crec.gif) 0 -38px; padding: 0; }
#menu3 li.nav2 a.onpageck02 { background:  url(../graphics/subnav_ck_crec.gif) 0 -38px; padding: 0; }

/* Nav 3 - Recipe Book */	
#menu3 li.nav3 a { height: 38px; text-decoration: none; }	
#menu3 li.nav3 a:link, #menu3 li.nav3 a:visited { width:116px; display: block; background:  url(../graphics/subnav_ck_rbk.gif); padding: 0; }
#menu3 li.nav3 a:hover { background:  url(../graphics/subnav_ck_rbk.gif) 0 -38px; padding: 0; }
#menu3 li.nav3 a.onpageck03 { background:  url(../graphics/subnav_ck_rbk.gif) 0 -38px; padding: 0; }

/* ----------------------------------------------------------------------------------------- */

/* Contacts sub menu -------------------------------------------------------------------*/

/* menu 4 */
#menu4 { width: 391px; margin:0 auto; padding:0; }
#menu4 ul { list-style:none; margin:0; padding:0; }
#menu4 li {float:left; display:block; margin:0; padding:0;}

#menu4 li.nav-res-spacer { width:20px; height: 38px; }

/* Nav 1 - overview */	
#menu4 li.nav1 a { height: 38px; text-decoration: none; }	
#menu4 li.nav1 a:link, #menu4 li.nav1 a:visited { width:94px; display: block; background:  url(../graphics/subnav_cnt_emailus.gif); padding: 0; }
#menu4 li.nav1 a:hover { background:  url(../graphics/subnav_cnt_emailus.gif) 0 -38px; padding: 0; }
#menu4 li.nav1 a.onpagecnt01 { background:  url(../graphics/subnav_cnt_emailus.gif) 0 -38px; padding: 0; }
	
/* Nav 2 - Chef's Recipes */	
#menu4 li.nav2 a { height: 38px; text-decoration: none; }	
#menu4 li.nav2 a:link, #menu4 li.nav2 a:visited { width:141px; display: block; background:  url(../graphics/subnav_cnt_loccnt.gif); padding: 0; }
#menu4 li.nav2 a:hover { background:  url(../graphics/subnav_cnt_loccnt.gif) 0 -38px; padding: 0; }
#menu4 li.nav2 a.onpagecnt02 { background:  url(../graphics/subnav_cnt_loccnt.gif) 0 -38px; padding: 0; }

/* Nav 3 - Recipe Book */	
#menu4 li.nav3 a { height: 38px; text-decoration: none; }	
#menu4 li.nav3 a:link, #menu4 li.nav3 a:visited { width:116px; display: block; background:  url(../graphics/subnav_cnt_directions.gif); padding: 0; }
#menu4 li.nav3 a:hover { background:  url(../graphics/subnav_cnt_directions.gif) 0 -38px; padding: 0; }
#menu4 li.nav3 a.onpagecnt03 { background:  url(../graphics/subnav_cnt_directions.gif) 0 -38px; padding: 0; }

/* ----------------------------------------------------------------------------------------- */
