#loading{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('images/load.gif') 
        50% 50% 
        no-repeat;
    background-size: 150px 150px;
}

.products {
    font-size: 1.5em;
    display:inline-block; 
}

.products-per-page {
    display:inline;
    width:auto;
}

.products-header {
    font-size: 1.5em;
    font-weight: bold;
}
.products-label {
    font-size: 1.25em;
}

.products-measure {
    font-size:1.25em;
}

.products-code {
    color: blue;
    font-size: 1.5em;
    font-weight: 600;
}

.price {
    color:red; 
    font-weight: 600;
}

.price-whole-part {
    font-size: 2.25em;
    font-weight: 600;
}

.price-fraction-part {
    font-size:1.25em;
    font-weight: 600;
}

.products-row {
    margin-bottom: 5px;
}

.products-line, .products-line-header {
    border: 1px;
    border-style: solid;
    border-color: #808080;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-top: 1px; 
    padding-bottom: 1px; 

}

.striped > .products-row:nth-child(even) > .products-line {
    background-color: rgba(255, 255, 255, 0.50);
}

.striped > .products-row:nth-child(odd) > .products-line {
    background-color: rgba(172, 196, 213, 0.50);
}

.price-list > div{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.price-list > div > a > img{
    max-width: 34px;
    max-height: 34px;
    padding-left: 3px;
}

.price-list > div > span, a{
    vertical-align: bottom;
}

.no-results-text {
    font-size: 2.5em;
    padding-bottom: 20%;
}

@media (min-width: 768px) {
    .line-top-padding{
        padding-top: 2%;
    }

    .line-top-padding-text{
        padding-top: 2%;
    }

    .line-top-padding-price{
        padding-top: 1%;
    }

    .products-text-right {
        text-align: right;
    }

    .products-text-center {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .products {
        font-size: 1.2em;
        display:inline-block; 
    }

    .products-header {
        font-size: 1.2em;
        font-weight: bold;
    }
    .products-label {
        font-size: 1em;
    }

    .products-measure {
        font-size:1em;
    }

    .products-code {
        color: blue;
        font-size: 1.5em;
        font-weight: 500;
    }

    .price {
        color:red; 
        font-weight: 500;
    }

    .price-whole-part {
        font-size: 1.5em;
        font-weight: 500;
        white-space: nowrap;
    }

    .price-fraction-part {
        font-size:1em;
        font-weight: 500;
    }
}
.image-container {
    display: block;
    max-width: 110px;
    width: 110px\9;
    width: 100%;
    background-color: #FFF;
}

.image-thumbnail{
    position: absolute;
    max-width: 95%;
    max-height:90%;
    height: 99px\9;
    width: auto\9;
    margin:auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 2px;
}

.prod-thumb {
    background-color: #fff;
    height: 18%;
    height: 110px\9;
    border-radius: 3px;
    border: 1px solid;
    border-color: #DDDDDD;
    float: right;
}

.btn-paging-older {
    border: none;
    background-repeat: no-repeat;
}

.btn-first-older{
    background-image: url('images/btn-first.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-last-older{
    background-image: url('images/btn-last.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-next-older{
    background-image: url('images/btn-next.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-previous-older{
    background-image: url('images/btn-previous.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-first-older-disabled{
    background-image: url('images/btn-first-disabled.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-last-older-disabled{
    background-image: url('images/btn-last-disabled.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-next-older-disabled{
    background-image: url('images/btn-next-disabled.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.btn-previous-older-disabled{
    background-image: url('images/btn-previous-disabled.png');
    background-repeat: no-repeat;
    background-position: center;
    font-size:0px !important;
    display: inline-block;
    padding: 14px !important;
    border-color: #ccc !important;
}

.products-line-older, .products-line-header-older {
    border: 1px;
    border-style: solid;
    border-color: #808080;
    padding-top: 1px; 
    padding-left: 2px;
    clear: both;
}

.products-line-header-older {
    padding-bottom: 30px;
}

.products-line-older{
    padding-bottom: 115px;
}

.image-thumbnail-older{
    display: block;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 2px;
}

.prod-thumb-older {
    background-color: #fff;
    height: 110px;
    border: 1px solid;
    border-color: #DDDDDD;
}