.joy-slider .ui-slider
{
  margin: 4px auto 0px auto;
  width: 100%;
}

@media ( min-width: 40em )
{
  .joy-slider .ui-slider
  {
    width: 95%;
  }
}

.joy-slider .ui-slider-input
{
  display: none !important;
}

.joy-slider .ui-slider-track
{
  height: 8px;
  margin: 0px 15px;
}

.joy-slider .ui-slider-track .ui-btn.ui-slider-handle
{
  height: 24px;
  width: 24px;
  margin: -12px 0 0 -12px;
}

.joy-slider .ui-btn-up-c
{
        background:                     #00ACEC /*{c-bup-background-color}*/;
        background-image: -webkit-gradient(linear, left top, left bottom, from( #24C4FB /*{c-bup-background-start}*/), to( #0189D6 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #24C4FB /*{c-bup-background-start}*/, #0189D6 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #24C4FB /*{c-bup-background-start}*/, #0189D6 /*{c-bup-background-end}*/); /* FF3.6 */
        background-image:     -ms-linear-gradient( #24C4FB /*{c-bup-background-start}*/, #0189D6 /*{c-bup-background-end}*/); /* IE10 */
        background-image:      -o-linear-gradient( #24C4FB /*{c-bup-background-start}*/, #0189D6 /*{c-bup-background-end}*/); /* Opera 11.10+ */
        background-image:         linear-gradient( #24C4FB /*{c-bup-background-start}*/, #0189D6 /*{c-bup-background-end}*/); /*#9FDFF4 17C3FF */

}

.joy-slider .ui-btn-hover-c
{
        background:                     #38B4EC /*{c-bup-background-color}*/;
        background-image: -webkit-gradient(linear, left top, left bottom, from( #00ACEC /*{c-bup-background-start}*/), to( #299CDC /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient( #46CCFC /*{c-bup-background-start}*/, #299CDC /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient( #46CCFC /*{c-bup-background-start}*/, #299CDC /*{c-bup-background-end}*/); /* FF3.6 */
        background-image:     -ms-linear-gradient( #46CCFC /*{c-bup-background-start}*/, #299CDC /*{c-bup-background-end}*/); /* IE10 */
        background-image:      -o-linear-gradient( #46CCFC /*{c-bup-background-start}*/, #299CDC /*{c-bup-background-end}*/); /* Opera 11.10+ */
        background-image:         linear-gradient( #46CCFC /*{c-bup-background-start}*/, #299CDC /*{c-bup-background-end}*/); /* 00ACEC 00A0E0 */

}