Hello, i have a table embedded in another table, when i apply a class to a table cell ie:

<td height="60" valign="top" class="sectionImportant">Important! Click here
</td>

all works except the link values. class in question is:

.sectionImportant {
FONT-SIZE: 8pt; COLOR: White; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff0000; TEXT-ALIGN: left; TEXT-DECORATION: none;
font-weight: bold; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}
A.sectionImportant:link {
FONT-WEIGHT: bold; COLOR: Blue; BACKGROUND-COLOR: #ff0000; TEXT-DECORATION: underline; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}
A.sectionImportant:visited {
FONT-WEIGHT: bold; COLOR: Blue; BACKGROUND-COLOR: #ff0000; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}
A.sectionImportant:hover {
FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff0000; TEXT-DECORATION: underline; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}