.container {width: 350px; margin: 10px auto;}

ul.tabs {font-size:11px;float:left;cursor:pointer;line-height:normal;list-style-type:none;border-bottom-style:none;margin:0;
padding:7px 5px 2px 0;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 20px;line-height: 20px;border: 1px solid #999;border-left: none;margin-bottom:-1px;background: #eee;overflow: hidden;position: relative;color:#ddd;}
ul.tabs li:hover {background:#ddd;}
ul.tabs li a {text-decoration: none;color: #000;display: block;font-size: 0.9em;padding: 0 5px;border: 1px solid #fff;outline: none}
ul.tabs li a:hover {background: #ccc}	
html ul.tabs li.active a {color:#fff;}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #88ac4a;border-bottom: 1px solid #fff;text-decoration:none}
.tab_container {border-top: none;clear: both;float: left;width: 100%;background: #fff;}
.tab_content ul{width:300px}
.tab_content ul li {font-weight: normal;padding: 0;border-bottom: 1px dashed #ddd;font-size: 1em;display:block;line-height:25px}
.tab_content ul li a{color: #467AA7;display:block;padding:0 0 0 5px}
.tab_content ul li a.current {font-weight:bold;color:#81be18;}
.tab_content ul li a:hover{display:block;text-decoration:none;padding:0 0 0 5px;color:#81be18}
.tab_content ul li.subcat {margin-left:1em;list-style: none;border-bottom:none;}

.tab_content ul li.subcat a {font-style:italic;}
.tab_content ul li.subcat a.current {font-weight:normal;text-decoration:underline;}