/* 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{ display: inline; position: relative; float: left; padding-top: 1px; background-color: #ffffff; /* overall menu background color */ } /* top level list items (links) */ .suckertreemenu ul li a{ display: inline; width: auto; padding: 0px 8px; color: #000000; border: 0; border-top: 0; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .suckertreemenu ul li a:hover{ background-color: #000000; color: #ffffff; cursor: pointer; } /* 1st sub level menu */ .suckertreemenu ul li ul{ visibility: hidden; display: block; position: absolute; left: 0; top: 1em; /* no need to change, as true value set by script */ } /* sub level list items (undo style from top level list items) */ .suckertreemenu ul li ul li{ display: list-item; float: none; padding-top: 0; } /* sub level list items (links) */ .suckertreemenu ul li ul li a{ display: block; width: 160px; padding: 1px 5px; color: #000000; border: 1px solid #ccc; text-decoration: none; } /* 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%; }