/* ---------------------------------------------------- */
/* tabslides
/* ---------------------------------------------------- */
#tabslides {
width: 300px; /* whole slide's width */
height:170px;
background-color: #eee;
border: 1px solid #ddd;}

#tabslides ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#tabslides ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* tabslides > SLIDES
/* ---------------------------------------------------- */
#tabslides .slides {
overflow: hidden;
width: 300px;
} /*inside content size*/


#tabslides .slides ul {
/* total width of all slides -
300px multiplied by 3 in this case */
width: 900;
height:120px; /*content between*/
}

#tabslides .slides li {
width: 250px; /* width to control inside content*/
height:100px;
float: left;
padding: 10px;
}

#tabslides .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* tabslides > NAVIGATION
/* ---------------------------------------------------- */
#tabslides .slides-nav {
background-color: #D1DCDA;
height:47px;
width:300px;
border-top: 0;
margin:0;
}

#tabslides .slides-nav li {
float: left;
font:Verdana, Geneva, sans-serif;
font-size:8pt;
color:#000;
}

#tabslides .slides-nav li a {
display: block;
padding: 5px 10px;
outline: none;
font:Verdana, Geneva, sans-serif;
font-size:8pt;
color:#000;
/*background-color: #0C6;*/
}


/*--------------Active Tab------*/
#tabslides .slides-nav li.on,
#tabslides .slides-nav li.on a {
background-color: #FFF;
font:Verdana, Geneva, sans-serif;
color:#000;

/*padding: 5px 10px;*/
/*height:16px;*/
/*padding:2% 2px;*/
}

#tabslides .slides-nav li.on a {
position: relative;
top: -4px;}