/*--------- TABS ---------*/
.tabs
{
    float: left;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    height: 30px;
    position: relative;
}
.tabs ul
{
    float: left;
    padding: 0px;
    margin: 0px;
}

.tabs li
{
    float: left;
    background: url("../images/tabs.png") no-repeat left top;
    background-position: 0% -61px;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    color: #FFFFFF;
    display: inline;
}

.tabs span
{
    float: left; 
    background: url("../images/tabs.png") no-repeat left top;
    background-position: 0% -61px;
    display: inline;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-decoration: none;
    color: #FFFFFF;
}
.tabs a
{
    float: left;
    background: url("../images/tabs.png") no-repeat right top;
    background-position: 100% -61px;
    height: 22px;
    margin: 0px 0px 0px 4px;
    padding-right: 8px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 8px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.tabs li:hover
{
    background-position: 0% -30px;
}
.tabs span:hover
{
    background-position: 0% -30px;
}
.tabs a:hover
{
    background-position: 100% -30px;
}
.tabs li.active
{
    background-position: 0% 0px;
}
.tabs span.active
{
    background-position: 0% 0px;
}
.tabs a.active 
{
    background-position: 100% 0px;
}