div#topnav { clear: both; height: 41px; margin: 9px 0 7px; position: relative; z-index: 190 !important; }
div#topnav ul { height: 100%; width: 100%; }

li.tierone { background: transparent url(/fr_ca/images/nav/nav-bar.png) no-repeat 0 0; height: 34px; float: left; margin: 0 4px 0 0; list-style-type: none; overflow: hidden; }
li.tierone a { display: block; width: 100%; height: 100%; }

li#top_nav_about { background-position: 0 0; width: 80px; }
li#top_nav_about:hover { background-position: 0 -46px; }

li#top_nav_products { background-position: -83px 0; width: 77px; }
li#top_nav_products:hover { background-position: -83px -46px; }
li#top_nav_products.hover { background-position: -83px -46px; }

li#top_nav_heart_health { background-position: -163px 0; width: 107px; }
li#top_nav_heart_health:hover { background-position: -163px -46px; }

li#top_nav_healthy { background-position: -163px 0; width: 107px; }
li#top_nav_healthy:hover { background-position: -163px -46px; } 

li#top_nav_whd { background-position: -273px 0; width: 190px; }
li#top_nav_whd:hover { background-position: -273px -46px; } 

li#top_nav_recipes { background-position: -466px 0; width: 74px; }
li#top_nav_recipes:hover { background-position: -466px -46px; }
li#top_nav_recipes.hover { background-position: -466px -46px; }

li#top_nav_tools { background-position: -543px 0; width: 89px; }
li#top_nav_tools:hover { background-position: -543px -46px; }

li#spacer { background-position: -637px 0; width: 134px; cursor: default; }

#topnav li ul {	position: absolute;	left: -999em; height: auto;	width: 13em; z-index: 205 !important; font-weight: normal; margin: 0 0 0 2px; background-color: white; border-left: 1px solid #8a8a8a; border-right: 1px solid #8a8a8a; border-bottom: 1px solid #8a8a8a; top: 40px; padding: 0; }
#topnav li li {	width:  100%; text-align: left; border-bottom: 1px solid lightGrey; list-style-type: none; font-size: 0.69em; background-color: white; padding: 0; }
#topnav ul ul.tiertwo li a { display: block; width: 17em; height: 100%; color: Black; }
#topnav ul ul.tiertwo li a:hover { color: white; }
#topnav li ul a { text-align: left; padding: 2px 7px; }

#top_nav_whd ul.tiertwo { margin: 0 0 0 -9px !important; }
#top_nav_tools ul.tiertwo { margin: 0 0 0 -117px !important; }

#topnav li:hover ul ul, 
#topnav li:hover ul ul ul, 
#topnav li.sfhover ul ul, 
#topnav li.sfhover ul ul ul { left: -999em; }

#topnav li:hover ul, 
#topnav li li:hover ul, 
#topnav li li li:hover ul, 
#topnav li.sfhover ul, 
#topnav li li.sfhover ul, 
#topnav li li li.sfhover ul { left: auto; }

#topnav ul.tiertwo li a:hover { color: White; }

li#top_nav_about ul.tiertwo li:hover { background-color: #e59d13; }
li#top_nav_about ul.tiertwo li.sfhover { background-color: #e59d13; }

li#top_nav_heart ul.tiertwo li:hover { background-color: #6ea2d9; }
li#top_nav_heart ul.tiertwo li.sfhover { background-color: #6ea2d9; }

li#top_nav_healthy ul.tiertwo li:hover { background-color: #e27329; }
li#top_nav_healthy ul.tiertwo li.sfhover { background-color: #e27329; }

li#top_nav_whd ul.tiertwo li:hover { background-color: #6ea2d9; }
li#top_nav_whd ul.tiertwo li.sfhover { background-color: #6ea2d9; }

li#top_nav_tools ul.tiertwo li:hover { background-color: #98b055; }
li#top_nav_tools ul.tiertwo li.sfhover { background-color: #98b055; }