/*
 * ------------------------------------------------------------------------
 * JA Erio Template for Joomla 2.5
 * ------------------------------------------------------------------------
 * 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 {
	color: #7b7d80;
	text-transform: uppercase;
	padding: 0 20px;
	margin-bottom: 5px;
	background-image: url(../../images/grey_border_l.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	line-height: 5;
}

.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 {
	color: #3ea3d2;
	background: #333;
}

.ja-megamenu ul.level0 li.active a.over, .ja-megamenu ul.level0 li.active a.active {
	color: #fff;
	background: #000;
	border-bottom: 5px solid #3ea3d2;
	margin-bottom: 0;
}

.ja-megamenu ul.level0 li.haschild-over a.over {
	color: #3ea3d2;
	background: #333;
}

.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-image: url(../../images/arrow.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-color: #1a1a1a;
}

.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;
    padding: 14px 16px;
	line-height: 1;	
    font-size: 120%;
    text-transform: none;
	margin-bottom: 0;
	border-bottom: 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 {
	border-bottom: none;
	background: #3ea3d2;
	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 {	
	border-bottom: 5px solid #3ea3d2;
	background-color: #0a0a0a;
}

.ja-megamenu .childcontent-inner {
	background: #1a1a1a;
	color: #fff;
	border: 5px solid #333;
}

.ja-megamenu .childcontent .ja-moduletable { color: #666; }

.ja-megamenu .childcontent .ja-moduletable h3 {
	color: #fff;
	background: url(../../images/short_hor_light_line.gif) no-repeat 0 100%;
	font-size: 14px;
	font-weight: 100;
	text-indent: inherit;
	margin: 0 0 12px;
}

.ja-megamenu .childcontent .ja-moduletable .ja-box-ct {
	margin: 0;
	font-size: 120%;
	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 { color: #3ea3d2; border-bottom: 1px solid #333; }

/* 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;
}