/*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .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 link items */ /*/.suckertreemenu ul li a, h2.widgettitle{*/ .suckertreemenu ul li a{ display: block; width: auto; /*96%;*/ /* width of top level link items */ padding: 1px 8px; border: 0; /*1px solid black; border-right-width: 0;*/ border-top: 0; text-decoration: none; color: #000000; font-size: 12px; font-weight: bold; text-transform: uppercase; } /* 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; } /* 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; } /* sub level menu links style */ .suckertreemenu ul li ul li a{ display: block; width: 160px; /* width of sub menu levels */ color: #000000; text-decoration: none; padding: 1px 5px; border: 1px solid #ccc; } /*.suckertreemenu ul li a:hover, h2.widgettitle:hover*/ .suckertreemenu ul li a:hover{ background-color: black; color: white; cursor: pointer; } /* background image for top level list links */ .suckertreemenu .mainfoldericon{ background-color: #FFFFFF; /*background: #FFFFFF url(images/arrow-down.gif) no-repeat center right;*/ } /* background image for subsequent level list links */ .suckertreemenu .subfoldericon{ background-color: #FFFFFF; /*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%; }