/*
                                    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)
============================================================================================================

Remember, that each CSS class, described upwards, may vary for top-level, second-level, etc.
*/

/*--------------------------------------------------- One deprecated class from past menu: begin */

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

.main-nav {
	float:left;
	padding:0;
	padding-left: 18px;
	height:186px;
	width:291px;
}



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

/*--------------------------------- Top level: begin ---------------------------------*/
.main-nav li {
	display:block;
	margin: 0;
	padding: 0;
	padding-left:68px;
	cursor: pointer;
	height: 37px;
	width:212px;
	text-align: left;
	position:relative;
	z-index:2;
	list-style-type:none;
}

.main-nav li.item1 {
	background:url(../images/item1.png) no-repeat left bottom !important;
}

.main-nav li.item2 {
	background:url(../images/item2.png) no-repeat left bottom !important;
}

.main-nav li.item3 {
	background:url(../images/item3.png) no-repeat left bottom !important;
}

.main-nav li.item4 {
	background:url(../images/item4.png) no-repeat left bottom !important;
}

.main-nav li.item5 {
	background:url(../images/item5.png) no-repeat left bottom !important;
}

.main-nav li.item1_selected,
 .main-nav li.item1_over {
	background:url(../images/item1_selected.png) no-repeat left bottom !important;
	cursor:default;
}

.main-nav li.item2_selected,
 .main-nav li.item2_over{
	background:url(../images/item2_selected.png) no-repeat left bottom !important;
	cursor:default;
}

.main-nav li.item3_selected,
 .main-nav li.item3_over {
	background:url(../images/item3_selected.png) no-repeat left bottom !important;
	cursor:default;
}

.main-nav li.item4_selected,
 .main-nav li.item4_over {
	background:url(../images/item4_selected.png) no-repeat left bottom !important;
	cursor:default;
}

.main-nav li.item5_selected,
 .main-nav li.item5_over {
	background:url(../images/item5_selected.png) no-repeat left bottom !important;
	cursor:default;
}



.main-nav li A,
.main-nav li span{
	float:left;
	padding-top:10px;
    color:#fff;
	font:13px Arial;
	text-decoration:none;
	padding-right:12px;
}

.main-nav li.item_over,
.main-nav li.item_selected
{
	background:url(../images/menuLine.gif) repeat-x left bottom;
	color:#f2d231;
}

.main-nav li.item_over a,
.main-nav li.item_selected a
{
	color:#f2d231;
}

.main-nav li.item_over img,
.main-nav li.item_selected img
{
	margin-left:-25px;
	float:left;
}

/*--------------------------------- Top level: end ---------------------------------*/

/*--------------------------------- Other levels: begin ---------------------------------*/
.main-nav ul{
	position:absolute;
	padding:0;
	left:290px;
	top:0px;
	display:none;
	width:259px;
	z-index:10;
	background:url(../images/menuBg.gif) repeat-x left top !important;
}

.main-nav li.item_over ul
{
	display:block !important;
}

.main-nav ul li{
	padding:0 !important;
	padding:10px 0px 10px 30px !important;
	margin-left:4px;
	width:220px;
	height:auto !important;
	overflow-x:hidden;
	background:url(../images/menuLine.gif) repeat-x left bottom !important;
}

.main-nav ul li a{
	margin:0 !important;
	padding:0px !important;
    text-align:left;
	display:block;
	color:#fff !important;
	font:13px Arial;
	z-index:10;
}

.main-nav li ul li.item_over a,
.main-nav li ul li.item_selected a
{
    color:#f2d231 !important;
}