/* === LEVEL 1 === */

    /* Root = Horizontal, Secondary = Vertical */
    ul#nav1 {
        width:426px;
        height:34px;
        margin:0;
        padding:0;
        list-style: none;
        /*background:#DDE7EB url(../img/template/bg-nav1.gif) no-repeat;*/
    }

    ul#nav1 li {
        position:relative;
        float:left;
        display:inline;
        height:34px;
        margin:0;
        padding:0;
        list-style:none;
        background:none;
    }

    /* Root Menu */
    ul#nav1 li a {
        display:block;
        float:left;
        margin:0;
        padding:4px 0 0 0;
        background-image:none;
        background-repeat:no-repeat;
        background-position:0 0;
        line-height:30px;
        font-size:12px;
        text-decoration:none;
        text-align:center;
        color:#663300;
    }

    /* Root Menu Hover Persistence */
    ul#nav1 a:hover,
    ul#nav1 li:hover a,
    ul#nav1 li.iehover a {
        color:#663300;
        /*font-weight:bold;*/
    }

    ul#nav1 li#n1_home              a { width:82px;  background-image:url(../img/template/nav1/home.gif); }
    ul#nav1 li#n1_print    			a { width:82px; }
	ul#nav1 li#n1_share    			a { width:108px; }
    ul#nav1 li#n1_recipebox 		a { width:113px; }
    ul#nav1 li#n1_grocerylist       a { width:122px; }
    ul#nav1 li#n1_benefitchanges    a { width:151px; background-image:url(../img/template/nav1/benefit-changes.gif); }
    ul#nav1 li#n1_resources         a { width:107px; background-image:url(../img/template/nav1/resources.gif); }
    ul#nav1 li#n1_healthplansonly   a { width:168px; background-image:url(../img/template/nav1/health-plans-only.gif); }


/* === LEVEL 2 === */

    ul#nav1 li ul {
        display:none;
        position:absolute;
        top:34px;
        left:0;
        margin:0 0 0 1px;
        padding:0;
        list-style:none;
        border:1px solid #d8af6d;
        background-color:#ede2d0;
    }

    /* same as level 1 widths; subtract 3 for borders */
    ul#nav1 li#n1_print    			ul { width:100px; }
    ul#nav1 li#n1_share    			ul { width:125px; }
    ul#nav1 li#n1_recipebox 		ul { width:115px; }
    ul#nav1 li#n1_grocerylist       ul { width:110px; }
    ul#nav1 li#n1_benefitchanges    ul { width:148px; }
    ul#nav1 li#n1_resources         ul { width:104px; }
    ul#nav1 li#n1_healthplansonly   ul { width:166px; }

    ul#nav1 li ul:after /*From IE 7 lack of compliance*/ {
        clear: both;
        display: block;
        font: 1px/0px serif;
        content: ".";
        height: 0;
        visibility: hidden;
    }

    ul#nav1 li ul li {
        float: left; /*For IE 7 lack of compliance*/
        display: block !important;
        display: inline; /*For IE*/
        height:auto;
    }

    ul#nav1 li ul li a {
        float:none;
        margin:0;
        padding:0 0 0 18px;
        background-image:none;
        background-repeat:no-repeat;
        height:auto;
        line-height:20px;
        font-size:10px;
        text-align:left;
        color:#d8af6d;
    }

    /* same as level 2 ul widths; subtract 18 for padding */
    ul#nav1 li#n1_print ul li a {
		width:98px !important; 
		background-image:none; 
		}
	html>body ul#nav1 li#n1_print ul li a {   
		width:82px !important;
		}
    ul#nav1 li#n1_share ul li a {
    	width:89px !important;
        padding:0 0 0 36px;
    	}

		#sub_nav_share_list li.fac a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite2.gif) 12px 3px no-repeat; }
		#sub_nav_share_list li.del a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite2.gif) 12px -70px no-repeat; }
		#sub_nav_share_list li.twi a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite2.gif) 12px -23px no-repeat; }
		#sub_nav_share_list li.mys a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite2.gif) 12px -46px no-repeat; }
		#sub_nav_share_list li.eml a { background:url(/en/recipes/lib/img/share-it/share-icons-sprite2.gif) 12px -95px no-repeat; 
			line-height: 13px;
		}



    ul#nav1 li#n1_recipebox ul li a { 
		width:113px !important; 
		background-image:none;
		}
	html>body ul#nav1 li#n1_recipebox ul li a {   
		width:97px !important;
		}
		
    ul#nav1 li#n1_grocerylist ul li a { 
		width:108px !important; 
		background-image:none; 
		}
	html>body ul#nav1 li#n1_grocerylist ul li a {   
		width:92px !important;  }
		
    ul#nav1 li#n1_benefitchanges    ul li a { width:130px !important; background-image:none; }
    ul#nav1 li#n1_resources         ul li a { width:86px  !important; background-image:none; }
    ul#nav1 li#n1_healthplansonly   ul li a { width:148px !important; background-image:none; }

    /* add parent indicator images: */
    ul#nav1 li#n1_grocerylist        ul li.parent a { background-image:url(../img/template/nav1-parent.gif); background-position:125px 8px; background-repeat:no-repeat; }

    ul#nav1 li#n1_grocerylist        ul li.parent ul li a { background-image:none; }

    /* 2nd Menu */
    ul#nav1 li:hover li a,
    ul#nav1 li.iehover li a {
        float: none;
    }

    /* 2nd Menu Hover Persistence */
    ul#nav1 li:hover li a:hover,
    ul#nav1 li:hover li:hover a,
    ul#nav1 li.iehover li a:hover,
    ul#nav1 li.iehover li.iehover a {
        background-color: #fffded;
    }


/* === LEVEL 3 === */

    /* 3rd Menu */
    ul#nav1 li:hover li:hover li a,
    ul#nav1 li.iehover li.iehover li a {
        background-color: #ede2d0;
    }

    /* 3rd Menu Hover Persistence */
    ul#nav1 li:hover li:hover li a:hover,
    ul#nav1 li:hover li:hover li:hover a,
    ul#nav1 li.iehover li.iehover li a:hover,
    ul#nav1 li.iehover li.iehover li.iehover a {
        background-color: #fffded;
    }


/* === LEVEL 4 === */

    /* 4th Menu */
    ul#nav1 li:hover li:hover li:hover li a,
    ul#nav1 li.iehover li.iehover li.iehover li a {
        background-color: #EEE;
        color: #666;
    }

    /* 4th Menu Hover */
    ul#nav1 li:hover li:hover li:hover li a:hover,
    ul#nav1 li.iehover li.iehover li.iehover li a:hover {
        background-color: #CCC;
        color: #FFF;
    }


/* === ALL LEVELS ABOVE 2 === */

    ul#nav1 ul ul,
    ul#nav1 ul ul ul {
        display: none;
        position: absolute;
        top: -1px;
        left: 160px;
    }

    /* same as level 1 widths; subtract 1 for borders */
    ul#nav1 li#n1_grocerylist        ul ul { left:139px; }

    /* Do Not Move - Must Come Before display:block for Gecko */
    ul#nav1 li:hover ul ul,
    ul#nav1 li:hover ul ul ul,
    ul#nav1 li.iehover ul ul,
    ul#nav1 li.iehover ul ul ul {
        display: none;
    }

    ul#nav1 li:hover ul,
    ul#nav1 ul li:hover ul,
    ul#nav1 ul ul li:hover ul,
    ul#nav1 li.iehover ul,
    ul#nav1 ul li.iehover ul,
    ul#nav1 ul ul li.iehover ul {
        display: block;
    }