.mainmenu { margin: 0; padding-left: 0px; float: left; width: 810px; height: 35px; background: #FFF url(/kimengportal/stylesheets/images/menu_bg.png); font-family: Tahoma, Arial, verdana, sans-serif; font-size: 12px; font-weight: bold; } .mainmenu li.top { display: block; float: left; } .mainmenu li a.top_link { display: block; float: left; height: 35px; line-height: 32px; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0 10px 0 12px; _padding-left: 1px; cursor: pointer; } .mainmenu li a.top_link span { float: left; display: block; padding: 0 10px 0 10px; _padding-left: 10px; _padding-right: 10px; height: 35px; } .mainmenu li a.top_link:hover { color: #cbe0ff; background: url(/kimengportal/stylesheets/images/mainmenu1_left.png) no-repeat; line-height: 35px; } .mainmenu li a.top_link:hover span { background: url(/kimengportal/stylesheets/images/mainmenu1.png) no-repeat right top; } .mainmenu li:hover>a.top_link { color: #000; background: url(/kimengportal/stylesheets/images/mainmenu1_left.png) no-repeat; line-height: 35px; } .mainmenu li:hover>a.top_link span { background: url(/kimengportal/stylesheets/images/mainmenu1.png) no-repeat right top; } .mainmenu li.current { display: block; float: left; } .mainmenu li a.current_link { display: block; float: left; height: 35px; line-height: 32px; color: #000; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0 10px 0 12px; _padding-left: 1px; cursor: pointer; background: url(/kimengportal/stylesheets/images/mainmenu1_left.png) no-repeat; } .mainmenu li a.current_link span { float: left; display: block; padding: 0 20px 0 10px; _padding-left: 26px; _padding-right: 26px; height: 35px; _height: 35px; _line-height: 35px; background: url(/kimengportal/stylesheets/images/mainmenu1.png) right top; } .mainmenu li a.current_link:hover { color: #000; background: url(/kimengportal/stylesheets/images/mainmenu1_left.png) no-repeat; line-height: 32px; _height: 35px; _line-height: 35px; } .mainmenu li a.current_link:hover span { background: url(/kimengportal/stylesheets/images/mainmenu1.png) no-repeat right top; } .mainmenu li:hover>a.current_link { color: #000; background: url(/kimengportal/stylesheets/images/mainmenu1_left.png) no-repeat; line-height: 35px; } .mainmenu li:hover>a.current_link span { background: url(/kimengportal/stylesheets/images/mainmenu1.png) no-repeat right top; } .mainmenu table { border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0; } .mainmenu a:hover { visibility: visible; position: relative; z-index: 200; } .mainmenu li:hover { position: relative; z-index: 200; } .mainmenu ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; } .mainmenu ul.sub_news { width: 164px; } .mainmenu ul.sub_analys { width: 164px; } .mainmenu ul.sub_service { width: 164px; } .mainmenu ul.sub_about { width: 164px; } .mainmenu ul.sub_shareholder { width: 164px; } .mainmenu ul.sub_prod { width: 164px; } .mainmenu ul.sub_support { width: 164px; } .mainmenu :hover ul { display: block; left: 5px; top: 35px; background: #FFF; padding: 0px; border: 1px #fff solid; border-width: 0 1px 1px; white-space: nowrap; height: auto; z-index: 300; } .mainmenu :hover ul li { display: block; height: 28px; position: relative; font-weight: normal; width: auto; background: #ffc70e; border: 1px #fff solid; border-width: 0px 0px 1px 0px; } .mainmenu :hover .last { height: 28px; display: block; position: relative; font-weight: normal; width: auto; background: #ffc70e; border-bottom: 0px } .mainmenu :hover ul li a { display: block; font-size: 11px; height: 20px; width: auto; padding: 0 0 0 7px; /* align left of text in sub*/ padding-top: 8px; color: #000; text-decoration: none; vertical-align: middle; } .mainmenu :hover ul li a:hover { background: #000; color: #fff; vertical-align: middle; }