.tabpanel {
    position: relative;
    overflow: hidden;
    width: 960px;
}

.tablist {
	margin-top:40px;
    border-bottom: 1px solid #e0e0db;
}

.tablist ul li {
    float: left;
    border: 1px solid #e0e0db;
    border-left: 0;
    border-bottom: 0;
    background-color: #fff;
}
.tablist ul li:first-child {
    border-left: 1px solid #e0e0db;
}

.tablist.subtabs {
    background: 0;
    border: 0;
    border-bottom: 1px solid #e0e0db;
    margin-top: 35px;
    margin-left: 70px;
    margin-right: 70px;
    padding-bottom: 25px;
}

.tablist.subtabs .tab {
    background: 0;
    border: 0;
  
    font-size: 12px;
    text-transform: capitalize;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.tablist.subtabs .tab:first-child {
    border-left: 0;
    padding-left: 0;
}

.tablist.subtabs .tab.active,.tablist.subtabs .tab.active:active {
    background: 0;
}

.tab {
    position: relative;
    top: 1px;
    display: block;
    float: left;
    width: 138px;
    padding: 12px 0px;
    background-color: transparent;
    color: #333;
    text-align: center;
 
    outline: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent;
}
.tablist.detail {
    font-size: 15px !important;
}
.tablist.detail .tab {
    width: 190px;
}

.tab.active,.tab.active:active {
    color: #d80546;
    border-color: #fff;
    border-bottom-color: transparent;
    text-decoration: none;
    cursor: default;
    background: #f5f5f5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 76%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(76%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 76%,#ffffff 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 76%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 76%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 76%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
}

.panels {
    left: 0;
    position: relative;
    width: 999em;
    height: auto;
    overflow: hidden;
}

.tabpanel.slide .panels.animate {
    -webkit-transition: left .5s ease-in-out,height .4s ease-in-out .5s,min-height .4s ease-in-out .5s;
    -moz-transition: left .5s ease-in-out,height .4s ease-in-out .5s,min-height .4s ease-in-out .5s;
}

.panel {
    float: left;
    height: auto;
    min-height: 1px;
    width: 960px;
    overflow: hidden;
}

.only_link {
    position: relative;
    top: 1px;
    display: block;
    float: left;
    padding: 12px 17px;
    border: 1px solid transparent;
    border-bottom: 0;
    background-color: transparent;
    color: #333;
 
    outline: 0;
}

.only_link.active,.only_link.active:active {
    color: #d80546;
    background: #f1f1f2;
    border-color: #ccc;
    border-bottom-color: transparent;
    text-decoration: none;
    cursor: default;
}