/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-right: 0;
margin-top: 1px;
margin-bottom: -1px;
font: normal 9px Arial;
letter-spacing:0em;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 4px;
margin:0 0 0 1px;
border: 1px solid #a9a9a9;
color: #FFF;
background: #3c3c3c;
}

.shadetabs li a:visited{
color: #fff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
background-color: #F5AA01;
border-bottom-color: #a9a9a9;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.sub-menu {
width:495px;
height:18px;
background-image:url(../images/nav-cat-sub_background.gif);
display:block;
margin-left:4px;
padding:7px 5px 5px 10px;
font-size:11px;
}

.sub-menu a{
color:#FFF;
text-decoration:none;
background: none;
padding:0 10px 0 0;
}
.sub-menu a:hover{
color:#FFF;
text-decoration:underline;
}

.tabcontent {
display:block;
padding:0;
margin:0;
text-align:left;
}