Overskriv eksternt stylesheet

Jeg leget pt med en menu i et CMS system, som driller og er gået i stå.
I mit eksterne stylesheet har jeg opsat css for menuen, og er også som det skal være.
Der er dog et par steder vil jeg gerne ændre den generelle css og indsætte en special baggrund, men jeg har låst i hvor meget jeg kan rette i html.

Jeg vil i min menu gerne have nogle afsnit overskrifter med en anden baggrund farve.
Jeg vil gerne have min "segment headder" til at overskrive min generelle "Deactiv_Productmenu" css, så det kommer en anden baggrundsfarve, men stadig bruge min css for "Deactiv_Productmenu" i den resterende menu.

Er det noget som kan lade sig gøre?

Her er koden.

<table id="ProductMenu_Table" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="RootCategory_Productmenu">
<a href="/shop/424c1.html" class="Deactiv_Productmenu" title="Segment Header">
<!--eneste sted jeg kan indsætte kode-->
</a>
<div class="segment_test">Segment Header</div>
<a>
<!--eneste sted jeg kan indsætte kode--->
</a>
<br>
</td>
</tr>
<tr>
<td class="RootCategory_Productmenu">
<a href="/shop/425s.html" class="Deactiv_Productmenu" title="Test 1">
<span class="ProductMenu_MenuItemBold">Test 1</span>
</a>
<br>
</td>
</tr>
<tr>
<td class="RootCategory_Productmenu">
<a href="/shop/426s.html" class="Deactiv_Productmenu" title="Test 2">
<span class="ProductMenu_MenuItemBold">Test 2</span>
</a>
<br>
</td>
</tr>
</table>

<style>

.segment_test {
    background-color: blue;
    width: 172px;
    height: 40px;
}


#ProductmenuContainer_DIV {
    padding-bottom:50px;
    width:172px;
    overflow:hidden;
}



table#ProductMenu_Table br {
    display:none;
}

a.Deactiv_Productmenu {
    background-repeat:no-repeat;
    height:15px; #height:20px;
    width:165px; #width:172px;
    padding-top:2px;
    display:block;
    font-weight:bold;
    font-size:11px;
    padding-left:12px;
    font-family:tahoma, verdana
}

a.Deactiv_Productmenu {
    background-image: url('/design/bg.gif');
}

</style>