/* Contains styles for tabbed product site nav */

<a href="#"><img src="/images/products/prodTab_guide{if $active eq "guide"}On{/if}.gif" width="106" height="30" border="0" {if $active ne "guide"} onMouseOver="this.src='/images/products/prodTab_guideOver.gif'" onMouseOut="this.src='/images/products/prodTab_guide.gif'"{/if} ></a>

/* Contains styles for tabbed product site nav */

#prodTabs {
width: 106px;
font-size: 10px;
font-weight: bold;
}


#prodTabsUL {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-weight: bold;
font-size:12px;
}


#prodTabsUL a, #parentTabsUL a:visited {
display: block;
width: 106px;
padding-top:8px;
padding-bottom:4px;
background-color: #CC6600;
background-image:  url(/images/Parents/prodTab.jpg);
background-repeat: no-repeat;
color: #000066;
text-decoration: none;
text-indent:0px;
font-weight: bold;
text-align:center;
}

#prodTabsUL a:hover {
background-color: #0033CC;
background-image:  url(/images/Parents/prodTab_over.jpg);
padding-top:5px;
padding-bottom:7px;
color: #000033;
font-weight: bold;
}

#prodTabs #parentTabsUL .onstate {
background-color: #9F6F9F;
padding-top:8px;
padding-bottom:4px;
background-image:  url(/images/Shop/prodTab_on.gif);
background-repeat: repeat-x;
color: #ffffff !important;
font-weight: bold;
cursor: default;
}
#prodTabs #prodTabsUL a.onstate {
background-color: #9F6F9F;
padding-top:8px;
padding-bottom:4px;
background-image:  url(/images/Shop/prodTab_on.gif);
background-repeat: repeat-x;
color: #ffffff !important;
font-weight: bold;
cursor: default;
}