.glowingtabs{ float:left; width:100%; line-height:normal; } .glowingtabs ul{ list-style-type: none; margin:0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding:0; } .glowingtabs li{ display:inline; margin:0; padding:0; } .glowingtabs a{ float:left; background:url(/menu/ffaf_left.gif) no-repeat left top; margin:0; margin-right: 0px; /*spacing between each tab*/ padding:0 0 0 10px; text-decoration:none; border-right:solid #fff; border-right-width:0px; } .glowingtabs a span{ line-height: 1em; font-family: Arial, Verdana,sans-serif; font-size: 12px; float:left; display:block; background:url(/menu/ffaf_right.gif) no-repeat right top; padding: 30px 25px 33px 15px; font-weight:bold; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .glowingtabs a span {float:none;} /* End IE5-Mac hack */ .glowingtabs a:hover span { color: #fff; } .glowingtabs a.current{ /*Selected Tab style*/ background-position:0 -76px; /*Shift background image up to start of 2nd tab image*/ } .glowingtabs a.current span{ /*Selected Tab style*/ background-position:100% -76px; /*Shift background image up to start of 2nd tab image*/ color: #fff; } .glowingtabs a.current:hover{ /*Selected Tab style*/ background-position:0 -76px; /*Shift background image up to start of 2nd tab image*/ } .glowingtabs a.current:hover span{ /*Selected Tab style*/ background-position:100% -76px; /*Shift background image up to start of 2nd tab image*/ color: #fff; } .glowingtabs a:hover{ /*onMouseover style*/ background-position:0% -76px; /*Shift background image up to start of 2nd tab image*/ } .glowingtabs a:hover span{ /*onMouseover style*/ background-position:100% -76px; /*Shift background image up to start of 2nd tab image*/ } .tabcontainer{ clear: left; width:95%; /*width of 2nd level sub menus*/ height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/ } .tabcontent{ display:none; }