CSS
 

I edited skin1.css to include a background image.

Is it possible to create a seperate css file for each of the main pages so that a different background image appears on each of the pages?

.
 

I am sure it is possible but not sure how.

Easy way to do that is Html.

Just Edit each menu and put the code in table and set up colors and background images.

Detect the {$main} and change using smarty logic

Example something like this

{If $main eq ""}skin1.css {/if} (this would be home)

{If $main eq "help"}skin2.css {/if} (this would be helppage)

{If $main eq "cart"}skin3.css {/if} (cart etc etc etc)