Products on very left margin

I have integrated my theme with woo commerce through the loop option. My store and product pages are aligned to very far left margin and right margin (http://penandcraft.com/workspace/product/race-for-autism-decal/). I tried the following two codes but both make my footer rise up and cover the pages:

1. div#container {
margin: 0 auto;
max-width: 990px;
padding: 60px 0;
position: relative;
width: 100%;
}
.woocommerce-page #sidebar {
float: left;
}
#content {
float: left;
margin: 40px 20px 40px 0 !important;
width: 680px !important;
}

2. div#container {
width: 100%;
height: auto;
}
div#content {
width: 68%;
float: left;
padding: 4rem;
box-sizing: border-box;
}

Any other help would be amazing! Thank you so much!!

https://wordpress.org/plugins/woocommerce/