[SOLVED] Custom Widget Margins

I created a widget called "benefit-widget" and would like to have "0" margin for this specific widget. As is, the overall Atahualpa theme 3.7.1. adds a 15px margin at the bottom. Below this widget, I have a menu bar and so have an unwanted 15 pixel gap between this widget and the menu bar.

I tried adding this to the HTML/CSS Inserts:

div#benefit-widget { margin: 0 !important;}

I Tried,
div#benefit-widget { margin: -10 !important;}

I tried,
div#benefit-widget { margin: "" !important;}

I tried,
div#benefit-widget { margin: "0" !important;}

and I tried,
div#benefit-widget { margin: "0 0 0 0" !important;}


None of the above worked. Is this the correct way to specify a margin for a specific widget? I don't want to change margins for the other widgets -- only this one.

Thanks very much