/* Everything in this file is related to the search page */

/* Left navigation with filter */

.filter-sidenav {
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 0 10px 10px 10px;
    background-color: #fefefe;
    border-radius: 0;
}

    .filter-sidenav .price-bar {
        padding-top: 10px;
        margin: 10px;
    }

    .filter-sidenav .panel-heading {
        cursor: pointer;
    }

    .filter-sidenav h3 {
        margin: 0;
        padding: 0;
    }

    .filter-sidenav .btn {
        border: none !important;
        float: right;
        padding: 0 !important;
    }

.price-bar input {
    padding: 0 10px;
    height: 40px;
}

.search-row-item {
    padding-bottom: 15px;
}
/* Sorter component (top left) */

.sorter {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    color: #343c48;
}

    .sorter li {
        float: left;
        padding-right: 10px;
        text-rendering: optimizelegibility;
        color: #343c48;
        color: #eeeeee;
        background-color: #fefefe;
        background-image: none;
        border: 1px solid #eeeeee;
        padding: 7px 15px;
        margin-right: 5px;
        border-radius: 7px;
    }

    .sorter a {
        color: #343c48;
    }

/* Back to top button */

#back-top {
    position: fixed;
    bottom: 170px;
    margin-right: 0px;
}

    #back-top a {
        width: 50px;
        display: block;
        text-align: center;
        font: 11px/100% Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        /* background color transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        color: #000000;
    }
    /* arrow icon (span tag) */
    #back-top span {
        width: 50px;
        height: 50px;
        display: block;
        background: url("/skins/JewelersBeLux/up-arrow.jpg") no-repeat center center;
        /* background color transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

.collapse {
    transition: height 0.01s;
}

/* Price below image */

.price, .price h3 {
    font-family: 'Lato';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: normal;
    display: block;
    padding-bottom: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #c1903e;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 500;
}


/* Loader style for images */

.loading {
    background: url("/skins/JewelersBeLux/loader.gif") no-repeat center center;
    min-height: 66px;
}

.loaded {
    background-position: center center;
    background-repeat: no-repeat;
}