#headBar { height: 35px; background: url(../images/menu/menu_bg.png) no-repeat center 0; z-index: 100; } /** * MegaMenu Styles. */ #MegaMenu { width: 950px; height: 35px; margin: auto; position: relative; z-index:150; } #MegaMenu ul, #MegaMenu li { list-style-type: none; padding: 0; margin: 0 auto; } #MegaMenu li a { display: block; width: 190px; height: 35px; line-height: 35px; text-indent: -9999px; background-position: 0 0; background-repeat: none; } #MegaMenu-Parents { width: 950px; z-index: 300; } #MegaMenu-Parents li { float: left; } #MegaMenu-Parents li a { } #MegaMenu-Parents li.menu_a a { background-image: url(../images/menu/menu01.png); } #MegaMenu-Parents li.menu_b a { background-image: url(../images/menu/menu02.png); } #MegaMenu-Parents li.menu_c a { background-image: url(../images/menu/menu03.png); } #MegaMenu-Parents li.menu_d a { background-image: url(../images/menu/menu04.png); } #MegaMenu-Parents li.menu_e a { background-image: url(../images/menu/menu05.png); } #MegaMenu-Children { clear: both; /*display: none;*/ width: 950px; height: 409px; margin: 0 auto; z-index: 200; position: absolute; /*top: 32px;*/ top: -9999px; left: -4px; padding: 4px; padding-top: 0; background: url(../images/menu/menulist_bg.png) no-repeat 0 0; } #MegaMenu-Children.readied { display: none; top: 32px; } #MegaMenu-Children ul { float: left; } #MegaMenu-Children ul.menu_a li a { background-image: url(../images/menu/menulist_a.png); } #MegaMenu-Children ul.menu_b li a { background-image: url(../images/menu/menulist_b.png); } #MegaMenu-Children ul.menu_c li a { background-image: url(../images/menu/menulist_c.png); } #MegaMenu-Children ul.menu_d li a { background-image: url(../images/menu/menulist_d.png); } #MegaMenu-Children ul.menu_e li a { background-image: url(../images/menu/menulist_e.png); } #MegaMenu-Children ul li.menu_item1 a { background-position: -380px 0; height: 39px; } #MegaMenu-Children ul li.menu_item2 a { background-position: -380px -39px; height: 37px; } #MegaMenu-Children ul li.menu_item3 a { background-position: -380px -76px; height: 37px; } #MegaMenu-Children ul li.menu_item4 a { background-position: -380px -113px; height: 37px; } #MegaMenu-Children ul li.menu_item5 a { background-position: -380px -150px; height: 37px; } #MegaMenu-Children ul li.menu_item6 a { background-position: -380px -187px; height: 37px; } #MegaMenu-Children ul li.menu_item7 a { background-position: -380px -224px; height: 37px; } #MegaMenu-Children ul li.menu_item8 a { background-position: -380px -261px; height: 37px; } #MegaMenu-Children ul li.menu_item9 a { background-position: -380px -298px; height: 37px; } #MegaMenu-Children ul li.menu_item10 a { background-position: -380px -335px; height: 37px; } #MegaMenu-Children ul li.menu_item11 a { background-position: -380px -372px; height: 37px; } #MegaMenu-Children ul li.menu_item1 a.no { background-position: -380px 0 !important; } #MegaMenu-Children ul li.menu_item2 a.no { background-position: -380px -39px !important; } #MegaMenu-Children ul li.menu_item3 a.no { background-position: -380px -76px !important; } #MegaMenu-Children ul li.menu_item4 a.no { background-position: -380px -113px !important; } #MegaMenu-Children ul li.menu_item5 a.no { background-position: -380px -150px !important; } #MegaMenu-Children ul li.menu_item6 a.no { background-position: -380px -187px !important; } #MegaMenu-Children ul li.menu_item7 a.no { background-position: -380px -224px !important; } #MegaMenu-Children ul li.menu_item8 a.no { background-position: -380px -261px !important; } #MegaMenu-Children ul li.menu_item9 a.no { background-position: -380px -298px !important; } #MegaMenu-Children ul li.menu_item10 a.no { background-position: -380px -335px !important; } #MegaMenu-Children ul li.menu_item11 a.no { background-position: -380px -372px !important; } #MegaMenu-Children ul li.menu_item1 a:hover { background-position: -570px 0; } #MegaMenu-Children ul li.menu_item2 a:hover { background-position: -570px -39px; } #MegaMenu-Children ul li.menu_item3 a:hover { background-position: -570px -76px; } #MegaMenu-Children ul li.menu_item4 a:hover { background-position: -570px -113px; } #MegaMenu-Children ul li.menu_item5 a:hover { background-position: -570px -150px; } #MegaMenu-Children ul li.menu_item6 a:hover { background-position: -570px -187px; } #MegaMenu-Children ul li.menu_item7 a:hover { background-position: -570px -224px; } #MegaMenu-Children ul li.menu_item8 a:hover { background-position: -570px -261px; } #MegaMenu-Children ul li.menu_item9 a:hover { background-position: -570px -298px; } #MegaMenu-Children ul li.menu_item10 a:hover { background-position: -570px -335px; } #MegaMenu-Children ul li.menu_item11 a:hover { background-position: -570px -372px; } /* When selected */ #MegaMenu-Children ul.selected li.menu_item1 a { background-position: 0 0; } #MegaMenu-Children ul.selected li.menu_item2 a { background-position: 0 -39px; } #MegaMenu-Children ul.selected li.menu_item3 a { background-position: 0 -76px; } #MegaMenu-Children ul.selected li.menu_item4 a { background-position: 0 -113px; } #MegaMenu-Children ul.selected li.menu_item5 a { background-position: 0 -150px; } #MegaMenu-Children ul.selected li.menu_item6 a { background-position: 0 -187px; } #MegaMenu-Children ul.selected li.menu_item7 a { background-position: 0 -224px; } #MegaMenu-Children ul.selected li.menu_item8 a { background-position: 0 -261px; } #MegaMenu-Children ul.selected li.menu_item9 a { background-position: 0 -298px; } #MegaMenu-Children ul.selected li.menu_item10 a { background-position: 0 -335px; } #MegaMenu-Children ul.selected li.menu_item11 a { background-position: 0 -372px; } #MegaMenu-Children ul.selected li.menu_item1 a.no { background-position: 0 0 !important; } #MegaMenu-Children ul.selected li.menu_item2 a.no { background-position: 0 -39px !important; } #MegaMenu-Children ul.selected li.menu_item3 a.no { background-position: 0 -76px !important; } #MegaMenu-Children ul.selected li.menu_item4 a.no { background-position: 0 -113px !important; } #MegaMenu-Children ul.selected li.menu_item5 a.no { background-position: 0 -150px !important; } #MegaMenu-Children ul.selected li.menu_item6 a.no { background-position: 0 -187px !important; } #MegaMenu-Children ul.selected li.menu_item7 a.no { background-position: 0 -224px !important; } #MegaMenu-Children ul.selected li.menu_item8 a.no { background-position: 0 -261px !important; } #MegaMenu-Children ul.selected li.menu_item9 a.no { background-position: 0 -298px !important; } #MegaMenu-Children ul.selected li.menu_item10 a.no { background-position: 0 -335px !important; } #MegaMenu-Children ul.selected li.menu_item11 a.no { background-position: 0 -372px !important; } #MegaMenu-Children ul.selected li.menu_item1 a:hover { background-position: -190px 0; } #MegaMenu-Children ul.selected li.menu_item2 a:hover { background-position: -190px -39px; } #MegaMenu-Children ul.selected li.menu_item3 a:hover { background-position: -190px -76px; } #MegaMenu-Children ul.selected li.menu_item4 a:hover { background-position: -190px -113px; } #MegaMenu-Children ul.selected li.menu_item5 a:hover { background-position: -190px -150px; } #MegaMenu-Children ul.selected li.menu_item6 a:hover { background-position: -190px -187px; } #MegaMenu-Children ul.selected li.menu_item7 a:hover { background-position: -190px -224px; } #MegaMenu-Children ul.selected li.menu_item8 a:hover { background-position: -190px -261px; } #MegaMenu-Children ul.selected li.menu_item9 a:hover { background-position: -190px -298px; } #MegaMenu-Children ul.selected li.menu_item10 a:hover { background-position: -190px -335px; } #MegaMenu-Children ul.selected li.menu_item11 a:hover { background-position: -190px -372px; } #MegaMenu-Children br { font-size: 0; line-height: 0; clear: both; }