﻿/* all */
#mainMenu {
	_behavior:url("Resources/hover.htc");
	padding-top: 10px;
	xpadding-right:22px;
	font-size:11px;
}

#mainMenu ul,#mainMenu li,x#mainMenu a,x#mainMenu span {
	display:block;
}
#mainMenu ul,#mainMenu li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	zoom:1;
}
#mainMenu li {
	position:relative;
}
#mainMenu a {
	text-decoration:none;
	xheight:100%;
	xzoom:1;
	cursor:pointer;
}

/* li 1 */
#mainMenu .ul-1 {
	width:670px;
}
#mainMenu li.li-1 {
	float:right;
	height:25px;
	padding-right:4px;
	margin-right:4px;
	white-space:nowrap;
	background:transparent url('../Image/Menu/menu_separator.gif') no-repeat 	right 7px;
	display:inline-block;
	*_display:inline;
	zoom:1;
}
#mainMenu li.li-1 a.a-1, #mainMenu li.li-1 label.a-1
{
	color:#2B2D2A;
	font-weight:bold;
	display:inline-block;
	*_display:inline;
	zoom:1;
}
#mainMenu li.li-1 a.a-1 span, #mainMenu li.li-1 label.a-1 span 
{
	display:inline-block;
	*display:inline;
	zoom:1;
	padding:5px 6px 6px 10px;
}
/* li 1 hover */
#mainMenu li.li-1:hover a.a-1, #mainMenu li.li-1:hover label.a-1 
{
	color:#FD7C11;
}


/* with children */
#mainMenu li.li-1.hc-1:hover 
{
	background:transparent url('../Image/Menu/menu_top_right.gif') no-repeat right 1px;
}
#mainMenu li.li-1.hc-1:hover a.a-1, #mainMenu li.li-1.hc-1:hover label.a-1 
{
	color:#FD7C11;
	background:transparent url('../Image/Menu/menu_top_left.gif') no-repeat left 1px;
}
#mainMenu li.li-1.hc-1:hover a.a-1 span, #mainMenu li.li-1.hc-1:hover label.a-1 span 
{
	background-color:#F2F2F2;
}

/* li 2 */
#mainMenu ul.ul-2 {
	background-color:#F2F2F2;
	width:124px;
	padding-top:5px;
}
#mainMenu li.li-2 {
	width:116px;
	padding-right:8px;
	height:26px;
}
#mainMenu a.a-2, #mainMenu label.a-2
 {
	display:block;
	_display:inline-block;
	width:109px;
	color:#000;
	padding-left:7px; /* in order to keep a padding of the span's boreder */
}
#mainMenu a.a-2 span, #mainMenu label.a-2 span 
{
	width:99px;
	display:block;
	_display:inline-block;
	padding:5px;
	border-bottom:1px solid #C2C2C2;
}
#mainMenu .ul-2 li.last a.a-2 span, #mainMenu .ul-2 li.last label.a-2 span 
{
	border-bottom:none;
}
/* li 2 hover */
#mainMenu li.li-2:hover a.a-2 span, #mainMenu li.li-2:hover label.a-2 span 
{
	background-color:#D9D9D9;
}
#mainMenu li.li-2:hover a.a-2, #mainMenu li.li-2:hover label.a-2 
{
	font-weight:bold;
}

/* with children */
#mainMenu li.li-2.hc-2:hover {
	background:transparent url('../Image/Menu/menu_level-2_right.gif') no-repeat right top;
	xposition:relative;
	xtop:-1px;
}
#mainMenu li.li-2.hc-2:hover a.a-2, #mainMenu li.li-2.hc-2:hover label.a-2 
{
	font-weight:bold;
	background-color:#D9D9D9;
}
#mainMenu li.li-2.hc-2:hover a.a-2 span, #mainMenu li.li-2.hc-2:hover label.a-2 span 
{
	border-bottom:none;
	margin-bottom:1px; /* the border's gone, we need something to keep the space */
}

/* li 3 */
#mainMenu ul.ul-3 {
	background-color:#D9D9D9;
	width:124px;
	padding-top:5px;
}
#mainMenu li.li-3 {
	width:116px;
	padding-right:8px;
	height:26px;
}
#mainMenu a.a-3 {
	color:#000;
	display:block;
	_display:inline-block;
	width:109px;
	padding-left:9px; /* in order to keep a eepadding of the span's boreder */
}
#mainMenu a.a-3 span {
	display:block;
	_display:inline-block;
	width:99px;
	padding:4px 5px 5px 5px;
	border-bottom:1px solid #F0F0F0;
}
#mainMenu .ul-3 li.last a.a-3 span {
	border-bottom:none;
}
/* li 2 hover */
#mainMenu li.li-3:hover {
}
#mainMenu li.li-3:hover a.a-3 {
	font-weight:bold;
}
#mainMenu li.li-3:hover a.a-3 span {
	background-color:#F2F2F2;
	border-bottom:none;
}

/* show/hide menus */
#mainMenu .div-2,#mainMenu .div-3 {
	display:none;
}
#mainMenu li.li-1:hover .div-2,#mainMenu li.li-2:hover .div-3 {
	/* shows div when hovering parent li */
	display:block;
}

#mainMenu .div-2,#mainMenu .div-3 {
	width:120px;
	padding:0 0 9px 3px;
}
#mainMenu .div-2 {
	position:absolute;
	top:25px;
	right:0;
}
#mainMenu .div-3 {
	position:absolute;
	top:0;
	right:124px;
}
#mainMenu ul {
	position:relative;
	z-index:10;
}
#mainMenu .png {
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	right:-3px;
	bottom:0;
	width:129px;
	height:24px;
}
#mainMenu .png-2 {
	background:transparent url('../Image/Menu/menu_level-2_shadow.png') no-repeat top right;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/he-IL/Image/Menu/menu_level-2_shadow.png?1231',sizingMethod='image');
	_background:none;
}
#mainMenu .png-3 {
	background:transparent url('../Image/Menu/menu_level-3_shadow.png') no-repeat top right;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Resources/he-IL/Image/Menu/menu_level-3_shadow.png?1132',sizingMethod='image');
	_background:none;
}

