#menuhard {width:330px; height:350px;position:relative;}

#menuhardbloc {position:absolute; left:0px; top:0px; margin:0; position:relative; font-family:verdana, sans-serif;float:left; padding:0px 0 0 0;border-top:1px solid #D4D4D4;}

#menuhardbloc a:hover {white-space:nowrap;}
#menuhardbloc div.firstlevel{padding:0; margin:0;}

#menuhardbloc div.firstlevel div.sublevel {position:absolute; left:-9999px; width:540px;background:#FFFFDC;border:1px solid #D4D4D4;padding:0px 2px 5px 10px}

#menuhardbloc div.firstlevel a {display:block; width:324px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#0078CC; font-weight:bold; font-size:12px; border:1px solid #D4D4D4; border-width:0 1px 1px 1px;background:#f0f0f0 url(/img/design/ratiatum/row_hardmenu.png) no-repeat 305px center;}
#menuhardbloc div.firstlevel a:hover {background:#FFFFDC;color:#FF8A00;position:absolute;z-index:100;border-right:1px solid #fff;position:relative;width:283px;}
#menuhardbloc div.firstlevel:hover > a {background:#FFFFDC;color:#FF8A00;position:absolute;z-index:100;border-right:1px solid #fff;position:relative;width:283px;}
#menuhardbloc div.firstlevel div.sublevel a {display:inline;margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;text-decoration:underline;color:#0078CC;vertical-align: baseline;background: transparent;line-height:1em;white-space:normal; }
#menuhardbloc div.firstlevel div.sublevel a:hover {color:#FF8A00;}
#menuhardbloc div.firstlevel div.sublevel div.subsubcat a {font-size:9px;font-weight:normal;line-height:12px;color:#858585}
#menuhardbloc div.firstlevel div.sublevel div.subsubcat a:hover {color:#FF8A00}

#menuhardbloc:hover div.firstlevel:hover  div.sublevel {position:absolute;left:293px; top:0; border-top:1px solid #D4D4D4;}