h1.feature-list-page-title{
    float: left;
    line-height: 1.3;
    margin-top: 0;
    width: 53%;
	color: #F8EB2A;
	font-size: 24px;
	margin-left: 15px;
}

.filter-list-col {
	width: 170px;
}


.filter-list-col > h1{		
	font-size: 15px;
	text-align:center;
	display:block;
	border-top: 1px solid #ff700d;
	border-bottom: 1px solid #ff700d;
	padding: 10px 0;
	text-transform:uppercase;
	margin: 0 0 10px 0;

}

a#clear-all-filters{
	background:#333333 url(/images/delete_item_icon_sm.png) 8px 50% no-repeat;
	padding: 5px 5px 5px 20px;
	margin: 20px 5px;
	border: 1px solid #3d3d3d;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	color:#fff;
	text-transform:uppercase;
	display:block;
	clear:both;
	font-weight:bold;
	font-size: 11px;

	
}

a#clear-all-filters:hover{
	text-decoration:none;
	background-color:#FF700D;
	border-color:#FF700D;
	color: #753407;
	background-image:url(/images/delete_item_icon_sm-brown.png);
}

.filter-wrapper{
	border:1px solid #4a4a4a;	
	margin: 10px 0;
}


.filter-criteria-box{
	margin: 20px 0;
	font-size: 12px;
	clear:both;
}

.filter-criteria-box .header{
	background:url(/images/filters/filter-box-header-bg.png) top left repeat-x;
	margin: 0;
	cursor:pointer;
	height: 25px;
}

.filter-criteria-box .header:hover{
	background:url(/images/filters/filter-box-header-bgR.png) top left repeat-x;	
}


.filter-criteria-box h2{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px !important;
	line-height: 1.2;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background: #161616;
	padding: 0 5px 0 5px;
	display:inline;
	margin: 0 0 0 10px;
	float:left;
	
	
	max-width: 70%;	
	
	
}

.filter-criteria-box .header:hover h2{
	color:#ff700d
}


.filter-criteria-box  a.toggle-btn{
	display:block;
	float:right;
	background:url(/images/filters/filter-toggle-close.png) left center no-repeat;
	width: 22px;
	height: 15px;
	text-indent: -9999px;
	margin-right: 2px;
}

.filter-criteria-box.close a.toggle-btn{
		background:url(/images/filters/filter-toggle-open.png) left center no-repeat;
}

.filter-criteria-box .header:hover a.toggle-btn, .filter-criteria-box  a.toggle-btn:hover, .filter-criteria-box.close a.toggle-btn:hover{
	background-position: right center;	
}



.filter-criteria-box ul{
	font-size: 12px;
	margin: 0px 5px 5px 15px;
}


.filter-criteria-box ul li{
	margin: 8px 0;	
	overflow:auto;
	
}


.filter-criteria-box.close ul{
	display:none;	
}


.filter-criteria-box input[type="checkbox"]{
	margin-right: 5px;	
	color:#fff;
	cursor:pointer;
	float:left;
}


.filter-criteria-box input[type="checkbox"]:hover + label span{
	color:#999999;	
}

.filter-criteria-box label{
		cursor:pointer;
}


.filter-criteria-box input[type="checkbox"].checked + label span{
		color:#ffcc05;	
}


.filter-criteria-box label span, .single-select .filter-criteria-box .filter-options a span.counts{
	color:#666;
	display:block;
	float:right;
}

.filter-criteria-box label span.option{
	float:left;
	width: 80px;
	color:#fff;
}


.filter-criteria-box  li.see-more-options {
	margin-left: -10px;
}


b.color{
	display:block;
	 width:30px; 
	 height: 8px; 
	 margin-top: 3px; 
	 float:right	
}

.filter-criteria-box  li.see-more-options a{
	border:none;
	color:#FF700D;
	padding-right:0px;
}





.single-select .filter-criteria-box .filter-options{
	margin-left: 5px;
	margin-top: 10px;
	clear: both;
}	

.single-select .filter-criteria-box ul li {
	margin: 0;	
}



.single-select .filter-criteria-box .filter-options a {
	padding: 5px 5px 5px 10px;		
	border:none;
}

.single-select #slider a{
	padding: 0;	
}


.single-select .filter-criteria-box .see-more-options{
	margin-top: 10px;	
}


.single-select .filter-criteria-box .filter-options a:hover{
	background: #434343;	

}

.single-select .filter-criteria-box .filter-options a:hover span{
		color:#fff;
}


.single-select .filter-criteria-box .filter-options a.selected{
	background: #2b2b2b;
}

.single-select .filter-criteria-box .filter-options a.selected span{
		color: #fff;
}

.single-select .filter-criteria-box #color-options a{
	overflow:auto
}

.single-select .filter-criteria-box #color-options .option{
	display:block;
	width: 95px;	
	float:left;
}

#active-filters{
	padding: 5px;
	font-size: 12px;
	border:1px solid #FF700D;	
}


#active-filters #clear-all-filters{
	margin: 5px;	
}

#active-filters ul{
	margin: 5px 5px 10px 5px;	

}

#active-filters ul li a{
	display:block;
	background: #2B2B2B url("/images/delete_item_icon_sm.png") 95% center no-repeat;
	padding-right: 10px;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	margin-bottom: 0px;
	margin-top: -1px;
	line-height:  1.5;	
	
}



#active-filters ul li a:hover{
	color: #FF700D;	
}



/* ######################################## 

	Price Range Slider
	
########################################### */

#slider{
		border:1px solid #333333;
		 height: 10px; 
		 margin: 5px auto 5px auto;
		width: 75%;
		background:#a04000;	
}

.ui-slider .ui-slider-range {											
		background: #ff700d !important;
}


#min-range{
	float:left;
	margin: 0 10px;
	color:#666666;
}

#max-range{
	float:right;
	margin: 0 10px;
	color:#666666;
}


#current-range{
	clear:both;	
    color: #ff700d;
    font-weight: bold;
	margin: 5px 5px 5px 15px ;
	line-height:1;
	height: 25px;
}

#current-range div{
	float:left;	
	font-size: 16px;
	line-height: 1.2;
}

#current-range input:focus, #current-range input:hover{
	background:#fff;
	color:#000;	
}


#my_min, #my_max {
    border: 1px solid #333333;
    display: block;
    float: left;
    width: 40px;
    background: none;
    color: #ff700d;
	font-size: 15px;
    font-weight: bold;
}

#range-label{
	width: 99%;	
}

input.error{
	border:1px solid red !important;
	background:#fff !important;
	color:red !important;	
}

.error-msg{
	color:red;
	text-transform:uppercase;
	text-align:center;
	font-size: 11px !important;	
	margin: 0 0 5px 0px;	
	font-weight:bold;
	clear:both;
}



/* ##########################################

	Sort By Dropdown
	
############################################## */


.sort-by-dropdown{
	border:1px solid #ff700d;
	padding: 5px 5px 5px 5px;
	width: 205px;
	height: 20px;
	font-size: 12px;
	float:right;	
	margin: 0 10px 30px 0;
	position:relative;
	z-index:3;
	margin-bottom: 50px;
}



.two-col-right .sort-by-dropdown h3, .sort-by-dropdown h3{
	text-transform:uppercase;	
	display:block;
	float:left;
	font-size: 12px !important;
}



.sort-by-dropdown .list{
	width: 140px;
	position:absolute;
	z-index: 5;
	right: 5px;
	background:url(/images/dropdown-arrow-white.png)  95% center no-repeat;
}


.sort-by-dropdown .list:hover .current{
	color:#f8eb28;
	background:#363636 url(/images/dropdown-arrow-yellow.png)  95% center no-repeat;
}


.sort-by-dropdown .list:hover ul{
	display:block;
}




.sort-by-dropdown ul{
	display:none;	
	list-style:none;
	background:#363636;
	margin: 0px 0 0 0;
	padding: 5px 15px 10px 5px;


}
.sort-by-dropdown ul li{
	display:block;		
	padding: 3px;
	margin: 3px 0;
	border-bottom: 1px solid #515151;
	text-transform:uppercase;	

}
.sort-by-dropdown ul li a{
	display:block;	
	color:#fff;
	font-size: 11px;


}

.sort-by-dropdown ul li.active a{
	color:#696969;
}


.sort-by-dropdown .current{
	display:block;	
	color:#d1d1d1;
	padding: 0 5px;
	margin:0;
	text-transform:uppercase;
	cursor:pointer;
}
	


.sort-by-dropdown ul li a:hover{
	text-decoration:none;	
	color:#f8eb28;
}





/* ################################

   Multi color swatches edit 
 
 ############################### */




#filterHolder .filterLoading {
	text-align: center;
	margin: 30px 0px 0px 50px;
}

table.filterMultiColor {
    width: 100%;
    height: 8px;
    margin: 0px;
    width: 30px;
    border-spacing: 0;
	
	/* fix empty table cell issues on browsers */
    border-collapse: separate;
    border: none;
    table-layout: fixed;
}

table.filterMultiColor td {
    padding: 0px;
    margin: 0px;
    /* ---- the comment below is fixed with the above --- 
	The line below takes away unwanted borders in FF and IE, but makes the whole multi swatch disappear in chrome */
    border-style: none;
}