/*

 * ------------------------------------------------------------------------

 * JA Erio Template for Joomla 2.5 & 3.1

 * ------------------------------------------------------------------------

 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

 * @license - Copyrighted Commercial Software

 * Author: J.O.O.M Solutions Co., Ltd

 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com

 * This file may not be redistributed in whole or significant part.

 * ------------------------------------------------------------------------

*/



.ja-megamenu ul.level0 li.mega a.mega {

	background-image: url(../../images/grey_border_l.gif);

	background-position: 100% 0;

	background-repeat: no-repeat;

	color: #7b7d80;

	line-height: 5;

	margin-bottom: 5px;

	padding: 0 12px;

	text-transform: uppercase;

}



.ja-megamenu ul.level0 li.mega span.menu-title {

	display: inline-block;

}



.ja-megamenu ul.level0 li.mega a.mega:hover, .ja-megamenu ul.level0 li.mega a.mega:active, .ja-megamenu ul.level0 li.mega a.mega:focus {

	background: #3B6614;

	color: #fff;

}



.ja-megamenu ul.level0 li.active a.over, .ja-megamenu ul.level0 li.active a.active {

	background: #C7ECA4;

	border-bottom: 5px solid #3B6614;

	color: #3B6614;

	margin-bottom: 0;

}



.ja-megamenu ul.level0 li.haschild-over a.over {

	background: #333;

	color: #3ea3d2;

}



.ja-megamenu ul.level0 li.haschild a.mega span.menu-title, .ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {

	background: none;

	padding-left: 0;

}



/* lv - 1 and below

-----------------------------------*/

/* Styling ---*/

ul.megamenu {

	margin: 0;

}



.ja-megamenu .group-content .ja-moduletable, .ja-megamenu .group-content ul.megamenu {

	margin: 0;

}



.ja-megamenu ul.level1 li.haschild, .ja-megamenu ul.level1 li.haschild-over {

	background-color: #1a1a1a;

	background-image: url(../../images/arrow.png);

	background-position: 95% 50%;

	background-repeat: no-repeat;

}



.ja-megamenu ul.level1 li.mega {

	border-top: 1px solid #252525;

	width: 100%;

}



.ja-megamenu ul.level1 li.first {

	border-top: 0;

}



.ja-megamenu ul.level1 li.mega a.mega {

	background-image: none;

	border-bottom: none;

	font-size: 120%;

	line-height: 1;

	margin-bottom: 0;

	padding: 14px 16px;

	text-transform: none;

}



.ja-megamenu ul.level1 li.active a.active {

	border-bottom: none;

}



.ja-megamenu ul.level1 li.mega a.mega:hover, .ja-megamenu ul.level1 li.mega a.mega:active, .ja-megamenu ul.level1 li.mega a.mega:focus {

	background: #3ea3d2;

	border-bottom: none;

	color: #fff;

}



.ja-megamenu ul.level1 li.mega a.over,

.ja-megamenu ul.level1 li.active a.over {

	background: #3ea3d2;

	color: #fff;

}



 /* CHILD CONTENT

-----------------------------------*/

.ja-megamenu .childcontent {

	margin-top: -5px;

}



.ja-megamenu .childcontent-inner-wrap {

	background-color: #0a0a0a;

	border-bottom: 5px solid #3ea3d2;

}



.ja-megamenu .childcontent-inner {

	background: #1a1a1a;

	border: 5px solid #333;

	color: #fff;

}



.ja-megamenu .childcontent .ja-moduletable {

	color: #666;

}



.ja-megamenu .childcontent .ja-moduletable h3 {

	background: url(../../images/short_hor_light_line.gif) no-repeat 0 100%;

	color: #fff;

	font-size: 14px;

	font-weight: 100;

	margin: 0 0 12px;

	text-indent: inherit;

}



.ja-megamenu .childcontent .ja-moduletable .ja-box-ct {

	font-size: 120%;

	margin: 0;

	padding: 13px 16px;

}



.ja-megamenu .childcontent .ja-moduletable .ja-box-ct img.left {

	margin: 2px 15px 5px 0;

}



.ja-megamenu .childcontent .ja-moduletable .ja-box-ct p {

	color: #7b7d80;

	line-height: 2;

}



.ja-megamenu .childcontent .ja-moduletable .ja-box-ct a {

	border-bottom: 1px solid #333;

	color: #3ea3d2;

}



/* Grouped --- */

.ja-megamenu ul.level1 {

	background: url(../../images/grey_border_l.gif) repeat-y;

	padding-left: 1px;

}



.ja-megamenu .group-content {

	background-color: #1a1a1a;

}



.ja-megamenu .group-title {

	background-color: #0a0a0a;

}



.ja-megamenu .group-title .menu-title {

	font-size: 83%;

	font-weight: 700;

	text-transform: uppercase;

}



.ja-megamenu .group-title .menu-desc {

	color: #999;

	padding-left: 0 !important;

}



.ja-megamenu div.first ul.level1,

.ja-megamenu .group-content ul.level1 {

	background: none;

	padding-left: 0;

}