/*
 * ------------------------------------------------------------------------
 * JA Social 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.
 * ------------------------------------------------------------------------
*/

/* lv - 0
-----------------------------------*/
/* Styling ---*/

#ja-mainnav .main {
    max-height: 41px;
}

.ja-megamenu ul.level0 {
}

.ja-megamenu ul.level0 li.mega {
    border-left: medium none;
}

.ja-megamenu ul.level0 li.mega.first {
	border: 0;
}

.ja-megamenu ul.level0 li.mega a.mega {
    color: #B2B2B2;
    font-size: 16px;
	min-height: 100% !important;
    font-weight: normal;
    padding: 13px 16px;
    text-shadow: none;
    text-transform: none;
}

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

.ja-megamenu ul.level0 li.mega .has-image {
    background-position: left 12px;
    padding-left: 20px;
}

#ja-mainnav ul .parent-tags a.parent-tags span.menu-desc, #ja-subnav ul .parent-tags a.parent-tags span.menu-desc {
    right: 4px !important;
    top: 8px !important;
}

.ja-megamenu ul.level0 li.mega.over .has-image,
.ja-megamenu ul.level0 li.mega.active .has-image {
	background-position: left bottom;
}

.ja-megamenu ul.level0 li.mega.over {
	background: url(../../images/bkg-over.png) repeat scroll left top;
}


.ja-megamenu ul.level0 li.mega.active {
    background: url(../../images/bkg-over.png) repeat scroll left top;
}

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

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

}

.ja-megamenu ul.level1 li.mega.active a.mega{
    color: #2985A8; 
}
 

.ja-megamenu ul.level1 li.mega.active a.mega:hover, 
.ja-megamenu ul.level1 li.mega.active a.mega:active, 
.ja-megamenu ul.level1 li.mega.active a.mega:focus {
    color: #FFFFFF;
}

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

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title {
    background: none;
    padding-right: 0px;
	padding-left:0px;
}

.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
	background: none;
	padding-right: 0px;	
	padding-left:0px;
}

/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level1 {
    font-family: Arial, Helvetica, sans-serif;
}

.ja-megamenu ul.level1 li.mega { 
    border-top: none; 
	border-left: 0; 
	top:0px;
}

.ja-megamenu ul.level1 li.first { 
    border-top: 0; 
}

.ja-megamenu ul.level1 li.mega a.mega {
    background: none repeat scroll 0 0 transparent !important;
    color: #B2B2B2;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    padding:8px 7px;
    text-shadow: none;
    text-transform: none;
}

.ja-megamenu ul.level1 li.mega a.mega span {
    color: #B2B2B2;
    font-size: 12px;
    font-weight: normal;
}

.ja-megamenu ul.level1 li.mega {
	padding:0px;
}

.ja-megamenu ul.level1 li.mega.active,
.ja-megamenu ul.level1 li.mega.over {
    background: url("../../images/bkg-over.png") repeat scroll left top transparent;
}

.ja-megamenu ul.level1 li.mega.over {
	color:#87C555 !important;
}

.ja-megamenu ul.level1 li.mega a.mega span.menu-title {
    background: none repeat scroll 0 0 transparent;
    padding-top: 0;
}

.ja-megamenu ul.level1 li.mega a.mega span.menu-title{
    background: none;
    padding-left: 0px;
}
 
.ja-megamenu ul.level1 li.haschild.active a.mega span.menu-title, 
.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title {
    background: none;
    padding-left: 0px;
}

.ja-megamenu ul.level1 li.mega a.mega.active span.menu-title {
	font-weight: normal;
}

.ja-megamenu ul.level1 li.mega a.mega span.has-image span.menu-title,
.ja-megamenu ul.level1 li.mega .group-title a.mega span.menu-title {
	background: none;
	padding: 0;
}

 /* CHILD CONTENT
-----------------------------------*/
.ja-megamenu li.mega .childcontent {
	margin-left: 0px;
	z-index:11 !important;
	margin-top: 0px !important;
}

.ja-megamenu .childcontent-inner {
	background:#494949;
	border:none;
	border-bottom:3px solid #37A4E2;
	margin-top:-1px;
}

.ja-megamenu .level1 .childcontent-inner {
}

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

.ja-megamenu .childcontent .ja-moduletable h3 {
	background: none;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase;
}

.ja-megamenu ul.level1 li.mega .childcontent {
	margin-left: 160px;
}

/* Grouped --- */
.ja-megamenu ul.level1 li.mega .group-title a.mega {
    border-bottom: 1px dashed #C3C3C3;
    margin: 0px 0px 5px 0px;
}

.ja-megamenu ul.level1 li.mega .group-title a.mega {
    border-bottom: 1px solid #7F7F7F;
    color: #EBEBEB;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    text-transform: uppercase;
}

.ja-megamenu ul.level1 li.mega .group-title .menu-title {
}

.ja-megamenu ul.level1 li.mega .group-title .menu-desc {
	color: #B2B2B2;
	padding-left: 0 !important;
}

.ja-megamenu .group-content .ja-moduletable,
.ja-megamenu .group-content ul.megamenu {
	margin: 10px 0;
}

.ja-megamenu .group-content div.first ul.level1 {
	margin-right: 15px;
}

.ja-megamenu div.ja-moduletable, .ja-megamenu div.moduletable {
	background: transparent;
	padding: 0;
	border: 0;
}

.ja-megamenu .childcontent .ja-moduletable a {
    background: none repeat scroll 0 0 transparent !important;
    text-decoration: none;
}

.ja-megamenu .childcontent .ja-moduletable p{
    margin-bottom:5px;
} 

.ja-megamenu .childcontent .ja-moduletable .ja-box-ct {
	margin: 0;
	padding: 0;
}

.ja-megamenu ul.level0 li.mega.module-banner {
	padding: 0;
}

.ja-megamenu .childcontent ul.megamenu li.mega.module-banner .ja-moduletable {
	margin-top: 0;
}

.ja-megamenu ul.level1 li.mega.over a, .ja-megamenu ul.level1 li.mega.active a {
	background: none;
	color:#87C555 !important;
}

ul.level2{
    margin:10px;
}