/** * 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 { float:left; margin-top: 9px; margin-left:40px; font-size:10px; width: 871px; margin-bottom: 0px; } * html #nav { float:left; margin-top: 9px; margin-left:20px; font-size:10px; width: 871px; margin-bottom: 10px; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; text-transform: uppercase; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; padding-top: 7px; } #nav a:active { color: #fff; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav li { float:left; margin:1px 0px 0px 0px; padding:0px 10px 4px 10px; border-right: 1px solid #868686; } #nav li.active a { color:#fff; } #nav a { float:left; color:#fff; font-weight:normal; font-size: 17px; } #nav li.over a, #nav a:hover { color: #fff; } #nav a:active { color: #fff; } #nav li.over, #nav li.active { margin:1px 1px 0px 0; border:0px solid #bbb; background:#07a5b6; color: #fff; } /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active, #nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:0px; text-transform:none; border-bottom: 1px solid #23adbc; } #nav ul li.parent {} #nav ul li.last { padding-bottom:0; } #nav ul li.active { margin:0; border:0; background:none; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; color: #fff; width: 100%; } #nav ul li a { font-weight:normal !important; width: 100%; margin-right: 30px; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:20em; top:33px; left:-10000px; border:0px solid #bbb; border-bottom:1px solid #fff; padding:3px 8px; background:#07a5b6; } /* Show menu */ #nav li.over > ul { left:-1px; z-index:9999; } #nav li.over > ul li.over > ul { left:150px; border-bottom: 1px solid #fff; background: #008e9d; } #nav li.over ul ul { left:-10000px; } #nav ul li a { padding: 3px 0 3px 0; color:#fff; font-size: 13px; } #nav ul li a:hover { padding: 3px 0 3px 0; color:#4b4b4b; } /************ 3RD+ LEVEL ************/ #nav ul ul { top:10px; } .tab_left { background: url(../images/toptab_left.gif) no-repeat; height: 31px; width: 7px; float: left; } .tab_content { background: url(../images/toptab_middle.gif) repeat-x; height: 31px; float: left; } .tab_content a { margin-top: 1px; } .tab_right { background: url(../images/toptab_right.gif) no-repeat; height: 31px; width: 7px; float: left; } #nav_vert { font-size:1em; z-index:999; width: 190px; padding-left: 8px; } /* ALL LEVELS */ /* Style consistent throughout all nav levels */ #nav_vert li {width:190px; list-style:none; position:relative; text-align:left; background-color: #000; border-top: 1px solid #fff; } #nav_vert li.over { z-index:999; } #nav_vert li.active { z-index:999; background-color: #4d4d4d;} /* to prevent the li separator from showing through on mouseover on li */ #nav_vert a { line-height: 10px; color:#fff; } #nav_vert a:hover { background-color: #00a5d5; width: 178px; } #nav_vert a, #nav_vert a:hover { display:block; text-decoration:none; } #nav_vert span { display:block; cursor:pointer; color: #fff; } /* 1ST LEVEL */ #nav_vert li { float:left; background:url(../images/nav_bg.gif) repeat-x 50%; height:22px; margin-right:1px; } #nav_vert li.active a { color:#fff; } #nav_vert a { float:left; padding:6px 12px 6px 0px; color:#fff; font-weight:bold; font-size:13px; width: 160px; } #nav_vert li.over a, #nav_vert a:hover { color:#fff; } /* 1ST LEVEL RESET */ #nav_vert ul li, #nav_vert ul li.active { float:none; height:auto; background:none; margin:0; } #nav_vert ul a, #nav_vert ul a:hover { float:none; padding:0; background-color: #00a5d5; width: 202px; } #nav_vert ul li a { font-weight:normal !important; } /* 2ND LEVEL */ #nav_vert ul { position: absolute; width:202px; margin-left:180px; top:2px; left:-10000px; } /* Show menu */ #nav_vert li.over ul { left:0; } #nav_vert li.over ul ul { left:-10000px; } #nav_vert li.over ul li.over ul { left:0px; } #nav_vert ul li a { background:#7b7b7b/*#ecf3f6*/; }; #nav_vert ul li a:hover { background: #00a5d5; /*#d5e4eb;*/ } #nav_vert ul li a span { background:url(../images/nav_divider.gif) repeat-x 0 100%; } #nav_vert ul li a, #nav_vert ul li a:hover { color:#b86820 !important; } #nav_vert ul span, #nav_vert ul li.last li span { padding:6px 15px 6px 15px; } #nav_vert ul li.last span { background:none; } /* 3RD+ LEVEL */ #nav_vert ul ul { top:2px;} #nav_vert ul ul ul { left:-10000px;} #nav_vert li.over ul li.over ul ul { left:-10000px;} #nav_vert li.over ul li.over ul li.over ul { left:100px; } /* Fix for the IE bug */ #nav_vert iframe { position: absolute; left: -1px; top: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }