@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);

/**

 * @version		$Id$

 * @author		JoomlaUX!

 * @package		Joomla.Site

 * @subpackage	mod_jux_megamenu

 * @copyright	Copyright (C) 2008 - 2013 by JoomlaUX. All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3

*/



#js-mainnav.megamenu.jsbccustom { 

    border-top: 1px solid #2b3c8f;
	border-bottom: 1px solid #2b3c8f;
	background-color:none;

	/*border-bottom: none;

	background-color: #3d3d3d;

	background: #212121 url(../images/black2_bkg.png) top left repeat-x;

	background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#212121));

	background: -webkit-linear-gradient(top, #3d3d3d, #212121);

	background: -moz-linear-gradient(top, #3d3d3d, #212121);

	background: -ms-linear-gradient(top, #3d3d3d, #212121);

	background: -o-linear-gradient(top, #3d3d3d, #212121);

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);

	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);*/

}



/* lv - 0

-----------------------------------*/

/* Styling ---*/


/* MY CUSTOM STYLE */
/* THIS FORCES EQUAL DISTANCE OF MENU LISTS */
#megamenucss #js-mainnav.megamenu.horizontal.left ul.level0 {
    display: table;
    list-style: outside none none;
    width: 100%;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss {
    display: table-cell;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 25%;
}


#js-mainnav.megamenu.jsbccustom ul.level0 li.megacss span.megacss,

#js-mainnav.megamenu.jsbccustom ul.level0 li.megacss a.megacss,

#js-mainnav.megamenu.jsbccustom .megaMenuToggle{ 

    color: #2b3c8f;
    font-family: "Roboto",sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;

}


/* MY ACTIVE STYLING TO ONLY MAKE ACTIVE MENU ITEMS LIGHT BLUE */
#js-mainnav.megamenu.jsbccustom ul.level0 li.active a{
	
}

#js-mainnav.megamenu.jsbccustom ul.level0 li.active span.megacss,

#js-mainnav.megamenu.jsbccustom ul.level0 li.active a.megacss,

#js-mainnav.megamenu.jsbccustom .megaMenuToggle{ 

    color:#33ccff;
}



#js-mainnav.megamenu.jsbccustom ul.level0 li.haschild a.megacss span.menu-desc,

#js-mainnav.megamenu.jsbccustom ul.level0 li.haschild-over a.megacss span.menu-desc {

	/*padding-left: 0;*/

}





/* Childcontent */




#js-mainnav.megamenu.jsbccustom .childcontent {

}



#js-mainnav.megamenu.jsbccustom ul.level0 ul.megamenu {

	margin: 0;

}



/* Layout ---*/


/* MY CUSTOM STYLE LEVEL 01 */
/* THIS FORCES EQUAL DISTANCE OF MENU LISTS */
#megamenucss #js-mainnav.megamenu.horizontal.left ul.level1 {
    display: table;
    list-style: outside none none;
    width: 100%;
}


#megamenucss #js-mainnav.megamenu ul.level1 li.megacss {
    background-color: #fff;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}



ul.level1 li.active a{
	color:#fff !important;
}


/* MY SUBLINK */
li.sublink{}


#js-mainnav.megamenu.jsbccustom ul.level1 li.megacss { border: 0 none; }



#js-mainnav.megamenu.jsbccustom ul.level1 li.first {  }



#js-mainnav.megamenu.jsbccustom ul.level1 li.megacss span.megacss, #js-mainnav.megamenu.jsbccustom ul.level1 li.megacss a.megacss {
    color: #2b3c8f;
    font-size: 12px;
    font-weight: 400 !important;
    text-shadow: none;
}







#js-mainnav.megamenu.jsbccustom ul.level1 li:hover,

#js-mainnav.megamenu.jsbccustom ul.level1 li.active,

#js-mainnav.megamenu.jsbccustom ul.level1 li.over,

#js-mainnav.megamenu.jsbccustom ul.level1 li.haschild-over {

	background: none;

}



#js-mainnav.megamenu.jsbccustom ul.level1 li.haschild,

#js-mainnav.megamenu.jsbccustom ul.level1 li.haschild-over {

	background-image: url(../../images/arrow.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	padding: 0;

}



/* CHILD CONTENT

-----------------------------------*/



#js-mainnav.megamenu.jsbccustom ul.level0 > .childcontent-inner {

	-webkit-box-shadow: 1px 1px 1px #dddddd;

	-moz-box-shadow: 1px 1px 1px #dddddd;

	box-shadow: 1px 1px 1px #dddddd;

}





#js-mainnav.megamenu.jsbccustom .childcontent-inner .group ul li.active {



}



#js-mainnav.megamenu.jsbccustom .childcontent .group h3 {

	background: none;

	color: #777777;

}



#js-mainnav.megamenu.jsbccustom .childcontent .moduletable {

	padding: 0 10px;

}



#js-mainnav.megamenu.jsbccustom .childcontent .js-moduletable a:hover,

#js-mainnav.megamenu.jsbccustom .childcontent .js-moduletable a:focus,

#js-mainnav.megamenu.jsbccustom .childcontent .js-moduletable a:active {

	color: #fff;

	text-decoration: none;

	border-bottom: 1px solid #fff;

}



/* Grouped --- */

#js-mainnav.megamenu.jsbccustom .group-title {



}





#js-mainnav.megamenu.jsbccustom .group-content .menu-desc,

#js-mainnav.megamenu.jsbccustom .group-title .menu-desc {

	font-size: 9px;

	color: #bbbbbb;

	text-transform: uppercase;

}



#js-mainnav.megamenu.jsbccustom span.menu-desc {

	padding: 0;

}



#js-mainnav.megamenu.jsbccustom li.megacss.group-divison {

	padding-bottom: 20px;

	margin-bottom: 20px;

	border: 1px dotted #e9e9e9 !important;

}

#megamenucss .jsbccustom.megamenu ul.level0 > li.megacss:hover > a.megacss, #megamenucss #js-mainnav.megamenu.jsbccustom ul.level0 li.active {
    background: #2b3c8f none repeat scroll 0 0 !important;
    color: #ffffff !important;
}

#megamenucss .jsbccustom.megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .jsbccustom .dropdown-menu ul.level1 li.megacss a.megacss:hover{

    background: #333333 !important;

    color: #ffffff!important;

}

#megamenucss #js-mainnav.jsbccustom .js-megamenu{

	background: none;!important;

}