changing style of sidebox content w/ stylesheet

I just added a Paypal logo on my website on the right side sidebox.

url is: https://www.tte.ca

As you can see the image itself is outside the sidebox a little and I have a blue line on the left side that needs to be removed. I know it can be altered through the stylesheet but I don't remember how. Any help would be appreciated:wacko:

There are a few things you can do:

1. either widen the sidebox in Admin > Configuration Layout Settings or shrink the PayPal image by a few px

2. using Firefox get the Firebug add-on to pin-point which part in the stylesheet to alter in order to get rid of the 'blue line'

As Frank said, the image is 150px wide, and so is that sidebox column, so you'll need to widen one or shrink the other.

The blue line is here:

.sideBoxContent {
background-color: #FFFFFF;
padding: 0.6em;
}

Something like this:

.sideBoxContent {
background-color: #FFFFFF;
padding: 0.6em 0em 0.6em 0em;
}

Thanks, that worked perfectly. Now how do I get the existing outside vertical lines to connect.
Again Thanks

That's where the first part comes in. The image is too wide for that box. Either open the image in your imaging software and narrow it a few pixels, or go to Admin - Configuration - Layout Settings and increase the width of the right sideboxes and column.

Thanks again guys. What I did is , since the logo was a paypal script, I downloaded just the actual pic and altered the size in my photo editor saved it to my directory and then just changed the url for the pic to my site and voila.
Let me know what you think