RyanA. Look for the tab section in the css and replace the entire tab section with this:
If you are not sure about how to do that and exactly what part to replace let me know and Ill just give you the entire css with the new tab code in it.
/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: #6C7F77;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: #6C7F77;
text-decoration: none;
font-size: 9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}
.maintab_first
{
background: #8FA096;
border-left: 1px solid #B9C5B9;
border-bottom: 1px solid #B9C5B9;
width: 10px;
}
.maintab_back
{
background: #8FA096;
border-bottom: 1px solid #B9C5B9;
}
.maintab_last
{
background: #8FA096;
border-right: 1px solid #B9C5B9;
border-bottom: 1px solid #B9C5B9;
width: 8px;
}
.maintab_active_first
{
background: #8FA096;
border-left: 1px solid #B9C5B9;
border-bottom: 1px solid #B9C5B9;
width: 6px;
}
.maintab_active_back
{
background: #8FA096;
border-bottom: 1px solid #B9C5B9;
}
.maintab_active_last
{
background: #8FA096;
border-right: 1px solid #B9C5B9;
border-bottom: 1px solid #B9C5B9;
width: 8px;
}
/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: #6C7F77;
text-decoration: none;
}
.maintab_back a:hover, .maintab_active_back a:hover
{
color: #6C7F77;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: #6C7F77;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: #6C7F77;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}
.mirrortab_first
{
background: #8FA096;
border-top: 1px solid #B9C5B9;
border-left: 1px solid #B9C5B9;
width: 10px;
}
.mirrortab_back
{
background: #8FA096;
border-top: 1px solid #B9C5B9;
}
.mirrortab_last
{
background: #8FA096;
border-top: 1px solid #B9C5B9;
border-right: 1px solid #B9C5B9;
width: 6px;
}
.mirrortab_active_first
{
background: #8FA096;
border-top: 1px solid #B9C5B9;
border-left: 1px solid #B9C5B9;
width: 6px;
}
.mirrortab_active_back
{
background: #8FA096;
border-top: 1px solid #B9C5B9;
}
.mirrortab_active_last
{
background: #8FA096;
border-top: 1px solid #B9C5B9;
border-right: 1px solid #B9C5B9;
width: 8px;
}
/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: #6C7F77;
text-decoration: none;
}
.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #6C7F77;
text-decoration: none;
}