/*------------------------------------------------------------------------
 # Leo Template Framework - 
 # ------------------------------------------------------------------------
 # author    LeoTheme
 # copyright Copyright (C) 2010 leotheme.com. All Rights Reserved.
 # @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 # Websites: http://www.leotheme.com
 # Technical Support:  Forum - http://www.leotheme.com/forum.html
-------------------------------------------------------------------------*/

.menusys_mega {
	 width: 100%;
}
div.subwrap-inner {
	display: block;
	width:auto !important;
}
#menusys_mega .menusub_mega {
	position:absolute;
	display:block;
	z-index:999;
}
#menusys_mega {
	margin: 0 15px;
	display: inline-block;
}
#menusys_mega > li {
	float: left;
    margin: 0 5px;
	padding: 7px 0 ;
}
#menusys_mega li.active a {
}
#menusys_mega li.first-item {
	margin-left:0px;
	padding-left: 0;
	 background: none;
}
#menusys_mega li a {
	position: relative;
}
#menusys_mega > li > a {
	display: inline-block;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	padding: 0 15px;
	line-height: 30px;
	text-shadow: 0 1px 0 #006;
	text-transform: uppercase;
}
#menusys_mega > li:first-child > a {
	padding-left: 5px;
}
#menusys_mega > li.hover > a, #menusys_mega > li.active > a, #menusys_mega > li > a:hover, #menusys_mega > li > a:active, #menusys_mega > li > a:focus, #menusys_mega > li > a.active, #menusys_mega > li > a.active:hover, #menusys_mega > li > a.active:active, #menusys_mega > li > a.active:focus {
	color: #fff;
	background: url(../../images/default/bg-mainmenu-hover.png) repeat left top scroll;
	 border-radius: 5px;
}
#menusys_mega > li > a span.no-image{
	padding: 0 ;
	display: inline-block;
}
#menusys_mega > li.hover > a > span.no-image, #menusys_mega > li.active > a > span.no-image, #menusys_mega > li > a:hover > span.no-image, #menusys_mega > li > a:active > span.no-image, #menusys_mega > li > a:focus > span.no-image, #menusys_mega > li > a.active > span.no-image, #menusys_mega > li > a.active:hover > span.no-image, #menusys_mega > li > a.active:active > span.no-image, #menusys_mega > li > a.active:focus > span.no-image{
}
#menusys_mega > li.first-item > a.active, #menusys_mega > li.first-item > a:hover{
}
#menusys_mega > li > a span.menu-title {
	padding: 0;
}
#menusys_mega li:hover a, #menusys_mega li a:hover, #menusys_mega li a:active, #menusys_mega li a:focus, #menusys_mega li a.active, #menusys_mega li a.active:hover, #menusys_mega li a.active:active, #menusys_mega li a.active:focus {
}
#menusys_mega li a.active .menu-title, #menusys_mega li a.active:hover .menu-title, #menusys_mega li a.active:active .menu-title, #menusys_mega li a.active:focus .menu-title {
}
#menusys_mega > li.hasChild > a span.menu-title{
	display: block;
	padding-right: 15px;
	background: url(../../images/mega/arrow-submenu.png) no-repeat right 12px;
}

#menusys_mega > li.hasChild > a:hover span.menu-title, #menusys_mega > li.hasChild > a.active span.menu-title, #menusys_mega > l.hasChildi > a.active:hover span.menu-title, #menusys_mega > li.hasChild > a.active:active span.menu-title, #menusys_mega > li.hasChild > a.active:focus span.menu-title, #menusys_mega > li.hasChild.hover > a span.menu-title, #menusys_mega > li.hasChild.active > a span.menu-title {
}
/* MegaMenu Border
--------------------------------------------------------- */
#menusys_mega .level0 .submenu-wrapper {
 position: relative;
}
#menusys_mega .menusub_mega {
	z-index: 999;
	padding: 0;
	left:-9999em;
	margin-top: 0;
}
#menusys_mega .menusub_mega .menusub_mega {
	margin: -38px 0 0 0!important;
	padding: 6px 0;
}
#menusys_mega .subwrap-inner {
	float: left;
	display: inline-block;
	background: #fff;
	 box-shadow: 0 0 3px #444;
	 box-shadow: 0 0 5px;
	border-radius: 5px;
	text-align: left;
}
#menusys_mega div.menucontent-wrapper .subwrap-inner {
	padding: 5px 10px 10px;
}

#menusys_mega div.subarrowtop{
}

#menusys_mega div.menucontent-wrapper-left {
	display: inline-block;
	width:100%;
}

#menusys_mega div.subwrap-inner2 {

}
#menusys_mega div.menucontent-wrapper {
	padding:5px 10px 10px;
	display:block;
	float:left;
}
#menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {
	background: none;

}
#menusys_mega div.menucontent-wrapper-left div.menucontent-wrapper-left {
	background:#fff;
	padding:0 0 5px 0;
}
#menusys_mega div.subwrap-inner2 div.subwrap-inner2 {
	display: block;
}
#menusys_mega div.menucontent-wrapper div.menucontent-wrapper {
	padding: 0;
}
#menusys_mega .megacol ul.mega-ul {
	padding: 1px 0;
	margin:0;
}
#menusys_mega  div.megacol {
    float: left;
	min-width:190px;
	margin: 0;
}
#menusys_mega  .submenu-wrapper .menucontent-wrapper div.megacol .submenu-wrapper {
margin: 0 10px;
}

/* Child Content------------*/

#menusys_mega .menu-image {
	border: none;
	float: left;
	line-height: 44px;
	padding: 8px 0 0;
	margin-right: 3px;
}
#menusys_mega span.has-image {
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 25px;
}
/* Mega Group----------*/
#menusys_mega .menusub_mega .mega-group {
	margin: 10px 5px 5px;
	padding: 0 ;
}
#menusys_mega li.hasChild .mega-group span.has-image, #menusys_mega li.hasChild .mega-group span.no-image {
	background: none !important;
	margin:0;
	padding: 1px 0 1px 0;
}
#menusys_mega .mega-group span.has-image {
	padding: 3px 0 3px 25px;
}
#menusys_mega li.hasChild .mega-group {
	display: block;
	margin: 0 10px 0;
	border-bottom: 1px solid #444;
}
#menusys_mega li.hasChild .mega-group a span.no-image{
	padding: 0;
}
#menusys_mega li.hasChild .mega-group a span.menu-title{
	color: #333;
	display: inline-block;
	font-size: 14px;
	line-height: 35px;
	text-transform: uppercase;
	padding: 0 ;
}
#menusys_mega .menusub_mega .mega-module {
	clear: both;
	line-height: 20px;
}
#menusys_mega .menusub_mega .mega-module .moduletable_menu ul li {
}
#menusys_mega .menusub_mega .mega-module .moduletable ul li {
	padding: 10px 0;
	background: none!important;
}
#menusys_mega .menusub_mega .mega-module .moduletable ul li:first-child {
	border-top: none;
}
#menusys_mega .menusub_mega .mega-module .moduletable ul li .module-extrainfo span {
	color: #ccc;
}
#menusys_mega .menu-desc {
	padding: 0;
	line-height: 15px;
	font-size: 95%;
	color: #707070;
	display: block;
}
#menusys_mega li.hasChild .mega-group a .menu-title, #menusys_mega li.hasChild .mega-group a:hover .menu-title, #menusys_mega li.hasChild .mega-group a.active .menu-title {
}
#menusys_mega .menusub_mega .megacol {
	display:block;
}
#menusys_mega .menusub_mega .megacol:first-child {
}
#menusys_mega .submenu-wrapper .submenu-wrapper .megacol .mega-ul {
}
/* Level2 MegaMenu
--------------------------------------------------------- */


#menusys_mega .megacol ul.mega-ul li {
	padding: 0;
	line-height: 27px;
	
}
#menusys_mega .megacol ul.mega-ul li.last-item {
 background:none;
}
#menusys_mega li .megacol ul.mega-ul li span.no-image{
}
 #menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image, #menusys_mega li .megacol ul.mega-ul li a.active span.no-image {
}
#menusys_mega li.hasChild ul a{
	margin: 0;
	display: block;
	position: static;
	text-shadow: none;
	color: #555;
	text-transform: none;
	font-size:12px;
	padding-left:10px;
	 background: url(../../images/default/icon-bullet.png) no-repeat left 10px scroll;
}
#menusys_mega li.hasChild ul li a.active, #menusys_mega li.hasChild:hover ul a:hover {
	 background: url(../../images/default/icon-bullet.png) no-repeat left -54px scroll;
}
#menusys_mega li.hover ul.mega-ul a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.active .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 12px;
	color: #555;
}
#menusys_mega li.hasChild ul a span.has-image .menu-title, #menusys_mega li.hasChild:hover ul a span.has-image .menu-title, #menusys_mega li.hasChild ul a:hover span.has-image .menu-title {
	padding: 2px 0 2px 25px;
	margin: 0;
	background: none;
	 color: #F41414;
}
#menusys_mega li.hasChild ul a:hover, #menusys_mega li.hasChild ul a:active, #menusys_mega li.hasChild ul a:focus, #menusys_mega li.hasChild ul.mega-ul a.active:hover {
	text-decoration: none;
	margin: 0;
	display: block;
	color: #F41414;
}
#menusys_mega li.hasChild.active ul li a.active .menu-title,  #menusys_mega li.hover ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:active .menu-title, #menusys_mega li.hasChild ul.mega-ul a:focus .menu-title, #menusys_mega li.hasChild ul.mega-ul a.active:hover .menu-title {
	color: #F41414;
}
