.tabs {
font-size: 90%;
margin: 20px 0;
float: left;
}

*+html .tabs
{
width:100%;
}

.tabs ul {
float: left;
background: #fff;
width: 100%;
padding: 0px;
margin: 0px;
border-bottom:1px solid #ccc;
border-left: 0px solid #ccc;
height:auto;
}
.tabs li {
background:#E0E0E0;
border: 1px solid #ccc;
float:left;
height:24px;
line-height:24px;
margin-bottom: -1px !important;
margin-top: 0px !important;
margin-right: 6px !important;
margin-left: 0px !important;
overflow:hidden;
padding:0;
list-style-type: none;
}
* html .tabs li {
display: inline; /* ie6 double float margin bug */
}
.tabs li,
.tabs li a {
float: left;
}
.tabs ul li a {
text-decoration: none;
font-size:0.9em;
padding:0 15px;
color: #336699;
font-weight: bold;
border: 1px solid #fff;
outline: 0;
background-color: #e0e0e0;
}
.tabs ul li.active, .tabs ul li a.active {
background: #fff;
border-bottom: 1px solid #fff;
}
.tabs ul li.active a {
background: url(img/nav-left.gif) no-repeat left top;
color: #333333;
}

.tabs ul li a:hover {
background-color: #fff;
color: #333333;
}

.tab_content {
background: #fff;
clear: both;
padding: 15px ;
border-color: #ccc;
border-style: solid;
border-width: 0px 1px 1px;
}
.tabs div h3 {
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 1px;
}
.tab_content p {
line-height: 150%;
margin-top: 0px !important;
margin-bottom: 15px;
}