Hi,

Instead of duplicating it just override what you want.

For example suppose you want to override this:

.faqs{padding-top:20px}

Go into Page Settings and put a custom css class on the page where you want your faq. For example name the css class myfaq. The class will be applied to the body element.

Then you can override the style on that page like this:

.myfaq .faqs{padding-top:30px}

this makes a more specific css selector to make it possible to override style rules.

just make sure that the css file you put it in is lower in the list in style.config so it comes after the style you want to override.

Hope that helps,

Joe

All we're doing to wire up the faq is a snippet of javascript:

$('.faqs dd').hide();$('.faqs dt').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).click(function(){ $(this).next().slideToggle('normal'); });​

you can always add your own custom script with your own jquery class selectors then you can use whatever css classes you want.

the advantage of just overriding the style is that you don't have to add any script of your own.