Contact Form 7 Margin Styling Issue

Question

I'm building a site for a small company (please take a look here) and I'm having an incredibly difficult time figuring out why I can't get the text boxes on the contact form (upper right corner) to line up correctly.

No matter what I do to the CSS, the margins are never even on the left and right side of the form fields. That's all I want is for the margins to be even on both sides.

This is a contact form 7 plugin on wordpress. All the inputs on the form are at 90% width currently. When I increase it to 100% width, I'd expect them to have the same width as their parent element (which is the form that they are contained in) but they don't. They are always longer than their parent element at 100% width. Can some one please give me a little insight as to how to fix this problem? Has anyone had this or a similar problem and knows how to fix it?

I'd post code, but I'm really not even sure which code to post. I have been inspecting the elements with firebug all day but I can't find the source of the problem. Any help is greatly appreciated as I am growing rather short tempered with this contact form. Thanks.

Answer 1

Do this:

 #sidebar #custom_cf7-3 .heading, #sidebar #custom_cf7-3 .wpcf7{

     margin-left:20px;
 }