/* Main Nav Position*/
#menu{ clear:both; padding:78px 0 0 21px;} 
#nav {padding:0; margin:0; list-style:none; height:12px; font-family:arial, verdana, sans-serif;}
#nav li {display:block; float:left; height:12px; margin: 0 21px 0 0;}
#nav li a.top_link {display:block; float:left; height: 12px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer; background:url(http://s7d5.scene7.com/is/image/Calphalon/bg_navText) 0 0 no-repeat; display: block; text-indent: -9999px; width: 71px;}
#nav li a.top_link span {float:left; display:block;  height:12px;}
#nav li a.top_link span.down {float:left; display:block; height:12px;}

/* Nav Button Positions*/
#nav li#shop a.top_link { width: 128px; background-position: 0 0; height:12px; overflow:hidden;}
#nav li#shop a.top_link:hover{ background-position: 0 -12px; }
#nav li#findStore a.top_link { width: 112px; background-position: -148px 0; height:12px; overflow:hidden;}
#nav li#findStore a.top_link:hover { background-position: -148px -12px; }
#nav li#productSupport a.top_link { width: 132px; background-position: -279px 0;  height:12px; overflow:hidden;}
#nav li#productSupport a.top_link:hover { background-position: -279px -12px; }
#nav li#recipes a.top_link { width: 102px; background-position: -430px 0; height:12px; overflow:hidden; }
#nav li#recipes a.top_link:hover{ background-position: -430px -12px; }
#nav li#wedreg a.top_link { width: 146px; background-position: -550px 0; height:12px; overflow:hidden; }
#nav li#wedreg a.top_link:hover{ background-position: -550px -12px; }

/* Nav Button Hover Positions */
#nav li:hover#shop a.top_link{ background-position: 0 -13px;}
#nav li:hover#findStore a.top_link { background-position: -148px -13px;}
#nav li:hover#productSupport a.top_link { background-position: -279px -13px; }
#nav li:hover#recipes a.top_link { background-position: -430px -13px;}
#nav li:hover#wedreg a.top_link { background-position: -550px -13px;}

/* Drop Down Styles */
#nav li:hover {position:relative; }
#nav li:hover ul.sub {left:-20px; top:12px; background: #ffffff !important; background:none; padding: 15px 5px 5px 5px; width:202px !important; width:190px; 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(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_item) 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) 0 0 no-repeat; color:#fff;*/}
#nav li:hover ul.sub li a:hover  { background:url(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_hover) repeat-x 0 0; color:#fff;}
#nav li:hover ul.sub li a.fly:hover { background: url(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_hover_arr?$transparency$) right 0 no-repeat; color:#fff;}

/*  Drop Down Styles  2nd Level*/
#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:-5px; width:216px; height:auto !important; background:#fff !important;background:none; padding:5px 0 5px 5px;}
#nav ul, #nav li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:101}
#nav li:hover li:hover a.fly {background:url(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_hover_arr?$transparency$) right 0 no-repeat; color:#fff;} 
#nav li:hover li:hover li a.fly {background:url(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_hover) right 0 no-repeat; color:#000; } 

/* Background Positions 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.top { padding-top: 15px; }
#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(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_3rdlevel) 0 0 no-repeat; padding: 15px 0 0 88px; height: 36px; width:120px; /*word-wrap:break-word;-ms-word-wrap:break-word;*/}
#nav li:hover ul.sub li ul li a:hover { background: #fff url(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_3rdlevel) no-repeat;color: #933;  }
#nav li:hover ul.sub li ul li a.split {height: 36px; padding-bottom:8px; padding-top:8px }
#nav li:hover ul.sub li ul li a.split2 { height: 48px; padding-bottom:8px; padding-top:8px }
#nav li:hover ul.sub li ul li a.l0, #nav li:hover ul.sub li ul li a:hover.l2{ background-position: 0 -272px; }
#nav li:hover ul.sub li ul li a.l1, #nav li:hover ul.sub li ul li a:hover.l2{ background-position: 0 0; }
#nav li:hover ul.sub li ul li a.l2, #nav li:hover ul.sub li ul li a:hover.l2{ background-position: 0 -49px; }
#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 -270px; }
#nav li:hover ul.sub li ul li a.l7, #nav li:hover ul.sub li ul li a:hover.l7 { background-position: 0 -330px; }
#nav li:hover ul.sub li ul li a.l8, #nav li:hover ul.sub li ul li a:hover.l8 { background-position: 0 -380px; }
#nav li:hover ul.sub li ul li a.l9, #nav li:hover ul.sub li ul li a:hover.l9 { background-position: 0 -448px; }
#nav li:hover ul.sub li ul li a.l10, #nav li:hover ul.sub li ul li a:hover.l10 { background-position: 0 -518px; }
#nav li:hover ul.sub li ul li a.l11, #nav li:hover ul.sub li ul li a:hover.l11 { background-position: 0 -576px; }
#nav li:hover ul.sub li ul li a.l12, #nav li:hover ul.sub li ul li a:hover.l12 { background-position: 0 -635px; }

/* Sub Navigation
------------------------------------------------ */
#subnavContainer { background-color:#FFF; width: 1000px; margin: 0px auto 0px auto;  height:41px; position: relative; padding-top:15px; z-index:98; }
#subnavBar{ background:url(http://s7d5.scene7.com/is/image/Calphalon/bg_subnav) 0 0 repeat-x; height:27px; margin: 0 22px 0 22px; }
ul#subnav { margin:0px 10px 0; padding:5px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; z-index:97;}
#subnav, #subnav ul { margin:0; padding:0; z-index:98;}
#subnav li { float: left; margin: 0 21px 0 0; position:relative; z-index:97; }
#subnav a.topLevel {height: 13px; width:110px; padding:0 5px 0 0; color:#5f473c; text-decoration:none;}

.expand  { background:url(http://s7d5.scene7.com/is/image/Calphalon/arrow_brown_down_10x9?$transparency$) right 5px no-repeat; padding-right:8px}
.expand:hover  { background:url(http://s7d5.scene7.com/is/image/Calphalon/arrow_darkbrown_down_10x9?$transparency$) right 5px no-repeat; padding-right:8px;  color:#000;cursor:pointer;}

#subnav li.on a.topLevel li:hover { position: relative; color:#18100d;}
#subnav li a.topLevel:hover, #subnav li.on a.topLevel:hover, #subnav li.sfhover a.topLevel {position: relative; color:#18100d; }
#subnav li:hover ul, #subnav li.sfhover ul { left: -14px; }
#subnav li ul { position: absolute; width: 203px; top: 17px; left: -9999em; margin: 0; padding: 5px 4px 5px 4px; }
#subnav li li { float: none; border-left: 1px solid #D0B882; border-right: 1px solid #D0B882; margin: 0; padding:0 }
#subnav li li.top { border-top: 1px solid #D0B882; }
#subnav li li.btm { border-bottom: 1px solid #D0B882; }
#subnav li li a { padding: 10px 9px; display: block; background:#ffffff url(http://s7d5.scene7.com/is/image/Calphalon/bg_dropdown_item) 0 bottom repeat-x; color: #333; font-family: Georgia, Times, serif; font-size: 12px; font-weight: bold; text-decoration: none;line-height:14px; }
#subnav li li a:hover { color: #74170A; }