#menu {width:983px; height:36px; background:url(/resources/images/CssMenu/UpPink.gif); margin:2px auto 7px auto; text-align:center; z-index: 300;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}

#menu ul {display:inline-block;} 

#menu li {margin:0; padding:0; list-style:none; border-right:1px solid #f9c;}
#menu li {display:inline-block; display:inline;}

#menu ul ul {position:absolute; left:-9999px;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
#menu ul.level1 {margin:0 auto; border-left:1px solid #f9c;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul.level1 ul {background:#909; z-index: 100;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:bold 12px helvetica, arial, tahoma, sans-serif; color:#fff; line-height:36px; text-decoration:none; padding:0 9px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover > ul {visibility:visible; left:0; top:36px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-26px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:36px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-26px;}


#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li ul li {border-right:0;}
#menu li ul a {line-height:25px; border-top:1px solid #c4c;}
#menu li.left ul a {text-align:right;}

#menu ul ul li a.fly {background:#909 url(/resources/images/CssMenu/arrow.gif) no-repeat right center;}
#menu ul li.left ul a.fly {background:#909 url(/resources/images/CssMenu/arrow-left.gif) no-repeat left center;}

#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover,
#menu li a.fly:hover {background:url(/resources/images/CssMenu/OverPurple.gif);} 
#menu li:hover > a,
#menu li:hover > a.fly {background:url(/resources/images/CssMenu/OverPurple.gif);}

#menu ul ul li a:hover {background:#f06;}
#menu ul ul li a.fly:hover {background:#f06 url(/resources/images/CssMenu/arrow.gif) no-repeat right center;}
#menu ul li.left ul li a.fly:hover {background:#f06 url(/resources/images/CssMenu/arrow-left.gif) no-repeat left center;}

#menu ul ul li:hover > a {background:#f06;}
#menu ul ul li:hover > a.fly {background:#f06 url(/resources/images/CssMenu/arrow.gif) no-repeat right center;}
#menu ul li.left ul li:hover > a.fly {background:#f06 url(/resources/images/CssMenu/arrow-left.gif) no-repeat left center;}


#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:2px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:2px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

/* Green Bar */
#greenNav { position: relative; width: 976px; height: 36px; 
            margin: 0 auto; z-index: -10; }
#greenNav div select, #greenNav div input { margin: 0; font-size:14px; color:#666666; width: 170px; }
#greenNav .searchTerm { position:absolute; left: 0; top: 2px; width: 195px; border: 0; font-size:16px; }
#greenNav .magnifyingGlass { position:absolute; left: 204px; top: 2px; width: 21px; }
#greenSearchBox { position: absolute; margin: 0; padding: 0; left: 21px; top: 6px; }
#browseByPrice { position: absolute; margin: 0; padding: 0; left: 419px; top: 7px; }
#browseByOccasion { position: absolute; margin: 0; padding: 0; left: 787px; top: 7px; }