third party site seal style override

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.

Anyone?

Try increasing your left column width

admin > config > layout settings > Column Width - Left Boxes
admin > config > layout settings > Column Width - Left

Try 170 or 180

kobra:

Try increasing your left column width

admin > config > layout settings > Column Width - Left Boxes
admin > config > layout settings > Column Width - Left

Try 170 or 180

180 did the trick. Doesn't seem to have thrown anything else askew either.

Thanks!