div#dropcontainer { width:100px; position:absolute; margin:0; background:#ffffff; } ul#navigation-1 { margin:0; padding:0px 0; list-style:none; width:100%; height:21px; font:normal 8pt verdana, arial, helvetica;} /* Menu header*/ ul#navigation-1 li { margin:0; padding:0; display:block; float:left; position:relative; width:156px; } ul#navigation-1 li a:link, ul#navigation-1 li a:visited { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#9a9a9a; color:#ffffff; width:156px; height:13px; } ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active { padding:4px 0; display:block; text-align:center; text-decoration:none; background:#E60003; color:#ffffff; width:156px; height:13px;} /* top menu hover colour*/ /* Drop menu */ ul#navigation-1 li ul.navigation-2 { margin:0; padding:1px 1px 0; list-style:none; display:none; width:156px; position:absolute; top:21px; left:-1px;} ul#navigation-1 li:hover ul.navigation-2 { display:block; } ul#navigation-1 li ul.navigation-2 li { width:156px; clear:left; width:156px; } ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited { clear:left; background:#9a9a9a; padding:4px 0; width:156px; border:none; position:relative; z-index:1000; } ul#navigation-1 li ul.navigation-2 li:hover a, ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover { clear:left; background:#E60003; padding:4px 0; width:156px; border:none; position:relative; z-index:1000; } /* 3rd menu */ ul#navigation-1 li ul.navigation-2 li ul.navigation-3 { display:none; margin:0; padding:0; list-style:none; position:absolute; left:156px; top:-2px; padding:1px 1px 0 1px; z-index:900; } ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 { display:block; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { background:#9a9a9a; } ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { background:#E60003; } /* span - Arrows on menu*/ ul#navigation-1 li ul.navigation-2 li a span { position:absolute; top:0; left:132px; font-size:12pt; color:#fff; } /* normal colour*/ ul#navigation-1 li ul.navigation-2 li:hover a span, ul#navigation-1 li ul.navigation-2 li a:hover span { position:absolute; top:0; left:132px; font-size:12pt; color:#000; } /* hover colour */