/**
 * @category    Mana
 * @package     ManaPro_FilterSlider
 * @copyright   Copyright (c) http://www.manadev.com
 * @license     http://www.manadev.com/license  Proprietary License
 */

/* For All */
.m-filter-slider { margin: 10px 0 15px; }
/* Responsive layout */
.one-filter-column .m-filter-slider { margin-bottom: 20px;  }
.one-filter-column .m-slider-values { line-height: 25px; }
.one-filter-column .m-slider-values input { width: 50px; padding: 1px 3px; }

/* Default style - style1 */
.m-filter-slider { height: 17px; position: relative; background: transparent url(../images/manapro_filterslider/bkg_slider.png) 0 0 repeat-x; }
.m-filter-slider > .m-slider-from, .m-filter-slider > .m-slider-to { height: 17px; width: 17px; position: absolute; }
.m-filter-slider > .m-slider-span { height: 8px; position: absolute; background: none; border-bottom: 2px solid #969696; margin: 0; }
.m-filter-slider > .m-slider-from { background: transparent url(../images/manapro_filterslider/slider.png) 0 0 no-repeat; cursor: pointer; }
.m-filter-slider > .m-slider-to { background: transparent url(../images/manapro_filterslider/slider.png) -19px 0 no-repeat; cursor: pointer; }

.m-slider-values {text-align: center; margin-top: 3px; } 
.m-slider-values .m-slider-min-value { float: left; }
.m-slider-values .m-slider-max-value { float: right;}
.m-slider-selected-value {}

/* Style2 */
.m-filter-slider.style2 { height:9px; background: transparent url(../images/manapro_filterslider/bkg_slider2.png) center 0 repeat-x; }
.m-filter-slider.style2 > .m-slider-span { height: 3px; border-bottom: 3px solid #faa31e; }
.m-filter-slider.style2 > .m-slider-from, .m-filter-slider.style2 > .m-slider-to { height: 9px; width: 9px; border-radius:9px 9px 9px 9px; -moz-border-radius:9px 9px 9px 9px; -webkit-border-radius:9px 9px 9px 9px; background: #faa31e none; cursor:ew-resize;}
.m-filter-slider.style2 > .m-slider-from { margin-right: 1px; }
.m-filter-slider.style2 > .m-slider-to { margin-left: 1px; }
/* Touch screen slider style */
.one-filter-column .m-filter-slider.style2 > .m-slider-from,
.one-filter-column .m-filter-slider.style2 > .m-slider-to {
width:15px;
height:30px;
top:-7px;
}