/*
                                    Title: CSS classes for menu.
                                    Author: Rostislav Brizgunov, 2008

======================================= Classes Architecture ===============================================
.negeso_menu
  |
  +---li (different for TOP-level and others, may be for 2nd something special too)
  |     |
  |     +----li.item_over (simple menu item HOVER, me be different for each submenu-level)
  |     |
  |     +----li.item_selected (selected menu item. Style may be the same as HOVER-style. 
  |                            Also, hovering selected item is the same as for any other item.
  |                            .item_selected and .item_over - works together)
  |
  +----li.item_first (first items in list)
  |     |
  |     +----li.item_first_over     (HOVER for first items in list)
  |     |
  |     +----li.item_first_selected (selected first item in each sub-menu. May be different for TOP-level and others.
  |                                  .item_first_selected and .item_first_over - works together)
  |
  +----li.item_last (last items in list)
  |     |
  |     +----li.item_last_over     (HOVER for last items in list)
  |     |
  |     +----li.item_last_selected (selected last item in each sub-menu. May be different for TOP-level and others.
  |                                .item_last_selected and .item_last_over - works together)
  |
  +----li.item_single (single items in list)
        |
        +----li.item_single_over     (HOVER for single items in list)
        |
        +----li.item_single_selected (selected single item in each sub-menu. May be different for TOP-level and others.
                                    .item_single_selected and .item_single_over - works together)
============================================================================================================

/*=================================================== NEGESO MENU -- BEGIN ===================================================*/

.negeso_menu {
	width: 830px;
	display: block;
	list-style: none;
	height:32px;
	float:left;
	position:relative;
	left:28px;
}


/*--------------------------------------------------- Middle item: begin ---------------------------------------------------*/

/*--------------------------------- Top level: begin ---------------------------------*/
.negeso_menu li {
	width: auto;
	float: left;
	padding: 0 20px;
	position: relative;
	cursor: pointer;
	height: 32px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background-image:url(../../../site/core/images/menu-1level-bg.gif);
}

.negeso_menu li A
{
    display:block;
    float:left;
    color: #666;
    text-decoration:none;
    font:bold 14px Arial;
    margin-top:1px;
}

.negeso_menu li IMG.menu-separator
{
    position:relative;
    left:20px;
}

.negeso_menu li.item_over A, .negeso_menu li.item_selected A
{
    color: white;
}

.negeso_menu li.item_over,
.negeso_menu li.item_selected 
{
    background-position:left -32px;
	
}
/*--------------------------------- Top level: end ---------------------------------*/

/*--------------------------------- Second levels: begin ---------------------------------*/
.negeso_menu li ul {
	position: absolute;
	border-top:solid 2px #666;
	border-bottom:solid 2px #666;
	border-left:solid 1px #666;
	border-right:solid 1px #666;
	left: 0;
	top: 34px;
	margin: 0;
	padding: 5px 0;
	z-index: 1;
	list-style: none;
	display: none;
	background-color:#eeeeee;
	
	
}

.negeso_menu li ul li, .negeso_menu li.item_over ul li
{
    height:10px;
    padding:7px 70px 7px 12px;
    margin:0;
    line-height:normal;
    background-image:none;
    margin:0;
    color:#464646;
    display:block;
 
    white-space:nowrap;
    background-image:url(../../../site/core/images/menu-2level-bg.gif);
    background-position:right top;
    background-repeat:no-repeat;
}



.negeso_menu li.item_over ul li A
{
    color:#333333;
    margin:0;
    padding:0;
    font-size:11px;
}

.negeso_menu li.item_over ul li.item_over, .negeso_menu li.item_over ul li.item_selected
{
    background-position:right -25px;
    background-repeat:no-repeat;
    
}

.negeso_menu li.item_over ul li.item_over A, .negeso_menu li.item_over ul li.item_selected A
{
    color:#b20028;
}


/*--------------------------------- Second levels: end ---------------------------------*/