
.menu-collapser { position: relative; color: #0655A3; font-weight:bold; width: 100%; height:60px; line-height:60px; font-size: 16px; padding:0px 60px 0px 8px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;text-align:right; border-bottom:1px solid #0655A3; }

.collapse-button { position: absolute; right: 8px; top: 50%; width: 40px; background-color: #0655A3; border-radius:5px; border-style: none; border-width: 1px; color: #FFFFFF; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); padding: 7px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); cursor: pointer; font-size: 14px; text-align: left; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }

.collapse-button:hover, .collapse-button:focus { background-image: none; background-color: #808080; color: #FFF; }

.collapse-button .icon-bar { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; margin: 2px 0; }

ul.slimmenu { list-style-type: none; padding: 0; width: 100%;  }

ul.slimmenu li { position: relative; display: inline-block; }

ul.slimmenu > li { margin-right: -5px; }

ul.slimmenu > li:first-child { border-left: 0 }

ul.slimmenu > li:last-child { margin-right: 0; padding-right:0px; }

ul.slimmenu li a { display: block; color: #808080; font-size: 16px; font-weight: 400;  height:20px; padding:70px 0px 5px 28px;}

ul.slimmenu li a:hover {text-decoration: none; background-image:url(../../images/menu_hover.png); background-repeat:no-repeat; background-position:5px 55px !important; }

ul.slimmenu li ul { margin: 0; list-style-type: none; }

ul.slimmenu li ul li { padding-left:0px; margin-left:0px;}

ul.slimmenu li > ul { width:200px; display: none; position: absolute; left:30px; top:102px; z-index: 999;  background-image:url(../../images/menu_bg.png); padding-top:10px; padding-left:0px;  }

ul.slimmenu li > ul > li a ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%;}


ul.slimmenu li > ul a {text-decoration: none; background-image:none; padding:2px 5px; color:#FFF; text-align:left; font-size:14px;}
ul.slimmenu li > ul a:hover {text-decoration: none; background-image:none; color:#8cca46; text-align:left; }

ul.slimmenu li .sub-collapser {  position: absolute; right: 0; top: 0; width: 48px; height: 100%; text-align: left; z-index: 999; cursor: pointer; }

ul.slimmenu li .sub-collapser:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: 20px; }

ul.slimmenu li .sub-collapser > i {cursor: pointer; font-size: 0px; display:; vertical-align: middle;}



ul.slimmenu.collapsed li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }

ul.slimmenu.collapsed li a { display: block; color:#808080;   padding:2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

ul.slimmenu.collapsed li a:hover { background-image:none; }

ul.slimmenu.collapsed li .sub-collapser { height: 20px; width:100%; }

ul.slimmenu.collapsed li > ul { display: none; position: static; background:none; background-image: none; margin-left:20px;  }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

a, a:active { text-decoration: none }
