﻿#menu{ clear:both; padding:78px 0 0 21px;} 
#nav {padding:0; margin:0; list-style:none; height:11px; z-index:500; font-family:arial, verdana, sans-serif;}
*html #nav {padding:0; margin:0; list-style:none; height:11px; z-index:500; font-family:arial, verdana, sans-serif; overflow:hidden;}
#nav li {display:block; float:left; height:11px; margin: 0 21px 0 0;}
#nav li a.top_link {display:block; float:left; height: 11px;color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer; background:url(../images/sprite_navText.png) 0 0 no-repeat; display: block; text-indent: -9999px; width: 71px;}
#nav li a.top_link span {float:left; display:block;  height:11px;  /*background: url(three_0.gif) right top no-repeat;*/}
#nav li a.top_link span.down {float:left; display:block; height:11px; /*background: url(three_0a.gif) no-repeat right top;*/}

/*#nav li:hover a.top_link {color:#000; background:url(three_1.gif) 0 0 no-repeat;}
#nav li:hover a.top_link span {background:url(sprite_navText.png) 0 -11px no-repeat;}
#nav li:hover a.top_link span.down {background:url(sprite_navText.png) 0 -11px no-repeat;}*/

/* Image Link*/
#nav li#products a.top_link { width: 71px; background-position: 0 0; height:11px; overflow:hidden;}
#nav li#products a.top_link:hover{ background-position: 0 -11px; }
#nav li#whereToBuy a.top_link { width: 106px; background-position: -92px 0; height:11px; overflow:hidden;}
#nav li#whereToBuy a.top_link:hover { background-position: -92px -11px; }
#nav li#productSupport a.top_link { width: 130px; background-position: -219px 0;  height:11px; overflow:hidden;}
#nav li#productSupport a.top_link:hover { background-position: -219px -11px; }
#nav li#recipes a.top_link { width: 181px; background-position: -367px 0; height:11px; overflow:hidden; }
#nav li#recipes a.top_link:hover{ background-position: -367px -11px; }

/* Image Link*/
#nav li:hover#products a.top_link{ background-position: 0 -11px;}
#nav li:hover#whereToBuy a.top_link { background-position: -92px -11px;}
#nav li:hover#productSupport a.top_link { background-position: -219px -11px; }
#nav li:hover#recipes a.top_link { background-position: -367px -11px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:-20px; top:11px; background: #ffffff !important; background:none; padding: 18px 5px 5px 5px; /*white-space:nowrap;*/ width:202px !important; width:190px; z-index:300; height:auto !important; }
#nav li:hover ul.sub li
{ position:relative; float:left; width:190px; height:auto;}
#nav li:hover ul.sub li a
{display:block; width:180px; text-decoration:none; font:bold 12px Georgia, "Times New Roman", Times, serif; background: url(../images/bg_ddItem.png) 0 0 repeat-x; color:#333; padding:9px 10px; border-left:1px solid #D0B882; border-right:1px solid #D0B882;}
#nav li:hover ul.sub li a.top { border-top: 1px solid #D0B882; }
#nav li:hover ul.sub li a.btm { border-bottom: 1px solid #D0B882; }
#nav li ul.sub li a.fly
{/*background:url(bg_ddHoverArrow.png) 0 0 no-repeat; color:#fff;*/}
#nav li:hover ul.sub li a:hover 
{background:url(../images/bg_ddHover.png) repeat-x 0 0; color:#fff; }
#nav li:hover ul.sub li a.fly:hover
{background: url(../images/bg_ddHoverArrow.png) right 0 no-repeat; color:#fff;}

/*2nd Level*/
#nav li:hover ul.sub li ul li a 
{background:#ffffff; color:#000; width:190px; padding:9px 5px;}
#nav li:hover ul.sub li ul li a:hover 
{background:#ffffff; color:#000; }


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:202px; top:-2px; /*white-space:nowrap;*/ /*width:190px;*/width:202px;  z-index:400; height:auto !important; background:#FFFFFF !important;background:none; padding:5px 5px 5px 5px;}

#nav ul, 
#nav li:hover ul ul/*,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul*/
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly/*,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly*/
{background:url(../images/bg_ddHoverArrow.png) right 0 no-repeat; color:#fff;} 

#nav li:hover li:hover li a.fly/*,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly*/
{background:url(../images/bg_ddHoverArrow.png) right 0 no-repeat; color:#000; } 


/* 2nd Level */
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; padding-top: 6px; background:none; }
#nav li:hover ul.sub li ul li a.btm { padding-bottom: 6px; }
#nav li:hover ul.sub li ul li a { background: #fff url(../images/sprite_dd3rdLevel.png) 0 0 no-repeat; padding: 16px 6px 0 88px; height: 36px; width:106px; word-wrap:break-word;-ms-word-wrap:break-word; }
#nav li:hover ul.sub li ul li a:hover { background: #fff url(../images/sprite_dd3rdLevel.png) no-repeat;color: #933;  }
#nav li:hover ul.sub li ul li a.split { padding-top: 0; height: 52px; }
#nav li:hover ul.sub li ul li a.split2 { padding-top: 4px; height: 48px; }
#nav li:hover ul.sub li ul li a.l2, #nav li:hover ul.sub li ul li a:hover.l2{ background-position: 0 -52px; }
#nav li:hover ul.sub li ul li a.l3, #nav li:hover ul.sub li ul li a:hover.l3 { background-position: 0 -104px; }
#nav li:hover ul.sub li ul li a.l4 , #nav li:hover ul.sub li ul li a:hover.l4 { background-position: 0 -160px; }
#nav li:hover ul.sub li ul li a.l5, #nav li:hover ul.sub li ul li a:hover.l5 { background-position: 0 -213px; }
#nav li:hover ul.sub li ul li a.l6, #nav li:hover ul.sub li ul li a:hover.l6 { background-position: 0 -275px; }
#nav li:hover ul.sub li ul li a.l7, #nav li:hover ul.sub li ul li a:hover.l7 { background-position: 0 -325px; }
#nav li:hover ul.sub li ul li a.l8, #nav li:hover ul.sub li ul li a:hover.l8 { background-position: 0 -375px; }
#nav li:hover ul.sub li ul li a.l9, #nav li:hover ul.sub li ul li a:hover.l9 { background-position: 0 -425px; }
#nav li:hover ul.sub li ul li a.l10, #nav li:hover ul.sub li ul li a:hover.l10 { background-position: 0 -475px; }
#nav li:hover ul.sub li ul li a.l11, #nav li:hover ul.sub li ul li a:hover.l11 { background-position: 0 -532px; }
#nav li:hover ul.sub li ul li a.l12, #nav li:hover ul.sub li ul li a:hover.l12 { background-position: 0 -585px; }
#nav li:hover ul.sub li ul li a.l13, #nav li:hover ul.sub li ul li a:hover.l13 { background-position: 0 -635px; }



/* Sub Navigation*/
#SubNav {padding:0; margin:0; list-style:none; height:27px; /*background:#fff url(three_0.gif) repeat-x;*/ position:relative; z-index:100; font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff;}
#SubNav li {display:block; float:left; height:27px;}
#SubNav li a.top_link {display:block; float:left; height:24px; line-height:33px; color:#ccc; text-decoration:none; font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff; padding:0 0 0 12px; cursor:pointer;/*background: url(three_0.gif);*/}
#SubNav li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:24px; background:url(../images/arrow_right.gif) right 6px no-repeat;}
#SubNav li a.top_link span.down {float:left; display:block; padding:0 12px 0 12px; height:24px; background:url(../images/arrow_right.gif) right 6px no-repeat;}

#SubNav li:hover a.top_link { background:url(../images/arrow_down.gif) no-repeat right 6px; color:#49332B;}
#SubNav li:hover a.top_link span {background:url(../images/arrow_down.gif) no-repeat right 6px; color:#49332B;}
#SubNav li:hover a.top_link span.down {background:url(../images/arrow_down.gif) no-repeat right 6px; color:#49332B;}

#SubNav li.active a.top_link { background:url(../images/arrow_down.gif) no-repeat right 6px; color:#49332B;}
#SubNav li.active a.top_link span {background:url(../images/arrow_down.gif) no-repeat right 6px; color:#49332B;}
#SubNav li.active a.top_link span.down {background:url(../images/arrow_down.gif) no-repeat right 6px; color:#49332B;}

/* Default list styling */

#SubNav li:hover {position:relative; z-index:200;}

#SubNav li:hover ul.sub
{left:1px; top:22px; width:190px; height:auto; z-index:300;color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; }
#SubNav li:hover ul.sub li
{display:block; position:relative; float:left; width:170px; font-weight:normal;background:#EEEBDA url(../images/bg_ddItem.png) 0 0 repeat-x; color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; height:auto;  padding:8px 10px 8px 10px;border-left: 1px solid #D0B882;border-right: 1px solid #D0B882;}
#SubNav li:hover ul.sub li a
{display:block; font-size:11px; color:#000; text-decoration:none;}
#SubNav li:hover ul.sub li.top { border-top: 1px solid #D0B882; }
#SubNav li:hover ul.sub li.btm { border-bottom: 1px solid #D0B882; }
#SubNav li:hover ul.sub li a:hover 
{/*background:#6a812c;*/ color: #74170A; border-color:#fff;}


#SubNav ul, 
#SubNav li:hover ul ul,
#SubNav li:hover li:hover ul ul,
#SubNav li:hover li:hover li:hover ul ul,
#SubNav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
