Jquery UI Slider different sizes ?

Jquery UI Slider different sizes ?

Can i make different size of sliders with jquery ui ?
I need to make a small slider and a bigger one (and with slightly different css)
I already made the big slider.
Here's what i got for the first slider (i customized the slider appearance):
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; top:20px;bottom:0;margin:auto;;width: 24px; height: 35px; cursor: pointer; background : url(images/SliderHandle.png) transparent; border : none;}
.ui-slider-horizontal { position: absolute; top:875px;left : 60px; width : 279px; height : 18px; background : url(images/SliderBar.png) transparent;}
:focus {outline:none;}

Now i need to make a smaller one with let's say a width of 100px.