#product_selector							{ clear:both; padding-top:30px; }

#prod_filter								{ float:left; width:240px; }
#prod_filter.fixed							{ position:fixed; top:50px; }
#prod_filter > div							{ padding:20px 0; border-top:1px solid #dedede; }
#prod_filter > div:first-of-type			{ padding-top:0; border:none; }
#prod_filter > h3							{ display:none; }
#prod_filter h4								{ margin:0 0 6px; }

#prods										{ margin-left:270px; position:relative; padding-left:30px; border-left:1px solid #cccccc; }
#prods:before								{ display:none; position:absolute; content:''; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.15); z-index:10; opacity:0; }
#prods.loading:before						{ display:block; opacity:1; }
#prods:after								{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }

#prods_holder								{ background:#FFF; position:relative; z-index:1; float:left; width:100%; }
#prods_holder:after							{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
#prods_holder > div							{ padding:3%; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; float:left; width:50%; position:relative; }
#prods_holder > div.top1					{ border-top:none; }
#prods_holder > div.even					{ border-right:none; }
#prods_holder > div:after					{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
#prods_holder .img							{ float:left; width:135px; }
#prods_holder .img a						{ display:block; border:1px solid #999999; padding:10px; }
#prods_holder .img a:hover					{ text-decoration:none; box-shadow:0 0 3px 0 #444; }
#prods_holder .img img						{ display:block; max-width:100%; margin: 0 auto; }
#prods_holder .content						{ margin-left:150px; }
#prods_holder .content:after				{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
#prods_holder h2							{ font-weight:500; font-size:22px; line-height:1.1em; }
#prods_holder h2 > a						{ color:#003f69 !important; }
#prods_holder h2 > a:hover					{ color:#003f69 !important; }
/*#prods_holder .desc							{ float:left; width:50%; }
#prods_holder .specs						{ float:left; width:50%; padding-left:20px; }*/
#prods_holder .desc,
#prods_holder .specs						{ font-size:18px; line-height:22px; }
#prods_holder .desc p,
#prods_holder .specs p						{ margin:0; }
#prods_holder a.more						{ display:block; position:absolute; right:3%; bottom:0; }
#prods_holder a.more:hover					{ text-decoration:underline; }

#prods > #no-prods							{ position:absolute; top:0; left:0; width:100%; padding:20px 30px 0; z-index:0 !important; border:none; }
#prods #loading								{ display:none; position:absolute; left:50%; z-index:11; top:50px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); }
#prods.loading #loading						{ display:block; }

#prods.loading:before,
#prods_holder .img a,
#prods_holder a.more:before						{
 	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }


@media(min-width:1051px){
	#prods_holder > div.top2				{ border-top:none; }
}

@media(max-width:1050px){
	#prods_holder > div						{ width:100%; float:none; border-right:none; height:auto !important; padding:30px 6%; }
}

@media(max-width:700px){
	#prod_filter							{ float:none; width:100%; }
	#prod_filter > h3						{ display:block; }
	#prod_filter > div						{ background:#f1f1f1; padding:10px !important; border:none; margin-top:5px; }
	#prod_filter h4							{ padding-right:30px; position:relative; margin-bottom:0; }
	#prod_filter h4:before,
	#prod_filter h4:after					{ display:block; position:absolute; font-family:FontAwesome; content:'\f067'; font-weight:normal; top:3px; right:5px; }
	#prod_filter h4:after					{ content:'\f068'; opacity:0; }
	#prod_filter h4.open:before				{ opacity:0; }
	#prod_filter h4.open:after				{ opacity:1; }
	#prod_filter > div > div.field			{ display:none; padding-top:6px; }
	#prods									{ margin-left:0; padding-left:0; border:none; }
}

@media(max-width:450px){
	#prods_holder .img						{ float:none; width:100%; text-align:center; }
	#prods_holder .img a					{ display:inline-block; }
	#prods_holder .content					{ margin:20px 0 0; }
}