/*------------------------------------------------------------------------
 # 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
-------------------------------------------------------------------------*/


div.subwrap-inner{display: block; width:auto !important;}
#menusys_mega .menusub_mega{ position:absolute; display:block; z-index:999 }
#menusys_mega {margin: 10px 0 0 ;
	 display: inline-block;}
#menusys_mega > li {
	padding: 0;
	margin:0;
	float: left;
	display: block;
	background: url(../../images/default/icon-menu-li.png) no-repeat scroll right 13px ;
	border-bottom: none;
}
#menusys_mega li.active a{
}
#menusys_mega li.last-item {
 background: none;
 }

#menusys_mega li a {
	padding:0 15px 0 5px;
	display: inline-block;
	text-decoration: none;
	position: relative;
	font-family: 'Garamond';
	margin-bottom: 10px;
	font-size: 12px; font-weight: normal;
	
}
#menusys_mega  li .menu-title {
     padding: 5px ;
	display: inline-block;
	color: #c53208;
	font-size: 16px;
	text-transform: none;
	text-shadow: 1px 1px 0px #fff;
	position: relative;

}
#menusys_mega > li.hasChild:hover > a .menu-title:after {
 border-right: 10px solid transparent;
    border-bottom: 10px solid #282315;
    border-left: 10px solid transparent;
    left: 45%;
    margin-top: 2px;
	  content: "";
    height: 0;
    position: absolute;
    top: 100%;
    width: 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.hasChild.hover > a.active .menu-title,
#menusys_mega > li.hasChild > a:hover .menu-title{
 background: none;}
#menusys_mega > li > a:hover .menu-title,
#menusys_mega > li > a:active .menu-title,
#menusys_mega > li > a:focus .menu-title,
#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 {
	color:#c53208;
	 background: url(../../images/default/border-menu.png) repeat-x left bottom scroll;
}
#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 {
	color: #c53208;
}
#menusys_mega li.hasChild span.no-image,
#menusys_mega li.hasChild a.active span.no-image {
	display: block;/*
	padding-right: 10px;
	background: url(../../images/mega/arrow-submenu.png) no-repeat right 50%;*/
} 

/* MegaMenu Border
--------------------------------------------------------- */
#menusys_mega .level0 > .submenu-wrapper {}

#menusys_mega .menusub_mega {z-index: 999;padding: 5px 0;margin-top:-3px; left:-9999em}
#menusys_mega .menusub_mega .menusub_mega{margin: -38px 0px 0px 0px !important;padding: 10px 0; }

#menusys_mega .subwrap-inner {float: left;display: inline-block;background:#282315; box-shadow: 5px 6px 12px #222}
#menusys_mega div.menucontent-wrapper .subwrap-inner{
 margin-left: 10px;}
/*
#menusys_mega div.subarrowtop{
	background: url(../../images/mega/submega-top.png) no-repeat 10% top;
	height: 8px;
}
*/
#menusys_mega div.menucontent-wrapper-left{display: inline-block;width:100%;}
#menusys_mega div.subwrap-inner2{margin:5px;display:inline-block;}
#menusys_mega div.menucontent-wrapper{ padding: 0; width:100%;display:block;float:left; }

#menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {
	position: absolute;
	top: 20px;
	left: 3px;
	width: 6px;
	height: 10px;
	overflow:hidden;
	background: url(../../images/default/arrow-menu-left.png) no-repeat ;
}

#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{overflow:hidden; padding: 1px 0;margin:0;}
#menusys_mega .megacol {float: left;width: 220px; position: relative;}

/* 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: 2px 5px;
}

/* Mega Group----------*/
#menusys_mega .menusub_mega .mega-group {
	overflow: hidden;
	margin: 0 10px 5px ;
	padding: 0 10px;
	 background: url(../../images/default/border-submenu.png) repeat-x scroll left bottom ;
}

#menusys_mega .menusub_mega .mega-group a .menu-title {
    color: #fff;
    font: 16px 'Garamond';
    margin: 0 ;
    padding-bottom: 5px;
    padding-left: 0;
	 text-transform: none;
	  display: block;
	   text-shadow: none;
}


#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;
	display: block;
}
#menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;}

#menusys_mega li.hasChild .mega-group a{
	padding: 0 ;
	background: none !important ;
	margin-bottom: 0;
}
#menusys_mega .menusub_mega .mega-module {
	clear: both;
	color: #d1b494 ;
	font: bold 12px/28px "arial" ;
}
#menusys_mega .menusub_mega .mega-module label{
	font-weight: bold ;
}
#menusys_mega .menusub_mega .mega-module input{
	font: bold 12px "arial"!important ;
}

#menusys_mega .menusub_mega .mega-module .moduletable_menu ul li {
 }
#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 .submenu-wrapper .submenu-wrapper .megacol .mega-ul{
 margin: 0 10px;}
/* Level2 MegaMenu
--------------------------------------------------------- */

#menusys_mega .megacol ul.mega-ul > li.hasChild > a .menu-title { background: url(../../images/mega/arrow-submenu.png) no-repeat right 50% scroll;
   }
   
   #menusys_mega .megacol ul.mega-ul > li.hasChild:hover a { 
   }

#menusys_mega .megacol ul.mega-ul li {
	padding: 0;
	float: none;
	display: block;
	background: url(../../images/default/border-submenu.png) repeat-x left top scroll;

}
#menusys_mega .megacol ul.mega-ul li a{ background: url(../../images/default/icon-submenu.png) no-repeat left 50% scroll;}
#menusys_mega .megacol ul.mega-ul li.first-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{
	padding: 0 0 0 15px;
	 background: none
}


#menusys_mega li.hasChild  ul a,
#menusys_mega li.hasChild  ul a.active,
#menusys_mega li.hasChild:hover ul a {
	padding: 0px;
	margin: 0;
	display: block;
	position: static;
	text-shadow: none;
}

#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: 2px 0px;
	display: block;
	color: #d1b494 ;
	font: bold 12px/28px "arial" ;
	text-transform: none;
	text-shadow: none;

}
#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;
}
#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;
	padding-left: 0px;
	display: block;
}

#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: #c53208;
}
#menusys_mega ul > li .menusub_mega .subwrap-inner {
 border: none;
  border-radius: 0;}
 #menusys_mega ul li .menusub_mega .subwrap-inner {
  border: 1px solid #666;
   background: #322c1b;
   border-radius: 4px;}