CSS - Amazon "Quick Linker" link format

Question

Hello,

For my site, I had a link black-colored with no underline, then with an underline when hovered. I turned this link into an Amazon "Quick Linker" link, and then it turned blue with an underline.

Someone on Stackoverflow told me to add !important to the CSS, but that didn't change the link format.

Any idea how I could turn this link to black-colored with no underline and still keep it an Amazon "Quick Linker" link?

Edit: I solved this problem thanks to Emily and Mike below. They told me how to find out where the CSS was coming from using Firebug.

Thanks in advance,

John

Here is the code for the link:

'<a type="amzn" category="books" class="links2">'.$row['site'].'</a>'

Here is the CSS for the link:

a.links2:link {
color: #000!important;
text-decoration: none!important;
text-align:left !important;
margin-top:6px !important;
margin-bottom:2px !important;
margin-left:2px !important;
padding:0px !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
height: 12px !important;
vertical-align:middle !important;
}

a.links2:visited {
color: #000!important;
text-decoration: none!important;
text-align:left !important;
margin-top:6px !important;
margin-bottom:2px !important;
margin-left:2px !important;
padding:0px !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
height: 12px !important;
vertical-align:middle !important;
}


a.links2:hover {
color: #000!important; text-decoration: underline!important; 
text-align:left !important;
margin-top:6px !important;
margin-bottom:2px !important;
margin-left:2px !important;
padding:0px !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
height: 12px !important;
vertical-align:middle !important;
}

a.links2:active {
color: #000!important;
text-align:left !important;
margin-top:6px !important;
margin-bottom:2px !important;
margin-left:2px !important;
padding:0px !important;
font-family:Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
height: 12px !important;
vertical-align:middle !important;
}

Answer 1

Is it possible that CSS is declared before the Amazon "Quick Linker"'s styles? The quick linker script could also be setting the !important declaration, which would take precedence over your own declaration. You would need to make sure your styles are set after the styles set by Amazon's script.