Is there a better way to remove the defaulted css classes than using jquery removeClass?

            $('.igtab_THTab').removeClass('igtab_THTab');
            $('.igtab_THTail').removeClass('igtab_THTail');
            $('.igtab_THCenter').removeClass('igtab_THCenter');

These are the only styles that I want to use on a particular page.

<style>
        .THClass
        {
            width: auto;
            color: blue;
            font-family: Arial Narrow;
            font-weight: bold;
            font-size: x-small;
            margin-top: 0px;
            margin-right: 5px;
            margin-bottom: 20px;
            margin-left: 0px;
            cursor: hand;
        }
        .THClassActive
        {
            background-color: #FFE7B5;
        }
        .THClassHover
        {
            cursor: hand;
            color: #C00000;
        }
        .HHClass
        {
            background-color: #FCF2DC;
        }
    </style>

 <TabItemCssClasses CssClass="THClass" SelectedCssClass="THClassActive" HoverCssClass="THClassHover" />
        <CssClasses HeaderHolderCssClass="HHClass" />