
/* 1st lv
-----------------------------------*/
.ja-megamenu {
	margin: 0 50px 0 0;
	padding: 0;
	float: right;
}

.ja-megamenu li.mega {
	margin: 0;
	padding: 0;
	background: none;
	display: block;
	float: left;
}

.ja-megamenu li.havechild a.megaitem {
	border-left: 1px solid #ddd;
	width: 80px;
	height: 19px;
	line-height: 19px;
	display: block;
	color: #999;
	text-align: center;
	font-weight: bold;
}

.ja-megamenu li.mega a.megaitem {
	display: block;
	font-weight: bold;
}

.ja-megamenu li.mega:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}

.ja-megamenu li.mega:hover a, .ja-megamenu li.mega:hover a:hover {
	color: #fff;
	text-decoration: none;
}

.ja-megamenu li.active a.megaitem {
	background: #333;
	color: #fff;
}

/* 2nd lv
-----------------------------------*/
.ja-megamenu li.havechild .childcontent { /*hide the menu*/
	display: block;
	position: absolute;
	height: auto;
	width: 180px;
	left: -999em;
}

.ja-megamenu li.havechild:hover .childcontent,
.ja-megamenu li.over .childcontent  { /*show on parent:hover*/
	position: absolute;
	left: auto;
}

.childcontent {
	background: url(../../images/grad-l2.gif) repeat-x top #fff;
	border: 1px solid #ddd;
	z-index: 999;
	margin-left: -101px;
	color: #333;
}

.childcontent a {
	color: #000 !important;
}

.childcontent a:hover {
	text-decoration: underline !important;
}

.childcontent .button {
	margin: 10px 0;
	font-weight: bold;
	font-size: 100%;
}

 /* 2nd lv content ---*/
.childcontent .block {
	padding: 15px !important;
}
 
.childcontent .block h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
}

.childcontent .block ul {
	margin: 0;
	padding: 0;
}
 
.childcontent .block ul li {
	background: url(../../images/bullet.gif) no-repeat 2px 7px !important;
	margin: 0;
	padding-left: 10px;
	overflow: hidden;
}
 
/* 2nd lv default menu ---*/
.ja-megamenu .block ul.menu li {
	background: none;
	margin: 0;
	padding: 0;
}
 
.ja-megamenu .block ul.menu li a {
	display: block !important;
	font-weight: bold;
	font-size: 100%;
	background: none;
	padding: 5px 0;
}

.ja-megamenu .block ul.menu li a:hover {
	color: #FFFFFF;
}

.ja-megamenu .block ul.menu li ul {
	padding: 5px 0 10px;
}

.ja-megamenu .block ul.menu li li {
	background: none;
}

.ja-megamenu .block ul.menu li li a {
	border-bottom: 0;
	font-size: 92%;
	letter-spacing: normal;
}

.ja-megamenu .block ul.menu li li a:hover {
	text-decoration: underline;
}