/** * 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; font-size:14px; background: #000; border-bottom:1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; height: 35px; width: 977px; clear: both; } /************** 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:left; margin:0px 0px 0px 0px; padding:8px 9px; border-right: 1px solid #747373; } #nav li.active a { color:#000; } #nav a { float:left; padding-right:1px; color:#FFF; font-size:14px; font-family:sans-serif; } #nav li.over a, #nav a:hover { color:#666666; } #nav li.over, #nav li.active { margin:0 0px 0px 0; background: #F1F1F1; } /************ 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:1px; text-transform:none; } #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; } #nav ul li a { font-weight:normal !important; } #nav ul li.active { border-bottom: 1px solid #ccc; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:15em; top:32px; left:-10000px; border:1px solid #ddd; padding:0px 0px; background:#fff; font-size:12px; border-top:none; } *+html #nav ul { top:33px; } *html #nav ul { top:33px; } /* Show menu */ #nav li.over > ul { left:-1px; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li{ vertical-align:top; border-bottom: 1px solid #ccc; } #nav ul li a { padding:6px 6px; color:#000 !important; } #nav ul li a:hover { padding:6px 6px; color:#000 !important; background-color:#eee; } /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; border:1px solid #ddd; } /* Magesupport side navigation CSS */ #side-nav span { } #side-nav { margin-left: 5px; padding-top:0px; padding-right: 0px} #side-nav li a:link, #side-nav li a:visited, #side-nav li ul li a:link, #side-nav li ul li a:visited, #side-nav li ul li ul li a:link, #side-nav li ul li ul li a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; } #side-nav li a:hover, #side-nav li.active a, #side-nav li ul li a:hover, #side-nav li ul li.active a, #side-nav li ul li ul li a:hover, #side-nav li ul li ul li.active a { color:#666666; text-decoration:none; } #side-nav li ul li a:link, #side-nav li ul li a:visited, #side-nav li ul li ul li a:link, #side-nav li ul li ul li a:visited { line-height:16px; text-decoration:none; } #side-nav li a:link, #side-nav li a:visited {line-height:20px;} #side-nav li ul li a:hover, #side-nav li ul li ul li a:hover {text-decoration:none;} #side-nav ul.level0 { padding-left:10px; padding-bottom:7px; } #side-nav ul.level0 a{ padding-left:10px; } #side-nav ul.level0 a:hover{ background:url(../images/bull.jpg) no-repeat left center; padding-left:10px;} #side-nav ul.level1 { padding-left:25px;} #side-nav ul.level2 { list-style-type:circle;} #side-nav ul.level3 { list-style-type:circle;} #side-nav li ul {margin:0 0 0 0px; } #side-nav li.level0 a { color: #fff; display: block; background-color: #ccc; /* background-image: url("../images/vnav-bg.gif"); */ text-align: center; margin-bottom: 5px; margin-left: -15px; width: 214px; font-size: 15px; } #side-nav li.level0 a:hover { color: #A7A7A7; } #side-nav li.level1 a { color: blue; display: inline; background-color: #fff; background-image: none !important; } #side-nav li.nav-bacilingerie { background-image: url("../images/new.png"); background-repeat: no-repeat; background-position: 56% 56%;} #side-nav li.nav-clearance a { display: block; width: 214px; height: 64px; background-image: url("../images/clearance-btns.jpg"); background-repeat: no-repeat; text-indent: -9999px; background-position: left top; } #side-nav li.nav-clearance a:hover { display: block; width: 214px; height: 64px; background-image: url("../images/clearance-btns.jpg"); background-repeat: no-repeat; text-indent: -9999px; background-position: left bottom; } /* #side-nav li.level0 nav-shop-by-brand a { background: url("../images/nav-brands.png") no-repeat scroll 0 0 transparent; color: #000000; display: block; height: 35px; margin-bottom: 5px; margin-left: -23px; width: 223px; text-indent: -9999px; } #side-nav li.level1 nav-shop-by-brand a { background: none; color: 000; display: inline; text-indent: 0px; } */