#tabs { margin:0; padding:0; }
.clear { clear:both;}

#tabs ul.tabul { display:block; background: #fff; padding:0; margin:0 20px; overflow:visible; border-bottom:solid 1px #ccc; position:relative;}
#tabs ul.tabul:before, #tabs ul.tabul:after { display:table; content:"";}
#tabs ul.tabul:after { clear:both;}


#tabs ul.tabul li { margin: 0px; list-style: none; }

#tabs ul.tabul li { display:block; float:left; background:none; padding:0; margin:0;}
#tabs ul.tabul li a { }
#tabs ul.tabul li a { text-decoration: none; display:block; padding: 8px 12px; color: #000; font-weight: bold; float: left; background:none; margin:0; border-radius:5px 5px 0 0; border-color:#ccc; border-style:solid; border-width:1px 1px 0 1px; background:url(../images/content_bg.png) repeat-x left top #fff;}
#tabs ul.tabul li.active { }
#tabs ul.tabul li.active a { border-color:#ccc; border-style:solid; border-width:1px 1px 0 1px; margin:0 0 -1px 0; background:url(../images/content_bg.png) repeat-x left -20px #fff; padding-bottom:9px; position:relative; z-index:11;}

#tabs .tab_content { overflow:hidden; clear:both; border-color:#ccc; border-width:0 1px 1px 1px; border-style:solid; margin:0 20px; padding:10px 0;}
#tabs .tab_content .tab_div {  clear: both; padding:0; }
#tabs .tab_content .tab_div p {  }