Skjule elementer via stylesheet

Jeg har følgende kode med to TD'er (som jeg ikke umiddelbart har mulighed for at ændre på):

<td width="26" height="26" class="dwbsecuregrafik dwbsecureGraphics dwbsecureNavigationButton dwbsecureNavigationButtonSubmit">
<a href="java script:dwbsecureValidateSubmit(true)" tabindex="-1" onmousemove="window.status='Indsend';" onmouseout="window.status='©2001-2008'">
<img src="../gfx/Underskriv.gif" width="26" height="26" border="0"></a>
</td>
<td class="dwbsecureKnapper dwbsecureNavigationButton dwbsecureNavigationButtonSubmit" width="95">
<a href="java script:dwbsecureValidateSubmit(true)" name="dwbsecureNextsubmit" id="dwbsecureNextsubmit" class="dwbsecureKnapper dwbsecuretekst dwbsecurePanelText" onmousemove="window.status='Indsend';" onmouseout="window.status='©2001-2008'">&nbsp;Indsend</a>
</td>

Det jeg har brug for er, at skjule den første TD via et CSS stylesheet. Den anden TD skal fortsat vises.
Den første TD er karakteristikeret ved at have følgende klasse "class="dwbsecuregrafik dwbsecureGraphics dwbsecureNavigationButton dwbsecureNavigationButtonSubmit".

Jeg vil benytte display:none i mit stylesheet, men ved ikke hvordan jeg i CSS angiver at det kun skal være ved præcis ovenstående kombination af klasser display:none skal træde i kræft. Måske det også kan laves anderledes.

På forhånd tak og godt Nytår :)