.clearfix:before, #productsFilter .filterBlock:before, .clearfix:after, #productsFilter .filterBlock:after { content: " "; display: table; }
.clearfix:after, #productsFilter .filterBlock:after { clear: both; }

#productsContainer { min-width:100%; position: relative; overflow: hidden; -moz-transition: min-height 0.4s ease-out 0.4s; -o-transition: min-height 0.4s ease-out 0.4s; -webkit-transition: min-height 0.4s ease-out; -webkit-transition-delay: 0.4s; transition: min-height 0.4s ease-out 0.4s; }

#productsFilter { position: absolute; top: 5px; padding: 30px; background-color: #f2f0ed; width: 33.33%; right: -33.33%; font-family: futurabk; -moz-transition: right 0.5s ease-out 0.05s; -o-transition: right 0.5s ease-out 0.05s; -webkit-transition: right 0.5s ease-out; -webkit-transition-delay: 0.05s; transition: right 0.5s ease-out 0.05s; color: #afaead; }
#productsFilter.display { right: 5px; display: block; }
div.colorName, #productsFilter .filterBlock .filterBlockTitle { font-family: futurabk; font-size: 10px; text-transform: uppercase; padding: 10px 10px; border-bottom: 1px solid #afaead; margin: 20px 0; }
#productsFilter .filterBlock .filterElement label { color: #afaead; font-family: futurabk; }
#productsFilter .filterBlock .categoryFilterElement { display: block; float: none; padding: 5px 10px; }
#productsFilter .filterBlock .categoryFilterElement input { display: inline; }
#productsFilter .filterBlock .categoryFilterElement label { font-size: 14px; display: inline; }
#productsFilter .filterBlock .customTagsFilterElement { display: block; float: none; padding: 5px 10px; }
#productsFilter .filterBlock .customTagsFilterElement input { display: inline; }
#productsFilter .filterBlock .customTagsFilterElement label { font-size: 14px; display: inline; }
#productsFilter .filterBlock .customTagsFilterElement.imageFilter { float: left; }
#productsFilter .filterBlock .customTagsFilterElement.imageFilter input { display: none; }
#productsFilter div.optionsFilterblock .filterElementWrap { padding: 0 10px; }
#productsFilter div.optionsFilterblock input { display: none; }
#productsFilter div.optionsFilterblock label { display: inline-block; margin-right: 10px; margin-bottom: 10px; height: 28px; min-width: 32px; padding: 0 6px; line-height: 28px; text-align: center; border: 1px solid #afaead; font-size: 10px; -moz-transition: right 0.2s ease-out 0.05s; -o-transition: right 0.2s ease-out 0.05s; -webkit-transition: right 0.2s ease-out; -webkit-transition-delay: 0.05s; transition: right 0.2s ease-out 0.05s; }
#productsFilter div.optionsFilterblock label.selected { border: 2px solid #000; color: #000; }
#productsFilter div.optionsFilterblock label:hover { border-color: #000; cursor: pointer; color: #000; }
div.filterColumn, div.changeView1, div.changeView2 { -moz-transition: all 0.2s ease-out 0.05s; -o-transition: all 0.2s ease-out 0.05s; -webkit-transition: all 0.2s ease-out; -webkit-transition-delay: 0.05s; transition: all 0.2s ease-out 0.05s; }
div.filterColumn:hover, div.changeView1:hover, div.changeView2:hover { cursor: pointer; }
div.changeView1.selected, div.changeView2.selected{background-color: #afafaf;color:#fff }
div.changeView1.selected span.glyphicon, div.changeView2.selected span.glyphicon{color:#fff;}
@media (min-width: 768px) { div.filterColumn:hover, div.changeView1:hover, div.changeView2:hover { background-color: #e3e3e3; }
  div.filterColumn.on { background-color: #afafaf; }
  div.filterColumn.on:before { content: ""; display: block; position: absolute; border-width: 10px; border-style: solid; z-index: 1000; left: 50%; margin-left: -4px; border-color: #afafaf  transparent transparent transparent; bottom: -20px; }
  div.filterColumn.on .filterText { color: black; } }
@media (max-width: 767px) { #productsContainer { position: relative; overflow: hidden; }
  #productsFilter { width: 100%; right: -100%; bottom: auto !important; }
  #productsFilter.display { right: 0px; }
  .changeViewBackground3 { padding: 0; }
  div.filterColumn { margin: 0 -30px; background-color: #c1c1c1; }
  div.filterColumn .filterText { border-left: 4px solid white; color: #000; text-align: right; padding: 0 40px 0 20px; font-size: 12px; display: block; float: right; line-height: 50px; -moz-transition: background-color 0.1s ease-out 0.05s; -o-transition: background-color 0.1s ease-out 0.05s; -webkit-transition: background-color 0.1s ease-out; -webkit-transition-delay: 0.05s; transition: background-color 0.1s ease-out 0.05s; }
  div.filterColumn .filterText:after { width: 15px; position: absolute; content: " +"; }
  div.filterColumn .filterText:hover { background-color: #c8c8c8; }
  div.filterColumn.on .filterText { position: relative; background-color: #afafaf; }
  div.filterColumn.on .filterText:after { content: " -"; }
  div.filterColumn.on .filterText:before { content: ""; display: block; position: absolute; border-width: 10px; border-style: solid; z-index: 1000; left: 32px; border-color: #afafaf  transparent transparent transparent; bottom: -20px; } }
.inRowss div.productView1 div.productView1ImageTableContainer a.productView1ImageLink a.productView1ImageLink { max-width: 100%; }