[Solved]opencart 2 display radio/image options horizontally

I am having lots of trouble - I would like to display my radio & image options horizontally in opencart 2.0.1.1 using table classes. How would I achieve this? I have tried the steps in the following this post.
http://forum.opencart.com/viewtopic.php?f=182&t=135844 and have tried to edit the catalog/view/theme/default/template/product/product.tpl file but get bad results by setting the class="radio" to `class="radio inline-block"` and changing class="checkbox" to class="checkbox inline-block" and adding this line of code to the bootstrap.min.css

/* Make radio and checkbox display inline*/
.inline-block {
display:inline-block;
}

On my previous store I have used a free vQmod XML to achieve the desired results but this no longer works for opencart as the frontend is now using Twitter Bootstrap. I am using the default theme. If this helps I am attaching the XML from my previous store if anyone can help me figure it out.


horizontal options opencart 1.5.6.4 XML

Try this: http://www.opencart.com/index.php?route ... on_id=6787