/**
 * 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 { border-width: 1px; border-color: #e5e5e5; border-style: solid; padding: 0px; font-size: 0.9em;}

/************** 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:uppercase; }
#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-right-color: #e5e5e5; border-right-style: solid; border-bottom-style: solid; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; border-right-width: 1px; border-left-width: 0px; border-bottom-width: 0px; border-top-width: 0px; float:left; }
#nav li.active a { background-image: url(../images/bkg_nav_active.gif); background-repeat: repeat-x; color:#ffffff; background-color: #fbb515; }
#nav a { padding-left: 10px; padding-bottom: 5px; padding-right: 12px; padding-top: 4px; float:left; font-weight:bold; color:#333333; /*background: #999999;*/ }

#nav li.over a,
#nav li a:hover { background-repeat: repeat-x; background-image: url(../images/bkg_nav_white.gif); color:#000000; background-color: #ffffff; }  /*skriver över alla levels */

/************ 1ST LEVEL ************/
#nav ul li { border-width: 0px; float:none; margin:0; padding-bottom:0px; background: transparent 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: transparent 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: 29px; 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:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

#nav li ul
{
	display: none !important;
}


/***************VERTICAL WITH JAVASCRIPT **********************/

/* Turn off list bullets */
ul.vertnav li { list-style: none; display: block; }

ul.vertnav li a.expandlink:hover { text-decoration: none; }

#vertical-nav .active a { color:#E76200 !important; font-size: 1.0em; font-weight: bold;}

ul.vertnav, ul.vertnav ul, ul.vertnav li {
  margin: 0; padding: 2px 0; 
}

/* This controls the indent for each sublist */
ul.vertnav ul {
  padding-left: 10px;
}

ul.vertnav a {
	color: #333333;
	line-height: 1.3em;
	margin: 0;
}
/* ul.vertnav a.expandlink { position: absolute;} */
ul.vertnav a.vertnavlink {
	padding:3px 3px 3px 6px;
}
/* Provide space for our own "bullet" inside the link */
ul.vertnav li a.expandlink { padding: 0 0 1px 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;
    /* padding:3px 3px 3px 6px; */
}
ul.vertnav li.open a.vertnavlink {
    color:#E76200 !important;
    font-weight: bold;
}
ul.vertnav li.closed a.vertnavlink {
    color:#333333 !important;
    font-weight: normal;
}
ul.vertnav li.nobullet a.vertnavlink {
    color:#333333 !important;
}
ul.vertnav li.closed a.expandlink {
    background: url(../images/nav_closed.gif) center left no-repeat;
}
ul.vertnav li.nobullet a.expandlink {
    background: url(../images/nav_closed_sub.gif) center left no-repeat;
}
ul.vertnav li.active a.expandlink {
    background: url(../images/nav_closed_sub_active.gif) center left no-repeat;
    font-weight: bold;
}
ul.vertnav li.nobullet a.vertnavlink {
    font-size: 1.0em !important;
    font-weight: normal !important;
}

/* Actually show and hide sublists */
ul.vertnav li.open ul { display: block; }
ul.vertnav li.closed ul { display: none; }

#adv-search-link a {color:#fc5000; font-weight: normal; font-size: 0.9em;}
/************************END VERTNAV****************************************/

