/* 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;} *html #nav {padding:0; margin:0; list-style:none; height:12px; font-family:arial, verdana, sans-serif; overflow:hidden;} #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(../images/bg_navText.gif) 0 0 no-repeat; display: block; text-indent: -9999px; width: 71px;} #nav li a.top_link span {float:left; display:block; height:12px; /*background: url(three_0.gif) right top no-repeat;*/} #nav li a.top_link span.down {float:left; display:block; height:12px; /*background: url(three_0a.gif) no-repeat right top;*/} /* Nav Button Positions*/ #nav li#products a.top_link { width: 128px; background-position: 0 0; height:12px; overflow:hidden;} #nav li#products a.top_link:hover{ background-position: 0 -12px; } #nav li#whereToBuy a.top_link { width: 112px; background-position: -148px 0; height:12px; overflow:hidden;} #nav li#whereToBuy 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#products a.top_link{ background-position: 0 -13px;} #nav li:hover#whereToBuy 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; /*white-space:nowrap;*/ 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(../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;} /* 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:9999} #nav 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 {background:url(../images/bg_ddHoverArrow.png) 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://store.calphalon.com/images/calphalonstore/global/bg_dropdown_3rdlevel_2.jpg) 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://store.calphalon.com/images/calphalonstore/global/bg_dropdown_3rdlevel_2.jpg) 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; } #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;}