CSS Hyperlink with Trebuchet MS

[Brachole]

I'm trying to apply this CSS to a hyperlink and for some reasons, it doesn't work. Any other font I use with this works, except for Trebuchet MS...

a.LinkTrebuchet:link {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
color: #000000;
text-decoration: none;
}
a.LinkTrebuchet:visited {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
color: #000000;
text-decoration: none;
}
a.LinkTrebuchet:hover {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
color: #CCCCCC;
text-decoration: none;
}
a.LinkTrebuchet:active {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
color: #000000;
text-decoration: none;
}

Any workaround? It doesn't works in IE, Firefox, Safari, Opera or Chrome

[KDLA]

Try putting "trebuchet ms" in all lowercase letters.

[Brachole]

I tried that...no go!

Checkout the page: http://www.stoddardenginesilencers.com/test.asp

Look in the middle of the page, where it says Spark Arresting Silencers...see compared to the other 2?

[KDLA]

Well, the class you've got applied to it doesn't match the CSS you've documented above:
LinkTrebuchetBlack_GreyHover_14

[Brachole]

I had just changed the name of the class to make it easier to type in this forum...I changed it to the class above, still the same!

[KDLA]

You might take a look at this: http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.stoddardenginesilencers.com%2Ftest.asp

Some errors in color settings may be causing part of the problem. Sometimes an error one place will cause the rest of the CSS to be read incorrectly or not at all.

[Andyram2k]

Hi Brachole,
This works for me:

font-family: 'Trebuchet MS', Helvetica, sans-serif;

Hopefully this should resolve your issue.