﻿#leftRailFilters {
	position: relative;
	-webkit-transform: translateX(-240px);
	-moz-transform: translateX(-240px);
	-ms-transform: translateX(-240px);
	-o-transform: translateX(-240px);
	transform: translateX(-240px);
	-webkit-transition: .4s ease all;
	-moz-transition: .4s ease all;
	-o-transition: .4s ease all;
	transition: .4s ease all;
}

	#leftRailFilters .filtersRail {
		display: none;
		margin-top: 8px;
	}

		#leftRailFilters .filtersRail .yourSelections h5 {
			color: #424242;
		}

		#leftRailFilters .filtersRail .filterGroupLabel {
			margin-right: 4px;
		}

		#leftRailFilters .filtersRail a.collapseIcon:after {
			display: none;
		}

		#leftRailFilters .filtersRail a.collapseIcon:before {
			float: right;
			font-family: 'Glyphicons Halflings';
			font-size: 12px;
			content: "\e260";
			top: 4px;
		}

		#leftRailFilters .filtersRail a.collapseIcon.collapsed:before {
			content: "\e259";
			top: 4px;
		}

	#leftRailFilters .pushPanel {
		left: 240px;
	}

	#leftRailFilters.filtersOpen {
		overflow: hidden;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: .4s ease all;
		-moz-transition: .4s ease all;
		-o-transition: .4s ease all;
		transition: .4s ease all;
	}

		#leftRailFilters.filtersOpen .filtersRail {
			display: block;
			width: 75%;
			position: relative;
			float: left;
			z-index: 1;
		}

		#leftRailFilters.filtersOpen .pushPanel {
			width: 100%;
			left: 75%;
			position: absolute;
			z-index: 0;
		}

		#leftRailFilters.filtersOpen .loadingIconContainer {
			left: 0;
		}

/*@media (max-width:479px) {
	#leftRailFilters .pushPanel {
		margin-top: 10px;
	}
}

@media (min-width:768px) {
	#leftRailFilters .filtersRail {
		margin-top: 15px;
	}

	#leftRailFilters.filtersOpen .filtersRail {
		width: 50%;
	}

	#leftRailFilters.filtersOpen .pushPanel {
		left: 50%;
	}
}

@media (min-width:992px) {
	#leftRailFilters.filtersOpen .filtersRail {
		width: 25%;
		left: 0;
	}

	#leftRailFilters.filtersOpen .pushPanel {
		width: 75%;
		float: left;
		position: relative;
		left: 0;
	}
}*/

@media (min-width:1px) { /*1200px*/
	#leftRailFilters {
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
		-moz-transition: none;
		-o-transition: none;
		-webkit-transition: none;
		transition: none;
	}

		#leftRailFilters .filtersRail {
			display: block;
		}

		#leftRailFilters .pushPanel {
			left: 0;
		}
}

.filtersRail .panel-title a {
	color: #424242;
	display: block;
}

.filtersRail .panel-title .glyphicon {
	float: right;
	font-size: 12px;
	margin-left: 1em;
}

.filtersRail .filterLabel {
	width: 100%;
}

	.filtersRail .filterLabel:hover {
		color: #0081bc;
	}

.filtersRail .filterInfo, .filtersRail .filterCount {
	display: inline-block;
	margin-left: 4px;
}

.filtersRail .filterCount {
	margin-bottom: 4px;
}

.filtersRail .tooltip {
	min-width: 200px;
}

.filtersRail .panel-group {
	margin-bottom: 0;
}

.filtersRail .panel {
	box-shadow: none;
}

.filtersRail .panel-default {
	margin-bottom: 10px;
}

	.filtersRail .panel-default.display {
		display: block;
	}

	.filtersRail .panel-default .well {
		background-color: #fff;
		-webkit-border-top-left-radius: 0;
		border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		border-top-right-radius: 0;
		padding: 15px;
	}

	.filtersRail .panel-default .glyphicon-star {
		color: #0081bc;
	}

	.filtersRail .panel-default > .panel-heading {
		background-color: #e5e5e5;
		padding: 0;
	}

		.filtersRail .panel-default > .panel-heading:hover {
			background-color: #a4a4a4;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
		}

		.filtersRail .panel-default > .panel-heading a {
			text-decoration: none;
			padding: 10px 15px;
		}

.filtersRail .priceMax, .filtersRail .priceMin {
	width: 85px;
}

.filtersRail .priceMin {
	float: left;
}

.filtersRail .priceMax {
	float: right;
}

.filtersRail .cfSlider {
	margin: 16px 16px 4px 16px;
}
