/* Tab Content - mmenucool*/
ul.tabs
{
    padding: 6px;
    font-size: 0;
    margin:0;
    float:right;
    margin-right:-285px;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: block;
    margin: 0px;
    margin-right:0; /*distance between tabs*/
    margin-top: 5px;
    margin-bottom: 11px;
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    font-style: bold;
    position: relative;
    padding: 2px 35px;
    border: 1px solid #CCC;
    border-bottom-color:#AAA;
    color: #848484;
    width: 240px;
    background: #F0F0F0 url("../images/tabbg.gif") repeat-x 0 0;
    border-radius: 4px 4px 0 0;
    outline:none;
    top: 5px;
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
    border: 1px solid #AAA;
    background:#F0F0F0 url("../images/tabbg.gif") 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    padding: 6px 30px;
    position: relative;
    top: 7px;
    font-weight:bold;
    color: green;
    width: 240px;
    background: white url("../images/tabbg.gif") 0 -72px repeat-x;
    border: 1px solid #AAA;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    background-color:#FFF;
    border-radius: 2px;
    width: 230px;
    float: right;
    margin-right:-90px;
    margin-top: 70px;


}
.clearfix::after{content:"";display:table;clear:both}