reducing woocommerce column spacing

I am trying to narrow the space between columns in woocommerce 2.4.3 on a product page/category page. I want to keep the left product aligned to the left side of the page and the right product aligned to the right in a three column arrangement. I want to reduce the white space between the product. The CSS that I have applied so far is,

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 1px 10px 0.1em 1px;
    padding: 0;
    position: relative;
}

and this does allow me to reduce the spacing, however it does not align the third column to the right of the page. You can view an image here of the problem. I have also tried this targeting the last item with this, but have not had any luck

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0px !important;
}

I would really appreciate it someone had some advise or suggestions to help me out.
Thanks