#menu-wrap { width: 100%; height: 30px; position: relative; z-index: 100; /* remove all the bullets, borders and padding from the default list styling */ /* style the table so that it takes no ppart in the layout - required for IE to work */ } #menu-wrap ul { padding: 0; margin: 0; list-style-type: none; /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ /* style the links for the top level */ /* make the second level visible when hover on first level list OR link */ } #menu-wrap ul li { float: left; position: relative; } #menu-wrap ul a, #menu-wrap ul a:visited { display: block; line-height: 30px; padding-left: 10px; padding-right: 20px; } #menu-wrap ul ul { /* hide the sub levels and give them a positon absolute so that they take up no room */ visibility: hidden; position: absolute; height: 0; top: 30px; left: 0; width: 149px; /* style the second level links */ } #menu-wrap ul ul li { width: 100%; } #menu-wrap ul ul a, #menu-wrap ul ul a:visited { border: 0; height: auto; line-height: 15px; padding: 5px 10px; width: 150px; } #menu-wrap ul li:hover ul, #menu-wrap ul a:hover ul { visibility: visible; } #menu-wrap li, #menu-wrap a, #menu-wrap div { padding: 0; margin: 0; } #menu-wrap li.section { line-height: 25px; padding-left: 10px; padding-right: 11px; } #menu-wrap li.selected_page { line-height: 20px; } #menu-wrap li.selected_subpage { line-height: 25px; padding-left: 10px; padding-right: 11px; } #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { padding-right: 0; padding-left: 0; } #menu-wrap table { position: absolute; top: 0; left: 0; border-collapse: collapse; } /* hack to correct IE5.5 faulty box model */ * html #menu-wrap { width: 100%; w\idth: 100%; } /* a hack so that IE5.5 faulty box model is corrected */ * html #menu-wrap a, * html #menu-wrap a:visited { width: 10px; w\idth: 10px; padding-right: 20px; white-space: nowrap; } /* another hack for IE5.5 */ * html #menu-wrap ul ul { top: 30px; t\op: 30px; } /* yet another hack for IE5.5 */ * html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited { width: 150px; w\idth: 128px; } .cms-nav-clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } .cms-nav-sub-section { font-weight: bold; font-size: 110%; list-style-type: none; } ul li.cms-nav-sub-section:before { content: '' !important; } .cms-nav-sidebar ul, .cms-nav-sidebar li, .cms-nav-sidebar a { list-style: none; padding: 0; margin: 0; } .cms-nav-sidebar ul ul, .cms-nav-sidebar ul li, .cms-nav-sidebar ul a, .cms-nav-sidebar li ul, .cms-nav-sidebar li li, .cms-nav-sidebar li a, .cms-nav-sidebar a ul, .cms-nav-sidebar a li, .cms-nav-sidebar a a { padding: 0; margin: 0; } .cms-nav-sidebar ul li, .cms-nav-sidebar li li, .cms-nav-sidebar a li { position: relative; margin: 4px 8px 2px 8px; } /* style the menu navigation wrap */ #menu-wrap { background-color: #eee; /* style the top level hover */ /* menu sections with children */ /* style sections from the dropdown menus */ } #menu-wrap ul { background-color: #5798d0; /* style the links for the top level */ } #menu-wrap ul a, #menu-wrap ul a:visited { text-decoration: none; color: #000; border-right: 1px solid #fff; } #menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active { background-color: #5798D0; color: #000; } #menu-wrap ul ul a { /* style the second level hover */ } #menu-wrap ul ul a, #menu-wrap ul ul a:visited { color: #000; } #menu-wrap ul ul a:hover { background: #B3D9FF; } #menu-wrap ul ul :hover > a { background: #B3D9FF; } #menu-wrap ul ul li a.selected { background-color: #D0D8F0; color: #004D99; } #menu-wrap a:hover, #menu-wrap ul ul a:hover { color: #000; background: #5798d0; } #menu-wrap :hover > a, #menu-wrap ul ul :hover > a { color: #000; background: #B3D9FF; } #menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited { background-image: url(/wp-content/plugins/wpml-cms-nav/res/css/../img/cms-nav-dark-s.gif); background-repeat: no-repeat; background-position: right center; } #menu-wrap li { /* style selected page in the top menu */ /* style selected subpage in the top menu */ } #menu-wrap li.section { color: #fff; background-color: #4283b7; font-weight: bold; } #menu-wrap li.selected_page { color: #004D99; background-color: #5798d0; } #menu-wrap li.selected_subpage { color: #004D99; background-color: #B3D9FF; } #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { background-color: #B3D9FF; } /* style sidebar navigation */ #sidebar-navigation h4 { /* style sidebar title */ } #sidebar-navigation .cms-nav-sidebar a, #sidebar-navigation .cms-nav-sidebar a:visited { /* links */ } #sidebar-navigation .cms-nav-sidebar a:hover, #sidebar-navigation .cms-nav-sidebar a:focus, #sidebar-navigation .cms-nav-sidebar a:active { /* links hover */ } .cms-nav-sidebar .selected_page_side { /* selected item in side navigation */ } .cms-nav-bc a, .cms-nav-bc a:visited { /* trail navigation links */ } .cms-nav-bc a:hover, .cms-nav-bc a:focus, .cms-nav-bc a:active { /* trail navigation links hover */ } .cms-nav-bc { /* trail navigation links hover - not linked */ }