/*
 * ------------------------------------------------------------------------
 * JA Methys Template for Joomla 3x
 * ------------------------------------------------------------------------
 * 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.
 * ------------------------------------------------------------------------
*/


ul.megamenu {
	margin: 10px 20px;
}

.ja-megamenu {}

.ja-megamenu ul.level0, #ja-megamenu ul.level0  {
	margin-right: 15px;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.ja-megamenu ul.level0 li.mega {
	margin-right: 15px;
}

.ja-megamenu ul.level0 li.mega a.mega {
	color: #111;
	font-size: 200%;
	line-height: 1.3;
	margin-bottom: -1px;
	padding: 0;
	text-transform: uppercase;
	position: relative;
	/*z-index: 10000;*/
	font-weight: normal;
	overflow: hidden;
}

.ja-megamenu ul.level0 li.mega a.active {
	color: #C00;
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title, 
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
	background: url(../../images/arrow-down-01.png) no-repeat right 7px;
	padding-right: 15px;
	padding-left: 0;
}

.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
	background-image: url(../../images/arrow-down-02.png);
}

/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/

#ja-megamenu ul.level1 {
	font-family: Georgia,"Times New Roman",Times,serif;
}

.ja-megamenu ul.level1 li.mega {
	padding-left: 10px;
	background: url(../../images/arrow-3.png) no-repeat left 14px;    
	border-bottom: 1px dotted #e5e5e5;
	margin-right: 0;
}

.ja-megamenu ul.level1 li.over,
.ja-megamenu ul.level1 li.active {
	background: url(../../images/arrow-3-hover.png) no-repeat left 14px;   
}

.ja-megamenu ul.level1 li.group {
	padding: 0;
	background: none;
	border: 0;
	margin: 0;
}

.ja-megamenu ul.level1 li.first {}

.ja-megamenu ul.level1 li.mega a.mega {
	color: #666;
	display: block;
	font-size: 100%;
	letter-spacing: normal;
	line-height: normal;
	padding: 10px 0;
	text-transform: none;
}

.ja-megamenu ul.level1 li.over > a.mega,
.ja-megamenu ul.level1 li.active > a.mega {
	color: #660022;
}

.ja-megamenu ul.level1 li.mega div.group-title a.mega {
	margin: 0;
}

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

.ja-megamenu ul.level1 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title {
	background: url(../../images/arrow-01.png) no-repeat right 4px; 
	padding-right: 15px; 
}

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

.ja-megamenu ul.level2 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level2 li.haschild-over a.mega span.menu-title {
	background: url(../../images/arrow-01.png) no-repeat right 4px; 
	padding-right: 15px; 
}

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

.ja-megamenu ul.level1 li.mega div.group-title a.mega span.menu-title {
	font-size: 150%;
	text-transform: lowercase;
	font-family: Georgia, Arial, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #333;
	display: inline;
	padding-right: 20px;
	background: url(../../images/arrow-1.gif) no-repeat right 8px;
}

.ja-megamenu ul.level1 li.mega div.group-title a.mega span.menu-title span.first-word {
	font-size: 60%;
}

 /* CHILD CONTENT
-----------------------------------*/
.ja-megamenu ul.level1 .childcontent {
    z-index: 10001;
}

.ja-megamenu .childcontent-inner {
	background: #fff;
	border: 1px solid #111;
}

.ja-megamenu .level1 .childcontent-inner { border-top: 1px solid #111; }

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

.ja-megamenu .childcontent .ja-moduletable h3 {
	background: none;
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	padding: 10px 0;
}

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

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

.ja-megamenu .childcontent .ja-moduletable li {
	border-bottom: 1px dotted #ccc;
	padding-left: 10px;
	background: url(../../images/arrow-3.png) no-repeat left 12px;
}

.ja-megamenu .childcontent .ja-moduletable li a {
	color: #555;
	padding: 5px 0 12px;
	display: block;
}

.ja-megamenu .childcontent .ja-moduletable li:hover {
	background-image: url(../../images/arrow-3-hover.png);
}

.ja-megamenu .childcontent .ja-moduletable li:hover a {
	color: #660022;
	font-weight: normal;
}

/* Grouped --- */
.ja-megamenu .group-title {
	border-bottom: 1px solid #333;
	margin: 0 0 10px;
}

.ja-megamenu .group-title .menu-title {
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 115%;
}

.ja-megamenu .group-title .menu-desc {
	color: #999;
	padding-left: 0 !important;
}

.ja-megamenu .megacol {
    background: url(../../images/dot-2.gif) repeat-y left top;
}

.ja-megamenu .megacol.first {
	background: none;
}

.ja-megamenu .megacol.column3 {
	background-color: #ffffdd;
}