/**
 * @version		$Id$
 * @author		Joomseller
 * @package		Joomla!
 * @subpackage	Mod_DropDown_MooMenu
 * @copyright	Copyright (C) 2008 - 2011 by Joomseller Solutions. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
 */
 
/* Clearfix
-------------------------------------------------------------*/
#js-mainnav { 
  background: none;
  border: none;
  clear: none;
  display: inline-block;
  position: static;
	z-index: 11;
}

/* this is added so the childcontent is relative to this */
.top_nav {
  position: relative;
}
.dlogo {
  z-index: 12;
}

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 {
	margin: 0;
	height: 40px;
	padding: 0;
	background: none;
	border: none;
}
ul.level0 li.mega {
	display: inline-block;
	float: left;
	margin: 5px 10px 12px 0;
	background: none;
	border: none;
}
ul.level0 li.mega a.mega {
	color: #FFF;
	text-decoration: none;
	text-transform: lowercase;
	font: 24px BebasNeueRegular, Arial, sans-serif;
	border: none;
}
ul.level0 li.mega span.menu-desc {
	color: #999;
}

ul.level0 li.over, ul.level0 li.haschild-over {
	color: #FDED28;
}
ul.level0 li.active {
	color: #FDED28;
}
ul.level0 li.haschild a.mega span.menu-title, ul.level0 li.haschild-over a.mega span.menu-title {
    background: none;
    padding-left: 0;
}
.js-megamenu a.over, .js-megamenu a.active { 
	color: #FDED28 !important; 
}
/* lv - 1 and below
-----------------------------------*/
ul.level1 li.mega {
  clear: both;
	padding: 0;
	margin: 0;
}
ul.level1 li.mega a {
	padding: 0;
	margin: 0;
}
ul.level1 li.mega h5 {
  margin-bottom: 2px;
}

ul.level1 li.mega h5 a {
  color: black !important;
  font-size: 12px;
}
/* Layout ---*/

 /* Columns ---*/
.megacol { float: left; border-top: 0; }
/* Styling ---*/
ul.level1 li.mega {border-top: 0; font-family: Arial, sans-serif; font-weight: bold; }

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

ul.level1 li.mega a.mega {
	background: none;
	border: 0;
	color: #686550;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 0;
}


ul.level1 li.over, 
ul.level1 li.haschild-over { color:#FDED28; }

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



ul.level1 li.group {
	 background: none;
	 }
ul.level1 li.group .group-content .moduletable {
	padding: 0;
}
ul.level1 li.group .group-content .moduletable .custom p {
	margin: 0;
	color: #686550;
	line-height: 14px;
}

ul.level1 li.group .group-content .moduletable .custom h5 + p {
  margin-left: 93px;
}

 /* CHILD CONTENT
-----------------------------------*/

ul.megamenu li div.childcontent {
	height: 0px\0/ !important;
	overflow: hidden\0/;
}
ul.megamenu li.over div.childcontent { 
  height: 224px\0/ !important;
  overflow: visible\0/;
}
.childcontent-inner-wrap {
  opacity: 0;
  width: 100% !important;
}
ul.megamenu li.over div.childcontent-inner-wrap {
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.childcontent-inner {
	background: #dad9d2 url('/images/template/bg_menu.png') top center repeat-y;
	 /*change here the color to match the new color you have set for mainnav */
	color: #E8451C; /* after changing code above, you might want to change this color to make the text color readable  */ 
	border: 2px solid #FDED28;
	min-height: 220px;
	width: 951px !important;
}
.childcontent-inner a {
	color: #E8451C !important;
	}
.childcontent-inner .group ul li.active {
}
.childcontent .js-moduletable {
	color: #E8451C;
}
.childcontent .group h3 {
	background: none;
	color: #E8451C;
	border: 0;
	min-height: 35px;
	margin: 0;
	padding: 0;
	font: 16px NovecentowideBold,"Arial Black",sans-serif;
}
.childcontent .group h3 .mega_desc {
	color: 	#686550;
}
.childcontent .group img {
  float: left;
  margin-right: 10px;
}
.childcontent .js-moduletable a {
	color: #FDED28;
	border: 0;
}
.childcontent .js-moduletable a:hover,
.childcontent .js-moduletable a:focus,
.childcontent .js-moduletable a:active {
	color: #FDED28 !important;
	border: 0;
}
/* Columned --- */
.megacol ul.megamenu {
  margin: 25px 0 0 25px;
}
.megacol.column1,
.megacol.column2 {
  width: 185px !important;
}
.megacol.column3,
.megacol.column4 {
  width: 280px !important;
}
.megacol.column3 {
  min-height: 220px;
}
.megacol.column4 h3 {
  visibility: hidden;
}
/* 4 Column --- */
.childcontent.cols4 .column3 {
  background: url('/images/template/column_shadow.png') left center no-repeat;
  height: 100%;
}
/* Grouped --- */
.group-content ul.megamenu {
	margin: 0;
}
.group-title {
	border: 0;
	display: none;
}
.group-title .menu-title {
	color: #686550;
}
.group-title .menu-desc {
	color: #E8451C;
}
/* 4-column layout --- */
.childcontent.cols4 {
  left: 5px !important;
  margin-left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}
/* reset --- */