Align Elements to Remove a Gap
 

Our site uses Joomla and X-Cart. It was decided before I started working on this that we would use both and just make the two templates look identical to each other so that when a user is on the catalog it appears the same as the Joomla side of the site.

Our development site is:

http://develop.aircomponents.com

and our xcart directory is /shop

http://develop.aircomponents.com/shop

Right now it is in need of some updating on the /shop side.

We have a gap between elements that is noticeable on the /shop pages

here is the gap on the x-cart side:

http://develop.aircomponents.com/shop/images/xcart.png

here is the joomla side and no gap:

http://develop.aircomponents.com/images/joomla.png

Any help is appreciated.

Thanks