.top_menu{ height: 42px; float: right; width: 60%; min-width: 670px; margin-top: 50px; background: url(../../../../../../../bitrix/templates/main/components/bitrix/menu/images/menu_bg.png) no-repeat top right; margin-right: 10px; font-family: 'MyriadProLight', sans-serif; } .top_menu_left{ float: left; width: 20px; background: url(../../../../../../../bitrix/templates/main/components/bitrix/menu/images/menu_bg_left.png) no-repeat top left; height: 42px; } .top_menu_right{ float: right; width: 20px; background: url(../../../../../../../bitrix/templates/main/components/bitrix/menu/images/menu_bg_right.png) no-repeat top right; height: 42px; } .top_menu ul{ background: url(../../../../../../../bitrix/templates/main/components/bitrix/menu/images/menu_bg_left.png) no-repeat top left; width: 100%; height: 42px; } .top_menu li{ list-style: none; float: left; height: 42px; line-height: 38px; border-right: 1px solid #c5c5c5; text-align: center; } .top_menu ul.submenu{ padding: 10px 3px; } .top_menu .submenu li{ height: auto !important; line-height: 18px !important; padding: 4px 0; background: url(../../../../../../../bitrix/templates/main/components/bitrix/menu/images/top_submenu_bg.png) no-repeat 30px top; } .top_menu .submenu li:first-child{ background: none; } .top_menu li:hover{ position:relative; z-index:200; cursor:pointer; } #top_menu li:hover ul.submenu{ left:1px; top:41px; background: #efefef; padding:10px 3px; border:1px solid #b1b5bc; white-space:nowrap; width:200px; height:auto; z-index:300; cursor:pointer; font-family: Tahoma; font-size: 14px; margin-left: -1px; } #top_menu li:hover ul.submenu li{ display:block; position:relative; float:left; width:200px; font-weight:normal; cursor:pointer; text-align: left; border: none; } #top_menu li:hover ul.submenu li a{ display:block; font-size:11px; height:18px; line-height:18px; color:#000; text-decoration:none; margin: 0 20px; padding: 0 0 0 30px; border: none; } #top_menu li:hover ul.submenu li a:hover{ color:#0759ab; background: url(../../../../../../../bitrix/templates/main/components/bitrix/menu/images/top_submenu_marker.png) no-repeat 12px 7px; border: none; } #top_menu li:hover li:hover ul, #top_menu li:hover li:hover li:hover ul, {left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;} #top_menu ul, #top_menu li:hover ul ul, #top_menu li:hover li:hover ul ul, #top_menu li:hover li:hover li:hover ul ul, #top_menu li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .top_menu .last{ border: none; } .top_menu a{ display: block; font-size: 16px; color: #333; text-transform: uppercase; margin: 0 30px; text-decoration: none; padding-top: 3px; } .top_menu a:hover, .top_menu li.active a{ border-top: 3px solid #0759ab; padding-top: 0; }