#primary-nav { clear: both; margin:0 auto; padding: 0; font-size: 11px; text-transform: uppercase; line-height:normal; width: 960px; position: relative; z-index: 100; } #primary-nav a:link, #primary-nav a:visited { font-size: 11px; color: #fff; z-index: 1000; } #primary-nav a:hover, #primary-nav a:active { color: #fff; } #primary-nav li li a:link, #primary-nav li li a:visited { font-size: 11px; color: #fff; } #primary-nav ul { float:right; margin: 0; padding: 0; list-style:none; } #primary-nav li { display: block; float: left; margin: 0; padding:0; } #primary-nav a { /*Colour Moved*/ display: block; margin:0 4px 0 0; padding:0 0 0 10px; text-decoration:none; } #primary-nav ul li:hover a, #primary-nav ul li.sfhover a { /* background-position: 0% -30px; */ } #primary-nav ul li:hover a span, #primary-nav ul li.sfhover a span { background-position: 100% -30px; } #primary-nav ul li li a, #primary-nav ul li li li a, #primary-nav ul li li li li a { background-image: none; text-align: left; padding: 0 } #primary-nav a span { /*Colour Moved*/ display:block; padding:5px 10px 4px 1px; margin: 0; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ /*#primary-nav a span {float:none} End IE5-Mac hack #primary-nav a:hover span { }*/ #primary-nav a:hover { background-position:0% -30px } #primary-nav a:hover span { background-position:100% -30px } #primary-nav ul li { color: #fff; float: left; padding: 0; } #primary-nav ul li ul { /*Colour Moved*/ position: absolute; left: -999em; height: auto; width: 300px; top: auto; font-weight: normal; border-left: 1px solid #567476; border-right: 1px solid #567476; border-bottom: 1px solid #567476; text-transform: none; margin: 0; } #primary-nav ul li ul li { /*Colour Moved*/ position: relative; width: 300px; border-top: 1px solid #395755; color: #fff; } #primary-nav ul li ul li a, #primary-nav ul li ul li ul li a, #primary-nav ul li li:hover ul li a, #primary-nav ul li li.sfhover ul li a, #primary-nav ul li li:hover li:hover li a, #primary-nav ul li li.sfhover li.sfhover li a { padding: 4px 0; text-indent: 8px; width: 300px; color: #fff; background-color: transparent; } #primary-nav ul li ul a:hover, #primary-nav ul li ul li ul li a:hover { color: #ffffff; } #primary-nav ul li ul ul { margin: -20px 0 0 177px; z-index: 5; box-shadow: #00000030 4px 6px 8px 1px; } #primary-nav ul li:hover ul ul, #primary-nav ul li:hover ul ul ul, #primary-nav ul li.sfhover ul ul, #primary-nav ul li.sfhover ul ul ul { left: -999em; } #primary-nav ul li:hover ul, #primary-nav ul li.sfhover ul { left: auto; } #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfhover ul, #primary-nav ul li li:hover ul, #primary-nav ul li li.sfhover ul { left: 0; } #primary-nav ul li li:hover a, #primary-nav ul li li.sfhover a, #primary-nav ul li li:hover li:hover a, #primary-nav ul li li.sfhover li.sfhover a, #primary-nav ul li li:hover li:hover li:hover a, #primary-nav ul li li.sfhover li.sfhover li.sfhover a { color: #FFF } #primary-nav li:hover, #primary-nav li.hover { position: static; }