Main Panel

• The main panel has white background and 10px padding from top, so modify this class.

1	#mainPanel { padding: 10px 0px 0px 0px; margin: 4px 4px 0 4px; background-color: #FFFFFF;  }

• Cut the main header(welcome image) from design and replace the image named as “image.jpg”.Set the width height and image display, for these changes modify this class

Also check or modify this(below) class for multiple images as background

• For Welcome text below the image modify this class like as,

• For Feature Product bar background cut the image of same height but 1px wide and replace the image with this image, and modify the below class.

• Set left image, the line-height for text and font styles from the class(below) .

• Cut the “add to cart” button from the design and replace it with image named as “cart_btn2.gif” with text on it. and modify these classes for layout.The container that displays product contain many classes.i have just to style the border around the cell and remove the padding because i want to set the actual width, comment the background because i have just white background.

• for cell that contains the product thumbnail, modify the below class

• for cell that contains the product details, modify the below class

There, the Main panel is done.