[Theme: Time Turner] Layout issues with Woocommerce

Hey,

If you would like to see this for yourself you can go to: https://www.dtmstestingsite.com/2014
On the nav bar, HOVER over “Order Online” and click on “Order” when the menu drops down.

I’m a first time user of wordpress and am having some major trouble with woocommerce within the my Time Turner theme. I read Woocommerce documentation on how to “un-hook” parts of code so that the theme’s style would override woocommerce but when I did that it made it worse. I’m attaching screen shots to better give examples. This is the home page: https://www.dropbox.com/s/tv04uk70u2sye81/Screenshot%202014-05-18%2012.50.33.png

Specials: https://www.dropbox.com/s/ktk97bh43ppkcqt/Screenshot%202014-05-18%2012.51.16.png

I’m showing these only so you can see how bad my problem is. Now I go to the “Order” tab under “Order Online”: https://www.dropbox.com/s/bqnqfrkj671z2iy/Screenshot%202014-05-18%2012.52.48.png

I do have some pretty good knowledge with CSS, html, none with PHP but I can figure that out if I got some direction. I did get into the CSS file for Woocommerce and managed to pull the menu items off the left border but I know this isn’t the fix I need long term.

Any help is greatly appreciated.

Thanks