
/******************************
 SUPER FILTER
*******************************/
.main-products {
    position: relative;
    height: 100%; }

.ie .main-products, .safari5 .main-products {
    width: 100%;
    display: table; }

.product-list .sf-loader {
    right: 0; }

.sf-loader {
    min-height: 2000px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
    font-size: 14px;
    z-index: 99;
    left: 0;
    top: 20px;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
.sf-loader span {
    padding: 5px 10px;
    display: block;
    -webkit-font-smoothing: auto; }

.side-column .journal-sf .box-filter > li {
    min-height: 0; }

.sf-reset {
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 99;
    transition: color .2s; }
.sf-reset .sf-reset-icon:after {
    font-size: 15px; }

.sf-reset-icon:after {
    content: "\e601";
    font-size: 14px;
    position: relative;
    margin-left: 5px;
    float: right; }

.sf-text {
    right: 7px; }
.sf-text .sf-reset-icon {
    display: none; }

.sf-icon {
    top: 10px; }
.sf-icon:before {
    border-top-color: #428bca;
    display: block; }
.sf-icon:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px; }
.sf-icon .sf-reset-text {
    display: none; }
.sf-icon .sf-reset-icon:after {
    font-size: 20px;
    position: relative;
    margin-left: 1px;
    top: -2px; }

.sf-price .ui-slider-horizontal {
    height: auto; }
.sf-price .ui-widget-content {
    border: none;
    background: white; }
.sf-price .ui-widget-header {
    background: #EA2E49;
    border: none; }
.sf-price .ui-slider-handle {
    width: 16px;
    height: 16px;
    top: 0;
    cursor: pointer;
    background: #428bca;
    border: 0;
    border-radius: 0;
    transition: background 0.2s; }
.sf-price .value {
    position: absolute;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: white;
    background: #428bca;
    top: 23px;
    left: 50%;
    margin: 0 0 0 -18px;
    min-width: 36px;
    text-align: center;
    display: block;
    padding: 2px 3px; }
.sf-price .value:after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-radius: 0;
    top: -12px;
    left: 50%;
    margin-left: -7px; }
.sf-price .price-range-both.value {
    min-width: 72px;
    margin: 0 0 0 -36px;
    top: 19px; }
.sf-price .price-range-both {
    display: none; }

.journal-sf {
    position: relative; }
.journal-sf img {
    height: auto; }
.journal-sf .box-content {
    display: block;
    overflow: auto; }
.journal-sf .sf-price .box-content {
    overflow: visible; }
.journal-sf:before {
    border-top-color: #428bca;
    display: block; }
.journal-sf:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px;
    border-radius: 3px; }
.journal-sf ul {
    border-radius: inherit;
    overflow: hidden;
list-style: none;
padding-left: 0;}
.journal-sf ul li {
    border-bottom: 1px solid #333745; }
.journal-sf ul li:last-of-type {
    border-bottom: none; }
.journal-sf ul label {
    width: 100%;
    display: block;
    transition: color 0.2s;
    font-weight: normal;
    margin: 0;
    padding: 0; }
.journal-sf ul label img {
    transition: border-color 0.1s; }
.journal-sf ul label input[type=checkbox] {
    position: relative;
    margin: 0 5px 0 0; }
.journal-sf ul.hide-checkbox label input[type=checkbox] {
    display: none; }

.journal-sf .sf-both ul label img {
    vertical-align: middle;
    margin: 0 5px 0 22px;
    float: left;
    display: block;
    max-width: 42px; }
.journal-sf .sf-both ul label .sf-name {
    line-height: 100%;
    vertical-align: middle;
    display: table-cell;
    height: 42px;
    max-width: 135px; }
.journal-sf .sf-both ul label input[type=checkbox] {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
.journal-sf .sf-both ul.hide-checkbox label img {
    margin-left: 0; }
.journal-sf .sf-both ul.hide-checkbox label input[type=checkbox] {
    display: none; }
.journal-sf .sf-image .box-content {
    overflow: hidden;
    max-height: 310px; }
.journal-sf .sf-image .box-content ul {
    padding: 0;
    display: block; }
.journal-sf .sf-image .box-content ul li {
    border-bottom: none !important;
    float: left;
    width: 25%;
    padding: 0; }
.journal-sf .sf-image .box-content ul label {
    width: 100%;
    display: block; }
.journal-sf .sf-image .box-content ul label img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    border-radius: 50%;}
.journal-sf .sf-image .box-content ul label input[type=checkbox] {
    display: none; }
.journal-sf .sf-image .box-content ul.hide-checkbox label input[type=checkbox] {
    display: none; }
