/* 
    Document   : tab-slider-styles
    Created on : May 13, 2013, 12:17:47 PM
    Author     : grickaby
    Description: This is used to style the Tab Slider.
*/

#tab-slider {
    width:720px;
    height:400px;
    margin: 0 auto;
    position:relative;
    overflow:hidden;
}
.tab-content {
    padding:7px;
    height:386px;
    width:686px;
    overflow:hidden;
    float: left;
}
ul.tab-nav {
    padding:0;
    margin:0;
    list-style-type: none;
    width:100%;
}
ul.tab-nav li {
    padding:0;
    margin:0 0 0 -4px;
    display:inline;
    
}
ul.tab-nav li:first-child {
    margin-left:0;
}
ul.tab-nav li a {
    padding:0 20px;
}
ul.tab-nav li a:hover {
    color:#000;
}
ul.tab-nav li.active {
    border-bottom:none;
}
ul.tab-nav li.active a {
    color:#555;
}