ul#vertical-multilevel-menu, #vertical-multilevel-menu ul{ list-style: none; }
ul#vertical-multilevel-menu, #vertical-multilevel-menu ul li{ list-style: none; }
#vertical-multilevel-menu { position: relative; width: 115px; padding: 0px; margin: 0px; }
#vertical-multilevel-menu a{ text-decoration: none; font-size: 90%; }

#vertical-multilevel-menu a.li1{ background: #716f6e; color: #fff; margin-bottom: 5px; padding: 1px 0px 3px 13px; display: block; }

#vertical-multilevel-menu a.li1:hover,
#vertical-multilevel-menu li.active a.li1,
#vertical-multilevel-menu li:hover a.li1
{ background: #dddddc url(/bitrix/templates/new_main/images/li_marker.gif) left 2px no-repeat; color: #716f6e; margin-bottom: 5px; padding: 1px 0px 3px 13px; display: block; }

#vertical-multilevel-menu li.active .ul1,
#vertical-multilevel-menu li:hover .ul1
{ display: block; }

#vertical-multilevel-menu .ul1
{
	position: absolute; width: 250px;
	right: 114px;
  top: auto; z-index: +500;
	display:none;
	margin-top: -25px;
	border-right: 1px solid #00a146;
}
 

#vertical-multilevel-menu a.li2{ background: #dddddc; color: #716f6e; text-align: right; border-left: 1px solid #00a146; border-bottom: 1px solid #00a146; padding: 1px 10px 3px 10px; display: block; }

#vertical-multilevel-menu a.li2:hover,
#vertical-multilevel-menu .ul1 li.active a.li2,
#vertical-multilevel-menu .ul1 li:hover a.li2
{ background: #716f6e; color: #fff; text-align: right; border-bottom: 1px solid #00a146; border-left: 1px solid #00a146; padding: 1px 10px 3px 10px; display: block; }

#vertical-multilevel-menu .ul1 li.active .ul2,
#vertical-multilevel-menu .ul1 li:hover .ul2
{ display: block; }

#vertical-multilevel-menu .ul2
{
	border-right: 1px solid #00a146;
  position: absolute; width: 230px; 
	right: 249px;
  top: auto; z-index: +500;
	display:none;
	margin-top: -21px;
}

#vertical-multilevel-menu a.li3{ background: #dddddc; color: #716f6e; text-align: right; border-left: 1px solid #00a146; border-bottom: 1px solid #00a146; padding: 1px 15px 3px 10px; display: block; }

#vertical-multilevel-menu a.li3:hover,
#vertical-multilevel-menu .ul2 li.active a.li3,
#vertical-multilevel-menu .ul2 li:hover a.li3
{ background: #716f6e url(/bitrix/templates/new_main/images/li_marker3.gif) right 2px no-repeat; color: #fff; text-align: right; border-bottom: 1px solid #00a146; border-left: 1px solid #00a146; padding: 1px 15px 3px 10px; display: block; }