﻿/*---------------------- HEADER MENU CSS ------------------------------------------*/
#navbar-menu{float: right;width: auto;list-style-type: none; margin: 0;padding:0;z-index:9999999;}
#navbar-menu a{color:#333;cursor:pointer;font-family:Arial,Verdana, Tahoma;font-weight:bold;font-size: 14px;line-height:90px;text-transform:uppercase;text-align:left;text-decoration:none;}
#navbar-menu li{float:left;}
#navbar-menu li:hover{background-color:#eee;}
#navbar-menu li{display: inline-block;width: auto;position: relative;padding:0px 15px;}
#navbar-menu li:last-child{display: inline-block;width: auto;position: relative;padding:0px 5px 0px 15px;}
/*#navbar-menu li a{padding-bottom:5px;}*/
#navbar-menu li a i{margin-left:7px;}
#navbar-menu li:hover a, #navbar-menu li a:hover{/*border-bottom:solid 1px #fff;*/padding-bottom:5px;text-decoration:none;}
#navbar-menu li:last-child:hover a, #navbar-menu li:last-child a:hover{padding-bottom:5px;}
#navbar-menu li ul li{padding:0px;}
#navbar-menu li ul li a{border:none !important;font-family:Arial,Verdana, Tahoma !important;}
#navbar-menu ul.submenu{
	position: absolute;
	left: 0px;
	z-index: 99999;
	display:none;
	background-color: #e3e3e3;
    border-radius: 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    margin: 0;padding:0;
    list-style: none;
}
.mn-level-1{width: 240px;top: 90px;display:none;}
#navbar-menu ul.submenu li{display: inline-block;position: relative;width: 100%;}
#navbar-menu ul.submenu li i{float:right;line-height:30px;color:#5d5c5c;}
#navbar-menu ul.submenu li a{
    display: block;
    position: relative;
    font-size:14px !important;
    font-weight:normal;
    text-transform:none;
    padding:0px;
    z-index: 99;
}
#navbar-menu ul.mn-level-1 li{padding:0px 10px 0px 20px;}
#navbar-menu ul.mn-level-1 li:hover{background-color: #d5d5d5;}
#navbar-menu ul.mn-level-1 li a{line-height:30px !important;padding: 8px 0px !important;}
#navbar-menu ul.submenu li a:hover{color:#000;line-height:30px !important;padding: 8px 0px !important;}
#navbar-menu ul.mn-level-1 li:hover ul.mn-level-2{display:inline-block;}	
#navbar-menu li:hover ul.mn-level-1{display:inline-block;}
.mn-level-2{width: 220px;top: 0;left: 100% !important;display:none;}
#navbar-menu ul.mn-level-2 li{padding:0px 10px 0px 20px;}
#navbar-menu ul.mn-level-2 li a, #navbar-menu ul.mn-level-2 li a:hover{line-height:30px !important;padding: 5px 0px !important;}
#navbar-menu ul.submenu li:last-child{display: inline-block;width: 100%;position: relative;border-bottom:solid 0px #4c70bf;}
.mn-level-3{width: auto;top: 0;left: 100% !important;display:none;white-space: nowrap;}
.mn-level-3 li a{padding-right:20px !important;}
#navbar-menu ul.mn-level-2 li:hover ul.mn-level-3{display:inline-block;}	
/*----------------------LEFT MENU CSS------------------------------------------*/
.box-left{margin-bottom:40px;}
.box-left h1.title{color: #333;font-size: 18px;font-weight: bold;margin:0px 0px 20px 0px;padding: 0px 0px 20px 0px;border-bottom:dashed #ddd 1px;text-transform:uppercase;}
.box-left .box-categories { border-top:0px;margin:0px; padding:0px;}
.box-left .box-categories ul{list-style:none; margin:0px; padding:0px; }
.box-left .box-categories ul li{cursor:pointer;position:relative; padding-left:0px; display:block;text-align:left;}
.box-left .box-categories ul li i{display:block;position:absolute; left:10px; font-size:14px;color:#aaa;line-height:32px;}
.box-left .box-categories ul li a, .box-left .box-categories ul li span{display:block;color:#808285;font-size:14px;line-height:32px; font-weight:bold;text-decoration:none;}
.box-left .box-categories ul li a:hover, .box-left .box-categories ul li span:hover{color:#006600;}
.box-left .box-categories ul li a.actived{color:#006600;font-weight:bold;}
.box-left .box-categories ul li a.actived:hover{color:#006600;font-weight:bold;}
.box-left .box-categories ul li.actived span{color:#006600;}
.box-left .box-categories ul.sub-cate li{position:relative; padding-left:20px;}
.box-left .box-categories ul.sub-cate li i{display:block;position:absolute; left:0px; font-size:14px;color:#ccc;line-height:26px;}
.box-left .box-categories ul.sub-cate li a{display:block;color:#555;font-size:14px;line-height:26px; font-weight:normal; text-transform:none;text-decoration:none;}
.box-left .box-categories ul.sub-cate li a:hover{color:#006600;}
.box-left .box-categories ul.sub-cate li a.actived{color:#006600;font-weight:normal;}
.box-left .box-categories ul.sub-cate li a.actived:hover{color:#006600;font-weight:normal;}
.box-left .box-categories ul.level-3 li{position:relative; padding-left:0px; display:block;}
.box-left .box-categories li ul.level-2{display:none;}
.box-left .box-categories li ul.level-3{display:none;}
.box-left .box-categories li.actived ul.level-2{display:block;}
.box-left .box-categories li.actived ul.level-3{display:block;}
.box-left .box-search{border-top:0px;margin:0px; padding:0px;}
.box-left .box-search td, .box-left .box-search td *{text-align:left;line-height:24px;color:#555;}
.box-left .box-search td label{padding-left:10px;font-size:14px;font-weight:normal;text-align:left;vertical-align:middle;}
/*----------------------SLIDEBAR CSS------------------------------------------*/
.box-bar{margin:20px;padding:0px;}
.box-bar h1.title{color: #fff;font-size: 18px;font-weight: bold;margin:0px 0px 20px 0px;padding: 40px 0px 20px 0px;border-bottom:dashed #444 1px;text-transform:uppercase;}
.box-bar .box-categories { border-top:0px;margin:0px; padding:0px;}
.box-bar .box-categories ul{list-style:none; margin:0px; padding:0px; }
.box-bar .box-categories ul li{cursor:pointer;position:relative; padding-left:0px; display:block;text-align:left;}
.box-bar .box-categories ul li i{display:block;position:absolute; left:10px; font-size:14px;color:#aaa;line-height:32px;}
.box-bar .box-categories ul li a, .box-bar .box-categories ul li span{display:block;color:#fff;font-size:14px;line-height:32px; font-weight:bold;text-decoration:none;}
.box-bar .box-categories ul li a:hover, .box-bar .box-categories ul li span:hover{color:#aaa;}
.box-bar .box-categories ul li a.actived{color:#aaa;font-weight:bold;}
.box-bar .box-categories ul li a.actived:hover{color:#aaa;font-weight:bold;}
.box-bar .box-categories ul li.actived span{color:#fff;}
.box-bar .box-categories ul.sub-cate li{position:relative; padding-left:20px;}
.box-bar .box-categories ul.sub-cate li i{display:block;position:absolute; left:0px; font-size:14px;color:#ccc;line-height:26px;}
.box-bar .box-categories ul.sub-cate li a{display:block;color:#fff;font-size:14px;line-height:26px; font-weight:normal; text-transform:none;text-decoration:none;}
.box-bar .box-categories ul.sub-cate li a:hover{color:#aaa;}
.box-bar .box-categories ul.sub-cate li a.actived{color:#aaa;font-weight:normal;}
.box-bar .box-categories ul.sub-cate li a.actived:hover{color:#aaa;font-weight:normal;}
.box-bar .box-categories ul.level-3 li{position:relative; padding-left:0px; display:block;}
.box-bar .box-categories li ul.level-1{display:none;}
.box-bar .box-categories li ul.level-2{display:none;}
.box-bar .box-categories li ul.level-3{display:none;}
.box-bar .box-categories li.actived ul.level-1{display:block;}
.box-bar .box-categories li.actived ul.level-2{display:block;}
.box-bar .box-categories li.actived ul.level-3{display:block;}
