section {
    position: relative;

    width: 100%;
    height: auto;

    margin-top: 20px; 
}

#slider {
    position: absolute;
    left: 50px;

    width: 500px;
     /* height: 12px; Was the right height with the previous icon */ 
    height: 6px;

    border-width: 1px;
    border-style: solid;
    border-color: #333 #333 #777 #333;
    border-radius: 25px;
    
    background-color: #8e8d8d;
    background: url("../../images/slider/bg-track.png") repeat top left;
    box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 
                      0 1px 0 0px rgba(250, 250, 250, .5);
}

.themeSlider .ui-slider-handle {
    position: absolute;
    top: -7px;
    z-index: 2;
    width: 25px;
    height: 25px;

    cursor: pointer;

    background: url("../../images/slider/handle.png") no-repeat 50% 50%;

    font-weight: bold;
    color: #1C94C4;

    outline: none;
    margin-left: -12px;
    
    border: 0;
}

.themeSlider .ui-slider-range {
    position: absolute;
    top: 0;

    height: 100%;

    background: -webkit-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); 
    border: 0;
    border-radius: 25px;
}

.themeSlider .ui-slider, .themeSlider .ui-slider-horizontal, .themeSlider .ui-widget, .themeSlider .ui-widget-content, .themeSlider .ui-corner-all {
    outline: none;
    
}

.themeSlider .ui-state-default, .themeSlider ui-corner-all {
    outline: none;
    
}

.themeSlider .ui-slider-range, .themeSlider .ui-widget-header, .themeSlider .ui-slider-range-min, .themeSlider .ui-state-hover {
    outline: none;
    
}

.themeSlider .ui-state-default, .themeSlider .ui-widget-content .themeSlider .ui-state-default, .themeSlider .ui-widget-header .themeSlider .ui-state-default {
    
}

.handleMark {
    width: 99px; height: 12px; float: left; border-left:thin; border-left-style: solid; border-left-color: rgb(125, 125, 125);    
}