@shadowmenu: rgba(0,0,0,0.3); #header{ .content{ .top{ #block03{ margin:0px 0px 0px 5px; } #block05, #block03{ h4{ a{ display:inline-block; height:31px; padding:0 10px; position:relative; z-index:3; } } &:hover{ h4{ box-shadow: 0px 5px 5px @shadowmenu; } } } .block{ h4{ a{ background:@color_form_bg; } } &:hover .submenu { display: block; } ul.submenu { width:315px; height:auto; display: none; padding:0; left:0px; border:1px solid @color_form_bg; box-shadow:0px 0px 5px @shadowmenu; line-height: 0px; z-index: 10000; font-size: 0px; li{ display:inline-block; border-top:1px solid @ordersteps_todo_bg; height:60px; width:305px; padding:10px 5px; margin:0px; &:hover{ background:@color_bg; a{ color: @color_hlink; } } &.noborder{ border-top:none !important; } &.right_list{ //float:right; border-left:1px solid @ordersteps_todo_bg; } a { display:inline-block; width:315px; color:#000; &:hover{ .desc_wrapper{ strong{ color:@color_hlink; } } } .img_wrapper{ display:inline-block; float:left; width:60px; height:60px; margin:0px 5px; text-align:center; img{ max-width:100%; max-height:100%; } } .desc_wrapper{ float:left; padding-left:5px; strong{ font-family : @font_title; font-weight:normal; font-style: italic; display: block; margin-top:8px; font-size:14px; color:#000; } span{ display: block; margin-top:5px; font-size:12px; color:#888; } } } } &.two_cols{ width:650px; overflow-x:hidden; overflow-y:scroll; max-height:404px; } } } } } #block03 { a { cursor: default; } } }