third party site seal style override

[plc613]

Hi all.

I've been working on a sidebox to display the security on my site. I've got it down to the fine tuning of the elements in css.

Problem: I'm using a site seal that employs a javascript to call the element. The id tag is pulling in style elements I don't care for. If I edit the id the seal doesn't work. Since they've applied an !important entry I can't override it in that fashion.

Here's the code in the tpl_ file:

  $content .= '   <!-- Do not alter for the seal to work properly -->
    <div id="sslsSiteSeal">
        seal by <a href="http://ssls.com/">SSLs.com</a>
    </div>';

The associated <style> pulled in by the third party:

element.style {
display: inline-block !important;
text-align: center !important;
background-color: #FFF !important;
padding: 0px 22px !important;
border-radius: 40px !important;
overflow: hidden !important;
}

Ultimately, all I really want to do is either:
reduce the padding to: padding 0px 12px; & border-radius: 30px;
or kill padding and radius altogether. Both would render an acceptable look for my site.

You can view the results in my dev site but since it's an ssl seal it doesn't show the actual seal but the size is the same nonetheless.
My dev site is dev DOT littlecloset DOT ca
My live site is: littlecloset DOT ca where you can see the full effect.