/**
 * @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-color: #737272;/*#014E72*/ /* you can change/delete the transparent gradient image or the background color */
    padding-bottom: 1px;
    border-bottom: 2px solid transparent; /* you can change the color of the border */
}

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 {
    /*border-right: #4c4c4c;  you can remove/comment this line or move the border to the left */
}
ul.level0 li.mega {
	/*background-color: #737272;*/
}
ul.level0 li.mega a.mega {
    /*border-left: 1px solid #4c4c4c; /* you should comment/delete this line */
    /*border-right: 1px solid #4c4c4c; /* and this line */
    color: #111
}
ul.level0 > li.over,
ul.level0 > li.haschild-over {
    background-color: #4c4c4c !important;/*#767676/* /* you can change/remove the transparent gradient or the color */
}
ul.level0 li.haschild-over {
    /*background-image: url(../images/greyArrow.png);*/
    background-repeat: no-repeat;
    background-position: left 5px;
    /*padding-left: 15px;*/
}
ul.level0 li.active {
    background-color: #4c4c4c;
    color:#fff;

}
ul.level0 li #current.active {
	background: none;
}
/* lv - 1 and below
-----------------------------------*/

/* Layout ---*/

 /* Columns ---*/
.megacol { float: left; border-top: 1px solid #4c4c4c;}
/* Styling ---*/
ul.level1 li.mega { border-top: 1px dotted #908f8f; background: none; }

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

ul.level1 li.mega a.mega {
	background: none;
	border: 0;
	color: #f1f1f1;
}
ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }

ul.level1 li.over {
    background-color: none !important;
    text-decoration: underline;
    color: #333;
}

ul.level1 li.haschild,
ul.level1 li.haschild-over {
	/*background-image: url(../../images/arrow.png);*/
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 0;
}

ul.level1 li.group { background: none; }

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

.childcontent-inner {
	background-color: #fff;/*#002A40*/ /*change here the color to match the new color you have set for mainnav */
	border-right: 1px solid #737272;
	color: #333; /* after changing code above, you might want to change this color to make the text color readable  */
    border-color: -moz-use-text-color #4c4c4c #4c4c4c;
	border-bottom: 4px solid #737272;
}
.childcontent .js-moduletable {
	color: #ccc;
}
.childcontent-inner .group ul li.active{

  background-color: #888787 !important;
}
.childcontent .group h3 {
	background: none;
	color: #ccc;
	border-bottom: 1px dotted #908f8f;
}
.childcontent .js-moduletable a {
	color: #ccc;
	border-bottom: 1px dotted #ccc;
}

.childcontent .js-moduletable a:hover,
.childcontent .js-moduletable a:focus,
.childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

/* Grouped --- */
.group-title {
	border-bottom: 1px solid #908f8f;
}
.group-title .menu-title {
	color: #333;
}

.group-title .menu-desc {
	color: #999;
}
/* reset --- */