﻿#nav-menus {
    display: none !important;
}
#gototop{
    display:none;
    position:fixed;
    bottom:10px;
    right:10px;
    width:100%;
    text-align:right;
    font-size:3em;
}
.form-group {
    min-height: auto;
    margin-bottom: auto;
}
.form-control{
    float:unset;
    width:100%;
}
#sortby, #holiday_code{
    width: auto;
}
.b {
    border: solid 1px transparent;
}

.fl {
    float: left;
}
.holiday_codes_mask_in li:nth-child(3n) {
    margin-bottom: 0px;
}
.content-wrap {
    margin-top: 156px;
    position: relative;
}
#search-loading, #no-results{
    display:none;
    font-size:2.5em;
    text-align:center;
    padding:40px;
    margin-top:20px;
    margin-bottom:20px;
}

.cat-product {
    padding-bottom:10px;
    margin-bottom: 75px;
    white-space: normal;
    overflow: hidden;
    margin-bottom: 10px;
    border: solid 1px lightgray;
    border-radius: 10px;
}
.product-thumb{
    position:absolute;
    top:0px;
    width:100%;
    height:80%;
    text-align:center;
    overflow:hidden;
    background-color:white;
}
.cat-product img.wide {
    max-width: 95%;
    max-height: 100%;
    height: auto;
}

.cat-product img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.product-description {
    max-height: 3em;
    overflow:hidden;
}

.cat-product img {
    height: unset;
    width: unset;
    max-height:100%;
}
.cat-product img {
    z-index: 8;
    margin-left: auto;
    margin-right: auto;
}
.favorite-action {
    position: absolute;
    top: 25px;
    z-index:10;
    left:10px;
    font-size:1.5em;
}

td > .favorite-action{
    position:relative;
    left:0px;
    text-align:center;
    top:0px;
    font-size:40px;
}
.favorite-action > div > a > .fa-heart, .favorite-action > div > a > .fa-heart-o, .favorite-icon > a > .fa-heart, .favorite-icon > a > .fa-heart-o {
    color: #c3202b;
    position: relative;
    z-index: 10;
    left: 0px;
    top: -5px;
}
input.commit.btn.quick-add-item {
    padding: 5px 11px 2px 11px;
    margin-top: -23px;
    margin-left: -7px;
}
a.product_link {
    display: inline-block;
    padding: 5px;
    width: 91%;
    position: relative;
    left: -4%;
}
.product-details{
    position:absolute;
    bottom:17px;
    bottom:17px;
    left:0px;
    width:100%;
    z-index:10;
    background-color:rgba(255,255,255,.9);
    text-align:center;
}
#search-filter > span, #search-order > span {
    padding-top: 5px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 5px;
    float:left;
}

.cat-product {
    float:left;
    margin-right:20px;
    margin-left:20px;
    max-width:unset;
    min-width:200px;
    min-height:400px;
    white-space: normal;
    margin-bottom: 30px;
    background:url(/images/white.gif);
}

.cat-product > .favorite-action, .product-details-image > .favorite-icon {
    position: absolute;
    top: 25px;
    font-size: 28px;
    margin-left: auto;
    margin-top: auto;
}

.cat-product p {
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    white-space: normal;
}
.cat-product.col-sm-3 {
    min-height: 250px;
}

.cat-product.col-sm-1{
    min-height:250px;
}

.cat-product.col-sm-1 form {
    width: auto;
}

.cat-product.col-sm-1 .favorite-action {
    top:9px;
    left:-2px;
}
.cat-product.col-sm-1 input.add-to-order {
    float: unset;
}
.cat-product input.add-to-order {
    float: unset;
}
.gridsize {
    cursor: pointer;
    min-height: 27px;
    overflow: visible;
    display: inline-block;
    border: solid 2px transparent;
}
.gridsize.selected {
    border: solid 2px black;
}
#search-results-info {
    padding-top: 7px;
    position: relative;
    z-index: 19;
}
#search-gridsize{
    padding-top:2px;
}
@media (max-width: 500px) {
    .cat-product {
        min-width: 100%;
    }
}
    @media (max-width: 768px) {
        .header {
            height: 64px
        }

        .header-extras {
            display: none;
        }

        img.logotiny {
            top: 9px;
        }

        .content-wrap {
            margin-top: 65px;
            position: relative;
        }

        #search-term {
            width: 120px;
        }

            #search-term input {
            }


        #search-filter select {
            width: 100px;
            font-size: 1em;
            float: left;
            max-width: 100%;
        }
        #search-order {
            max-width: 160px;
        }
        #search-order span {
            float: left;
            margin-top: 5px;
            margin-right: 10px;
        }

        #search-order select {
            max-width: 100%;
            font-size: 1em;
            float: left;
        }

        #search-gridsize {
        }
    }

    legend{
        margin-bottom:1px;
        margin-top:20px;
    }
label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 700;
    margin-top: 4px;
}