/******************************************************************************
/* Ul.Nav
/******************************************************************************/
ul.nav {padding: 0; margin: 0 -15px; list-style: none; border-top: 4px solid #aaa;}
#left-col ul.nav, #left-bottom-col ul.nav, #right-col ul.nav, #right-bottom-col ul.nav {border-top: 0;}
ul.nav li{display: block; padding: 0; margin: 0; position: relative;}
ul.nav li a, ul.nav li span {display: block;padding: 5.6px 15px; padding-left: 20px; text-decoration: none; background: #fff; color: #006; border: 1px solid #eee; border-bottom: 0; -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5), inset 0px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5), inset 0px -1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5), inset 0px -1px rgba(0, 0, 0, 0.2);}
ul.nav li.active > a, ul.nav li.active > span {background: #eee; }
ul.nav > li li {width: 180px;}
ul.nav li a:before, ul.nav li span:before {content: url("../images/ulnav.png"); display: block; position: absolute; top: 5px; left: 10px;}
ul.nav li.parent > a:after, ul.nav li.parent > span:after {content: url("../images/ulnavarrow.png"); display: block; position: absolute; top: 5.5px; right: 7px;}
ul.nav li:hover > a, ul.nav li:hover > span {background: #507299; color:#32582a;}
ul.nav li.parent > ul {display: none; list-style: none; position: absolute; top: 0px; right: -175px; margin: 0; padding: 0; border: 5px solid #eee; z-index: 999; -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.4);}
ul.nav-right, ul.nav-right ul  {right: 175px !important; background: #333;}
ul.nav-left, ul.nav-left ul  {right: -175px !important; left: auto;}
ul.nav li.parent:hover > ul {display: block;}

/******************************************************************************
/* MainMenu
/******************************************************************************/
div.mainmenu {display: block; padding: 0; margin: 0;}
div.mainmenu #menu  ul.nav {display: block; margin: 0; padding: 0; list-style: none; border-top: none;}
.menu-left-align #menu ul.nav {text-align: left;}
.menu-middle-align #menu ul.nav {text-align: middle;}
.menu-right-align #menu ul.nav {text-align: right;}

/******************************************************************************
/* 1 Level TABS
/******************************************************************************/
div.mainmenu #menu ul.nav > li {display: inline-block; position: static; padding: 0; margin: 0; text-align: left;}
div.mainmenu #menu ul.nav > li > a,
div.mainmenu #menu ul.nav > li > span {display: block; padding: 5px 15px; text-decoration: none; background: none; border: none;  border-bottom: 5px solid #507299; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-weight: bold;     font-size: 1.1em;}
div.mainmenu #menu ul.nav > li > span {cursor: default;}
div.mainmenu #menu ul.nav > li.active > a,
div.mainmenu #menu ul.nav > li.active > span {border-bottom: 5px solid #b66;}
div.mainmenu #menu ul.nav > li:hover > a, 
div.mainmenu #menu ul.nav > li:hover > span{background: #507299; border-bottom: 5px solid #507299; color: #fff;}
div.mainmenu ul.nav > li a:before, div.mainmenu  ul.nav > li > a, div.mainmenu ul.nav > li a:before, div.mainmenu  ul.nav > li span {position: relative;}
div.mainmenu ul.nav > li a:before, div.mainmenu  ul.nav > li span:before {display: none;}
div.mainmenu ul.nav > li a:after, div.mainmenu  ul.nav > li span:after {display: none;}
div.mainmenu  ul.nav > li {border-left: 1px dotted #888;}
div.mainmenu  ul.nav > li:last-child {border-right: 1px dotted #888;}

/******************************************************************************
/* 2 Level TABS
/******************************************************************************/
div.menu-tabs #menu ul.nav > li li {width: auto;}
div.menu-tabs #menu ul.nav > li > ul {display: none; position: absolute; z-index: 99999; top: auto; auto; left: 0; width: 100%; margin: 0; padding: 0; list-style: none; background: #feffff; border-bottom: 4px solid #507299;
    border-top: none;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 4px 10px 1px rgba(50, 50, 100, 0.3);
    -moz-box-shadow: 0 4px 10px 1px rgba(50, 50, 100, 0.3);
    box-shadow: 0 4px 10px 1px rgba(50, 50, 100, 0.3);}
div.menu-tabs #menu ul.nav > li > ul > li {display: block; float: left; width: 25%; padding: 10px 0; margin: 0; border-bottom: 1px solid #ddd;}
div.menu-tabs #menu ul.nav > li > ul > li > * {margin: 10px;}
div.menu-tabs #menu ul.nav > li > ul ul {position: relative; left: auto; right: auto; margin: 0; margin-left: 15px; padding: 0; border: none; list-style: square outside; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
div.menu-tabs #menu ul.nav > li > ul li a,
div.menu-tabs #menu ul.nav > li > ul li span {margin: 0; padding: 2px 15px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
div.menu-tabs #menu ul.nav > li > ul > li > a,
div.menu-tabs #menu ul.nav > li > ul > li > span {    margin-bottom: 5px;    font-size: 1em;    color: #000;}
div.menu-tabs #menu ul.nav > li > ul > li > span {cursor: default;}
div.menu-tabs #menu ul.nav > li > ul li a:after, div.menu-tabs #menu ul.nav > li > ul li span:after {display: none;}
div.menu-tabs #menu ul.nav > li > ul li a:before, div.menu-tabs #menu ul.nav > li > ul li span:before {display: none;}
div.menu-tabs #menu ul.nav > li > ul ul a:before,  div.menu-tabs #menu ul.nav > li > ul ul span:before {content: url("../images/ulnav.png"); display: block; position: absolute; top: -1px; left: 5px;}

/******************************************************************************
/* Mobile TABS
/******************************************************************************/
body.mobile div.menu-tabs {background: #507299;}
body.mobile div.menu-tabs #menu ul.nav > li {display: block; clear: both;}
body.mobile div.menu-tabs #menu ul.nav > li > a.btnUpDonw {float: left; min-width: 15px; padding-left: 5px; padding-right: 5px; margin-right: 5px; cursor: pointer; text-align: center;}
body.mobile div.menu-tabs #menu ul.nav > li > a.btnUpDonw:hover {background: #66b;}
body.mobile div.menu-tabs #menu ul.nav > li > ul {position: relative;}
body.mobile div.menu-tabs #menu ul.nav > li > ul > li {width: 50%;}

/******************************************************************************
/* MainMenu BLOCKS
/******************************************************************************/
div.menu-blocks #menu ul.nav > li {position: relative;}
div.menu-blocks #menu ul.nav > li.parent > ul {position: absolute; top: 26px; left: 0px; right: auto !important; width: auto; border: 1px solid #507299; -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2);}