/*---------------------------------------------------------------
# Package - EXP Framework
# EXP Version 2.0
# ---------------------------------------------------------------
# Author - JoomlaMan http://www.joomlaman.com
# Copyright (C) 2010 - 2012 JoomlaMan.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material
# Websites: http://www.JoomlaMan.com
-----------------------------------------------------------------*/
#jm-mainnav,#sublevel {position:relative}
#jm-mainnav ul.jm-menu{margin:10px}
#jm-mainnav jm-menu.level-2{margin: 0;}
#sublevel ul.jm-menu { padding: 10px}
#jm-mainnav .megacol,#sublevel .megacol {float:left}
#sublevel ul.empty,#sublevel li.empty {height:0px!important;display:none} 
#jm-mainnav ul li,#sublevel ul li{background:none;padding:0;margin:0} 

/*Top Level*/
#jm-mainnav{}
#sublevel {background: #424239 url(../images/bg_subnav.gif) repeat-x left top;}

#jm-mainnav ul.level-0{float:right;margin:0;padding:0}
#sublevel ul.level-1{float:left;margin:0;padding:0}

/*Parent list item*/
#jm-mainnav ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item{background:none;display:block;float:left;margin:0;padding:0;}

#jm-mainnav ul.level-0 > li.menu-item.first,
#sublevel ul.level-1 > li.menu-item.first {border-left:none}
#jm-mainnav ul.level-0 > li.menu-item {padding: 0 22px;}

/*Parent list item hover and active*/
#jm-mainnav ul.level-0 > li:hover,#jm-mainnav ul.level-0 > li.menu-item.active,
#sublevel ul.level-1 > li:hover,#sublevel ul.level-1 > li.menu-item.active{}

/*Parent anchor text*/
#jm-mainnav ul.level-0 > li.menu-item > a.menu-item,
#sublevel ul.level-1 > li.menu-item > a.menu-item{
    font-size: 120%;
    display:block;
    font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:32px 8px 24px;color:#fff
}
#sublevel ul.level-1 > li.menu-item.first > a.menu-item{padding-left: 0!important;}
#jm-mainnav a.menu-item.active, #jm-mainnav a.menu-item:hover,
#sublevel a.menu-item.active, #sublevel a.menu-item:hover{}
#jm-mainnav a.menu-item.active, #sublevel a.menu-item.active{font-family: 'gothamboldregular';}
#jm-mainnav ul.level-0 > li.menu-item > a.menu-item.active{
    background:url(../images/bg_menu_a_active.gif) repeat-x left bottom;
    text-shadow: 1px 2px #000;
}
#jm-mainnav ul.level-0 > li.menu-item span.has-image,
#sublevel ul.level-1 > li.menu-item span.has-image{padding-left:18px;display:block;background-repeat:no-repeat;background-position:0 50%}

#jm-mainnav ul.level-0 > li.menu-item span.menu-title,
#sublevel ul.level-1 > li.menu-item span.menu-title{display:block}

#jm-mainnav ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{display:block;font-weight:400;font-size:92%;color:#888}

#jm-mainnav ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {display:block;background: none; /* padding-right: 12px;background:url(../images/big_daddy.png) no-repeat 100% 50% */}

#jm-mainnav ul li.parent > a.menu-item span.menu,
#sublevel ul li.parent > a.menu-item span.menu {display:block;/* padding-right: 12px;background:url(../images/daddy.png) no-repeat 100% 50% */}

/*Submenu*/
#jm-mainnav li .submenu,#sublevel li .submenu {position: absolute;display:none;z-index:9999}
#jm-mainnav ul.level-0 > li .submenu-inner,#sublevel ul.level-1 > li .submenu-inner {}
#jm-mainnav ul li .submenu-inner,#sublevel ul li .submenu-inner {border:10px solid #424239;background:#606058;color:#fff}
#jm-mainnav ul.level-1 > li .submenu-inner,#sublevel ul.level-2 > li .submenu-inner {background: #424239;border: none!important;}
/* David*/
#jm-mainnav ul.level-1 .menu-l{}
#jm-mainnav ul.level-1 .menu-r{}

/*Styling subnav*/
#jm-mainnav ul ul,
#sublevel ul ul {float: none;}

#jm-mainnav li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {display:block;margin:0;padding:0;float:none;
background: url(../images/bg_menu_li_sub.gif) repeat-x left bottom;
}

#jm-mainnav li.menu-item li.menu-item.first,
#sublevel li.menu-item li.menu-item.first { border-top: none; }

#jm-mainnav li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item{display:block;;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:7px 5px;color:#fff}

/*Menu item desc*/
#jm-mainnav li.menu-item li.menu-item span.menu-desc,
#sublevel li.menu-item li.menu-item span.menu-desc{color:#fff}

/*Active and hover*/
#jm-mainnav li.menu-item li:hover,#jm-mainnav li.menu-item li.active,
#sublevel li.menu-item li:hover,#sublevel li.menu-item li.active{;color:#ddefac}

/*Dropline or Split menu*/
#sublevel ul.level-1 > li.menu-item{background:url(../images/bg_submenu_li.png) no-repeat right center;}
#sublevel ul.level-1 > li.menu-item.last {background:none;}
#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#fff;padding:12px 12px 12px 8px!important}
#sublevel ul.level-1 > li.menu-item span.has-image{}
#sublevel ul.level-1 > li.menu-item span.menu-title{}
#sublevel ul.level-1 > li.menu-item span.menu-desc{}

/*Group*/
* html .group{height:0}
#jm-mainnav ul li.menu-item .group{background:none!important;overflow:hidden}
#jm-mainnav .group-content > ul.jm-menu{margin:10px 5px!important}
#jm-mainnav .group-title{overflow:hidden;}
#jm-mainnav .group-title .menu-title{font-size:100%;font-weight:bold;line-height:normal;text-transform:capitalize;}
#jm-mainnav .group-title .menu-desc{padding-left:0!important;color:#fff}

/* Drilldown Menu */
.jm-drillmenu .navbar {
    margin: 0;
}
.jm-drillmenu h3 {
    color: #fff;
    float: right;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'gothamlightregular'!important;
    font-weight: normal;
    text-shadow: 0 1px #000;
}
.jm-drillmenu  h3 span {
    float: left;
    margin: 0;
    padding: 10px;
}
.jm-drillmenu .navbar .jm-navbar {
    background: url(../images/drill-bg-phone.png) no-repeat 0 0;
    border: medium none;
    display: block;
    height: 46px;
    margin: 0;
    padding: 0 35px 0 0;
    text-align: right;
    width: 89px;
    float: right;
    cursor: pointer;
    color: #ffffff;
}
.jm-drillmenu .jm-navbar span{
    display: none;
}
.collapse {
    clear: both;
}

.nav-drilldown { width: 100%;  }
ul.nav-drilldown { padding: 0; margin: 0; line-height: 0.5em; list-style: none; margin: 0;float: left; }
ul.nav-drilldown li {position: relative; background:none; padding:0;float:none;}
ul.nav-drilldown li a {float:none;}
ul.nav-drilldown li img{margin:0 5px 0 0 ;}
.nav-collapse, .nav-collapse.collapse {display: block !important; }
ul.nav-drilldown li a { padding: 0 0  0 15px; height:41px; width:100%; text-align:left; line-height:41px; display: block; color: #2F3E46!important; font-size: 120%; text-decoration: none; font-weight:bold;  	}
.menusys_drill, .menusys_drill.collapse { display: block !important; }
ul.nav-drilldown li a { padding: 0 0  0 15px; height:41px; line-height:41px; display: block; color: #2F3E46; font-size: 120%; text-decoration: none; font-weight:bold; 	 background:url('../images/bkg-itemmenu.png') bottom left repeat-x;}
ul.nav-drilldown li a img{ margin:0 10px 0 0 ;}
ul.nav-drilldown li.active > a {color:#6b8c9d!important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}
ul.nav-drilldown li a:hover { background-color:#675C7C;color:#6b8c9d!important;  }
ul.nav-drilldown ul { margin: 0; padding: 0; display: none; }
ul.nav-drilldown ul li { margin: 0; padding: 0; clear: both; }
ul.nav-drilldown ul li a { padding-left: 30px; font-size: 13px;  outline:0; }
ul.nav-drilldown ul li a span{padding:0 0 0 20px; background: url(../images/drill-arrow.png) no-repeat left 50%; }
ul.nav-drilldown ul li a:hover { background-color:#D3C99C; color:#000; }
ul.nav-drilldown ul li.active { font-weight: bold; }
ul.nav-drilldown ul ul li a { color:#fff; padding-left: 50px; }
ul.nav-drilldown ul ul ul li a { color:#fff; padding-left: 70px; }
ul.nav-drilldown ul ul li a:hover { background-color:#D3CEB8; color:#fff; }
ul.nav-drilldown li span.expand { background: url(../images/drill-bg.png) no-repeat 0 -37px; cursor: pointer; display: block; height: 23px;  position: absolute; right: 0; text-indent: -9999px;  top: 9px; width: 38px; z-index: 9;  -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear; }
ul.nav-drilldown li span.collapse { background: url(../images/drill-bg.png) no-repeat 0 -60px; cursor: pointer; display: block; height: 23px; position: absolute;  right: 0;  text-indent: -9999px;  top: 9px;    width: 38px;  z-index: 8; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear; }
ul.detail-parent { padding: 0 0 0 17px; margin: 0px; }

.jm-drillmenu {
    position: absolute;
    right: 0;
    top: 15px;
    width: 100%;
    z-index: 100000;
}

/* RESPONSIVE*/

.jm-drillmenu{display:none!important;}

/* Large desktop */
@media (min-width: 1200px) {

}
@media (max-width: 1024px) {
    #jm-mainnav {
        display: inherit !important;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #jm-mainnav ul.level-0 > li.menu-item ,
    #sublevel ul.level-1 > li.menu-item {padding: 0 10px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    .jm-drillmenu{display: inherit !important;}
    #jm-mainnav{display: none !important;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .jm-drillmenu .navbar .jm-navbar {
        background: url(../images/drill-bg-phone.png) no-repeat 0 0;
    }
    .jm-drillmenu .navbar .jm-navbar{
        width: 89px;
        height: 46px;
        padding-right: 15px;
        margin: 0;
    }
    .jm-drillmenu {
        float: none;
        position: absolute !important;
    }
}
@media (max-width: 355px) {
    .navbar-inner2{
        width: 89px;
        margin: 0 auto;
    }
    .navbar-inner2 {position: relative;}
    .jm-drillmenu .navbar .jm-navbar{
        width: 89px;
        height: 46px;
        padding: 0;
        margin-top: 33px;
    }
    .jm-drillmenu {
        float: left;
        position: inherit !important;
    }
    .jm-drillmenu h3{
        width: 100%;
        position: absolute;
        top: 0;
    }
    .jm-drillmenu h3 span{
        width: 100%;
        padding: 10px 0 0 0;
        text-align: center;
    }
}