/** * 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:12px; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative;text-transform:uppercase; 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; } #nav li.active a { color:#FFF; } #nav a { float:left; color:#FFF; font-weight:bold; } #nav li.over a, #nav a:hover { color:#FFF; } #nav li.over, #nav li.active { } /************ 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 { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; } #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; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:15em; top:35px; left:-10000px; border:1px solid #bbb; border-bottom:1px solid #999; padding:4px 8px; background:#1a8dfd; font-size:11px; } /* 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 a { padding:3px 0; color:#FFF !important; } #nav ul li a:hover { padding:3px 0; color:#000 !important; } /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } .Home{ background:url(../images/home.gif) no-repeat left top; display: block; } .Home:hover{ background:url(../images/home_hover.gif) no-repeat left top; display: block;} .HowItWorks{ background:url(../images/how_ro_work.gif) no-repeat left top; /*width:107px; height:36px; overflow: hidden;*/ } .HowItWorks:hover{ background:url(../images/how_ro_work_hover.gif) no-repeat left top;} .testimonials{ background:url(../images/testimonials.gif) no-repeat left top; /*height:36px; width:107px; overflow: hidden;*/} .testimonials:hover{ background:url(../images/testimonials_hover.gif) no-repeat left top;} .news{ background:url(../images/news.gif) no-repeat left top; /*width:96px; height:36px; overflow: hidden;*/ } .news:hover{ background:url(../images/news_hover.gif) no-repeat left top;} .shopping_bag{ background:url(../images/shopping_bag.gif) no-repeat left top; /*width:158px; height:36px; overflow: hidden;*/} .shopping_bag:hover{ background:url(../images/shopping_bag_hover.gif) no-repeat left top;} .customer_services{ background:url(../images/customer_services.gif) no-repeat left top; /*width:140px; height:36px; overflow: hidden;*/} .customer_services:hover{ background:url(../images/customer_services_hover.gif) no-repeat left top;} .store{ background:url(../images/store.gif) no-repeat left top; /*width:128px; height:36px; overflow: hidden; */} .store:hover{ background:url(../images/store.gif) no-repeat left -36px;} .shop {background:url(../images/shop.gif) no-repeat left top; } .shop:hover { background:url(../images/shop_hover.gif) no-repeat left top;} .TopMEnuCss ul li:hover ul li a.hide {background:#dfc184; color:#000;} .TopMEnuCss ul li:hover ul li:hover a.hide {width:150px;} .TopMEnuCss{ float:left; position:relative; /*z-index:999999999;*/ width:887px; _margin-top: -1px;} .TopMEnuCss ul{ margin:0; padding:0; list-style:none; list-style-image:none;} .TopMEnuCss li{ float:left; margin:0; padding:0; position:relative;} .TopMEnuCss li a{ cursor:pointer; /*background:url(../images/menu_strip.gif) no-repeat right top;*/ display:block; margin:0; padding:0; } .TopMEnuCss li ul{ display:none;} .TopMEnuCss ul li:hover ul, .TopMEnuCss ul li a:hover ul{ display:block; position:absolute; background:url(../images/submenu_bottom.png) no-repeat left bottom; z-index:999999999; padding-bottom:9px; top:36px; width:186px!important;} .TopMEnuCss ul li ul li { clear:both; background:url(../images/submenu_bg.png) repeat-y left top; width:186px; line-height:25px; height:25px;} .TopMEnuCss ul li ul li a{ display:block; font-weight:bold; color:#09548b; margin:0 12px; padding:0 5px; background:url(../images/submenu_bottom.gif) no-repeat center bottom; } .TopMEnuCss ul li ul li a:hover{ font-weight:bold; color:#000; background:none; margin:0 12px; background:#5fb0fe url(../images/submenu_bottom.gif) no-repeat center bottom; padding:0 5px; text-decoration:none; }