/* Regmenu region, category, search overwrites  */

.mobile-wide-promo{
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 49px;
    position: relative;
}

/* Gift links menu */
.home-giftmenu {width:100%; height: auto; line-height:60px;background: #f0f9ff; text-align: center; font-size: 16px;color: #2c2624; display: block; overflow: hidden;}
.home-giftmenu a {font-size:18px; text-transform: uppercase;color: #2c2624; text-decoration: none; margin: 0 10px;}
.home-giftmenu a:hover {font-size:18px; text-transform: uppercase;color: #2891ce;border-bottom:4px solid #2891ce;}


/* Pagination toggle */
.results-header { background-color: #ffffff; width:100%; position: relative; text-align: center; height: 100%; padding-top: 10px;}
.results-header div.left{ font-size: 1.2rem; font-weight: normal;}
.results-header div.right{ font-size: 1rem; font-weight: normal;}
.results-header div.middle{ font-size: 1rem; font-weight: normal;}

.results-wrapper {width: 100%; height: auto;}

.results-footer { background-color: #ffffff; width:100%; position: relative; text-align: center; height: 100%; display: inline-block;}

.page-wrapper div { text-align: center; }
.page-wrapper div span {display: inline-block; margin-top: -13px; }
.page-wrapper .toggle {position:relative; display: inline-block; width:50px; font-size: 1.1rem; font-weight: normal; cursor: pointer; line-height: 40px; height: 50px; background: #ffffff;}
.page-wrapper .toggle .spacer {display: none;}
.page-wrapper .toggle-body {width: 100%;height: 100%; display: block; text-align: left; font-size: 0.9em;}
.page-wrapper .toggle span {margin-left:10px;}
.page-wrapper .menu {position: absolute; width: 50px; background: #ffffff; top: 30px; left:-10px; z-index: 50000; margin:0; padding: 0; text-align: left; border: 1px solid #f1f1f1; }
.page-wrapper .menu .item {list-style-type: none; margin: 0; border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;}
.page-wrapper .menu .item a {display: block;padding: 5px 10px 5px 20px; text-decoration: none;color: #2c2624; font-size: 1em; font-weight: normal; text-transform:none;}
.page-wrapper .menu .item a:hover {background: #f1f1f1;}
.page-wrapper span span {font-size: 1rem; font-weight: normal;}
.page-wrapper span strong {font-weight: bold;}

.sort-by { background-color: #ffffff; width:100%; position: relative; text-align: center; height: 100%; display: inline-block;}
.sort-by div { text-align: center; }
.sort-by span {display: inline-block; margin-top: -13px; font-weight: bold; font-size: 1em;}
.sort-by a {font-size:14px; color: #666666; text-decoration:none;padding:0 3px; }
.sort-by a:hover {text-decoration: underline;}
.sort-by .selected {padding-right:7px;margin-right:10px;}
.sort-by .selected a { font-size:14px; color: #000000;font-weight:bold; text-decoration:underline;padding:0 3px;}
.sort-by .asc {    background: url(../images/asc.gif) right no-repeat; }
.sort-by .desc{    background: url(../images/desc.gif) right no-repeat;}


.toppicks {width: 100%; height: auto;}
.toppicks .item {float:left; width:24%;margin-right:1%; margin-left:0;margin-bottom:1%; overflow:hidden; position: relative;}
/* line 14, ../sass/style.scss */
.toppicks .item .item-overlay {
    background: #422885; color: #ffffff;
    height: 100%;width: 100%;top: 0;left: 0;    position: absolute;
    opacity: 0; padding: 0; transition: opacity .5s;
}
.toppicks .item .item-overlay p {
    color: #fff; font-size: 0.7rem; text-align: left;
}
.toppicks .item:hover .item-overlay { opacity: .9; transition: opacity .5s;}

.toppicks .item a img {max-width: 100%; }
.toppicks .item .logo {width: 100%; height:auto;text-align: center; position:relative; overflow:hidden;margin-top:0;margin-bottom:0;background-size: cover;background-position: center;}
.toppicks .item .logo .strecher {width:100%;}
.toppicks .item .logo .realimg {position:absolute;z-index:2;left:0;top:-18%;margin:auto;text-align:center;width:100%;}

.toppicks .item .logo .realimg img {max-width: 100%; border:0 solid green;display:none;}
.toppicks .item .logo .noimage {width: 100%;height:100%;min-height:100px;}

.toppicks .item .info {height:115px;padding:0 5px; background-color: #352a52;}
.toppicks .item .name {text-align: left;max-width: 230px;overflow:hidden; line-height: 1.2; height: 35%;}
.toppicks .item .name a {text-decoration: none; color: #ffffff; font-size:13px; font-weight: bold;}
.toppicks .item .name a:hover { text-decoration: underline; }
.toppicks .item .price  {text-decoration: none; margin-top:-3px; color: #f4802d; font-size:13px; font-weight:bold; text-align: left;max-width: 230px;}

.toppicks .item .locations {text-decoration: none; margin-top:0; color: #ffffff; font-size:12px;text-align: left;max-width: 230px; height: 28%;}
.toppicks .item .expire {text-decoration: none; margin-top:0; color: #2891ce; font-size:12px;text-align: left;max-width: 230px;}
.toppicks .item .hover_cart {position: absolute; bottom: 1px; right: 7px;}
.toppicks .item .buy_cart {position: absolute; bottom: 1px; right: 2px; width:42%; height: auto; text-align: right;}

.item-overlay .item-overlay-body{margin:8px;width:81%;float:left; overflow:hidden;}
.item-overlay .item-overlay-body .subtitle {color: #ffffff;font-size:14px;}

.subbody {
    color: #ffffff;
    font-weight:normal;
    font-size:0.9em;
    line-height:1rem;
    margin:3px;
}

.subbody ul {margin-left:10px;padding-left:0;font-size:0.7em;margin-top:-16px;}
.subbody li {margin-left:10px;padding-left:5px;font-size:0.7em;}

.category-box .category-box-content{
    overflow: hidden;
    position: relative;
}

.category-box .category-box-content img{
    width:100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.category-box .category-box-overlay{
    background: transparent;
    color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0;
    transition: opacity .5s;
    display: block;
}

.category-box:hover .category-box-overlay {
    opacity: 1;
    transition: opacity .5s;
}

.category-box .category-box-overlay .title-box {
    color: #ffffff;
    font-size:2em;
    font-weight: 300;
    padding: 1em;
    border: 2px solid #ffffff;
    overflow: hidden;
}

.category-box .category-box-overlay .title-paragraph {
    color: #ffffff;
    font-size: 2em;
    font-weight: bolder;
    line-height: 1.1em;
    text-align: center;
    overflow: inherit;
}


.category-box .category-box-overlay .title-paragraph-box {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.1em;
    text-align: center;
    overflow: inherit;
    border: 1px solid white;
    display: inline-block;
    padding: 0.5em;
    min-width: 12em;
    margin-top: -15px;
    background: rgb(34,34,34); /* for IE */
    background: rgba(34,34,34,0.40);
}

/* Vertical center solution; does not work in IE7!! */
.vertical-center-outer{
    width: inherit;
    display: table;
    height: inherit;
    overflow: hidden;
}

.vertical-center-middle{
    display: table-cell;
    vertical-align: middle;
}

.vertical-center-inner{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-content: center;
}

#category-boxes-menu .item {float:left; width:24%;margin-right:1%; margin-left:0;margin-bottom:1%; border: none; overflow:hidden; position: relative;}
#category-boxes-menu .category-box-context {width: 100%; height:auto;text-align: center; position:relative; overflow:hidden;margin-top:0;margin-bottom:0;background-size: cover;background-position: center;}
#category-boxes-menu .item .strecher {width:100%;}
#category-boxes-menu .item .category-box .title-box {font-size: 0.9em;}
#category-boxes-menu .item .category-box .title-paragraph {font-size: 0.7em;}
#category-boxes-menu .item .category-box .title-paragraph-box {font-size: 0.7em; min-width: 10em;}


/* Screen mobile large, 4 columns */
@media only screen and (min-width : 979px) {
    .site-homeslider .category { display:block; }

    .toppicks .item {width: 24%;box-sizing:border-box; border: 1px solid #352a52;}
    .toppicks .item .info {height:120px; padding:0 5px; background-color: #ffffff;}
    .toppicks .item .name a {color: #352a52;}
    .toppicks .item .locations {color: #352a52;}
    .toppicks .item .buy_cart {position: absolute; bottom: 1px; right: 2px; width:42%; height: auto; text-align: right;}
    .toppicks .item .hover_cart {position: absolute; bottom: 1px; right: 7px; width:20%; height: 20%; text-align: right;}
    .toppicks .item .hover_cart img { right: -5px; bottom: -5px; position: absolute; width: 75%; height: auto;}

    #category-boxes-menu .item {width: 24%;display:block;}

    .home-giftmenu {height: 60px; overflow: hidden;}
    .home-giftmenu div.show-for-small-only{width:100%;}

    .results-footer div.left {display: none;}
    .results-footer div.right {display: none;}
}

/* Screen mobile large, 3 columns */
@media only screen and (max-width : 978px) {
    .site-homeslider .category { display:block; }

    .toppicks .item {width: 32.33%;box-sizing:border-box; border: 1px solid #352a52;}
    .toppicks .item .info {height:120px; padding:0 5px; background-color: #ffffff;}
    .toppicks .item .name a {color: #352a52;}
    .toppicks .item .locations {color: #352a52;}
    .toppicks .item .buy_cart {position: absolute; bottom: 1px; right: 2px; width:42%; height: auto; text-align: right;}
    .toppicks .item .hover_cart {position: absolute; bottom: -5px; right: 5px; width:20%; height: 20%; text-align: right;}
    .toppicks .item .hover_cart img { right: -5px; bottom: -5px; position: absolute; width: 75%; height: auto;}

    #category-boxes-menu .item {width: 32.33%;display:block;}

    .home-giftmenu {height: 60px; overflow: hidden;}
    .home-giftmenu div.show-for-small-only{width:100%;}

    .results-footer div.left {display: none;}
    .results-footer div.right {display: none;}
}

/* Screen mobile medium 2 columns */
@media only screen and (max-width : 910px) {
    body.on_product_list #site-homeftboxes-wrapper .pagination-header {display: none;}
    body.on_product_list .site-free-exchange-small-landscape { display: none; }
    body.on_product_list .mobile-wide-promo {margin-top: 78px; display: none;}
    body.on_product_list .site-free-exchange-small-portrait {display: none;}

    body.on_product_list .site-search {display: none;}
    body.on_product_list .site-regmenu {display: none;}
    body.on_product_list .site-logo-mobile-small {display:none;}
    body.on_product_list .site-search{ display:none; }
    body.on_product_list .site-regmenu{ display:none; }
    body.on_product_list .site-free-exchange-small-landscape { display: none; }
    body.on_product_list .mobile-wide-promo {display: none;}
    body.on_product_list .categ-breadcrumb {position: relative;}
    body.on_product_list .site-regmenusearch { position: relative; height:auto; top: 0;}

    body.on_product_list .categ-breadcrumb .le-logo {display: block; max-width: 50%; padding-top: 8px; padding-bottom: 12px;}
    body.on_product_list .categ-breadcrumb .le-logo .logo-big { display: block; }
    body.on_product_list .categ-breadcrumb .le-logo .logo-small { display: none; }
    body.on_product_list .categ-breadcrumb span {display:none;}
    body.on_product_list .categ-breadcrumb .toggle { display:block; width:260px; float: right; max-width: 80%; margin-top: 3%; font-size: 1.1em;}
    body.on_product_list .categ-breadcrumb .toggle-body {text-align: center;}
    body.on_product_list .categ-breadcrumb .toggle .menu {width:260px;}

    .results-header {display: none;}

    .toppicks .item-gt1 {display:block;}
    .toppicks .item-gt2 {display:block;}
    /*.toppicks .item-gt3 {display:none;}*/
    /*.toppicks .item-gt4 {display:none;}*/

    .toppicks .item {width: 49%;box-sizing:border-box; border: 1px solid #352a52;}
    .toppicks .item .info {height:120px; padding:0 5px; background-color: #ffffff;}
    .toppicks .item .name a {color: #352a52;}
    .toppicks .item .locations {color: #352a52;}
    .toppicks .item .buy_cart {position: absolute; bottom: 1px; right: 2px; width:42%; height: auto; text-align: right;}
    .toppicks .item .hover_cart {position: absolute; bottom: -5px; right: 5px; width:20%; height: 20%; text-align: right;}
    .toppicks .item .hover_cart img { right: -5px; bottom: -5px; position: absolute; width: 75%; height: auto;}

    #category-boxes-menu .item {width: 49%;}

    .home-giftmenu {height: 60px; overflow: hidden;}
    .home-giftmenu div.show-for-small-only{width:100%;}
    .home-giftmenu a span {display: none;}

    .results-header {display: none;}
    .results-footer div.left {width: 25%; text-align: right; display: inline-block;}
    .results-footer div.right {width: 25%; text-align: left; display: inline-block;}
    .results-footer .page-wrapper {width: 150px; margin:0 auto;}
    .results-footer .page-wrapper .toggle {display: none;}
    .results-footer {padding-bottom: 20px;}
}

/* Screen medium 1 column */
@media only screen and (max-width : 580px) {
    body.on_product_list #site-homeftboxes-wrapper .pagination-header {display: none;}
    body.on_product_list .site-free-exchange-small-landscape { display: none; }
    body.on_product_list .mobile-wide-promo {margin-top: 78px; display: none;}
    body.on_product_list .site-free-exchange-small-portrait {display: none;}

    body.on_product_list .site-search {display: none;}
    body.on_product_list .site-regmenu {display: none;}
    body.on_product_list .site-logo-mobile-small {display:none;}
    body.on_product_list .site-search{ display:none; }
    body.on_product_list .site-regmenu{ display:none; }
    body.on_product_list .site-free-exchange-small-landscape { display: none; }
    body.on_product_list .mobile-wide-promo {display: none;}
    body.on_product_list .categ-breadcrumb {position: relative;}
    body.on_product_list .site-regmenusearch { position: relative; height:auto; top: 0;}

    body.on_product_list .categ-breadcrumb .le-logo {display: block; max-width: 20%; padding-top: 8px; padding-bottom: 12px;}
    body.on_product_list .categ-breadcrumb .le-logo .logo-big { display: none; }
    body.on_product_list .categ-breadcrumb .le-logo .logo-small { display: block; }
    body.on_product_list .categ-breadcrumb span {display:none;}
    body.on_product_list .categ-breadcrumb .toggle { display:block; width:260px; float: right; max-width: 80%; margin-top: 6%; font-size: 1.1em;}
    body.on_product_list .categ-breadcrumb .toggle-body {text-align: center;}
    body.on_product_list .categ-breadcrumb .toggle .menu {width:260px;}

    .home-giftmenu {background-color: #fffdfd;height: auto; overflow: hidden;}
    .home-giftmenu .separator {display: none;}
    .home-giftmenu a span {display: none;}
    .home-giftmenu a{font-size:16px;}
    .home-giftmenu div.show-for-small-only div:hover {background-color: #f0f8fd;}
    .home-giftmenu div.show-for-small-only {width:100%;}
    .home-giftmenu div.show-for-small-only div {width:50%; float: left; text-align:center; height: 55px;}

    .results-header {display: none;}

    .toppicks .item-gt1 {display:block;}
    /*.toppicks .item-gt2 {display:none;}
    .toppicks .item-gt3 {display:none;}
    .toppicks .item-gt4 {display:none;}*/


    .toppicks .item {width: 99%;box-sizing:border-box; border: 1px solid #352a52;}
    .toppicks .item .info {height:120px; padding:0 5px; background-color: #ffffff;}
    .toppicks .item .name a {color: #352a52;}
    .toppicks .item .locations {color: #352a52;}
    .toppicks .item .buy_cart {position: absolute; bottom: 1px; right: 2px; width:42%; height: auto; text-align: right;}
    .toppicks .item .hover_cart {position: absolute; bottom: -5px; right: 7px; width:20%; height: 20%; text-align: right;}
    .toppicks .item .hover_cart img { right: -5px; bottom: -5px; position: absolute; width: 75%; height: auto;}

    .toppicks .item .item-overlay {display:none;}
    #category-boxes-menu .item {width: 100%; padding-bottom: 8px;}

    .results-header {display: none;}
    .results-footer div.left {width: 25%; text-align: right; display: inline-block;}
    .results-footer div.right {width: 25%; text-align: left; display: inline-block;}
    .results-footer .page-wrapper {width: 150px; margin:0 auto;}
    .results-footer .page-wrapper .toggle {display: none;}
    .results-footer {padding-bottom: 20px;}
}

/* This is small */
@media only screen and (max-width : 480px) {
    body.on_product_list #site-homeftboxes-wrapper .pagination-header {display: none;}
    body.on_product_list .site-search {display: none;}
    body.on_product_list .site-regmenu {display: none;}
    body.on_product_list .site-logo-mobile-small {display:none;}
    body.on_product_list .site-search{ display:none; }
    body.on_product_list .site-regmenu{ display:none; }
    body.on_product_list .site-free-exchange-small-landscape { display: none; }
    body.on_product_list .mobile-wide-promo {display: none;}
    body.on_product_list .categ-breadcrumb {position: relative;}
    body.on_product_list .site-regmenusearch { position: relative; height:auto; top: 0;}

    body.on_product_list .categ-breadcrumb .le-logo {display: block; max-width: 20%; padding-top: 8px; padding-bottom: 12px;}
    body.on_product_list .categ-breadcrumb .le-logo .logo-big { display: none; }
    body.on_product_list .categ-breadcrumb .le-logo .logo-small { display: block; }
    body.on_product_list .categ-breadcrumb span {display:none;}
    body.on_product_list .categ-breadcrumb .toggle { display:block; width:260px; float: right; max-width: 80%; margin-top: 6%; font-size: 1.1em;}
    body.on_product_list .categ-breadcrumb .toggle .menu {width:260px;}

    .results-header {display: none;}
    .results-footer div.left {width: 70px; text-align: left; padding-left: 20px; display: inline-block;}
    .results-footer div.right {width: 70px; text-align: right; padding-right: 20px; display: inline-block;}
    .results-footer .page-wrapper {width: 150px; margin:0 auto;}
    .results-footer .page-wrapper .toggle {display: none;}
    .results-footer {padding-bottom: 20px;}
}