/**
 * 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 {  font-size:1.1em; height:311px; padding-top:10px; padding-left:5px;padding-top:10px}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; height:45px;margin-top:10px;text-align:center; background: url(../images/ihd_liniemeniu.png) no-repeat 0 35px; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; text-align:center; }
#nav span { display:block; cursor:pointer; white-space:nowrap; text-align:center;}
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { text-align:center;}
#nav li.active a { color:#d96708; }
#nav a {  padding:5px 25px 6px 8px; color:#64270c; font:14px impact, arial, helvetica, sans-serif;letter-spacing: 5px ;}
#nav li.over a,
#nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#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:25px; left:-10000px; border:1px solid #899ba5; }

/* 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 li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

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


/*********** mEniu2 *****************/

#nav2 {  font-size:1.1em; height:311px; padding-top:10px; padding-left:5px;padding-top:10px}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav2 li { position:relative; height:45px;margin-top:10px;text-align:center; }
#nav2 li.over { z-index:999; }
#nav2 a,
#nav2 a:hover { display:block; line-height:1.3em; text-decoration:none; text-align:center; }
#nav2 span { display:block; cursor:pointer; white-space:nowrap; text-align:center;}
#nav2 li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav2 li { text-align:center;}
#nav2 li.active a { color:#d96708; }
#nav2 a {  padding:5px 25px 6px 8px; color:#64270c; font:14px impact, arial, helvetica, sans-serif;letter-spacing: 5px ;}
#nav2 li.over a,
#nav2 a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav2 ul li,
#nav2 ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/na_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav2 ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav2 ul a,
#nav2 ul a:hover { float:none; padding:0; background:none; }
#nav2 ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav2 ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav2 li.over > ul { left:0; }
#nav2 li.over > ul li.over > ul { left:50px; }
#nav2 li.over ul ul { left:-10000px; }

#nav2 ul li a { background:#ecf3f6; }
#nav2 ul li a:hover { background:#d5e4eb; }
#nav2 ul li a,
#nav2 ul li a:hover { color:#2f2f2f !important; }
#nav2 ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

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



/* ACCORDION-STYLE FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 1px;
 text-align:left;
 list-style-type: square;
 color: #f5b436;
 padding-left:25px;
}

/* First level only */
.menulist {
 
 width: 175px;
 background: #fff;
 border: 1px solid #d9dde3;
}

/* Submenus (<ul> tags) are hidden */
.menulist ul {
 position: relative;
 display: none;
 padding-left: 0px;
 border-bottom: thin solid #f8f7f5;
}

.menulist li {
 margin: 0;
 padding: 0;
}

/* Links inside the menu */
.menulist a {font-family:Arial,Gadget,sans-serif;
margin-top:5px;
height:25px;
 font-weight:900;
 display: block;
 padding: 3px 4px 3px 4px;
 color: #6c2909;
 text-decoration: none;
 margin: 0;
}
.menulist ul a {
list-style-type: none;
 padding-left: 10px;
 font-family:Arial;
 background: #f8f7f5;
}
.menulist ul ul a {
 background: #f8f7f5;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #000;
 background-color: #f2b737;
}
.menulist a.highlighted {
 color: #203548;
 background-color: #f2b737;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */

