/** * 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: 0px; font-size:1.0em; } /************** 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:20px; text-decoration:none; text-transform:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav ul li.parent a { background:url(../images/i_nav-parent.gif) 182px 50% no-repeat; } #nav ul li.parent li a { background-image:none; } #nav li.nav-search { float:left; padding:5px 12px 5px 10px; font-weight:bold; color:#000000; line-height:21px; margin: 0 0 2px 0; width: 220px; } /************ 0 LEVEL ***************/ #nav li { border-bottom-color: #C5C5C5; border-right-color: #C5C5C5; border-right-style: solid; border-bottom-style: solid; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-top-width: 0px; float:left; } #nav .home{ background-image: url(../images/bkg_nav.gif); background-repeat: no-repeat;} #nav .home.over a, #nav .home.over a:hover{ background-image: url(../images/bkg_nav.gif); background-repeat: no-repeat;} #nav .home img{ /*background-image: url(../images/bkg_nav_home.gif); background-repeat: no-repeat; padding-left: 26px; background-position: 3px 0px;*/ margin-top:-6px;} #nav li.active a { /*background-image: url(../images/bkg_nav_active.gif); background-repeat: repeat-x;*/ color:#ffffff; /*background-color: #dec72e;*/ } #nav a { float:left; padding:5px 12px 6px 10px; font-weight:bold; color:#fff; /*background: #999999;*/ } #nav li.over a, #nav li a:hover { background-repeat: repeat-x; background-image: url(../images/bkg_nav_white.gif); color:#000; background-color: #ffffff; } /*skriver över alla levels */ #nav .home a, #nav .home.over a, #nav .home a:hover { background-image: url(../images/bkg_nav.gif); background-repeat: no-repeat;} /*skriver över alla levels */ /************ 1ST LEVEL ************/ #nav ul li { border-width: 0px; float:none; margin:0; padding-bottom:0px; background: #fff url(../images/asosbkg_220_mid.png) repeat-y 100% 0; } /*#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 }*/ #nav ul li.last { background: #fff url(../images/asosbkg_220_btm.png) no-repeat 100% 100%; padding-bottom:8px; } #nav ul a, #nav ul a:hover { float:none; padding:0; } #nav ul li a { color:#747474 !important; font-weight:normal !important; } #nav ul li a:hover { color:#000000 !important; } #nav li.over ul li a, #nav li.active ul li a { background: transparent; } /************ 2ND LEVEL ************/ #nav ul ul li { border-width: 0px; float:none; margin:0; padding-bottom:0px; background: transparent url(../images/asosbkg_220_mid_2nd.png) repeat-y 100% 0; } /*#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 }*/ #nav ul ul li.last { background: transparent url(../images/asosbkg_220_btm_2nd.png) no-repeat 100% 100%; padding-bottom:8px; } #nav ul { position:absolute; width:198px; top:31px; left:-10000px; border:0px; } /* 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 ul li a { background:#333333; } #nav ul span, #nav ul li.last li span { padding:0px 15px 0px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /************ VERTICAL NAVIGATION NO JAVASCRIPT ************/ #nav_vert { padding:0px 0 0px !important; } #nav_vert { list-style-type:none; margin:0; padding:0; background:url(../images/vert_nav_divider.gif) no-repeat 4px 100%; } #nav_vert li { display:block; margin:0 0 0; padding:0; } #nav_vert li a { display:block; height:1.5em; margin:0; padding:3px 3px 0px 22px; text-decoration:none; font-size: 1.1em; } #nav_vert li .potential { /*background-image:url(../images/nav_pil_potential.gif); background-position:12px 6px; background-repeat:no-repeat;*/ } #nav_vert ul li .potential { background-position:20px 6px; } #nav_vert li .openpotential { /*background-image:url(../images/nav_pil_active.gif); background-position:12px 6px; background-repeat:no-repeat;*/ color:#231F20; font-weight:bolder; text-decoration:none; } #nav_vert ul li .openpotential { background-position:20px 6px; } #nav_vert li .open { color:#231F20; font-weight:bolder; text-decoration:none; } #vertical-nav .final { font-weight:bold; } #nav_vert ul li a { padding-left:30px; } #nav_vert ul ul li a { margin-left:0; padding-left:40px; } #vertical-nav a { color:#333333; } #vertical-nav h4 a, #vertical-nav h4 a:hover { background-color:transparent; color:#FFFFFF; text-decoration:none; } #nav_vert a:hover { color:#000; } #nav_vert li ul li a { border-bottom-color:#EBEBEB; margin-bottom:0; margin-top:0; } #nav_vert li ul li { margin-bottom:0; margin-top:0; } /***************VERTICAL WITH JAVASCRIPT **********************/ /* Turn off list bullets */ ul.vertnav li { list-style: none; display: block; } ul.vertnav, ul.vertnav ul, ul.vertnav li { margin: 0; padding: 0; } /* This controls the indent for each sublist */ ul.vertnav ul { padding-left: 15px; } ul.vertnav a { color: #333; line-height: 1.2em; margin: 0; } /* ul.vertnav a.expandlink { position: absolute;} */ ul.vertnav a.vertnavlink { padding:3px 3px 3px 5px; } /* Provide space for our own "bullet" inside the link */ ul.vertnav li a.expandlink { padding-left: 13px; } /* Show "bullets" in the links, depending on the class of the LI that the link's in */ ul.vertnav li.open a.expandlink { background: url(../images/nav_open.gif) center left no-repeat; } ul.vertnav li.closed a.expandlink { background: url(../images/nav_closed.gif) center left no-repeat; } ul.vertnav li.nobullet a.expandlink { background: transparent center left no-repeat; } ul.vertnav li.active a.expandlink { background: transparent center left no-repeat; font-weight: bold; } /* Actually show and hide sublists */ ul.vertnav li.open ul { display: block; } ul.vertnav li.closed ul { display: none; }