/* BEGIN: ????? ????? */
.menu_style,
.sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu_style li {
  background-color: #414142;
  cursor: pointer;
  position: relative;
  /*transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -webkit-transition: background-color .5s;*/
  /* IE lt 10, Chrome lt 1, Opera lt 11.6, Safari lt 3, FF lt 4, Android lt 2.1 ? iOS lt 2.0 ?? ???????????? transition. */
}

.menu_style li:hover {
  background-color: #ed1847 !important; /* .menu_style > li.home ????? ????? ?????? ??????????. ???????. */
}

.menu_style a {
  color: #FFF !important;
  font-weight:bold;
  display: block;
  font-size: 13px;
  height: 100%;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
  text-align: left;
  padding: 0 0 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  word-wrap: break-word;
}

.menu_style a:hover {
  /* ?????? ?? ???????? a:hover. */
  color: #FFF;
}
/* END: ????? ????? */

/* BEGIN: ??????? ???? */
.menu_style {
  /* ????????????? ?????? ?????? ???????? ???? ?????? ??????. */
  height: 40px;
}
.menu_style > li {
  float: left;
  height: 40px;
}
.menu_style > li > a {
  width: 150px;
}

/*.menu_style > li.home, .menu_style > li.products, .menu_style > li.sales, .menu_style > li.settings, .menu_style > li.tools, .menu_style > li.admin, .menu_style > li.customer-mgmt{*/
.menu_style > li.home > a , .menu_style > li.products > a , .menu_style > li.sales > a , .menu_style > li.settings > a , .menu_style > li.tools > a , .menu_style > li.admin > a , .menu_style > li.customer-mgmt > a {
	padding-left: 20px;
	padding-top: 2px;
	/*padding-right: 3px;*/
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

.sub-menu li.separator{
	height:1px;
	border-bottom: 1px solid #EEE;
}

.menu_style > li.admin > a {
    background-image: url(../images/m-admin.png);
    width: 120px;
}

.menu_style > li.customer-mgmt > a {
    background-image: url(../images/m-customers.png);
    width: 95px;
}

.menu_style > li.home > a {
    background-image: url(../images/m-home.png);
    width: 65px;
}

.menu_style > li.products > a {
    background-image: url('../images/m-product.png');
    width: 125px;
}

.menu_style > li.sales > a {
    background-image: url('../images/m-sale.png');
    width: 115px;
}

.menu_style > li.settings > a {
    background-image: url('../images/m-settings.png');
    width: 80px;
}

.menu_style > li.tools > a {
    background-image: url('../images/m-tools.png');
    width: 100px;
}

.menu_style > li.current {
  /*background-color: #F2762E !important; 
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;*/
  /* IE lt 9, Chrome lt 1, Opera lt 10.5, Safari lt 3, FF lt 3.5, Android lt 2.1 ? iOS lt 2.0 ?? ???????????? box-shadow. */
}

.menu_style > li:not(:first-child) {
  /*box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -moz-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -webkit-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;*/
}


.menu_style > li > a > span {
  /*left: 0;*/ /* ???????? .menu_style a ??????????? ?????????? ?? ??????, ??-?? ???? span ?????????? ?? ??????. ??????????. */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  /* IE lt 9, Chrome lt 5, Opera lt 10.5, Safari lt 3.1, FF lt 3.5, Android lt 2.1 ? iOS lt 2.0 ?? ???????????? transform. */
}
/* END: ??????? ???? */

/* BEGIN: ??????? */
.sub-menu {
  max-height: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  z-index: 2
/*transition: max-height .5s .2s;
  -moz-transition: max-height .5s .2s;
  -o-transition: max-height .5s .2s;
  -webkit-transition: max-height .5s .2s;*/
}

li:hover > .sub-menu {
  max-height: 600px;
}

.sub-menu li {
  height: 27px;
}

.sub-menu a {
  line-height: 27px;
  /*transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -webkit-transition: color .5s;*/
  white-space: nowrap;
}

.sub-menu li.current a,
.sub-menu a:hover {
  color: #FFF !important; /* !important VS .menu_style a:hover */
  text-decoration:none;
}

.menu_style li.active {
  background-color: #ed1847 !important; /* .menu_style > li.home ????? ????? ?????? ??????????. ???????. */
}

/* END: ??????? */