ul.menu { font-size: 12px; width: 100% }
.menu > li { position:relative; border: 0; list-style: none; padding: 0; margin:0; width: 100% }
.menu > li > a { display: block; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); text-decoration: none; height: 50px !important; line-height: 50px !important; clear: both; padding: 0 0 0 10px !important; width: 100%; box-sizing: border-box; position: relative; font-size: 12px; border-spacing: 0 !important; text-transform: uppercase; font-weight: bold; font-family: Arial; position: relative }
.menu > li > a:after { position: absolute; top: 19px; right: 10px;  content: ""; background: transparent url(../pic/down.png) no-repeat 0 0; width: 12px; height: 8px }
.menu > li.active > a { text-decoration:none; background: #14a6d4 url(../pic/bg_menu.gif) repeat-y top right }
/*.menu li.active > a { cursor: default }*/
.menu li.active a:after { background: transparent url(../pic/up.png) no-repeat 0 0 }
.menu li ul { padding: 0px; border: 0; display:none }
.menu > li ul li a { font-size: 12px; color: #fff; background: #537b92 url(../pic/bg_menu2.gif) repeat-y top right; padding-left: 30px; line-height: 40px !important; height: 40px !important; border-bottom: 1px solid rgba(255,255,255,.1); display: block; width: 100%; text-decoration: none; font-weight: bold }
.menu li ul a:hover { text-decoration:none }
.menu > li ul li.active a { border-left: 5px solid #8fa9b8 }
.menu > li.nosub a:after { position: absolute; top: 18px; right: 12x; content: ""; background: transparent url(../pic/right.png) no-repeat 0 0; width: 8px; height: 12px }