/* 
    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:710px;
    height:329px;
    margin: 0 auto;
    position:relative;
    overflow:hidden;
}
.tab-content {
    padding:0;
    /*height:386px;*/
    width:710px;
    overflow:hidden;
    float: left;
}
ul.tab-nav {
    padding:0;
    margin:0;
    list-style-type: none;
    width:100%;
}
ul.tab-nav li {
    padding:5px;
    margin:0 0 0 -4px;
    display:inline;
    border-right:1px solid #b8b3a9;    
}
ul.tab-nav li:first-child {
    margin-left:0;
}
ul.tab-nav li:hover {
}
ul.tab-nav li a {
	font-family:Arial;
	font-size:18px;
    color:#5b5b5b;
    padding:0 10px;
	text-decoration:none;
}
ul.tab-nav li a:hover {
	text-decoration:none;
    color:#000;
}
ul.tab-nav li.active {
    border-bottom:none;
}
ul.tab-nav li.active a {
    color:#2a2a2a;
	font-family:Arial;
	font-size:18px;
	text-decoration:none;
}