body {
	behavior:url("csshover3.htc"); /* update for IE browsers */
}

/****** CSS MENU ******/

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;  	
}

#menuList{
  float: left;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;
	float: left;
	line-height: 1.2em !important;
}

#menu a {
	display: block;
}

* html #menu li a {
	position: relative; /* Fix IE6's inability to expand clickable area */
}

* html #menu li.first a{
	position: relative; /* Fix IE6's inability to expand clickable area */
}

#menu li ul {
	visibility: hidden;
	position: absolute;	
  z-index: 10;	
	left: 0px;
	top: 32px;
}

/*
#menu li ul{
  z-index: 5 !important;
} */

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */

html>body #menu li ul {
	display: none;
}

#menu li li {
	width: 100%;
	text-align: left; 
}

/* fix the position */


#menu li li ul {		
	left: 100%;
	position: relative;
}

/* simulate child selector for IE */

div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
	visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */

#menu ul#menuList li:hover>ul {
	display: block;
	visibility: visible;	
}

/*		------   Make-up	--------			*/

#menu{
  position: absolute;
  right: 200px;
	top: 25px;        
}

#menu li li {
	width: 240px; /* 	we can't use 100% because LIs have margin and padding (although latter is more important)*/	
}

#menu ul li a:hover{  
	background: #cd25ac;
}

#menu li ul { /* #d9d9d9roll */
	/*background: url(/newka/eter-images/bg-menu-roll.png);*/
	background: #2b2b2b; 
  width: 240px;
	padding: 0px;
  display: inline;  
  border-top: 5px solid #cd25ac;  	
}

#menu ul li a{
  color: white;
  padding: 8px 12px;  
}

#menu ul li .first{
  color: white;
  padding: 8px 12px;  
  /* text-decoration: underline; */
  line-height: 2.5em;
  background: url(/eter-images/menu-arrow.png) no-repeat right;
  padding-right: 22px;
  font-size:0.9em;
}

#menu ul li .separator{
  height: 5px;
  line-height: 5px;
}

#menu li.sep-line{
  border-bottom: 1px solid #6b6b6b;
  margin-top: -10px;
  margin-bottom: 5px;  
}

#menu li.sep-line:hover, #menu li.separator:hover, #menu li.nohover:hover{
	background: none !important;      	
}

#menu li:hover .first, #menu li.select .first{
	text-decoration: none !important; 	
}

#menu ul li li a{    
  text-decoration: none;
}

#menu li:hover, #menu li.select {
	background: #cd25ac;    	
}

#menu ul li li input{
  margin-left: 10px;
}

#menu label{    
  position: relative;
  top: 10px;
  left: 7px;
  color: white;
}

#menu table, #menu table td{
  margin: 0;
  padding: 0;  
}

#menu .login{
  width: 170px;  
}

.remember{
  color: white;
  position: relative;
  top: 10px;
}

#menu .checkbox{
  position: relative;
  top: -1px;
  float: left;
}