/*@import url(../../css/reset.css);*/


/*@import url(reset.css);*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(font.css);
body {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    margin: 0;
    padding: 0;
    background-color: #FCFCFC;
    overflow-y: scroll;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal {
    overflow-y: auto;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/* IE < 8 */


/*.clearfix:after { 
    content: "\00A0";
    display: block;
    clear: both; 
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{ 
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix{ 
    height: 1%;
}
.clearfix {
    display: block
}*/


/*General Class*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


/*text sizes*/

.tiny-text {
    font-size: 10px;
}

.small-text {
    font-size: 11px;
}

.normal-text {
    font-size: 13px;
}

.large-text {
    font-size: 15px;
}

.xlarge-text {
    font-size: 16px;
}

.black-overlay,
.blackoverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 5;
}

.keyoverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 10;
}

.blackoverlay {
    z-index: 10;
}

.white-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    z-index: 5;
}

.err-msg {
    float: left;
    display: none;
    width: 100%;
    font-size: 10px;
    color: #cd0a0a;
    padding: 0px 0 5px 0;
}

input.input-error {
    border: 1px solid #AF0505;
    /*background: #FCC9C9;*/
    color: #AF0505;
}

select.input-error {
    border: 1px solid #AF0505;
    /*background: #FCC9C9;*/
    color: #AF0505;
}

.full-content {
    float: left;
    width: 100%;
}


/*form css*/

.ulform {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ulform li {
    float: left;
    width: 100%;
    display: inline-block;
    margin: 7px 0;
    padding: 0;
}

.ulform li label {
    float: left;
    text-align: right;
    margin-right: 5px;
    font-weight: 700;
    width: 100px;
}

.divformfield {
    float: left;
    width: 290px;
}

.mandatory {
    color: #e53506;
    font-size: 10px;
}

.validate-tips {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 10px;
    font-style: italic;
}

a.theme-text {
    text-decoration: none;
}

.sep {
    float: left;
    width: 100%;
    height: 10px;
}

.l-sep {
    float: left;
    width: 100%;
    height: 20px;
}

.gray-text {
    color: #616161;
}

.light-gray-text {
    color: #888;
}


/*Template Style*/

.container-shadow {
    box-shadow: 0px 0px 5px -2px #CCC;
}

.page {
    padding: 25px 0 25px 0;
    background: #F8F8F8;
    overflow: hidden;
}

.all-transition {
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

.header-container {
    padding: 20px 25px 50px 25px;
    background-color: #FFF;
}

.signin-ico {
    color: #333;
    margin-right: 5px;
}

.mobile-login-icon,
.mobile-cart-icon {
    float: right;
    margin-top: 5px;
}

.mobile-cart-icon {
    margin-right: 10px;
}

.signin-lnk {
    float: right;
    padding: 5px 17px;
    color: #FFF;
    /*background-color: #FB5C22;*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: transparent;
}

.signin-lnk:hover {
    /*background-color: #DA4A15;*/
}

.signin-lnk:hover,
.signin-lnk:active,
.signin-lnk:focus {
    text-decoration: none;
    color: #FFF;
    outline: none;
}

.mobile-signin-lnk,
.mobile-signin-lnk:hover,
.mobile-signin-lnk:active,
.mobile-signin-lnk:focus {
    float: right;
    color: #333;
    font-size: 36px;
    text-decoration: none;
}

.mobile-cart-lnk,
.mobile-cart-lnk:hover,
.mobile-cart-lnk:active,
.mobile-cart-lnk:focus {
    float: right;
    margin-right: 20px;
    color: #333;
    font-size: 36px;
    text-decoration: none;
}

.ulheader-menu {
    float: right;
}

.ulheader-menu li a.header-user-name {
    padding: 5px 5px;
    font-size: 15px;
    background-color: #FB5C22;
    color: #FFF;
}

.ulheader-menu li a.header-user-name:hover,
.ulheader-menu li a.header-user-name:active,
.ulheader-menu li a.header-user-name:focus,
.ulheader-menu li a.header-user-name:active {
    background-color: #DA4A15;
}

.nav .open>a.header-user-name,
.nav .open>a.header-user-name:hover,
.nav .open>a.header-user-name:focus {
    background-color: #DA4A15;
}

.ulopt-menu {
    right: 0;
    left: auto;
}

.header-lnks-holder {
    margin-top: 6px;
}

.header-lnks,
.header-lnks:hover,
.header-lnks:focus,
.header-lnks:active {
    font-size: 14px;
    outline: none;
}

.header-del-lnk {
    float: left;
    padding-left: 22px;
    height: 20px;
    background: url(../../images/delivery_boy.png) no-repeat;
    background-position: 0 0;
}

.loyalty-icon img {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    background-position: 0 0;
}

.header-flyer-lnk {
    float: right;
    padding-right: 45px;
    margin-right: 20px;
    line-height: 33px;
    background: url(../../images/flyer-icon.png) 100% 0 no-repeat;
}

.header-sep {
    height: 18px;
    margin: 2px 10px;
    background-color: #777;
    width: 1px;
}

.fav-lnk {
    padding: 3px 0px 0px 0px;
    /*border: 1px solid #E5E5E5;*/
    margin-right: 10px;
}

.fav-ico {
    color: #E2E2E2;
    font-size: 18px;
    padding: 4px;
    /*border: 1px solid #EEE;*/
}

.fav-ico-active {
    color: #f9a425;
}

.mobile-bars {
    float: left;
    margin-right: 10px;
    margin-top: 15px;
    cursor: pointer;
}

.mobile-site-logo-lnk {
    float: left;
}

.site-logo-lnk {
    float: left;
    /*width: 100%;*/
    margin-top: -35px;
    max-width: 90%;
    padding-bottom: 5px;
}

.fixed-site-logo-lnk {
    float: left;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
    max-width: 100%;
}

.site-logo {
    /*float:left;*/
    /*max-width:100%;*/
    max-height: 90px;
}

.mobile-site-logo {
    max-height: 56px;
    max-width: 100%
}

.fixed-site-logo {
    height: 46px;
}

.logo-text {
    float: left;
    font-size: 15px;
}

.welcome-text,
.welcome-text:hover {
    float: right;
    padding: 3px 0;
    margin-right: 10px;
    text-decoration: none;
    cursor: default;
}

.search-container {
    position: relative;
    display: block;
    border: #E5E5E5 solid 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.search-holder {
    display: block;
    padding-right: 80px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/* .keyword-search-icon{
    display:none;
} */

input.input-prod-search,
input.input-prod-search:focus,
input.input-prod-search:hover {
    display: block;
    width: 100%;
    padding: 0px 35px 0 45px;
    line-height: 36px;
    margin: 0;
    height: 36px;
    font-size: 14px;
    border: none;
    box-shadow: none;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.search-load-img {
    display: none;
    position: absolute;
    top: 2px;
    right: 100px;
    width: 30px;
    height: 30px;
}

input.btn-search-prod,
input.btn-search-prod:hover {
    /*float:left;*/
    position: absolute;
    top: -1px;
    right: -1px;
    width: 90px;
    padding: 8px 0 7px 0;
    font-size: 15px;
    text-align: center;
    color: #FFF;
    text-shadow: none;
    background-color: #ff6026;
    /*    background: -moz-linear-gradient(left, rgba(255,96,38,1) 0%, rgba(246,88,30,1) 44%, rgba(240,107,62,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,96,38,1)), color-stop(44%, rgba(246,88,30,1)), color-stop(100%, rgba(240,107,62,1)));
        background: -webkit-linear-gradient(left, rgba(255,96,38,1) 0%, rgba(246,88,30,1) 44%, rgba(240,107,62,1) 100%);
        background: -o-linear-gradient(left, rgba(255,96,38,1) 0%, rgba(246,88,30,1) 44%, rgba(240,107,62,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,96,38,1) 0%, rgba(246,88,30,1) 44%, rgba(240,107,62,1) 100%);
        background: linear-gradient(to right, rgba(255,96,38,1) 0%, rgba(246,88,30,1) 44%, rgba(240,107,62,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6026', endColorstr='#f06b3e', GradientType=1 );*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

input.btn-search-prod:hover {
    background-color: #ff6026;
    /*    background: -moz-linear-gradient(left, rgba(240,107,62,1) 100%, rgba(246,88,30,1) 44%,rgba(255,96,38,1) 0%);
        background: -webkit-gradient(left top, right top,color-stop(100%, rgba(240,107,62,1)), color-stop(44%, rgba(246,88,30,1)), color-stop(0%, rgba(255,96,38,1)));
        background: -webkit-linear-gradient(left, rgba(240,107,62,1) 100%, rgba(246,88,30,1) 44%, rgba(255,96,38,1) 0%);
        background: -o-linear-gradient(left, rgba(240,107,62,1) 100%, rgba(246,88,30,1) 44%, rgba(255,96,38,1) 0%);
        background: -ms-linear-gradient(left, rgba(240,107,62,1) 100%, rgba(246,88,30,1) 44%, rgba(255,96,38,1) 0%);
        background: linear-gradient(to right, rgba(240,107,62,1) 100%, rgba(246,88,30,1) 44%, rgba(255,96,38,1) 0%);*/
    /*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06b3e', endColorstr='#ff6026', GradientType=1 );*/
}


/*header shopping cart css*/

.shopping-cart-container {
    display: block;
}

.shopping-cart-holder {
    position: relative;
    float: left;
    width: 100%;
    /*    padding: 5px 10px;
        border: #EFEFEF solid 1px;
        box-shadow: 0 1px 0px #CCC;
        -moz-box-shadow: 0 1px 0px #CCC;
        -webkit-box-shadow: 0 1px 0px #CCC;
        border-radius: 4px;*/
    /*    background: #FFFFFF;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #F7F7F7));
        background: -moz-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
        background: -webkit-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
        background: -o-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
        background: -ms-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
        background: linear-gradient(to bottom, #FFFFFF 5%, #F7F7F7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7F7F7', GradientType=0);*/
    cursor: pointer;
}

.shopping-cart-holder-active {
    /*    background: #FFFFFF;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F7F7F7), color-stop(1, #FFFFFF));
        background: -moz-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
        background: -webkit-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
        background: -o-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
        background: -ms-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
        background: linear-gradient(to bottom, #F7F7F7 5%, #FFFFFF 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#FFFFFF', GradientType=0);*/
}

.shop-cart-header {
    padding: 5px 10px;
    border: #EFEFEF solid 1px;
    box-shadow: 0 1px 0px #CCC;
    -moz-box-shadow: 0 1px 0px #CCC;
    -webkit-box-shadow: 0 1px 0px #CCC;
    border-radius: 4px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #F7F7F7));
    background: -moz-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
    background: -o-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
    background: -ms-linear-gradient(top, #FFFFFF 5%, #F7F7F7 100%);
    background: linear-gradient(to bottom, #FFFFFF 5%, #F7F7F7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7F7F7', GradientType=0);
}

.shop-cart-header-active {
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F7F7F7), color-stop(1, #FFFFFF));
    background: -moz-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
    background: -webkit-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #F7F7F7 5%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #F7F7F7 5%, #FFFFFF 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#FFFFFF', GradientType=0);
}

.cart-view-ico {
    position: relative;
    margin-top: 3px;
    font-size: 17px;
    margin-right: 10px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    z-index: 3;
    background-color: inherit;
}

.cart-fix-text {
    margin-right: 10px;
}

.cart-view-text {
    float: left;
}

.cart-down-ico {
    position: absolute;
    top: 5px;
    right: 11px;
    color: #999;
    font-size: 23px;
}

.cart-down-ico-active {
    /* Safari */
    -webkit-transform: rotate(-180deg);
    /* Firefox */
    -moz-transform: rotate(-180deg);
    /* IE */
    -ms-transform: rotate(-180deg);
    /* Opera */
    -o-transform: rotate(-180deg);
    /* Internet Explorer */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=6);
    right: 9px;
}

.shopping-cart-items {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 12;
    padding-top: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.shopping-cart-items-holder {
    background-color: #555;
    padding: 5px 0;
    max-height: 250px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.shopping-cart-totals-holder {
    background-color: #444;
    padding: 10px;
}

.shopping-cart-checkout-holder {
    float: left;
    width: 100%;
    background-color: #3A3A3A;
    text-align: center;
    padding: 20px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-cart-checkout,
.btn-cart-checkout:hover,
.btn-cart-checkout:focus,
.btn-cart-checkout.focus,
.btn-cart-checkout:active,
.btn-cart-checkout.active {
    border: none;
    transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
}

.total-label {
    float: left;
    color: #FFF;
}

.total-content {
    float: right;
    color: #FFF;
}

a.view_cart,
a.view_cart:hover {
    text-decoration: none;
    color: #FFF;
}

.cart-line-sep {
    float: left;
    width: 100%;
    border-bottom: 1px solid #999;
    height: 1px;
    margin: 10px 0;
}

.ul-shop-cart {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ul-shop-cart li {
    float: left;
    width: 100%;
}

.cart-item-holder {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #333;
    border-bottom-color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: default;
    /*    box-shadow: 0px 2px 3px #333;
        -moz-box-shadow: 0px 2px 3px #333;
        -webkit-box-shadow: 0px 2px 3px #333;*/
}

.ul-shop-cart li:first-child .cart-item-holder {
    padding-top: 5px;
}

.ul-shop-cart li:last-child .cart-item-holder {
    border-bottom: none;
    padding-bottom: 5px;
}

.remove-cart-item,
.remove-cart-item:hover,
.remove-cart-item:active,
.remove-cart-item:focus,
.remove-cart-item:visited {
    position: absolute;
    top: 1px;
    right: 8px;
    color: #D80027;
}

.cart-img-holder {
    float: left;
    width: 60px;
    text-align: center;
}

.cart-img-holder img {
    /*width: 100%;*/
    max-height: 60px;
    max-width: 100%;
    overflow: hidden;
}

.cart-data-holder {
    display: block;
    margin-left: 70px;
    max-width: 100%;
    box-sizing: border-box;
}

.cart-item-name,
.cart-item-name:hover,
.cart-item-name:active,
.cart-item-name:focus {
    color: #FFF;
}

.cart-item-details {
    color: #AAA;
    font-size: 11px;
}

.cart-item-price {
    color: #FFF;
    font-size: 13px;
}

.cart-item-qty {
    float: left;
    margin: 0 5px 0 5px;
    background-color: #FFF;
    min-width: 20px;
    text-align: center;
    border: 1px solid #999;
    padding: 2px;
    font-size: 11px;
}

.cart-minus-ico,
.cart-plus-ico,
.cart-minus-ico:hover,
.cart-plus-ico:hover,
.cart-minus-ico:focus,
.cart-plus-ico:focus,
.cart-minus-ico:active,
.cart-plus-ico:active {
    float: left;
    font-size: 12px;
    margin-top: 1px;
    color: #FFF;
    text-decoration: none;
    background-color: #333;
    padding: 4px;
    /*border: 1px solid #999;*/
}


/*header shopping cart css ends*/


/*Header Menu CSS*/

.menu-container {
    margin-top: -41px;
    background-color: rgba(0, 0, 0, 0.75);
}

.header-menu-holder {
    padding: 0;
}

.tbl-header-menu {
    float: left;
    width: 96%;
    margin: 0 2%;
}

.tbl-header-menu tr td {
    position: relative;
    padding: 0;
}

.td-menu,
.td-menu:hover,
.td-menu:active,
.td-menu:focus {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    line-height: 40px;
    /*    padding:10px 0;*/
    transition: 0.25s all ease-in-out;
}

.td-menu-first {
    padding-left: 20px;
    width: 70px;
    text-align: center;
}

.menu-holder {
    position: relative;
    height: 41px;
    /*    float:left;
        width:100%;*/
}

.tbl-actv-bg {
    position: absolute;
    height: 41px;
    opacity: 0;
}

.subcateg-pointers {
    position: absolute;
    bottom: 0px;
    margin-left: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #FFFFFF transparent;
    opacity: 0;
    z-index: 999;
}


/*.ulsubcateg-menu li:hover .subcateg-menu-title,.ulsubcateg-menu li.li-submenu-active .subcateg-menu-title{
    color:#FFF;
}*/

.submenu-wrapper {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    /*    background-color: #FFF;*/
    width: 96%;
    margin: 0 2%;
    z-index: 10;
    /*    box-shadow: 0 2px 3px #777;
        -moz-box-shadow: 0 2px 3px #777;
        -webkit-box-shadow: 0 2px 3px #777;*/
}

.submenu-ver-wrapper {
    margin: 0 0 0 200px;
    width: 100%;
    max-width: 600px;
    top: 39px;
    z-index: 8;
}

.submenu-container {
    float: left;
    width: 100%;
    overflow-x: auto;
}

.subcateg-content {
    float: left;
    min-width: 1100px;
}

.menusubcateg-holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    background-color: #FFF;
    box-shadow: 0 2px 3px #777;
    -moz-box-shadow: 0 2px 3px #777;
    -webkit-box-shadow: 0 2px 3px #777;
}

.menu-categ-img-lnk {
    position: relative;
    bottom: 0;
    top: auto;
    float: right;
    /*    margin-right:10px;*/
    padding: 3px 10px 0px 0px;
    max-width: 20%;
    min-width: 200px;
    /*    max-height:200px;    */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.subcategory-full-content {
    float: left;
    width: 100%;
    min-width: 1100px;
    padding: 10px 0 12px 0;
    background-color: #FFF;
    /*    box-shadow: 0 2px 3px #777;
        -moz-box-shadow: 0 2px 3px #777;
        -webkit-box-shadow: 0 2px 3px #777;*/
}

.subcategory-ver-full-content {
    min-width: 600px;
}

.menu-categ-img-lnk img {
    max-height: 190px;
}

.first-img-border {
    /*padding-left: 15px;*/
    /*border-left: #DEDEDE solid 1px;*/
}


/*
.categ-img-holder{
    float:right;
text-align: right;
display: block;
    width:60%;
    background-color:red;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}*/

.menu-categ-img {
    width: 100%;
    max-height: 200px;
}

ul.ulsubcateg-menu {
    display: block;
    float: left;
    list-style: none;
    width: 20%;
    min-width: 200px;
    /*    margin-right:10px;*/
    margin: 4px 0 0 0;
    padding: 0;
    min-height: 5px;
}

ul.ulcategimg-menu {
    float: right;
}

.ulsubcateg-menu li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 15px 6px 15px;
    background-color: #FFF;
    /*    border: #FFF solid 1px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ulsubcateg-menu_0 {
    float: left;
}

.ulsubcateg-menu_1 {
    float: left;
}

.ulsubcateg-menu_2 {
    float: left;
}

.subcateg-menu-lnk {
    float: left;
    width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/*
.subcateg-menu-sep{
    float:left;
    width:1px;
    height:150px;
    margin:0 15px;
    background-color:#EEE;
}*/

.subcateg-menu-title {
    float: left;
    /*margin-right:10px;*/
    max-width: 135px;
    overflow: hidden;
    color: #555;
    font-size: 12px;
    /*    font-weight:bold;*/
}

.subcateg-prod-count {
    float: right;
    width: 25px;
    text-align: center;
    font-weight: normal;
    padding: 0px 0;
    margin-top: 1px;
    font-size: 10px;
    color: #555;
    background-color: #EEE;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.subcateg-pointer {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #ffffff transparent;
}


/*new version menu*/

.ul-header-menu {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ul-header-menu li.headermenu-li {
    position: relative;
    float: left;
    display: inline-block;
}

.headermenu-lnk,
.headermenu-lnk:hover,
.headermenu-lnk:active,
.headermenu-lnk:focus {
    position: relative;
    float: left;
    display: block;
    text-align: center;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    /*    transition: 0.25s all ease-in-out;
        -moz-transition: 0.25s all ease-in-out;
        -webkit-transition: 0.25s all ease-in-out;*/
    z-index: 4;
}

.headermenu-lnk-active.menu-active {
    background-color: #FFF;
    color: #333;
    box-shadow: 0px -2px 2px 1px rgba(0, 0, 0, .2);
    /*box-shadow: 1px 0px 5px 0 rgba(0, 0, 0, .4);*/
}

.submenu-holder {
    display: none;
    position: absolute;
    left: 0px;
    top: 39px;
    background-color: #FFF;
    width: 200px;
    z-index: 3;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .4);
}

.ul-header-submenu {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ul-header-menu li.subheadermenu-li {
    /*position:relative;*/
    float: left;
    width: 100%;
}

.subheadermenu-lnk,
.subheadermenu-lnk:hover,
.subheadermenu-lnk:active,
.subheadermenu-lnk:focus {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    padding: 10px 10px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.subheadermenu-lnk-active,
.subheadermenu-lnk-active:hover,
.subheadermenu-lnk-active:active,
.subheadermenu-lnk-active:focus {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
}

.submenu-arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
}

.submenu-ver-wrapper .menusubcateg-holder {
    box-shadow: 3px 1px 5px 0 rgba(0, 0, 0, .4);
}


/*Header Menu CSS Ends*/

.site-container {
    padding: 20px 25px 50px 25px;
    background-color: #FFF;
    min-height: 400px;
}

.home-page-container {
    padding: 0px 15px 50px 15px;
    background-color: transparent;
}


/*footer css*/

.footer-wrapper {
    background-color: #313131;
    padding-top: 30px;
    padding-bottom: 15px;
    /*margin-top:20px;*/
}


/*footer css ends*/

.mini-submenu {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 9px;
    /*position: relative;*/
    width: 42px;
}

.mini-submenu:hover {
    cursor: pointer;
}

.list-group .list-group-item,
.list-group .list-group-item:hover {
    border-left: none;
    border-right: none;
    padding: 10px 0;
    font-size: 16px;
    /*    color:#777;*/
    /*    border-bottom: #DEDEDE solid 1px;*/
    background-color: #FFF;
}

.list-group .list-group-item:first-of-type {
    border-top: none;
}

.list-group .list-group-item:last-of-type {
    border-bottom: none;
}

.list-group .left-nav-title:nth-child(n) {
    border: none;
    font-size: 18px;
    padding: 0px 0 10px 0;
    margin-bottom: 10px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}


/*product block design*/

.prod-wrapper {
    position: relative;
    float: left;
    width: 100%;
    height: 345px;
    margin-bottom: 10px;
}

.prod-discount-holder {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 46px;
    width: 46px;
    z-index: 2;
}

.prod-discount-content {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 9px;
    font-size: 10px;
    background-image: url("../../images/discount_icon.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.prod-container {
    float: left;
    width: 100%;
    height: 100%;
    padding: 10px 0 0 0;
    border: #F2F2F2 solid 1px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.prod-container:hover {
    border: #E5E5E5 solid 1px;
    box-shadow: 0 0 5px -3px #000;
    -moz-box-shadow: 0 0 5px -3px #000;
    -webkit-box-shadow: 0 0 5px -3px #000;
}

.prod-img-holder {
    position: relative;
    float: left;
    width: 100%;
    padding: 2px 2px 0 2px;
    height: 200px;
    /*    margin-bottom:15px;*/
    text-align: center;
    vertical-align: middle;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    overflow: hidden;
}

.prod-img-holder img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.stockoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 1;
}

.prod-img-holder img.out-of-stock {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    max-width: 150px;
    margin-left: -75px;
    height: 186px;
    max-height: 186px;
    margin-top: -93px;
    z-index: 2;
}

.search-out-of-stock-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 2;
}


/*.prod-container:hover .prod-img-holder {
    height: 110px;
}*/

.prod-wrapper:hover .prod-img-holder {
    height: 150px;
}

.prod-detail {
    float: left;
    width: 100%;
    padding: 25px 10px 23px 10px;
}

.prod-name {
    float: left;
    width: 100%;
    text-align: center;
    height: 65px;
    font-size: 14px;
    overflow: hidden;
}

.price-sep {
    margin: 0 5px;
}

.price-left {
    text-decoration: line-through;
}

.price-left {
    color: #f74043;
    font-weight: bold;
}

.price-right,
.price-center {
    font-weight: bold;
}

.price-unit {
    font-size: 13px;
}

.price-value {
    font-size: 16px;
}

.prod-small-desc {
    display: none;
    float: left;
    font-size: 12px;
    color: #999;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-align: center;
}

.prod-actions {
    position: relative;
    float: left;
    width: 100%;
    height: 46px;
    margin-top: 0px;
    box-shadow: 0 -2px 5px -3px #999;
    -moz-box-shadow: 0 -2px 5px -3px #999;
    -webkit-box-shadow: 0 -2px 5px -3px #999;
    z-index: 2;
}

.add-to-cart-lnk,
.add-to-cart-lnk:hover,
.add-to-cart-lnk:active,
.add-to-cart-lnk:focus {
    float: left;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #333;
    font-size: 18px;
    outline: none;
}

.out-of-stock-lnk,
.out-of-stock-lnk:hover,
.out-of-stock-lnk:active,
.out-of-stock-lnk:focus {
    float: left;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    background-color: #CCC;
    color: #666;
    font-size: 18px;
    outline: none;
}

.add-to-cart-offer {
    float: right;
    margin: 0;
    padding: 0px 15px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    outline: none;
}

.add-to-cart-text {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 10px;
    margin-top: 2px;
}

.add-offerto-cart-text {
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    margin-top: 2px;
}

.prod-cart-ico {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.offer-cart-ico,
.offer-cart-ico:hover {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.offer-cart-ico,
.offer-cart-ico:hover,
.offer-cart-ico:focus,
.offer-cart-ico:active {
    color: #FFF;
}

.favorite-ico,
.favorite-ico:hover {
    margin-top: 12px;
    margin-left: -8px;
    font-size: 22px;
    color: #DEDEDE;
}

.favorite-active,
.favorite-active:hover {
    color: #C8CE23;
    text-decoration: none;
}

.btn-variant-group .btn-variant {
    padding: 5px 8px;
    font-size: 11px;
}

.btn-variant-group>.btn+.dropdown-toggle {
    padding: 10px 5px 10px 5px;
    line-height: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.btn-variant-group .btn-variant-trigger .caret {
    font-size: 15px;
    line-height: 35px;
}

.btn-variant-group {
    margin: 10px 0 0 5px;
}

.favorite-ico,
.favorite-ico:hover {
    margin-top: 12px;
    margin-left: 0px;
    font-size: 22px;
}

.variant-ddl-holder {
    position: relative;
    padding-right: 0;
    border-right: 1px solid #DEDEDE;
}

.variant-ddl {
    display: block;
    margin-right: 10px;
    font-size: 11px;
    padding: 13px 10px 13px 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.variant-ddl-marker-holder {
    position: absolute;
    top: 11px;
    right: 5px;
}

.variant-ddl-marker {
    font-size: 20px;
    color: #444;
}

.variant-container {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ul-variant {
    display: none;
    position: absolute;
    bottom: 47px;
    left: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    max-width: 85px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    background-color: #FFF;
    border-right: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-top: 1px solid #EEE;
    box-shadow: 2px -2px 5px -3px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.ul-variant li {
    float: left;
    width: 100%;
    text-align: left;
    text-indent: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #EEE;
    font-size: 12px;
    color: #999;
    cursor: pointer;
}

.ul-variant li:hover {
    background-color: #F2F2F2;
    color: #666;
}


/*product block design ends*/

a.footer_category,
a.footer_category:hover,
a.footer_category:active,
a.footer_category:focus {
    width: 100%;
    padding: 3px 0px;
    margin: 0;
    background-color: transparent;
    border: none;
    color: #a0a0a0;
    text-shadow: none;
    outline: none;
}

a.footer_categ_header,
a.footer_categ_header:hover,
a.footer_categ_header:active,
a.footer_categ_header:focus {
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    border: none;
    color: #FFF;
    font-size: 18px;
    text-shadow: none;
    cursor: default;
}

.glyphicon_foot_color {
    /*    margin: 0px;*/
    line-height: 35px;
    font-size: 20px;
}

.foot_info_holder {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.foot_info_text {
    float: left;
    color: #a0a0a0;
}

.orange_text,
.orange_text:hover,
.orange_text:active,
.orange_text:focus {
    color: #F37124;
}


/*Register login box css*/

.reg-form-holder {
    border-left: 1px solid #DEDEDE;
}

.social-login-holder {
    position: relative;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid #DEDEDE;
}

.dv-sep-msg {
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -10px;
    background-color: #FFF;
    color: #777;
    font-size: 14px;
}

.lnk-log-fb,
.lnk-log-goog {
    background-image: url("../../images/social-login.png");
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 36px;
    outline: medium none;
    width: 155px;
}

.lnk-log-fb {
    float: right;
}

@media (max-width: 767px) {
    .lnk-log-fb,
    .lnk-log-goog {
        position: absolute;
        left: 50%;
        margin-left: -77px;
    }
    .lnk-log-goog {
        top: 46px;
    }
    .social-login-holder {
        min-height: 106px;
    }
}

.lnk-log-fb {
    background-position: 0 0;
}

.lnk-log-goog {
    background-position: 0 -37px;
}


/*Register login box css ends*/

.categ-badge {
    font-size: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 4px 0px;
    margin-top: 2px;
    width: 30px;
    font-weight: normal;
}


/*search result box css*/

.ulsearch-result {
    display: none;
    /*float:left;*/
    position: absolute;
    top: 36px;
    left: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    background-color: #fff;
    border: #ddd solid 1px;
    border-bottom: #999 solid 1px;
    box-shadow: 0 2px 5px -2px #999;
    -moz-box-shadow: 0 2px 5px -2px #999;
    -webkit-box-shadow: 0 2px 5px -2px #999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webbkit-box-sizing: border-box;
    max-height: 300px;
    overflow: hidden;
    z-index: 99;
}

.ulsearch-result li {
    float: left;
    width: 100%;
    padding: 4px 10px;
    border-bottom: #dedede solid 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webbkit-box-sizing: border-box;
}

.ulsearch-result li.search-li a.full-content {
    position: relative;
}

.ulsearch-result li:nth-child(2n) {
    background-color: #F2F2F2;
}

.ulsearch-result li:hover {
    background-color: #E2E2E2;
    border-bottom: #AAA solid 1px;
}

.ulsearch-result li.scrolled-li {
    background-color: #E2E2E2;
}

.search-product-image {
    position: relative;
    float: left;
    width: 70px;
    margin-right: 5px;
    margin-top: 5px;
    text-align: center;
}

.product-basic-info {
    float: none;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webbkit-box-sizing: border-box;
    /*    margin-left:15px;*/
}

.search-prod-name {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #777;
    font-size: 12px;
}

.searcg-price-holder {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #333;
    margin: 3px 0;
    font-weight: bold;
}

.ulsearch-result li.view-all-link,
.ulsearch-result li.view-all-link:hover {
    float: left;
    width: 100%;
    background-color: #E5E5E5;
    border-top: #DEDEDE;
}

.ulsearch-result li.view-all-link:hover {
    background-color: #DEDEDE;
}

.view-all-link a,
.view-all-link a:hover {
    float: left;
    width: 100%;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.search-page-title {
    margin: 0;
}


/*
.add-to-fav-holder{
    display: none;
    position: fixed;
    top:100px;
    left:50%;
    width: 400px;
    margin-left: -200px;
    background-color: #FFF;
    border: 10px solid rgba(85,85,85,0.7);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 10px #555;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    z-index: 6;
}*/

.add-to-fav-header {
    float: left;
    width: 100%;
    background-color: #555;
    padding: 10px 0;
    /*line-height:40px;*/
    text-indent: 10px;
    color: #FFF;
    font-weight: bold;
}

.add-to-fav-content {
    float: left;
    width: 100%;
}

.add-to-fav-container {
    float: left;
    width: 100%;
    height: 300px;
    margin: 15px 0;
}


/*
.ul-fav-lists{
    float:left;
    width: 100%;
    list-style: none;    
}

.ul-fav-lists li{
    float:left;
    width:100%;
}*/

.list-detail-holder {
    float: left;
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
    padding: 6px 0px 2px 0;
}

.msg-error {
    /*    display:none;    */
    font-size: 11px;
    padding: 5px 5px 5px 7px;
    margin: 10px 0px -10px 0;
}


/*.list-check-holder{
    float:left;
    width:30px;
}*/

.list-name-holder {
    display: block;
    color: #666;
}

.create-list-content {
    display: none;
    float: left;
    width: 100%;
    margin: 10px 0;
    background-color: #EEE;
}

.list-form {
    /*    display:none;*/
    float: left;
    width: 100%;
    padding: 10px 0;
    background-color: #DEDEDE;
    border-bottom: 1px solid #CCC;
}

.prod-detail,
.prod-detail:hover {
    text-decoration: none;
}

.filter-product,
.filter-product:hover,
.filter-product:focus,
.filter-product:active {
    float: right;
    font-size: 16px;
    width: 65px;
    text-decoration: none;
    color: #444;
    outline: none;
}

.filter-product:after {
    content: " Filter";
    position: absolute;
    top: -3px;
    left: 25px;
}


/*Product gal css*/

.prod-other-images {
    position: relative;
    width: 100%;
    padding: 15px 5px;
    margin: 10px 0;
    background-color: #F7F7F7;
}

.prod-gal-prev {
    position: absolute;
    top: 32px;
    left: 10px;
    padding: 8px;
    border-radius: 100%;
    background-color: #EEE;
    border: #E5E5E5 solid 1px;
    z-index: 2;
}

.prod-gal-prev:hover {
    background-color: #CCC;
    text-decoration: none;
    border: #BBB solid 1px;
}

.prod-gal-prev:focus {
    outline: none;
    text-decoration: none;
}

.prod-gal-next {
    position: absolute;
    top: 30px;
    right: 15px;
    padding: 8px;
    border-radius: 100%;
    background-color: #EEE;
    border: #E5E5E5 solid 1px;
    z-index: 2;
}

.prod-gal-next:hover {
    background-color: #CCC;
    text-decoration: none;
    border: #BBB solid 1px;
}

.prod-gal-next:focus {
    outline: none;
    text-decoration: none;
}

.prod-img-prev,
.prod-img-prev:active,
.prod-img-prev:focus {
    position: absolute;
    top: 50%;
    left: -25px;
    padding: 8px;
    font-size: 40px;
    margin-top: -20px;
    color: rgba(0, 0, 0, 0.2);
}

.prod-img-prev:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}

.prod-img-prev:focus {
    outline: none;
    text-decoration: none;
}

.prod-img-next,
.prod-img-next:active,
.prod-img-next:focus,
.prod-img-next:visited {
    position: absolute;
    right: -25px;
    top: 50%;
    padding: 8px;
    font-size: 40px;
    margin-top: -20px;
    color: rgba(0, 0, 0, 0.2);
}

.prod-img-next:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}

.prod-img-next:focus {
    outline: none;
    text-decoration: none;
}

.prod-images-wrapper {
    float: left;
    max-width: 100%;
    width: 100%;
}

.prod-images-container {
    float: left;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: 68px;
}

.prod-images-holder {
    z-index: 1;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}

.prod-img-lnk {
    float: left;
    width: 64px;
    border: #777 solid 1px;
    margin-right: 8px;
    padding: 3px 0;
    opacity: 0.7;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-bottom: 8px;
}

.prod-img-lnk-active {
    opacity: 1;
    border: #333 solid 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.prod-gal-img {
    height: 60px;
    width: 60px;
}


/*Product gal css ends*/

#map_canvas {
    float: left;
    margin-top: 10px;
    border: #444 solid 5px;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.logo-fixed-div {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 5px 5px -5px #555;
    z-index: 9;
}

.fixed-container {
    padding: 0px 15px 0px 15px;
}

.fixed-search-cart {
    padding: 8px 15px 0px 0;
}

.logo-fixed-add {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
}

.col-search-parent {
    position: relative;
    padding-top: 15px;
}

.logo-fixed-text {
    float: left;
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 0;
}

.logo-fixed-add {
    float: left;
    font-size: 14px;
    margin: 5px 0;
    color: #666;
}

.brand-lnk,
.brand-lnk:hover,
.brand-lnk:focus,
.brand-lnk:active {
    text-decoration: none;
    font-size: 15px;
    color: #FFF;
}


/*breadcrumb style*/

.site-breadcrumb {
    float: left;
    padding: 0;
    background-color: #FFF;
    border: #E5E5E5 solid 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.site-breadcrumb li {
    float: left;
    padding: 0;
    margin: 0;
}

.site-breadcrumb>li+li:before {
    content: "";
    padding: 0;
    margin: 0;
    width: 0;
}

.site-breadcrumb li a,
.site-breadcrumb li a:hover {
    float: left;
    /*line-height:30px;*/
    padding: 4px 15px;
    margin: 0;
    font-size: 12px;
    color: #666;
    text-decoration: none;
    border-left: #E5E5E5 solid 1px;
}

.site-breadcrumb li a.breadcrumb-home {
    float: left;
    font-size: 13px;
    margin-top: 1px;
    padding: 4px 10px;
}

.site-breadcrumb li:first-child a {
    border: none;
}

.site-breadcrumb li a.active-breadcrumb {
    background-color: #F6F6F6;
}


/*breadcrumb style ends*/

.scroll-totop-lnk {
    display: none;
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 50px;
    height: 50px;
    background: url(../../images/scroll-top.png) no-repeat 0 0;
    z-index: 3;
}

.mobile-logo-holder {
    float: left;
    width: 50%;
}


/*.mobile-login-holder{
    float:left;
    width:50%;
}*/

.mobile-login-holder {
    float: right;
}

.header-non-mobile {
    display: block;
}

.header-mobile {
    display: none;
}

.map-lnk-wrapper {
    position: relative;
}

.store-map {
    position: static;
}

.zoom-loc-map-lnk {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 80%;
    height: 100px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.zoom-store-map-ico {
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    color: #FFF;
    font-size: 25px;
    font-weight: 100;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.store-map:hover .zoom-loc-map-lnk {
    background-color: rgba(0, 0, 0, 0.7);
}

.store-map:hover .zoom-store-map-ico {
    visibility: visible;
}

.navigation-wrapper {}

.view-offer-lnk {
    height: 60px;
    margin-top: 7px;
    font-size: 14px;
    /*    color:#333;*/
}

.glyphicon-earphone,
.glyphicon-envelope,
.glyphicon-map-marker {
    color: #FFF;
}

.invoice-logo {
    width: 200px;
}

.shop-by-brand-lnk {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    z-index: 1;
}

.shop-by-brand-lnk img {
    max-width: 100%;
}

.order-num-span {
    float: right;
}

.shop-nav {
    position: relative;
    /*background: url(../../../images/cart_progress_bar.png) no-repeat;*/
    height: 50px;
    overflow: hidden;
}

.shop-nav-ball {
    position: absolute;
    top: 10px;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: #D4D4D4;
    border-radius: 50%;
}

.shop-nav-liner {
    position: absolute;
    top: 51%;
    left: 35px;
    width: 87%;
    height: 1px;
    background-color: #D4D4D4;
    box-sizing: border-box;
}

.shop-nav-ball-running,
.shop-nav-liner-running {
    background-color: #FFA200;
}

.shop-nav-ball-active,
.shop-nav-liner-active {
    background-color: #78FB05;
}

.shop-nav-text {
    position: absolute;
    top: 5px;
    left: 35px;
    width: 100%;
    box-sizing: border-box;
    color: #D4D4D4;
}

.shop-nav-text-running {
    color: #FFA200;
}

.shop-nav-text-active {
    color: #78FB05;
}

@media (max-width: 993px) {
    .shop-nav-liner {
        width: 80%;
    }
}

.phonecode-div {
    position: absolute;
    left: 15px;
    top: 0px;
    z-index: 2;
    background-color: #EEE;
    padding: 7px 7px 8px 7px;
    border-radius: 3px 0px 0px 3px;
    border-right: solid 1px #CCC;
    min-width: 75px;
    text-align: center;
    /*line-height: 30px;*/
    /*padding-right: 0px;*/
}

.phone-input {
    padding-left: 80px;
}

.mobile-input {
    padding-left: 80px;
}

.sugg-mobile-msg {
    float: left;
    width: 100%;
    margin-top: 3px;
    font-size: 10px;
    color: #999;
    text-indent: 13px;
}

.reg-show-pass-lnk,
.login-show-pass-lnk {
    position: absolute;
    top: 8px;
    right: 30px;
    color: #EC971F;
}

.reg-show-pass-lnk:hover,
.reg-show-pass-lnk:active,
.reg-show-pass-lnk:visited,
.reg-show-pass-lnk:focus,
.login-show-pass-lnk:hover,
.login-show-pass-lnk:active,
.login-show-pass-lnk:visited,
.login-show-pass-lnk:focus {
    color: #EC971F;
    text-decoration: none;
}

input.pass-show,
input.login-pass-show {
    padding-right: 57px;
}


/*css for general invoice design*/

.general-invoice-holder {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*border: solid 1px #F6F6F6;*/
}

.general-invoice-container {
    float: left;
    width: 100%;
    padding: 15px;
    border: solid 1px #F6F6F6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tbl-gen-invoice {
    float: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.tbl-gen-invoice tr {
    padding: 0px;
    margin: 0px;
    height: auto;
    width: auto;
}

.tbl-gen-invoice tr td {
    padding: 5px;
    margin: 0px;
    vertical-align: top;
}

.tbl-gen-invoice thead tr th {
    background-color: #F6F6F6;
    padding: 10px;
    border-bottom: solid 1px #DEDEDE;
}

.tbl-gen-invoice tr td.td-text-left,
.tbl-gen-invoice thead tr th.th-text-left {
    text-align: left;
}

.tbl-gen-invoice tr td.td-text-right,
.tbl-gen-invoice thead tr th.th-text-right {
    text-align: right;
}

.tbl-gen-invoice tr td.gen-half-row {
    width: 50%;
}

.gen-print-button,
.gen-print-button:hover {
    float: right;
    text-shadow: 0 0 #6D9E20, 0 0 #6D9E20;
}

.gen-deliver-header {
    font-weight: bold;
    margin: 3px 0px;
    font-size: 14px;
}

.tbl-gen-invoice-item {
    margin: 10px 0px;
}

.thankyou-title {
    float: left;
    width: 100%;
    text-align: center;
}

.thankyou-title-large {
    font-size: 24px;
}

.thankyou-title-medium {
    font-size: 13px;
}

.tbl-gen-invoice-item tr {
    border-bottom: solid 1px #F6F6F6;
}

.tbl-gen-invoice-item tr td {
    padding: 15px 0px;
}

.tbl-gen-invoice tr td.td-triple-quad {
    width: 75%;
}

.tbl-gen-invoice tr.gen-inv-total-price {
    margin-top: 15px;
    border-top: solid 1px #F6F6F6;
    font-size: 17px;
    border-top: #EEE solid 1px;
}

.delivery-details-holder,
.inv-promo-details-holder {
    float: left;
    width: 100%;
    padding: 10px 0px;
    border-bottom: solid 1px #F6F6F6;
}


/*css for invoice ends here*/

.fgt-form {
    display: none;
}

.forgot-lnk,
.forgot-lnk:hover,
.forgot-lnk:active,
.forgot-lnk:focus,
.shop-forgot-lnk,
.shop-forgot-lnk:hover,
.shop-forgot-lnk:active,
.shop-forgot-lnk:focus {
    float: left;
    width: 100%;
    margin: 5px;
    text-decoration: none;
}

.login-lnk,
.login-lnk:hover,
.login-lnk:visited,
.login-lnk:focus {
    text-decoration: none;
}

.otp-msg-details {
    padding: 10px 0px;
    font-size: 12px;
}

.change-pass-label {
    font-weight: bold;
}

.search-add-to-cart {
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 5px 10px 3px 10px;
    background-color: #00964b;
    color: #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    /*line-height: 30px;*/
}

.search-out-of-stock {
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 5px 10px 3px 10px;
    background-color: #CCC;
    color: #555;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
}


/*New Header Settings css*/

.settings {
    display: block;
    float: right;
}

.settings span {
    text-align: right;
    float: left;
    font-size: 13px;
    line-height: 32px;
    padding-right: 10px;
    font-family: inherit;
    font-weight: normal;
    color: #333;
}

.settings .avatar {
    float: right;
    position: relative;
}

.avatar .avatar-img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 0 3px #CCC;
}


/*.avatar .avatar-img img{ width:100%;}*/

.avatar ul {
    display: none;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
    position: absolute;
    right: -8px;
    top: 44px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 5px 15px;
    z-index: 4;
}

.avatar ul:after {
    border: 8px solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
    content: '';
    position: absolute;
    top: -16px;
    right: 15px;
}

.avatar ul li {
    display: block;
    text-align: left;
}

.avatar ul li a {
    display: block;
    font-family: inherit;
    font-size: 13px;
    color: #ffffff;
    padding: 8px 15px;
    white-space: nowrap;
    text-decoration: none;
}

.avatar ul li a:hover {
    background-color: #ff8a33;
}

.avatar ul li:last-of-type {
    margin-top: 8px;
    border-top: 1px solid #FFF;
}

.left-navigation {
    float: left;
    width: 100%;
}

.col-prod-block-holder {
    float: left;
    /*width:230px;*/
    padding: 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.col-prod-block,
.sugg-prod-block {
    padding: 0 5px;
}

.alternative-lnk {
    position: absolute;
    top: 120px;
    width: 100%;
    left: 0;
    text-align: center;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    z-index: 2;
}


/*.prod-container:hover .alternative-lnk{
    top: 90px;
}*/

.prod-wrapper:hover .alternative-lnk {
    top: 90px;
}

.invoice-detail {
    margin: 0 auto;
    width: 800px;
}

#orderdetail {
    box-shadow: 0 0 5px -2px #999;
}

@media (max-width: 993px) {
    .invoice-detail {
        float: left;
        margin: 0;
        width: 100%;
    }
}

.col-keysearch-holder {
    /* position:relative;*/
    padding: 2px 5px;
}

.col-search-holder {}

.shopp-cart-wrapper {
    float: right;
    position: relative;
    padding-left: 0;
    z-index: 3;
}

.keyword-search-lnk-holder {
    float: left;
    width: 100%;
    border-right: solid 1px #EEE;
}

.keyword-search-lnk {
    /* float:left;
    width:25px;
    height:25px;*/
    /*margin-left: 10px;
    margin-top: 13px;*/
    /* background: url(../../images/tag-search.png) no-repeat 8px 8px;
    background-size: 100%; */
    /*text-decoration:none;*/
    float: left;
    width: 100%;
    height: 36px;
    background: none;
    /* border-right: solid 0px #EEEEEE; */
    text-align: center;
    padding-top: 12px;
    text-decoration: none;
    margin-left: 0px;
    margin-top: 0px;
}

.keysearch-wrapper,
.keysearch-products-wrapper {
    display: none;
    position: absolute;
    top: 65px;
    left: -40px;
    width: 350px;
    z-index: 11;
}

.keysearch-container {
    float: left;
    width: 100%;
    border: 1px solid #999;
    background-color: #FFF;
}

.keysearch-products-wrapper {
    display: none;
    top: 65px;
    left: 320px;
}

.keysearch-products-container {
    float: left;
    width: 100%;
    border: none;
    background-color: rgba(0, 0, 0, 0.4);
}

.keysearch-products-header {
    position: relative;
    float: left;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #DEDEDE;
    padding: 5px 40px 5px 5px;
    border-bottom: 1px solid #555;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.closekeyprod,
.closekeyprod:hover,
.closekeyprod:active,
.closekeyprod:focus {
    position: absolute;
    top: 7px;
    right: 5px;
    color: #d44859;
    font-size: 12px;
    text-decoration: none;
}

.keysearch-products-content {
    float: left;
    width: 100%;
    height: 400px;
}

.close-keysearch {
    position: absolute;
    top: 0px;
    left: -35px;
    width: 27px;
    height: 27px;
    background: url(../../images/lightbox-close.png) no-repeat 0 0;
}

.keysearch-input-holder {
    position: relative;
    float: left;
    width: 100%;
    padding-right: 40px;
    border-bottom: 1px solid #E2E2E2;
}

input[type='text'].keysearch-input {
    float: left;
    width: 100%;
    padding: 10px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    outline: none;
    font-weight: bold;
    font-size: 14px;
}

.add-keyword-lnk {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url(../../images/search-add-icon.png) no-repeat 0 -21px;
}

.add-keyword-lnk:hover {
    background-position: 0 0;
}

.keysearch-content {
    position: relative;
    float: left;
    width: 100%;
}

.keyresholder {
    float: left;
    width: 100%;
    height: 267px;
}

.ulkeysearchres {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ulkeysearchres li {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 70px 0px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ulkeysearchres li:hover {
    background-color: #EFEFEF;
}

.keysearchres-lnk,
.keysearchres-lnk:hover,
.keysearchres-lnk:active,
.keysearchres-lnk:focus {
    float: left;
    width: 100%;
    padding: 15px 10px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.keyitem-search {
    position: absolute;
    top: 14px;
    right: 40px;
    width: 20px;
    height: 20px;
    background: url(../../images/search-eye-icon.png) no-repeat 0 0;
}

.keyitem-remove {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../../images/search-close-icon.png) no-repeat 0 0;
}

.keysearch-suggest-holder {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 310px;
    /*padding:10px 0 10px 10px;*/
    background-color: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #f2f2f2;
    z-index: 1;
}

.keysearch-tag,
.keysearch-tag:hover,
.keysearch-tag:active,
.keysearch-tag:focus {
    float: left;
    border: 1px solid #777;
    padding: 5px 8px;
    margin: 3px 2px 2px 2px;
    /*    margin-right:5px;
        margin-bottom:5px;*/
    /*font-weight:bold;*/
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.keysearch-tag:hover {
    background-color: #333;
    color: #FFF;
}

.keyresempty {
    float: left;
    width: 100%;
    padding: 80px 20px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.keyresadded {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #EEE;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.keyresadded h4 {
    margin-top: 0;
}

.ulkeysearchprod {
    float: left;
    width: 100%;
    list-style: none;
    padding: 5px 10px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ulkeysearchprod li {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #444;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ulkeysearchprod li:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.ulkeysearchprod li.search-li a.full-content {
    position: relative;
}

.keysearch-product-image {
    margin-bottom: 5px;
}

.keysearch-price-holder {
    color: #FFF;
}

.ulkeysearchprod li.likeypager {
    height: 50px;
}

.ulkeysearchprod li.likeyprodempty {
    padding: 120px 0px;
    text-align: center;
    font-size: 14px;
    border-bottom: none;
    color: #CCC;
}

.ulkeysearchprod li.likeyprodempty:hover {
    background-color: transparent;
}

.keypagerlnk,
.keypagerlnk:hover,
.keypagerlnk:active,
.keypagerlnk:focus {
    position: absolute;
    left: 50%;
    top: 9px;
    margin-left: -27px;
    padding: 5px 10px;
    border: 1px solid #666;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.flying-item img {
    position: absolute;
}

.similar-products-container {
    position: relative;
    float: left;
    width: 100%;
}

.simoverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
    z-index: 2;
}

img.simloader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 3;
}

.simprod-gal-prev {
    position: absolute;
    top: 213px;
    left: 0px;
    padding: 8px 15px;
    font-size: 20px;
    border-radius: 100%;
    background-color: #EEE;
    border: #E5E5E5 solid 1px;
    z-index: 3;
}

.simprod-gal-prev:hover {
    background-color: #CCC;
    text-decoration: none;
    border: #BBB solid 1px;
}

.simprod-gal-prev:focus {
    outline: none;
    text-decoration: none;
}

.simprod-gal-next {
    position: absolute;
    top: 213px;
    right: 0px;
    padding: 8px 15px;
    font-size: 20px;
    border-radius: 100%;
    background-color: #EEE;
    border: #E5E5E5 solid 1px;
    z-index: 3;
}

.simprod-gal-next:hover {
    background-color: #CCC;
    text-decoration: none;
    border: #BBB solid 1px;
}

.simprod-gal-next:focus {
    outline: none;
    text-decoration: none;
}

.modal-flyers-content {
    border-radius: 0px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.modal-flyers {
    margin-top: 100px;
}

.flyers-items {
    float: left;
    width: 100%;
    /*padding: 0px 10px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flyer-item {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flyer-lnk {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flyer-title {
    /*    position:absolute;
        bottom:0px;
        left:0px;*/
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flyer-cover-pic {
    float: left;
    width: 100%;
}

.modal-backdrop.in {
    opacity: 0.7;
}

.flyer-close-lnk {
    position: absolute;
    top: 2px;
    right: 10px;
    color: #FFF;
    font-size: 20px;
    padding: 5px;
    cursor: pointer;
}

.flyer-header {
    /*    position:absolute;
        top:-23px;
        left:15px;*/
    color: #FFF;
    padding: 10px 15px;
    border-bottom: 1px solid #CCC;
    background: rgba(0, 0, 0, 0.7);
    /*    font-size:18px;
        padding:7px 10px 7px 10px;
        cursor:pointer;*/
    /*background: rgba(0,0,0,0.7);*/
}

.delivery-header,
.addinfo-header {
    color: #FFF;
    padding: 20px 15px;
    border-bottom: none;
    background: transparent;
    text-transform: uppercase;
}

.categories-header {
    color: #FFF;
    padding: 10px 15px;
    border-bottom: none;
    background: transparent;
}

.addinfo-header {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px 15px;
}

.delivery-header .h4,
.addinfo-header .h4 {
    font-size: 14px;
}

.modal-delivery-content,
.modal-addinfo-content {
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.modal-categories-content {
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.modal-categories-body {
    /*max-height: 400px;*/
    overflow-y: auto;
}

.modal-delivery-footer {
    background: #EEE;
    border: 0;
    color: #000;
    text-align: left;
}

.delivery-close-lnk,
.addinfo-close-lnk {
    position: absolute;
    top: 2px;
    right: 14px;
    color: #FFF;
    font-size: 20px;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
}

.categories-close-lnk {
    position: absolute;
    right: 0px;
    color: #FFF;
    font-size: 20px;
    padding: 11px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #ED1E26;
}

.addinfo-close-lnk {
    top: 8px;
}

.modal-lnk,
.modal-lnk:hover,
.modal-lnk:active,
.modal-lnk:focus,
.modal-lnk:visited {
    display: inline-block;
    padding: 5px 10px 5px 40px;
    margin-bottom: 10px;
    border-bottom: 3px solid transparent;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
}

.modal-lnk-active,
.modal-lnk-active:hover,
.modal-lnk-active:active,
.modal-lnk-active:focus,
.modal-lnk-active:visited {
    border-bottom: 3px solid #ff8a34;
}

.modal-delivery-lnk {
    position: relative;
    background: url(../../images/shipping-truck-icon.png) 0px -2px no-repeat;
}

.modal-delivery-lnk.modal-lnk-active {
    background: url(../../images/shipping-truck-icon.png) 0px -37px no-repeat;
}

.modal-pickup-lnk {
    background: url(../../images/del-store-icon.png) 0px -2px no-repeat
}

.modal-pickup-lnk.modal-lnk-active {
    background: url(../../images/del-store-icon.png) 0px -37px no-repeat
}

.delivery-modal-body,
.addinfo-modal-body {
    position: relative;
    padding: 0 15px 10px 15px
}

.addinfo-modal-body {
    padding: 15px
}

.store-working-status {
    position: absolute;
    top: -24px;
    right: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
}

.store-del-dur {
    float: left;
    margin-right: 10px;
    color: #FFF;
}

.store-working-yes {
    float: left;
    color: #1fd025;
}

.store-working-no {
    float: left;
    color: #ce1e1e;
}

.pickup-modal-content {
    display: none;
}

.states-content {
    float: left;
    width: 100%;
}

.store-locations {
    float: left;
    width: 100%;
    padding: 0 0 0 20px;
    list-style: disc;
}

.country-text {
    font-weight: bold;
}

.store-locations li {
    float: left;
    margin: 0 30px 0 0;
    width: auto;
    font-size: 12px;
    color: #FFF;
}

.store-map-locations,
.pickup-modal-map {
    float: left;
    width: 100%;
    height: 400px;
}

.del-block-header {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    margin: 5px 0;
    color: #FFF;
    border-bottom: 4px double rgba(200, 200, 200, 0.5);
}

.del-block-content {
    float: left;
    width: 100%;
    padding: 5px 10px;
}

.del-all-regions {
    float: left;
    width: 100%;
    color: #FFF;
    margin: 5px 0;
}

.del-block-container {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.3);
}

.site-text {
    color: #ff8a34;
}

.itemsmore {
    width: 200px;
    left: auto;
    right: 0;
    overflow: visible;
}

.itemsmore .subcategory-full-content {
    min-width: 200px;
    padding: 0;
}

.itemsmore .subcategory-full-content .ulsubcateg-menu li {
    padding: 0;
}

.service-charge-notifi {
    font-size: 9px;
    margin-top: -6px;
    text-align: right;
}

.service-charge-cko-notifi {
    margin-top: 0px;
    padding: 0;
    color: #888;
    text-align: right;
}

.lbl-prod-range {
    position: relative;
    float: left;
    width: 29%;
    text-align: center;
    margin: 0 5px 10px 5px;
    background-color: #F2F2F2;
    cursor: pointer;
    padding: 7px 2px;
    border: 1px solid #DEDEDE;
    font-weight: normal;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.lbl-prod-range:hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f6f6f6 47%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5f5f5), color-stop(47%, #f6f6f6), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #f6f6f6 47%, #ffffff 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #f6f6f6 47%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #f6f6f6 47%, #ffffff 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #f6f6f6 47%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
}

.lbl-prod-range input[type='radio'] {
    display: none;
    float: left;
    margin-top: 3px;
    margin-right: 3px;
    outline: none;
}

.lbl-prod-range.prod-det-cart-ico-lnk,
.lbl-prod-range.prod-det-cart-ico-lnk:hover {
    float: left;
    width: auto;
    text-align: center;
    margin: 0 5px 10px 5px;
    padding: 8px 2px;
    background: none;
    background-color: #333;
    color: #FFF;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.lbl-prod-range-active,
.lbl-prod-range-active:hover {
    background: none;
    padding: 8px 2px;
    background-color: #333;
    color: #FFF;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.add-info-lnk,
.add-info-lnk:hover,
.add-info-lnk:active,
.add-info-lnk:focus {
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    text-decoration: none;
}

.lbl-prod-range-scale {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 5px 10px 5px;
    background-color: #F2F2F2;
    cursor: pointer;
    padding: 10px 5px;
    border: 1px solid #DEDEDE;
    font-weight: normal;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #f5f5f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.lbl-prod-range-active-scale,
.lbl-prod-range-active-scale:hover {
    background: none;
    padding: 10px 5px;
    background-color: #333;
    color: #FFF;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.lbl-prod-range-scale input[type='radio'] {
    display: none;
    float: left;
    margin-top: 3px;
    margin-right: 3px;
    outline: none;
}

.prod-det-cart,
.prod-det-cart:hover,
.prod-det-cart:focus {
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    padding: 12px 0px 13px 0px;
    background-color: #333;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
}

.prod-cart-minus-ico,
.prod-cart-plus-ico,
.prod-cart-minus-ico:hover,
.prod-cart-plus-ico:hover,
.prod-cart-minus-ico:focus,
.prod-cart-plus-ico:focus,
.prod-cart-minus-ico:active,
.prod-cart-plus-ico:active {
    float: left;
    font-size: 12px;
    margin-top: 1px;
    color: #EEE;
    text-decoration: none;
    padding: 4px;
}

.prod-cart-minus-ico:hover,
.prod-cart-plus-ico:hover {
    color: #DDD;
}

.offer-qty.prod-cart-item-qty,
.prod-cart-item-qty {
    float: left;
    margin: 0px 2px 0px 2px;
    width: 40px;
    background-color: #FFF;
    min-width: 20px;
    text-align: center;
    border: 1px solid transparent;
    padding: 1px 2px;
    font-weight: bold;
    font-size: 15px;
}

.prod-cart-item-qty {
    color: #333;
    margin: 0px 2px 0px 2px;
    overflow: hidden;
    white-space: nowrap;
}

.offer-price-holder,
.price-text {
    color: #333;
}

.cart-item-counter {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 4px;
    right: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    background-color: rgba(256, 0, 0, 0.7);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 18px;
    color: #FFF;
    border: solid 1px red;
    /*background-color:red;*/
}

.mobile-cart-link {
    float: right;
    position: relative;
}

.categories-home-lnk,
.categories-home-lnk:hover,
.categories-home-lnk:visited {
    float: left;
    width: 100%;
    padding: 7px 10px;
    background-color: #FFF;
    color: #FFF;
    text-decoration: none;
}

.categories-home-lnk .home-img {
    margin-right: 10px;
}

.mobile-goshoppi-lnk,
.mobile-goshoppi-lnk:hover {
    float: left;
    width: 100%;
    padding: 10px 10px;
    background: url(../../images/go-icon.png) 5px 5px no-repeat;
    background-color: rgba(200, 200, 201, 1);
    background-size: 25px;
    text-decoration: none;
    padding-left: 32px;
    categories-home-lnk font-size: 14px;
    color: #333;
}

.mobile-delivery-lnk,
.mobile-delivery-lnk:hover {
    float: left;
    width: 100%;
    padding: 10px 10px;
    background: url(../../images/delivery_boy.png) 10px 10px no-repeat;
    background-color: rgba(200, 200, 201, 1);
    text-decoration: none;
    padding-left: 32px;
    font-size: 14px;
    color: #333;
}

.loyalty-lnk,
.loyalty-lnk:hover {
    float: left;
    width: 100%;
    padding: 10px 10px;
    background-color: rgba(200, 200, 201, 1);
    text-decoration: none;
    font-size: 14px;
    color: #333;
}

.loyalty-mob-icon {
    float: left;
    padding-right: 8px;
    padding-top: 3px;
}

.loyalty-mob-icon img,
.loyalty-mob-icon img:hover {
    width: 15px;
    height: 15px;
}

.mobile-list-group-item .list-group-item,
.mobile-list-group-item .list-group-item:hover {
    background-color: rgba(201, 201, 201, 1);
    color: #333;
}

.home-store-logo {
    float: left;
    max-height: 30px;
}

.home-store-name {
    float: left;
    max-width: 150px;
    color: #555;
    line-height: 30px;
    margin-left: 5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.btn-keytag {
    margin-bottom: 5px;
}

.moremenusubcateg-holder {
    display: none;
    position: relative;
}

.moresubcategory-full-content {
    float: left;
    width: 100%;
    background-color: #FFF;
}

ul .ulmoresubcateg-menu {
    position: absolute;
    width: 200px;
    right: 100%;
    top: 0px;
    list-style: none;
    width: 20%;
    min-width: 200px;
    margin-right: 80px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-height: 5px;
    background-color: #FFF;
    box-shadow: 0 2px 3px #777;
    -moz-box-shadow: 0 2px 3px #777;
    -webkit-box-shadow: 0 2px 3px #777;
}

.ulmoresubcateg-menu li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    background-color: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.resend-link {
    font-weight: bold;
}

.dvcookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    color: #FFF;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5);
}

.dvcookie-left {
    float: left;
    width: 75%;
    text-align: center;
}

.dvcookie-right {
    float: right;
    width: 25%;
    text-align: right;
    padding-right: 2px;
}

a.lnkcooki,
a.lnkcooki:hover,
a.lnkcooki:active,
a.lnkcooki:focus,
a.lnkcookieread,
a.lnkcookieread:hover,
a.lnkcookieread:active,
a.lnkcookieread:focus {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    padding: 10px 20px;
    background-color: #E66900;
    border: solid 1px #222;
}

a.lnkcookieread,
a.lnkcookieread:hover,
a.lnkcookieread:active,
a.lnkcookieread:focus {
    background-color: #EEE;
    color: #111;
}

.bottom-applink {
    float: left;
    width: 120px;
    margin-top: 10px;
}

.footer-badgecol {
    min-height: 300px;
}