To help you with the customisation of your Wikilime shopping cart we have put together a simple style guide of the main elements that make up each online store. Hopefully you will find this helpful in referencing the CSS code.

View the layout guide here.

Element A - #mainTable
This is the main outter table that surrounds the entire shopping cart

Element B - #topPanel
This is the top panel for the site. The image header for your site sits inside this panel. You can also reference the image directly using #imageHeader.

Element C - #topMenu
The topMenu panel is where your menu items sit for navigating the cart.

Element D - #mainInnerCell
The mainInnerCell is where the main body of your shopping cart displays. This holds the products and page details for your online cart.

Element E - #bottomPanel
This is the main footer for your online store.

Element F - #smallBoxTop
This is the heading box for the menu that appears on the right.

Element G - #smallBoxBot
This is the footer box for the menu that appears on the right.

Element H - #smallBox
The smallBox element is the main content area for the menu that appears on the right. This includes the cart, faq and subscription menus.

Element I - #prodImage
This is the image of your product that appears on the main listing page.

Element J - #bottomSaleBox
This is the box that appears under the images on your main product page. Within this box you also have #SaleBoxText so that you can define the price text colour.