/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ #nav { padding:0 0px; font-size:1.1em; } /*#nav li a.last{ padding-right:0px;} */ /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; /*line-height:1.3em;*/ text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav li { float:right; } #nav li.active a { color:#fff; } #nav a { float:left; /*padding:5px 12px 6px 8px;*/ color:#ffffff; font-weight:bold; font-family:arial; font-size:14px; } #nav li.over a, #nav a:hover { color:#fff; } /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active { float:none; margin:0; /*padding-bottom:4px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; */} /*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/ #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:15em; top:29px; left:-10000px; border:0px solid #899ba5; } /* Show menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#010100; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#70686c !important; } #nav ul li a:hover { background:#6a0509; color:#ffffff!important; } #nav ul li a, #nav ul li a:hover { font-weight:normal; padding:5px 8px 5px 18px; border-bottom:1px solid #242424; width:175px; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /*-----------menu--------*/ #nav .menu-bg-none a,#nav .menu-bg-none a:hover{ background:none;} #nav a.link1{ width:46px; height:26px; padding:7px 12px 0px; } #nav a.link1:hover{background:url(../images/home_hover_bg.gif) no-repeat; width:46px; height:26px; } #nav a.link2 { height:26px; padding:7px 12px 0px; } #nav a.link2:hover{ background:url(../images/product_hover_bg.gif) no-repeat; height:26px;} #nav li.over a.link2{background:url(../images/product_hover_bg.gif) no-repeat; height:26px; } #nav a.link3 { height:26px; padding:7px 8px 0px; } #nav a.link3:hover{background:url(../images/steals_hover_bg.gif) no-repeat; height:26px; } #nav a.link4 { height:26px; padding:7px 12px 0px; } #nav a.link4:hover{background:url(../images/product_hover_bg.gif) no-repeat; height:26px;} #nav a.link5{ height:26px; padding:7px 12px 0px;} #nav a.link5:hover{background:url(../images/best_hover_bg.gif) no-repeat; height:26px;} #nav a.link6{ height:26px; padding:7px 12px 0px; } #nav a.link6:hover{background:url(../images/about_hover_bg.gif) no-repeat; height:26px;} /*--------flyout menu --------*/ #nav1 { padding:0 0px; font-size:1.1em; /*float:right;*/ } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav1 li { position:relative; text-align:left; padding-left:0px; padding-right:0px; } #nav1 li.over { z-index:999; } #nav1 a { display:block; line-height:1.3em; text-decoration:none; } #nav1 a:hover { display:block; line-height:1.3em; text-decoration:none; background:#ded0ad; color:#fff; } #nav1 span { display:block; cursor:pointer; white-space:nowrap; } #nav1 li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav1 li { /*float:left;*/ } #nav1 li.active a { /*color:#474747; */} #nav1 li.active a:hover { color:#adadad; } #nav1 a { float:none; background:url(../images/bread_grum.gif) no-repeat 16px 11px; padding-top:8px; padding-bottom:8px; padding-left:34px; color:#adadad; font-size:12px; font-weight:bold; } #nav1 li.over a, #nav1 a:hover { float:none; background:#000 url(../images/hover_bread.gif) no-repeat 16px 11px; padding-top:8px; padding-bottom:8px; padding-left:34px; color:#adadad; font-size:12px; font-weight:bold; } /*@media screen and (-webkit-min-device-pixel-ratio:0) { #nav1 a { float:none; background:url(../images/bread_grum.gif) no-repeat 7px 11px; padding-top:7px; padding-bottom:7px; padding-left:23px; color:#000; font-size:12px; font-weight:bold; } #nav1 li.over a, #nav1 a:hover { float:none; background:#000 url(../images/hover_bread.gif) no-repeat 7px 11px; padding-top:7px; padding-bottom:7px; padding-left:23px; color:#fff; font-size:12px; font-weight:bold; } }*/ /************ 1ST LEVEL ************/ #nav1 ul li, #nav1 ul li.active { float:none; margin:0 !important; /*padding-bottom:1px;*/ /*background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; */padding-bottom:0 !important; } /*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/ #nav1 ul li.last { background:#ecf3f6; padding-bottom:0 !important; } #nav1 ul a, #nav1 ul a:hover { float:none; padding:0; background:none; } #nav1 ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav1 ul { position:absolute; width:15em; top:0px; left:-10000px; /*border:1px solid #899ba5;*/ margin-left:211px; } /* Show menu */ #nav1 li.over > ul { left:0; } #nav1 li.over > ul li.over > ul { left:100px; } #nav1 li.over ul ul { left:-10000px; } #nav1 ul li a { background:#000 !important; padding-top:7px !important; padding-bottom:7px !important; border:none !important; color:#8d8e8d !important; font-weight:bold !important; padding-left:15px !important; } #nav1 ul li a:hover { background:#1b1b1b !important; padding-top:7px !important; padding-bottom:7px !important; border:none !important; color:#8d8e8d !important; font-weight:bold !important; padding-left:15px !important; } #nav1 ul li a, #nav1 ul li a:hover { /*color:#2f2f2f !important; */} #nav1 ul span, #nav1 ul li.last li span { padding:2px 6px 0px 6px;} /************ 3RD+ LEVEL ************/ #nav1 ul ul { top:5px; margin-left:0px !important; }