Different background images

Been searching and searching for a solution to this but to no avail...

Wondering how I might have different backgrounds for different zen cart pages. So for instance, I want to have a different background for my checkout process; as soon as the click checkout I want every page there after to have a different background image from the rest of the site.

Thoughts?

Here's my site starting with the checkout process, in case you want to reference it...

http://openheartthreads.com/products/index.php?main_page=login

Thanks in advance!
Robert

Check the readme in the classic css folder for the basic idea.

Thanks!

So I think I understand the concept but I'm still confused on application. Let me tell you what my understanding is...

So do I simply create a CSS page that has the name of the template page I want to change in the title? For instance...

main_page.css

and then add CSS styling to particular elements in that CSS document? So for a background add a background image styling to mainWrapper.

Of course if I did that to main_page it would apply it to the entire site. So what I guess I don't understand is how I know the actual name of a particular page.

So for instance if I wanted to change the background to the checkout login page what would the name of the new CSS file be?

This is all new to me really. I understand CSS but this is my first Zen Cart venture.

Thanks a ton!
Robert