/**

 * @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.blackwhite {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: none ;
    border-image: none;
    border-radius: none;
    border-style: none;
    border-width: none;
    box-shadow: none;
   /* line-height: 55px !important;*/
  /*  height: 55px !important;*/
    padding-top: 5px;
}



/* lv - 0

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

/* Styling ---*/
#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle {
    border-left: 0px solid #000000;
    box-shadow: none;
    color: #d77b06;
    font-size: 18px;
    font-weight: normal;
    padding: 12px 15px;
	text-shadow: 0 0 1px rgba(255, 255, 255, 1);
	background-color: #F1F1F1;
}

/*#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega,

#js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega,

#js-mainnav.megamenu.blackwhite .megaMenuToggle{ 

    font-size: 12px;

	color: #bfbfbf;

	padding: 12px 15px;

	font-weight: bold;

	border-left: 1px solid #000000;

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

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

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

}
*/


/*#js-mainnav.megamenu.blackwhite ul.level0 li:hover,

#js-mainnav.megamenu.blackwhite ul.level0 li.active,

#js-mainnav.megamenu.blackwhite ul.level0 li.over,

#js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over {

	background-color: #0d0d0d;

	background: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(#1f1f1f));

	background: -webkit-linear-gradient(top, #0d0d0d, #1f1f1f);

	background: -moz-linear-gradient(top, #0d0d0d, #1f1f1f);

	background: -ms-linear-gradient(top, #0d0d0d, #1f1f1f);

	background: -o-linear-gradient(top, #0d0d0d, #1f1f1f);

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

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

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

}



#js-mainnav.megamenu.blackwhite ul.level0 li.mega:hover > span.mega,

#js-mainnav.megamenu.blackwhite ul.level0 li.mega:hover > a.mega,

#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega.over,

#js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega.active,

#js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega.over {

	color: #efefef !important;

	border-bottom-color: transparent !important;

}*/

#js-mainnav.megamenu.blackwhite ul.level0 li:hover, #js-mainnav.megamenu.blackwhite ul.level0 li.active, #js-mainnav.megamenu.blackwhite ul.level0 li.over, #js-mainnav.megamenu.blackwhite ul.level0 li.haschild-over {
    background: -moz-linear-gradient(center top , #ffffff, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;
	background-color:#fff;
}
#js-mainnav.megamenu.blackwhite ul.level0 li.mega:hover > span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega:hover > a.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega.over, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega.active, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega.over {
    border-bottom-color: transparent !important;
    color: #000 !important;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.haschild a.mega span.menu-desc,

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

	padding-left: 0;

}



/* Childcontent */

#js-mainnav.megamenu.blackwhite .childcontent {



}



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

	margin: 0;

}



/* Layout ---*/



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



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



/*#js-mainnav.megamenu.blackwhite ul.level1 li.mega span.mega,

#js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega {

	margin: 0px;

	padding: 6px 20px 6px 15px;

	border: 0;

	color: #888888;

	font-size: 12px;

	font-weight: normal;

	text-shadow: 0px 1px 1px #ffffff;

	background-color: transparent;
	line-height:8px;

}*/

#js-mainnav.megamenu.blackwhite ul.level1 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega {
    background-color: transparent;
    border: 0 none;
    color: #888888;
    font: 13px/8px Roboto ,sans-serif;
    font-weight: normal;
    /*line-height: 6px;*/
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-shadow: 0 1px 1px #ffffff;
}

#js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }



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

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

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

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

	background: none;

}



#js-mainnav.megamenu.blackwhite ul.level1 li.mega:hover > a.mega,

#js-mainnav.megamenu.blackwhite ul.level1 li.mega:hover > span.mega,

#js-mainnav.megamenu.blackwhite ul.level1 li.mega span.mega,

#js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega.active,

#js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega.over {

	color: #000000 !important;

}



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

#js-mainnav.megamenu.blackwhite 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.blackwhite 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.blackwhite .childcontent-inner {

	border: 1px solid transparent;

	padding-top: 6px;

	padding-bottom: 6px;

	border-color: #e0e0e0;

	color: #888888;

	text-shadow: 0px 1px 1px #ffffff;

	background-color: #f9f9f9;

	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));

	background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);

	background: -moz-linear-gradient(top, #f9f9f9, #fefefe);

	background: -ms-linear-gradient(top, #f9f9f9, #fefefe);

	background: -o-linear-gradient(top, #f9f9f9, #fefefe);

}



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



}



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

	background: none;

	color: #777777;

}



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

	padding: 0 10px;

}



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

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

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

	color: #fff;

	text-decoration: none;

	border-bottom: 1px solid #fff;

}



/* Grouped --- */

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



}



#js-mainnav.megamenu.blackwhite .group-title a.group {

	/*

	padding-bottom: .4em;

	border-bottom: 1px dotted #e9e9e9;

	*/

}


#js-mainnav.megamenu.blackwhite .group-title .menu-title {
    color: #777777;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px !important;
    text-shadow: 0 1px 1px #ffffff;
}
/*#js-mainnav.megamenu.blackwhite .group-title .menu-title {

	color: #777777;

	font-size: 12px;

	font-weight: bold;

	text-shadow: 0px 1px 1px #ffffff;

	margin-bottom: 0.6em;

}
*/


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

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

	font-size: 9px;

	color: #bbbbbb;

	text-transform: uppercase;

}



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

	padding: 0;

}



#js-mainnav.megamenu.blackwhite li.mega.group-divison {

	padding-bottom: 20px;

	margin-bottom: 20px;

	border: 1px dotted #e9e9e9 !important;

}

@media screen and (max-width: 900px) {
	

#js-mainnav.megamenu.horizontal ul.level0 li a.haschild.mega span.menu-title, #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.mega span.menu-title {
    padding-left: 0;
}

#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle {
   
    padding: 5px 10px;
    
}
	}