/* это правила оформления. К скрипту отношения не имеют */
.sliderCont { position:relative; width:100%;  height:30px; float:left; margin-top:19px; margin-left:4px;}
.sliderCont .price	{ position:absolute; left:0; top:11px; color:#6a6b6b; font:bold 12px Arial, Helvetica, sans-serif;  width:50px; text-align:center; margin-left:-25px;}

/* А это правила для скрипта:  */
#slider {
	width: 290px;
	position:relative;
}

#slider .range{position:absolute;width:100%;z-index:2;font-size:11px;color:#6a6b6b;height:18px;}
#slider .range span{position:absolute;display:block;bottom:-10px;text-align:right;width:58px;}
#slider .range span:after{content:"";height:18px;width:1px;background-color:#6a6b6b;position:absolute;right:2px;top:-19px;}
#slider .range span.first{left:-4px;text-align:left;}
#slider .range span.last{right:-2px;}
#slider .range span.first:after,#slider .range span.last:after{display:none;}

.ui-slider {
	position: relative;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 15px;
	background:url(../images/range_bg.png) 0 0 no-repeat;
	cursor: pointer;
	margin-top:-1px;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}
.ui-slider-horizontal {
	 height: 8px;
}
.ui-slider-horizontal .ui-slider-handle { 
	top: -5px;
	margin-left: -6px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min { 
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-widget-content { 
	background: url(../images/range_bg.png) 0 -27px repeat-x #cfd0d0;
}
.ui-widget-header { 
	background: url(../images/range_bg.png) 0 -17px repeat-x #9c7d41;
}
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

