/* Credits: Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ Stylesheet originally by: Dynamic Drive CSS Library Stylesheet edited by: Fabian Schmid */ .suckertreemenu ul{ margin: 0; padding: 0; list-style-type: none; } /* top level list items */ .suckertreemenu ul li{ position: relative; display: inline; float: left; background-color: #ffffff; /* overall menu background color */ } /* top level list items (links) */ .suckertreemenu ul li a{ display: block; width: auto; padding: 1px 8px; border: 0; border-top: 0; text-decoration: none; color: #000000; font-size: 12px; font-weight: bold; text-transform: uppercase; } .suckertreemenu ul li a:hover{ background-color: #000000; color: #ffffff; cursor: pointer; } /* 1st sub level menu */ .suckertreemenu ul li ul{ left: 0; position: absolute; top: 1em; /* no need to change, as true value set by script */ display: block; visibility: hidden; } /* sub level list items (undo style from top level list items) */ .suckertreemenu ul li ul li{ display: list-item; float: none; } /* sub level list items (links) */ .suckertreemenu ul li ul li a{ display: block; width: 160px; color: #000000; text-decoration: none; padding: 1px 5px; border: 1px solid #ccc; } /* all subsequent sub menu levels offset after 1st level sub menu */ .suckertreemenu ul li ul li ul{ left: 159px; /* no need to change, as true value set by script */ top: 0; } /* background image for top level list links */ .suckertreemenu .mainfoldericon{ background-color: #ffffff; /* use the commented code below and add arrow pictures for arrows in menus with submenus */ /*background: #ffffff url(images/arrow-down.gif) no-repeat center right;*/ } /* background image for subsequent level list links */ .suckertreemenu .subfoldericon{ background-color: #ffffff; /* use the commented code below and add arrow pictures for arrows in menus with submenus */ /*background: #ffffff url(images/arrow-right.gif) no-repeat center right;*/ } /* ie hack */ * html .suckertreemenu ul li{ float: left; height: 1%; } * html .suckertreemenu ul li a{ height: 1%; }