/* ---- Basic menu styles ------------------- */

/* common styling */
#menu_topmenu, #menu_topmenu ul, #menu_topmenu li { margin: 0; padding: 0; border: 0 none; }

#menu_topmenu       { position:relative; z-index: 100;}
#menu_topmenu li    { float:left;  position:relative; list-style: none; display: inline;}
#menu_topmenu li a  { display:block; white-space: nowrap;  }
#menu_topmenu li li { /*width: 100%;*/ clear: both;  /*FF 1.0.7 needs this */  }
#menu_topmenu li ul { visibility: hidden; position:absolute; }

#menu_topmenu li li ul {  top: 0; left: 0; }

#menu_topmenu li.hover ul               {  visibility: visible; }
#menu_topmenu li.hover ul li ul 		  {  visibility: hidden;  }
#menu_topmenu li.hover li.hover ul      {  visibility: visible;  left: 100%; }

/* ---- Menu layout -------------------------- */

#menu_topmenu li li { border: 0;}

#menu_topmenu ul    { border: 0.1em solid #b8b8b8; background: #e6e6e6;}
#menu_topmenu ul li.node {}
#menu_topmenu ul li.separator { background: #DDE1E6;  height: 1px;  }

#menu_topmenu a, #menu_topmenu div {
	/*padding: 0.35em 1em 0.35em;*/
	padding: 5px 12px;
	margin: 0px;
	color: #2f2f2f;
	line-height: 1.6em; vertical-align: middle;
	font-size: 14px; font-weight: bold; text-decoration: none;
	cursor: pointer;
	background-repeat: no-repeat; background-position: left 50%
}

#menu_topmenu li.disabled a { color: gray; }

#menu_topmenu ul a {
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.2em;
}

/* 1 level - hover */
#menu_topmenu li.hover a {  color: #5d5d5d; margin: 0; }
/* 2 level - normal */
#menu_topmenu li.hover li a { color: #2f2f2f; font-size: 11px; font-weight: bold; text-align: left; border: 0 none; margin: 2px;  }
/* 2 level - hover */
#menu_topmenu li.hover li.hover a { background: #f6f6f6; border: 1px solid #ccc; color: #5d5d5d; font-size: 11px; font-weight: bold; margin: 1px; }
/* 3 level - normal */
#menu_topmenu li.hover li.hover li a { border: 0 none; margin: 2px;  }
/* 3 level - hover */
#menu_topmenu li.hover li.hover li a:hover { background: #f6f6f6; border: 1px solid #ccc; margin: 1px;  }















/* ---- Basic menu styles ------------------- */

/* common styling */
#menu_topmenu2, #menu_topmenu2 ul, #menu_topmenu2 li { margin: 0; padding: 0; border: 0 none; }

#menu_topmenu2       { position:relative; z-index: 200;}
#menu_topmenu2 li    { float:left;  position:relative; list-style: none; display: inline;}
#menu_topmenu2 li a  { display:block; white-space: nowrap;  }
#menu_topmenu2 li li { /*width: 100%;*/ clear: both;  /*FF 1.0.7 needs this */  }
#menu_topmenu2 li ul { visibility: hidden; position:absolute; }

#menu_topmenu2 li li ul {  top: 0; left: 0; }

#menu_topmenu2 li.hover ul               {  visibility: visible; }
#menu_topmenu2 li.hover ul li ul 		  {  visibility: hidden;  }
#menu_topmenu2 li.hover li.hover ul      {  visibility: visible;  left: 100%; }
#menu_topmenu2 li.hover li.hover ul li ul {  visibility: hidden; }
#menu_topmenu2 li.hover li.hover li.hover ul {  visibility: visible; }

/* ---- Menu layout -------------------------- */
#menu_topmenu2 {margin-left: 7px;}
#menu_topmenu2 li {
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #fff;
}
#menu_topmenu2 li.first {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#menu_topmenu2 li li { border: 0;}

#menu_topmenu2 ul    { border: 0.1em solid #ccc; background: #f6f6f6;}
#menu_topmenu2 ul li.node {}
#menu_topmenu2 ul li.separator { background: #DDE1E6;  height: 1px;  }

#menu_topmenu2 a, #menu_topmenu2 div {
	padding: 0.35em 1em 0.35em;
	margin: 0 1px 0 1px;
	color: #333333;
	line-height: 1.6em; vertical-align: middle;
	font-size: 11px; font-weight: bold; text-decoration: none;
	cursor: pointer;
	background-repeat: no-repeat; background-position: left 50%
}

#menu_topmenu2 li.disabled a { color: gray; }

#menu_topmenu2 ul a {
	font-size: 11px;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.2em;
}

#menu_topmenu2 a.l1 {
	padding: 0.35em 0.2em 0.35em;
}

/* 1 level - hover */
#menu_topmenu2 li.hover a {  border-left: 1px solid #fff;  border-right:1px solid #fff; margin: 0; }
/* 2 level - normal */
#menu_topmenu2 li.hover li a { background-color: transparent; border: 0 none;   margin: 2px;  }
/* 2 level - hover */
#menu_topmenu2 li.hover li.hover a { background-color: #e6e6e6; border: 1px solid #ccc;  margin: 1px;   }
/* 3 level - normal */
#menu_topmenu2 li.hover li.hover li a { background-color: transparent; border: 0 none;   margin: 2px;  }
/* 3 level - hover */
#menu_topmenu2 li.hover li.hover li a:hover { background-color: #e6e6e6; border: 1px solid #ccc;  margin: 1px;  }