Override style of css class for some elements in page

I had to change the image of handle of jquery's slider control for some specific page, i have done that by below style, which i created in the page in which i had to change the image of slider's handel.

< style type="text/css" >
    .ui-slider-horizontal .ui-state-default
    {
        background: white url(../images/sliderhandle.png) no-repeat scroll 50% 50%;
    }
    .ui-slider-horizontal .ui-slider-handle
    {
        top: 0.9em;
        border: 0px;
    }
< /style >

Compiled By: Rajesh Rolen