.ddcolortabs{ padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; } .ddcolortabs ul{ font: normal 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; } .ddcolortabs li{ display:inline; margin:0 2px 0 0; padding:0; text-transform:uppercase; } .ddcolortabs a{ float:left; color: white; margin:0 2px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px; background-color: #51A428; background-image: url(media/color_tabs_left.gif); background-repeat: no-repeat; background-position: left top; } .ddcolortabs a span{ float:left; display:block; background: transparent url(media/color_tabs_right.gif) no-repeat right top; padding: 6px 8px 3px 7px; } .ddcolortabs a span{ float:none; } .ddcolortabs a:hover{ background-color: #99CC66; } .ddcolortabs a:hover span{ background-color: #8cb85c; } .ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/ background-color: #8cb85c; } .ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/ background-color: #51A428; } .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; }