Styling individual sideboxes/column size by page

Getting a little bit stuck on this one!

I need one or two of the sideboxes styled differently, and I've gotten a 'lil bit lost in the css.

I've used the template_default as my basis, and need to style the featured products sidebox for the main page (defined in the define pages editor).

Anybody got any pointers as to doing it without affecting the rest of them?

While I'm at it (tap yer foot while I'm asking...) is there any way to adjust the left and right column sizes dependant on page?

All answers gratefully received and payment via virtual beer :clap:

Did you read the CSS_read_me.txt file in the template_default/css folder? It's not real clear, but it does address the style-by-page thing.

Does the new stylesheet for the particular page overide the main style sheet?

Yes. That's the whole point of the page- (or category-) specific stylesheet process.

But don't duplicate all the stuff you don't want to change; just put in the definitions that you want to change for that particular page. All the rest of the definitions will be read from stylesheet.css.

Rob

And since the column/box widths are set in admin and output in the HTML source (which has highest styling priority), you will need to use !important in your stylesheet to override that.

width: 169px !important;