/* это правила оформления. К скрипту отношения не имеют */
.formCost { margin-top: 9px; width: 136px; margin-bottom:20px; text-transform: none; color: #7f7f7f;}
.formCost {font-size: 9px;}

.formCost input {
	border: 1px solid #e9e7e3; border-left: 1px solid #95928c; border-top: 1px solid #95928c;
	width: 48px;
	font-size: 9px;
}

.sliderCont {
	width: 610px;
	position: relative;
}

.sub_filter {text-transform: none; font-size: 10px; padding-top: 7px; position: absolute; top: 20px; right: 20px; visibility: visible;}
.sub_filter a {color: #fc1808;}

.wrap_value {position: relative; font-size: 9px; color:#464646; text-align: center; height: 18px;}
	.lvalue {position: absolute; left: 0; padding-top:7px; background: url(../img/bg_glsl.gif) left top no-repeat; min-width: 30px; text-align: left;}
	.cvalue1 {position: absolute; left: 192px; padding-top:7px; background: url(../img/bg_glsl.gif) center top no-repeat; min-width: 30px;}		
	.cvalue2 {position: absolute; left: 389px; padding-top:7px; background: url(../img/bg_glsl.gif) center top no-repeat; min-width: 30px;}		
	.rvalue {position: absolute; right: 0; padding-top:7px; background: url(../img/bg_glsl.gif) right top no-repeat; min-width: 30px; text-align: right;} 		

/* А это правила для скрипта:  */
#slider {
	width: 136px;
}

.ui-slider {
	position: relative;
	text-align: left;
	zoom:1;
	z-index: 10;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 7px;
	height: 12px;
	background: url(../img/slider.gif) no-repeat;
	cursor: pointer;
	zoom:1;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	overflow: hidden;
	zoom:1;
}
.ui-slider-horizontal {
	 height: 3px;
}
.ui-slider-horizontal .ui-slider-handle { 
	top: -3px;
	margin-left: -3px;
}
.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;
}
.sliderCont .ui-widget-content { 
	background: url(../img/wid_bg1.gif) left top repeat-x;
}
.sliderCont .ui-widget-header { 
	background: url(../img/wid_bg.gif) left top repeat-x;
}
