How to use different .ui classes?

How to use different .ui classes?

Hello.

I have used jquery-ui's accordion in my pages but I want to have 3 different type of that.

I have styled  .ui-widget-content , .ui-state-default and .ui-widget-header classes to build an accordion for my footer but actually it impresses other ui elements.

Now I want to have another accordion with a different style and want to give another properties and values to those classes .

How should I do that?

Thanks in advance.