/** * 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) */ .navigation {width: 940px; background:url(../images/nav_bg.gif) left top repeat-x; height: 36px; } #nav p{margin: 0px;padding:0px;} #nav { float:left; margin-left: 13px; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li, #nav-right li { position:relative; text-align:left; } #nav li.over, #nav-right li.over { z-index:999; } #nav a, #nav-right a, #nav a:hover, #nav-right a:hover { display:block; text-decoration:none; } #nav span, #nav-right span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span, #nav-right li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav li, #nav-right li { float:left; padding: 0 8px;} #nav li.active a, #nav-right li.active a { color: #fff; } #nav a, #nav-right a { float:left;color:#fff; font-weight:bold; position: relative; height: 36px; /* bottom: -5px; */ } #nav a span, #nav-right a span { line-height: 36px; } #nav li.over a, #nav-right li.over a {color: #fff; } #nav a:hover, #nav-right a:hover {color:#ededed; } /* #nav li a:hover, #nav li.active a, #nav-right li.active a { background: transparent url(../images/nav_ahover.gif) center bottom no-repeat;} */ /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active, #nav ul li.over, #nav-right ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; } #nav ul li.parent, #nav-right ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; } #nav ul li.last, #nav-right ul li.last { padding-bottom:0; } #nav ul li.active, #nav-right ul li.active { margin:0; border:0; background:none; } #nav ul a, #nav-right ul a, #nav ul a:hover, #nav-right ul a:hover { float:none; padding:0; background:none; } #nav ul li a, #nav-right ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul, #nav-right ul { position:absolute; width:10em; top:36px; left:-10000px; border:1px solid #bbb; padding:3px 8px; background:#fcfcfc; font-size:12px; } /* Show menu */ #nav li.over > ul, #nav-right li.over > ul { left:-1px; } #nav li.over > ul li.over > ul, #nav-right li.over > ul li.over > ul { left:100px; } #nav li.over ul ul, #nav-right li.over ul ul { left:-10000px; } #nav ul li a, #nav-right ul li a { padding:3px 0; color:#444 !important; } #nav ul li a:hover, #nav-right ul li a:hover { padding:3px 0; color:#a1bb52 !important; } /************ 3RD+ LEVEL ************/ #nav ul ul, #nav-right ul ul { top:5px; } #nav li a span, #nav-right li a span { text-indent: -9999px; width: 40px; height: 16px; margin-top: 12px; background: transparent url('../images/nav-sprite.png') 0 0 no-repeat; } #nav li#nav-home a span { width: 30px; background-position: 0px 0px; } #nav li#nav-home a:hover span { width: 30px; background-position: 0px -19px; } #nav li#nav-about-us a span { width: 47px; background-position: -46px 0px; } #nav li#nav-about-us a:hover span { width: 47px; background-position: -46px -19px; } #nav li#nav-products a span { width: 47px; background-position: -108px 0px ; } #nav li#nav-products a:hover span { width: 47px; background-position: -108px -19px ; } #nav li#nav-search a span { width: 37px; background-position: -170px 0px; } #nav li#nav-search a:hover span { width: 37px; background-position: -170px -19px; } #nav li#nav-downloads a span { width: 60px; background-position: -220px 0px; } #nav li#nav-downloads a:hover span { width: 60px; background-position: -220px -19px; } #nav li#nav-partners a span { width: 47px; background-position: -294px 0px; } #nav li#nav-partners a:hover span { width: 47px; background-position: -294px -19px; } #nav li#nav-contact-us a span { width: 60px; background-position: -357px 0px; } #nav li#nav-contact-us a:hover span { width: 60px; background-position: -357px -19px; } #nav li#nav-featured-products a span { width: 100px; background-position: -892px 0px; } #nav li#nav-featured-products a:hover span { width: 100px; background-position: -892px -19px; } #nav-right { float: right; } #nav-right li.nav-cart { background: transparent url('../images/topmenu_right.png') center center repeat-x; } /* #nav-right li.nav-cart a { background: transparent url('../images/nav_cart.png') left center no-repeat; padding-left: 25px; padding-right: 10px; } */ #nav-right li#nav-my-account a span { width: 60px; background-position: -430px 0px; } #nav-right li#nav-my-account a:hover span { width: 60px; background-position: -430px -19px; } #nav-right li#nav-my-wishlist a span { width: 60px; background-position: -505px 0px; } #nav-right li#nav-my-wishlist a:hover span { width: 60px; background-position: -505px -19px; } #nav-right li#nav-checkout a span { width: 49px; background-position: -582px 0px; } #nav-right li#nav-checkout a:hover span { width: 49px; background-position: -582px -19px; } #nav-right li#nav-login a span { width: 35px; background-position: -646px 0px; } #nav-right li#nav-login a:hover span { width: 35px; background-position: -646px -19px; } #nav-right li#nav-logout a span { width: 38px; background-position: -788px 0px; } #nav-right li#nav-logout a:hover span { width: 38px; background-position: -788px -19px; } #nav-right li#nav-register a span { width: 45px; background-position: -838px 0px; } #nav-right li#nav-register a:hover span { width: 45px; background-position: -838px -19px; } #nav-right li#nav-view-cart a span { width: 95px; background-position: -680px 0px; } #nav-right li#nav-view-cart a:hover span { width: 95px; background-position: -680px -19px; } /* -------------------------- Category Navigation Styles -------------------------- */ #nav-products-hover { display: visible; position: absolute; margin: -4px 0 0 58px; } #catPopWrap { display: none; position: absolute; width: 502px; height: 400px; z-index: 250; padding: 0 30px 30px 30px; margin: 1px -30px 0 -13px; } #catPop { background: url(../images/cat-nav-bg3.png) no-repeat; padding: 15px 0 0 13px; height: 497px; } #catPop ul { width: 234px; } #catPop ul ul { position: absolute; left: 295px; top: 15px; display: none; } #catPop ul ul li { background: #fff; } #catPop .topLevelSelect { font-weight: bold; color: #fff; background: #DD423D url(../images/catnav-arrow.png) no-repeat 210px center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #catPop a { text-decoration: none; padding: 1px 3px; display: block; width: 220px; } #catPop a:hover { background: #0A88CF; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } #catPop a.direct { text-align: right; margin-top: 10px; font-weight: bolder; }