/*----------------------------------------------------------------------
DEFAULTS
----------------------------------------------------------------------*/
/* inactive slider */
.ui-slider {
	width: 100%;
	height: 8px;
	position: relative;
	padding: 0;
	margin: 0;
	background:
		-webkit-linear-gradient(top,
			#dddddd 0%,
			#e7e7e7 100%);
	background:
		-moz-linear-gradient(top,
			#dddddd 0%,
			#e7e7e7 100%);
	background:
		-ms-linear-gradient(top,
			#dddddd 0%,
			#e7e7e7 100%);
	background:
		linear-gradient(top,
			#dddddd 0%,
			#e7e7e7 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dddddd, endColorstr=#e7e7e7)';
	background-color: #dddddd;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-ms-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	outline: none;
	cursor: pointer;
}
/* active slider */
.ui-slider .ui-slider-range {
	height: 8px;
	display: block;
	position: absolute;
	z-index: 1;
	background:
		-webkit-linear-gradient(top,
			#f84a52 0%,
			#ee3a43 100%);
	background:
		-moz-linear-gradient(top,
			#f84a52 0%,
			#ee3a43 100%);
	background:
		-ms-linear-gradient(top,
			#f84a52 0%,
			#ee3a43 100%);
	background:
		linear-gradient(top,
			#f84a52 0%,
			#ee3a43 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f84a52, endColorstr=#ee3a43)';
	background-color: #ee3a43;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-ms-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	outline: none;
	}
/* slider handles */
.ui-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 2;
	padding: 0;
	background:
		-webkit-linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	background:
		-moz-linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	background:
		-ms-linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	background:
		linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee)';
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-ms-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	border: 0;
	outline: none;
	}
.ui-slider .ui-slider-handle:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	background:
		-webkit-linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	background:
		-moz-linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	background:
		-ms-linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	background:
		linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6babeb, endColorstr=#519ce8)';
	background-color: #519ce8;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-ms-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	outline: none;
	cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -2px;
	margin-left: -2px;
}
.ui-slider-horizontal a:nth-child(3) {
	margin-left: -10px;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-slider-horizontal .ui-slider-range {
	height: 100%;
	top: 0;
}
.ui-slider-range-min {
	left: 50px;
}
.ui-slider-range-max {
	right: 50px;
}
.ui-slider:before,
.ui-slider:after {
	content: '';
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: -2px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	color: #ee3a43;
}
.ui-slider:before {
	content: '$';
	left: -13px;
}
.ui-slider:after {
	content: '$$';
	right: -21px;
}

/*----------------------------------------------------------------------
LAYOUT
----------------------------------------------------------------------*/
.price-label {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	display: block;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	color: #888;
	text-align: center;
	opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear 1s;
  -moz-transition: all 0.3s linear 1s;
  -ms-transition: all 0.3s linear 1s;
  transition: all 0.3s linear 1s;
}
.price-label.show {
	opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.price-label-low,
.price-label-high {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

/*----------------------------------------------------------------------
HERO OVERRRIDES - DEFAULTS
----------------------------------------------------------------------*/
/* inactive slider */
.hero .ui-slider {
	width: 100%;
	height: 8px;
	position: relative;
	padding: 0;
	margin: 0;
	background:
		-webkit-linear-gradient(top,
			rgba(0,0,0, 0.2) 0%,
			rgba(0,0,0, 0) 100%);
	background:
		-moz-linear-gradient(top,
			rgba(0,0,0, 0.2) 0%,
			rgba(0,0,0, 0) 100%);
	background:
		-ms-linear-gradient(top,
			rgba(0,0,0, 0.2) 0%,
			rgba(0,0,0, 0) 100%);
	background:
		linear-gradient(top,
			rgba(0,0,0, 0.2) 0%,
			rgba(0,0,0, 0) 100%);
	background-color: rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.06) inset;
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.06) inset;
	-ms-box-shadow: 0 0 0 1px rgba(0,0,0, 0.06) inset;
	box-shadow: 0 0 0 1px rgba(0,0,0, 0.06) inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	outline: none;
	cursor: pointer;
}
/* active slider */
.hero .ui-slider .ui-slider-range {
	height: 8px;
	display: block;
	position: absolute;
	z-index: 1;
	background:
		-webkit-linear-gradient(top,
			rgba(0,0,0, 0) 0%,
			rgba(0,0,0, 0.1) 100%);
	background:
		-moz-linear-gradient(top,
			rgba(0,0,0, 0) 0%,
			rgba(0,0,0, 0.1) 100%);
	background:
		-ms-linear-gradient(top,
			rgba(0,0,0, 0) 0%,
			rgba(0,0,0, 0.1) 100%);
	background:
		linear-gradient(top,
			rgba(0,0,0, 0) 0%,
			rgba(0,0,0, 0.1) 100%);
	background-color: #fff;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-ms-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	outline: none;
	}
/* slider handles */
.hero .ui-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 2;
	padding: 0;
	background:
		-webkit-linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	background:
		-moz-linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	background:
		-ms-linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	background:
		linear-gradient(top,
			#ffffff 0%,
			#eeeeee 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee)';
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-ms-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 1px 2px 0 rgba(0,0,0, 0.15);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	border: 0;
	outline: none;
	}
.hero .ui-slider .ui-slider-handle:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	background:
		-webkit-linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	background:
		-moz-linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	background:
		-ms-linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	background:
		linear-gradient(top,
			#6babeb 0%,
			#519ce8 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#6babeb, endColorstr=#519ce8)';
	background-color: #519ce8;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-moz-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-ms-box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	box-shadow: 0 0 1px 1px rgba(0,0,0, 0.06) inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	outline: none;
	cursor: pointer;
}
.hero .ui-slider-horizontal .ui-slider-handle {
	top: -2px;
	margin-left: -2px;
}
.hero .ui-slider-horizontal a:nth-child(3) {
	margin-left: -10px;
}
.hero .ui-slider.ui-state-disabled .ui-slider-handle,
.hero .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.hero .ui-slider-horizontal .ui-slider-range {
	height: 100%;
	top: 0;
}
.hero .ui-slider-range-min {
	left: 50px;
}
.hero .ui-slider-range-max {
	right: 50px;
}
.hero .ui-slider:before,
.hero .ui-slider:after {
	content: '';
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: -3px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
}
.hero .ui-slider:before {
	content: '$';
	left: -15px;
}
.hero .ui-slider:after {
	content: '$$';
	right: -23px;
}

/*----------------------------------------------------------------------
HERO OVERRRIDES - LAYOUT
----------------------------------------------------------------------*/
.hero .price-label {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: -19px;
	display: block;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear 1s;
  -moz-transition: all 0.3s linear 1s;
  -ms-transition: all 0.3s linear 1s;
  transition: all 0.3s linear 1s;
}
.hero .price-label.show {
	opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero .price-label-low,
.hero .price-label-high {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}