﻿.tabs {
    /*width:100%;
    display:inline-block;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    float: left;*/
    padding: 0px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    float: left;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
.tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
.tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
.tab-links a {
                width: 240px;
            display: block;
    text-align: center;
    text-decoration: none;
    background-color: #5c5756;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    padding: 5%;
    color: #FFF;
    border-radius: 15px;
    background-image: url(../Images/light.png);
    background-repeat: repeat-x;
    background-position: center top;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
        }
 
.tab-links a:hover {
            text-decoration: none;
    color: #FFFFFF;
    background-image: url(../Images/shade.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-color: #999;
        }

 
li.active a, li.active a:hover {
    color: #FFFFFF;
    background-color: #bf1e2e;
    background-image: url(../Images/shade.png);
    background-repeat: repeat-x;
    background-position: center bottom;

    }
 
    /*----- Content of Tabs -----*/
.tab-content {
        padding:15px;
        border-radius:3px;
        /*box-shadow:-1px 1px 1px rgba(0,0,0,0.15);*/
        background:#fff;
    }
 
.tab {
            display:none;
        }
 
.tab.active {
            display:block;
        }

.nav {
    overflow: visible;
    display: block;
}
.nav li {
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
}


.nav li a {
    color:white !important;
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #5c5756;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    padding: 5%;
    /*color: #FFF;*/
    border-radius: 15px;
    background-image: url(../images/light.png);
    background-repeat: repeat-x;
    background-position: center top;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}

.nav li a.currentAgent {
    color: #FFFFFF;
    background-color: #BF1E2E;
    background-image: url(images/shade.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}
.nav li a.currentinsurance {
    color: #FFFFFF;
    /*background-color: #bf1e2e;*/
     background-color: #736F6E;
    background-image: url(images/shade.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}
  
