Need help with CSS code to override theme CSS

I have a small problem with my Gravity Forms CSS conflicting with my site's theme CSS.

First of all, I suck at CSS. :)

Basically, here is the problem that I am having:
- Bullets before each element
- No border around the form field elements (text areas, dropdowns, etc.)
- Small, nearly invisible Submit button.

So in doing some research, I fixed the bullet issue by using some code here on this site. Thanks for that.

However, I cannot seem to fix the other two. Here is the code that I am using on my themes main CSS file. Can someone tell me what I need to change to fix my problems?

The form is currently here:
http://www.camaroz28.com/extras/bbomg-form-test/
(I hope no one find it and uses it, it is not complete yet! :))

/*---- Remove bullets ----*/
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
 list-style-type:none!important;
 list-style-image:none!important;
 list-style:none!important;
 background-image:none!important;
 background:none!important;
 padding:0!important;
 margin:0!important }

/*---- Give form fields border ----*/
body .gform_wrapper form .gform_body input,
body .gform_wrapper form .gform_body textarea, {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 2px;
}

/*---- Style submit button ----*/
body .gform_wrapper .gform_footer input[type=submit] {
    background:#888888; color:#000000; font:bold 15px Tahoma, Verdana, Helvetica, sans-serif; padding:2px;
}

Any help is appreciated!

-Jason

Thanks, but that is to keep a border=0 for the search box in the upper right hand corner of the site.

Like I said, I suck at CSS so if there is a better way of doing things, I am all ears! :)

No problem, yeah when I remove that declaration nothing changes about the search box at the top. Speaking of, that input is in it's own id (id="search") so if you want to do something special to just that one input, you should target it that way.