/*
Theme Name : Sum v1.0
Theme URI: http://chikuha.co.jp
Author: Sum Tang
Description:
Version: 1.0
*/
/*---font------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");

.line {
    border-bottom: 2px solid #7F5C16;
    width: 100%;
    margin: 20px 15px 30px 15px;
}
div#Container {
    max-width: 1340px;
}

.bg-head {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.header-top {
    padding-top: 50px;
}
.header-top {
    line-height: 100px;
}

.contact-details img {
    width: 100%;
    padding-bottom: 1.5rem;
}

.maps iframe {
    width: 100%;
    border: 1px solid #7F5C16;
}

.ProductImage img {
    max-width: 100%;
}
/* Part one */
#rates {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

#gold {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

#contact{
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}



.area-padding-bottom {
    padding-bottom: 70px;
}

.col-border-right {
    border-right: 2px solid #7F5C16;
}

.pr-custom {
    padding-right: 1.5rem;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

#rates h1, #gold h1 {
    margin-left: 20px;
}
.color-gold {
    color: #7F5C16;
}
h1 {
    font-size: 36px!Important;
    margin-bottom: 0!Important;
}

.box-date {
    float: right;
}

.box-date {
    background-color: #2e2c31;
    width: 225px;
    padding: 10px 5px;
    border: 1px solid #FDCA45;
    outline: 5px solid #2e2c31;
}

.custom-date {
    font-size: 17px;
    color: #FEEEC4;
    margin-bottom: 6px;
}

.custom-time {
    font-size: 28px;
    color: #FDCA45;
    letter-spacing: 2px;
    font-weight: 700;
}

.am-pm {
    font-size: 18px;
    color: #FEEEC4;
}

.gold-table table {
    width: 100%;
}

.gold-table .bdr-right {
    border-right: thick solid #fff;
}

.gold-table .bdr-left {
    border-left: thick solid #fff;
}

.gold-table th {
    border-bottom: thick solid #FDCA45;
    border-bottom-width: thick;
    padding: 10px 5px;
}

.gold-table .bdr-right {
    border-right: thick solid #fff;
}

.gold-table .bdr-left {
    border-left: thick solid #fff;
}
.gold-table td {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 30px;
}

.gold-table th p {
    margin-bottom: 1rem;
    font-size: 16px;
}

.gold-table th p {
    margin-top: -32px;
    color: #FDCA45;
    font-weight: 500;
}

.gold-table th img {
    margin-top: -30px;
    box-shadow: 0px -4px 13px rgb(0 0 0 / 20%);
    max-width: 110px;
    height: 38px;
}

.gold-table thead {
    background-color: #2e2c31;
    text-align: center;
}

.bg-td-1 {
    background-color: #feeab5;
}

.gold-table thead {
    background-color: #2e2c31;
    text-align: center;
}

.gold-chart {
    border: 1px solid #7F5C16;
}

/** New Website **/

@font-face {
  font-family: "AvenirLTStd";
  src: url("/fonts/AvenirLTStd-Roman.otf") format("otf");
}

div#category {
    width: 100%!important;
}

input[type="submit"] {
    background: #000;
    color: #fff;
    text-align: center!important;
    width: 100%;
}

.m {
    display: none;
}

.nav--mobile .header-hamburger, .nav--mobile .header-cart {
    position: absolute;
    top: 50%;
    z-index: 1000;
    margin-top: -12px;
    width: 43px;
    height: 25px;
}

.header-hamburger .hamburger-bar:nth-of-type(1) {
    top: 23%;
}

.header-hamburger .hamburger-bar {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000000;
    pointer-events: none;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.header-hamburger .hamburger-bar:nth-of-type(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
}

.header-hamburger .hamburger-bar:nth-of-type(3) {
    bottom: 21%;
}

.section-body{
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding-top{
    height: 180px;
    width: 100%;
    display: inline-block;
}

.btn--pink {
    background: #c90446!important;
    color: #fff !important;
}

.btn--full {
    width: 100%!important;
}

.color--green {
    color: #3c8c8c;
}

h3.h4 {
    font-size: 18px!important;
}

.btn--green {
    border: 1px solid #3c8c8c!important;
    background-color: #3c8c8c!important;
    color: #fff!important;
}

.checkbox__input {
    display: none !important;
}

.uppercase {text-transform: uppercase;}



/** st Block 01 **/

.st-block01 {}

.st-block01.bg-img {
    background: url('http://gooddeli.com.hk/product_images/uploaded_images/banner.jpg');
    height: 407px;
    background-size: 100%;
    background-position: center;
}

.st-block01 .st-cards {
    width: 420px;
    max-width: 100%;
}

.st-block01 .st-cards .card{
    position: relative;
    border: 2px solid #f1f1f1;
    border-radius: 18px;
    overflow: hidden;
    background-color: #f1f1f1;
}

.st-block01 .card__wrap {
    position: relative;
    border: 2px solid #f1f1f1;
    border-radius: 18px;
    overflow: hidden;
    background-color: #f1f1f1;
}

.st-block01 .card__body, .st-block01 .card__footer {
    padding: 20px;
}

.st-block01 .card .card__title {
    margin-bottom: 10px;
    line-height: normal;
    font-size: 30px;
}

.st-block01 .card__title, .st-block01 .card__title>a {
    color: #000;
}

.st-block01 .rte.rte--large {
    font-size: 16.8px;
}
.st-block01 .rte {
    margin-bottom: 15px;
    word-wrap: break-word;
}

.h6--body {
    font-size: 14px;
}


/** st-block 02 **/

.bg--yellow {
    background-color: #f0f0dc;
}

.bg--yellow .section-title {
    color: #3c8c8c;
}

.section-header {
    padding: 10px 0;
    border-top: 3px solid #3c8c8c;
    border-bottom: 1px solid #3c8c8c;
}

.icon-item__icon{
    margin-bottom: 15px;
}

.icon-item__icon svg {
    width: 130px;
    height: 130px;
}

h4.icon-item__title {
    font-size: 18px;
    margin-bottom: 15px;
}


/** st-block 03 **/

.card{
    border:0!important;
}

.card--health-goal .card__wrap {
    -webkit-transition: 0.15s border-color ease-in-out;
    -moz-transition: 0.15s border-color ease-in-out;
    -ms-transition: 0.15s border-color ease-in-out;
    -o-transition: 0.15s border-color ease-in-out;
    transition: 0.15s border-color ease-in-out;
    border: 1px solid #3c8c8c;
    background-color: transparent;
}

.card--health-goal .card__title {
    min-height: 75px;
}

.card__title, .card__title>a {
    color: #000;
}

.card__body, .card__footer {
    padding: 20px;
}

.card__wrap {
    position: relative;
    border: 2px solid #f1f1f1;
    border-radius: 18px;
    overflow: hidden;
    background-color: #f1f1f1;
}

.card--health-goal .card__icon .svg-wrapper {
    width: 150px;
    margin: 0 auto;
    max-width: 100%;
}

.card--health-goal .card__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.card--health-goal .card__body .macro-summary p {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    white-space: nowrap;
    margin-bottom: 0;
}

.card--health-goal .card__body .macro-summary .grid__item+.grid__item {
    border-left: 1px solid #3c8c8c;
    
}

.grid--condensed>.grid__item {
    padding-right: 11.5px;
    padding-left: 11.5px;
}

.card__body .macro-summary p span, .card--health-goal .card__body .macro-summary p strong {
    display: block;
}

.card--health-goal .card__icon {
    margin-bottom: 20px;
}

.card--health-goal .card__footer {
    padding: 0;
}

label.checkbox__label{
    width: 100%;
}

label.checkbox__label .btn{
    font-size: 12px!Important;
}


/** st-block 04 **/

.section-featured-package .section-body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100px;
    background-color: #fff;
    z-index: 0;
}

.section-featured-package .section-body {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

.bg--green {
    background-color: #3c8c8c;
}
.bg--green, .bg--green .section-title {
    color: #fff;
}

.section-featured-package .image-wrapper {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}

.section-featured-package .image-wrapper img {
    width: 100%;
}

.grid--rev {
    position: relative;
}

.section-featured-package .content-wrapper {
    width: 350px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 130px;
}

h5.h3--accent {
    font-weight: 300;
    font-style: normal;
    font-family: CeraPro;
    margin-bottom: 0!important;
}

p.accent {
    font-family: CeraPro;
    margin-bottom: 0;
    font-weight: 300;
}

.section-featured-package .product-macro {
    width: 250px;
    max-width: 100%;
    margin-bottom: 25px;
}

.section-featured-package .product-macro .grid__item+.grid__item {
    border-left: 1px solid #fff;
}

h2.section-title.h1 {
    font-size: 32px!important;
}

/** st-block 05 **/

.section-double .section-title .svg-wrapper {
    display: block;
    width: 100px;
    max-width: 100%;
    margin-bottom: 30px;
}

.section-double .image-frame {
    width: 400px;
    width: 360px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 500px;
    overflow: hidden;
}

.lazy-image {
    display: block;
    position: relative;
    background-size: cover;
}

.lazy-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.section-double .content-wrapper {
    width: 460px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}

/** st-block 06 **/
 
.card__wrap {
    position: relative;
    border: 2px solid #f1f1f1;
    border-radius: 18px;
    overflow: hidden;
    background-color: #f1f1f1;
}
.card--meal-item .card__wrap {
    border: 1px solid #3c8c8c;
    border-top: 2px solid #3c8c8c;
    border-bottom: 2px solid #3c8c8c;
    border-radius: 0;
    background-color: #f0f0dc;
}

.card--meal-item .card__title strong {
    display: block;
    font-size: 1.14286em;
    font-weight: 700;
    color: #000;
}

.card--meal-item .card__title {
    min-height: 120px;
    padding: 20px 20px 0;
    line-height: normal;
    font-size: 13px!important;
    font-weight: 600;
    color: #3c8c8c;
}


/** st-block 07 **/

.bg--white .section-title {
    color: #3c8c8c;
}

.section-title {
    line-height: 1.25;
}

.testimonials__item__body {
    display: table-cell;
    width: 55%;
    padding: 20px;
    background: #c6dcdd;
}

.testimonials__item__body .star-rating {
    margin-bottom: 20px;
}

.star-rating ul {
    display: block;
    margin-bottom: 0;
}

.star-rating li {
    display: inline-block;
    margin: 0 1px;
}

.testimonials__item__body .star-rating svg {
    fill: #000;
}

.star-rating svg {
    width: 14px;
    height: auto;
    fill: #f0f0dc;
}

.testimonials__item {
    padding: 0 14px;
}

.section-delivery-areas .bg--yellow {
    color: #3c8c8c;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: url('http://gooddeli.com.hk/imgs/ico-select.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: transparent;
    background-size: 12px;
    padding-right: 28px;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    border: 2px solid #3c8c8c;
    border-radius: 0;
    color: #3c8c8c;
}

input, select, textarea {
    padding: 8px 10px;
    line-height: 1.42;
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], input[type="url"], textarea, select {
    border: 2px solid #3c8c8c;
    color: #3c8c8c;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 0 1em;
    background-color: transparent;
    outline: none;
}

a.btn.btn--large.uppercase {
    display: inline-block;
    padding: 8px 10px;
    margin: 0;
    line-height: 1.42;
    /* font-family: "Conv_CeraPro"; */
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 6px;
    background-color: #e2054f;
    color: #FFF!important;
}

.site-footer {
    position: relative;
    padding-top: 60px;
    padding-bottom: 15px;
    text-align: left;
    background-color: #3c8c8c;
    color: #fff;
}


.site-footer {
    padding-top: 150px;
}

.footer__logo svg {
    width: 100px;
    height: auto;
    max-width: 100%;
    fill: #fff;
}
svg:not(:root) {
    overflow: hidden;
}
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.inline-list li {
    display: inline-block;
    margin-bottom: 0;
}

.social-icons li svg path {
    fill: #fff;
}

.footer__social li, .footer__payment li {
    margin: 10px;
}

.form-newsletter {
    border-bottom: 2px solid #fff;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.footer__secondary {
    position: relative;
    margin-top: 30px;
    text-align: center;
}

footer.site-footer a {
    color: #fff!important;
}

.footer__secondary {
    margin-top: 90px;
}

.footer__nav__item {
    margin: 0 0 11px 0;
}

div#LogoContainer h1 {
    margin-bottom: 0px!important;
}

.rte__video-wrapper._video-wrapper iframe {
    max-width: 100%;
}

svg.icon.icon--wide.icon-meals-ready-in-3-mins {
    display: block;
    width: 100%;
    height: auto;
}

.nav--mobile {
    width: 90%;
    margin: 0 auto;
}

.header-carts {
    text-align: right;
}

.nav--mobile .header-cart svg {
    display: block;
    width: 100%;
    height: auto;
    fill: #e2054f;
}

.logo-wrapper {
    text-align: left;
}

.nav--mobile .header-carts svg {
    fill: #e2054f;
}

/*------------------------------------*
Form
*------------------------------------*/

.form-style {
    display: inline-block;
    width: 270px;
    position: fixed;
    right: -270px;
    height: 100vh;
    background: #fafafa;
    padding: 20px 15px;
    top: 0;
    z-index: 999999;
}

.form-style.form-show {
    right: 0px;
}

.input-group {
    border: 1px solid #eee!important;
    background: #fff!important;
}

.input-group-text {
    background: #fff!important;
    border: 0!important;
    padding: 10px 10px!important;
}

.input-group input,.input-group textarea {
    border: 0;
    padding: 6px 2px;
    font-size: 14px;
    color: #000;
}

.btn.btn-primary {
    width: 100%;
}

.btn.btn-warning {
    width: 100%;
}

.form-bg {
    position: fixed;
    background: #0000006b;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
}





/*------------------------------------*
Start
*------------------------------------*/

.slick-slide img {
    display: block;
    max-width: 100%;
}

div#top {
    height: 34px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #000000;
}

div#account_area ul li {
    float: left;
    margin: 0 15px 0px 0px;
}

div#account_area ul li a {
    font-size: 12px;
    color: #fff!important;
    text-decoration: none;
    font-weight: bold;
}

div#account_area ul {
    display: inline-block;
}

div#account_area ul.logins {
    float: right;
}

div#account_area ul.logins img {
    width: 15px;
    margin-right: 4px;
}

div#account_area {
    /* max-width: 1180px; */
    margin: 0 auto;
    /* min-width: 1180px; */
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 100%;
}

div#account_area a {
    color: #fff!important;
}

div#Logoimgs {
    text-align: center;
    padding: 3px 0;
}

#nav_bar{position:fixed;z-index:9999;top:30%;right:5px;height:300px;width:49px;background:url('https://boring-tee.com/product_images/uploaded_images/nav-bar2.png') no-repeat left top;opacity:0.9;background-size:68px auto;}
.ie6 #nav_bar{position:absolute;top:expression(offsetParent.scrollTop + offsetParent.clientHeight/2);filter:alpha(opacity=50);}
#nav_bar.nav_position {height:200px;}
#nav_bar:hover {opacity:1;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;-ms-transition:opacity 1s ease-out;}
#nav_bar .item{position:relative;height:50px;width:50px;padding-right:2px;float:right;}
#nav_bar .item .label{position:absolute;top:0;right:0;display:block;height:50px;width:50px;text-indent:-999em;}

#nav_bar .item .history{position:absolute;top:0;right:0;display:block;height:50px;width:50px;text-indent:-999em;}
#nav_bar .item .Qna{position:absolute;top:0;right:0;display:block;height:50px;width:50px;text-indent:-999em;}

#nav_bar .item:hover .label, #nav_bar .hover .label{width:70px;}
#nav_bar .item:hover {cursor:pointer;}
#nav_bar .cur_def:hover {cursor:default;}
#nav_bar .item .content{background: #fff;border:1px solid #DDD;z-index:99;visibility:hidden;position:absolute;top:0px;right:51px;min-height: 15px;width:190px;border-radius:0px;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
#nav_bar .item .contact {background-color:#f8f8f8;}
#nav_bar .item .member {background-color:#f8f8f8;top:-50px;visibility:visible;z-index:100;}
#nav_bar .item .facebook {background-color:#f8f8f8;}
#nav_bar .item .transfer {background-color:#f8f8f8;top:-150px;}
#nav_bar .item .general {background-color:#f8f8f8;}

.no-rgba #nav_bar .item .content{background-color:#999;}
#nav_bar .item .content .inner{padding:0px;}


/*nav_bar login*/  
#nav_bar  .nav_space {display:block;height:5px;float:left;width:100%;}
#nav_bar .nav_input_userinfo::-moz-placeholder {color:#666;} 
#nav_bar .nav_input_userinfo::-webkit-input-placeholder {color:666;}
#nav_bar .nav_input_userinfo:-ms-input-placeholder {color:666;}
#nav_bar .form {z-index:99999;float:none;padding:10px;min-height:62px;}
#nav_bar .form div.submit_wrap {padding:0;}
#nav_bar .form .fb_login_btn {margin-left:0px;}
#nav_bar .form .fb_login_btn a {width:58px;margin:0px 0px 0px 5px;padding:4px 10px 5px;border-radius:0px;}
#nav_bar .form div.submit_wrap .bright_button,#nav_bar .form div.submit_wrap input.bright_button[type="submit"] {width:50px;margin-left:5px;font-size:12px;border-radius:0px;padding:5px 13px;height:30px;border:0;}
#nav_bar .form label input{width:140px;margin-left:5px;}
#nav_bar .form .fb_login_btn .icon {left:-5px;background:url('../img/fb_login.png') no-repeat scroll 0px 0px / 13px 13px transparent;width:13px;height:13px;padding-right:4px;}
#nav_bar .form .fb_login_btn a fn{font-size:12px;position:relative;}
/*--*/


/*------------------------------------*
Slider
*------------------------------------*/

.slider_wrapper {width: 100%;}
.slider_wrapper .bd{padding:0;height:482px;}
#slider_large{float:left;height:485px;width:912px;}
#slider_medium{float:left;height:307px;width:268px;margin:0 0 0px 0px;}
#slider_small{float:left;height:178px;width:268px;margin:0 0 0 0px;}
#slider_phone{height:100%;width:100%;}
#slider_phone .slick-dots{right:0;bottom:9px;height:10px;width:100%;text-align:center;}
#slider_phone .slick-dots li{display:inline-block;height:10px;width:10px;margin:0 5px;}
#slider_phone .slick-dots li button{height:10px;width:10px;text-indent:-999em;border:none;background-color:rgba(0,0,0,0.3);}
#slider_phone .slick-dots li button:focus, #slider_phone .slick-dots li.slick-active button{background-color:rgba(0,0,0,0.6);}
#slider_small .slick-dots{right:10px;bottom:2px;}
#slider_small .slick-dots li{height:12px; width:12px;margin-right:4px;}
#slider_small .slick-dots li button {display:block;width:12px;height:12px;text-indent:-999em;background:#fff;border: 0px solid;}
#slider_left{float:left;height:482px;width:266px;margin-right:2px;}
#slider_left_top{float:left;height:239px;width:268px;margin-bottom:2px;}
#slider_left_bottom{float:left;height:239px;width:268px;margin-top:2px;}
#slider_center{float:left;height:482px;width:640px;margin-left:2px;margin-right:2px;}
#slider_right{float:left;height:482px;width:266px;margin-left:2px;}
#slider_right_top{float:left;height:302px;width:268px;margin-bottom:2px;}
#slider_right_middle{float:left;height:176px;width:268px;margin-bottom:2px;margin-top:2px;}
#slider_right_bottom{float:left;height:176px;width:268px;margin:2px 0 0 0;}
#slider_right_bottom .slick-dots li{height:12px; width:12px;margin-right:4px;}
#slider_right_bottom .slick-dots li button {display:block;width:12px;height:12px;text-indent:-999em;background:#fff;border: 0px solid;}
.goods_slider .slick-prev, .goods_slider .slick-next{top:120px;margin-top:0;} 


/*------------------------------------*
Slogan
*------------------------------------*/


.fast_delivery,.solgan  {font-family:CeraPro;text-transform:uppercase;padding:20px 10px 25px;margin-top:30px;background: url('../../../imgs/order_title_bg_pink_blk.gif') repeat scroll left top #FFF;}
.fast_delivery h3,.solgan h3  {font-size:25px;letter-spacing:3px;text-align:center;color:#000;font-weight:normal;line-height:35px;padding:10px;}
.fast_delivery p,.solgan p {text-align:center;padding:10px;font-size:14px;color:#666;letter-spacing:1px;}


.solgan {border-bottom:none;border-top:1px dotted #666;padding:45px 45px 12px;background-image:none;}
.solgan h3 {display:block;margin:-72px auto 15px;width:340px;font-size:17px;background-color:#FFF;padding:10px;font-family:CeraPro;}
.solgan p {width:1180px;margin:0px auto;color:#555;padding:2px;letter-spacing:1px;font-family:CeraPro;font-size:15px;text-transform:none;}


/*------------------------------------*
Title
*------------------------------------*/

.hd .line{
    margin: 30px 8px 25px;
    border-bottom: 1px dotted #ccc;
    width: calc( 100% - 190px );
    float: right;
}

.hd h3 {
    color: #444;
    border-bottom: 0px;
    padding-right: 9px;
    margin-top: 13px;
    background-color: #fff;
    font-family: 'CeraPro';
    font-size: 28px!important;
    letter-spacing: 0px;
}
.hd h3 {
    float: none;
    height: 35px;
    padding: 0;
    font-size: 18px;
    line-height: 35px;
    color: #000;
}


.hd .extra {
    float: right;
    height: 35px;
    padding: 0;
    line-height: 35px;
    margin-top: 12px;
    font-size: 12px;
}


/* footer */
.wrapper{max-width: 80%;margin:0px auto;clear:both;}
#bottom_moblie{display:none;}
#footer{background-color:#fff;height:110px;border-bottom:10px solid #FFF;font-size: 12px;}
#footer .wrapper{padding:4px 0px 0px 0px;}
#links{float:left;width:960px;margin-bottom:20px;padding:10px;background-color:rgba(0,0,0,0.03);border-radius:4px;}
#links li{float:left;width:160px;padding-bottom:10px;}
#links li h4{font-size:14px;padding:10px 0 10px 20px;}
#links li li{float:none;width:auto;padding-left:20px;padding-bottom:0;}
#bottom_nav{width:500px;float:right;text-align:right;  margin-right:20px;}
#bottom_nav li{display:inline;}
#bottom_nav li:after{content:'';display:inline-block;height:12px;width:0;border-right:1px dotted #444;vertical-align:middle;}
#bottom_nav a{display:inline-block;padding:0 8px;color:#333;}
#bottom_nav a:hover{color:#999;}
#bottom_nav li:last-child:after{display:none;}
#bottom_nav .sub_nav{display:none;}
#copyright{float: none;color:#666;margin-left: 0;margin-bottom: 0;}
#bottom{padding-top:30px;background-color:#fff;color:#333;border-bottom:0px solid #333;margin-bottom:18px;display: inline-block;width: 100%;}
#bottom .icon{display:block;text-indent:-999em;background:url('../../../imgs/bottom_icon.png') no-repeat 0 0;margin:0 auto;}
#bottom .col{float:left;width:393px;margin-bottom:20px;}
#bottom .first {width:413px;}
#bottom .second {width:353px;margin:0px 15px;}
#bottom .title{display:none;height:75px;margin-bottom:40px;}
#bottom .title .icon{height:75px;width:74px;}
#bottom .title .icon_mobile{width:68px;background-position:-75px 0;}
#bottom .title .icon_money{width:71px;background-position:-143px 0;}
#bottom .title .icon_mag{width:102px;margin-left:97px;background-position:-214px 0;}
#bottom subT {display:block;font-size:15px;font-weight:bold;line-height:25px;}
#bottom subT.ins_cont {margin-bottom:10px;}
#bottom .content{height:130px;}
#bottom .first .content{border-left-width:0;padding:0px 20px;}
#bottom .shop{padding:0 20px;}
#bottom .shop .tel{margin-bottom:10px;font-size:22px;font-weight:bold;line-height:26px;margin-right:15px;display:block;float:left;}
#bottom .shop .tel span{font-size:22px;vertical-align:top;}
#bottom .shop .time{float:left;margin-bottom:10px;line-height:20px;display:block;width: 184px;font-size: 12px;}
#bottom .shop .address{position:relative;margin-bottom:5px;padding-left: 25px;font-size:10px;line-height:18px;display:block;float:left;}
#bottom .shop .address strong{display:block;font-size:12px;}
#bottom .shop .icon_home{position:absolute;left:0;top:2px;height:16px;width:16px;background-position:-342px -51px;}
#bottom .contact{padding:0 20px;padding:0px 35px 0 32px;border-left:1px dotted #DADADA;border-right:1px dotted #DADADA;}
#bottom .contact p{position:relative;margin-bottom:15px;padding-left:42px;font-size:12px;display:block;float:left;width:350px;}
#bottom .contact strong{display:block;font-size:12px;font-weight:normal;}
#bottom .contact strong sup{font-size:9px;}
#bottom .contact .icon{position:absolute;left:0;top:-2px;height:26px;width:28px;}
#bottom .contact .icon_whats{background-position:-315px 0;}
#bottom .contact .icon_line{background-position:-315px -26px;}
#bottom .contact .icon_qq{background: url('../../../imgs/Social-Logos.png') no-repeat 0 0;background-size: 23px;background-position: 5px -23px;}
#bottom .contact .icon_wechat{background: url('../../../imgs/Social-Logos.png') no-repeat 0 0;background-size: 23px;background-position: 5px 2px;}
#bottom .contact .icon_mail{height:16px;background-position:-315px -55px;top:2px;}
#bottom .payment{padding-left:20px;}
#bottom .payment .bank{line-height:25px;}
#bottom .payment .bank strong{display:block;margin-top:-3px;font-size:13px;}
#bottom .payment .bank .item{display:block;height:25px;white-space:nowrap;font-size: 12px;}
#bottom .payment .bank .item span{float:left;display:block;width:80px;}

#bottom .payment .icons{    DISPLAY: NONE; height:68px;width:100%;margin:12px 0 0 0;background:url('../../../imgs/payment_method.png') no-repeat scroll 0px 0px / 370px auto transparent;}

#bottom .verified{padding-left:44px;border-left: 1px dotted #DADADA;}
#bottom .icon_fd{float:left;height:68px;width:84px;margin-top:-3px;background-position:-200px -75px;}
#bottom .icon_auth{float:left;height:68px;width:95px;margin-top:-2px;margin-left:9px;background-position:-290px -75px;}
#bbar .findus .icons{float:left;height:35px;width:200px;margin:0 0 10px 2px;background:url('../../../imgs/bottom_icon.png') no-repeat 0 -143px;}
#bbar .findus .platform{background:url('../../../imgs/bottom_icon.png') no-repeat scroll -19px -92px transparent;height:44px;width:138px;margin:30px 0 0 0;}
#bbar .findus .icons a{float:left;display:block;height:34px;width:34px;margin-right:15px;text-indent:-999em;}

#bbar {padding-top:70px;background-color:#eee;color:#333;border-bottom:0px solid #333;margin-bottom:20px;display: inline-block;width: 100%;}
#bbar .col{float:left;width:236px;margin-bottom:30px;}
#bbar .title{height:10px;margin-bottom:25px;font-size:13px;font-family:CeraPro;}
#bbar .subT{height:10px;margin-bottom:20px;font-size:13px;}
#bbar .content{height:185px;}
#bbar .category{padding:0 20px;}
#bbar .member{padding:0 30px;}
#bbar .customer{padding-left:22px;}
#bbar .aboutus{padding-left:44px;}
#bbar .findus{padding-left:44px;}

/*------------------------------------*
Top
*------------------------------------*/

.containertop {
    height: 35px;
    position: fixed;
    z-index: 103;
    width: 100%;
    top: 0;
}

.containernav {
    /* height: 100px; */
    position: fixed;
    z-index: 110;
    top: 33px;
    width: 100%;
    border-bottom: 0;
    background: #fff;
    padding: 0 0 14px 0;
}

.containernav.fixtop1 {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 110;
    transition: 0.3s all;
}
 

#navtop.fixtop2 div#Menu a {
    font-size: 14px;
}

#top.fixtop1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

/*------------------------------------*
Others
*------------------------------------*/

.content.line-open .inner {
 /*  padding: 14px!important;*/
    background: #eeeeee;
}

.content.wechat-open .inner {
  /*  padding: 14px!important;*/
    background: #eeeeee;
}

p.sub a {
    padding: 14px!important;
    display: inline-block;
}

td.CartThumb img {
    width: auto;
}

.top-mobile {
    border-bottom: 1px solid #000;
    background: #fff;
    position: fixed;
    width: 100%;
    height: 51px;
    z-index: 9999;
}

.top-mobile #logo {
    margin: 10px;
}

.top-mobile #logo img {
    height: 33px;
    margin: 8px;
}

a.topico {
    float: right;
}

a.topico img {
    height: 30px;
    margin: 9px 9px;
}

a#mobile_menu_btn {
    top: -5px;
    left: 0px;
    height: 55px;
    width: 55px;
    background-color: #000;
    float: left;
    border-radius: 0px;
    position: relative;
}

a#mobile_menu_btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -12px;
    height: 3px;
    width: 24px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 -8px 0 #fff, 0 0px 0 #fff, 0 8px 0 #fff;
}

.ProductDetails a {
    font-size: 14px;
    margin-top: 9px;
    display: block;
}

.ProductPriceRating {
    font-size: 12px;
    text-align: center;
    padding-bottom: 14px;
}

button.addtocart {
    width: 100%;
    padding: 5px 2%;
    font-size: 16px;
    text-align: center;
    border: 1px solid #333;
    border-radius: 5px;
    margin-top: 24px;
    background: #000;
    color: #fff;
}

select#qty_ {
    width: 88px;
    padding: 4px;
}

div#CategoryHeading {
    padding: 16px 9px;
}

div#CategoryHeading h2 {
    margin: 0;
}

.carts img {
    width: 24px;
}
 

li.float-right.carts a {
    padding: 8px 12px!important;
    margin-top: -6px;
}

div#ProductDescription {
    padding: 25px 0;
}

div label input {
   margin-right:100px;
}

.ProductDetailsGrid .Value li {
    margin: 9px 8px 15px 0;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    font-size: 15px;
    /* padding: 6px 14px; */
    width: auto;
}

.ProductDetailsGrid .Value li:hover {
    background: #c7c7c7;
}

.ProductDetailsGrid .Value li label {
    float:left;
    width: auto;
    text-align: center;
}

.ProductDetailsGrid .Value li label span {
    text-align:center;
    padding: 11px 6px;
    display:block;
    width: 110px;
}

.ProductDetailsGrid .Value li label input {
    position:absolute;
    top:-20px;
}

.ProductDetailsGrid .Value li input:checked + span {
    background-color: #6d6d6d;
    color:#fff;
}


.item.line:hover .content.line-open {
    display: block;
    opacity: 1!important;
    visibility: visible!important;
}

.item.wechat:hover .content.wechat-open {
    display: block;
    opacity: 1!important;
    visibility: visible!important;
}

.content.item {
    text-align: center;
    background: #f0f0f0;
    padding: 11px 0;
    border-collapse: collapse;
}

p.sub {
    margin: 0;
}

/*------------------------------------*
End
*------------------------------------*/

.desktop{display:block!important;}
.mobile{display:none!important;}
.desktop-inline{display:inline-block!important;}
.mobile-inline{display:none!important;}
.mobile.flex{display:none!important;}

.ProductLists {
    width: 100%;
    margin: 0!important;
    padding: 0!important;
}

img#LogoImage {
    max-width: 158px;
}

.FeedLink {
    display: none;
}

/* Global Reset */
* {
    margin: 0;
    padding: 0;
}

/* General */
body {
    font-family: AvenirLTStd, "Microsoft JhengHei", arial !important;
    font-size: 0.8em;
    height: 100%;
    line-height: 27px;
    /* min-width: 1300px; */
}

input, select {
    font-size: 11px;
}

input {
    padding: 1px;
}

p {
    line-height: 1.3;
    margin-bottom: 15px;
}

a {
    font-weight: normal;
    text-decoration: none;
}

h2, .h2 {
    font-size: 28px!important;
    margin-bottom:0!important;
}

h3 {
    font-size: 22px!important;
    margin-bottom: 6px;
}

h4 {
    font-size: 18px!important;
    margin-bottom: 4px;
}


img, img a {
    border: 0;
}

ul, ol {
    margin: 0!important;
    padding: 0!important;
}

li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}

blockquote {
    margin-left: 28px;
}

select option {
    padding: 0 10px;
}

hr {
    margin: 10px 0;
    padding: 0;
    background: #c7d7db;
    height: 1px;
    border:0;
}

/* Forms */
.HorizontalFormContainer dl, .VerticalFormContainer dl {
    margin: 0;
}

.HorizontalFormContainer dt img {
    vertical-align: middle;
    float: left;
}

.HorizontalFormContainer dt .fieldLabel {
    float:left;
    padding-top: 4px;
    padding-left: 4px;
}

.HorizontalFormContainer dt {
    width: 160px;
    float: left;
    clear: left;
}

.HorizontalFormContainer dd.ProductField {
    height: 20px;
}

.HorizontalFormContainer dd {
    padding-top:4px;
    margin-left: 170px;
}

.NarrowFormContainer dt {
    width: 110px;
}

.NarrowFormContainer dd {
    margin-left: 120px;
}

.HorizontalFormContainer p.Submit {
    margin-left: 170px;
}

.NarrowFormContainer p.Submit {
    margin-left: 120px;
}

.VerticalFormContainer dt {
    margin-bottom: 6px;
}

.VerticalFormContainer dd {
    margin-bottom: 6px;
    margin-left: 10px;
}

/* Page Container */

#Container {
    margin: 0 auto;
    position: relative;
    z-index: 5;
    /* background: #fff; */
    transition: 0.5s all;
    left: 0;
}

/* Top Navigational Menu */
#TopMenu {
    height: 27px;
    padding: 0;
}

#TopMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#TopMenu li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#TopMenu li.First a {
    border-left: 0;
}

#TopMenu li a, #TopMenu li div {
    display: block;
    text-decoration: none;
    font-size: 0.85em;
    padding: 0 10px 0 10px;
    margin: 8px 0 0 0;
}

#TopMenu li div a {
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 1em;
}

#TopMenu li a:hover {
    text-decoration: underline;
}

/* Pages Menu */
#Menu {
    clear: both;
    padding-top: 2px;
    display: inline-block;
    margin: 0px auto;
    width: auto;
    /* padding: 0px 0; */
    /* float: right; */
    padding-right: 50px;
    padding-left: 50px;
    width: 100%;
}

#Menu ul {
    /* margin: 0; */
    /* padding: 0; */
    width: max-content;
    display: block;
    margin: 0 auto!important;
}

#Menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 25px;
    margin-left: 25px;
    width: 98px;
    text-align: center;
}

#Menu li.First a {
    background-image: none;
}

#Menu li a {
    display: block;
    /* float: left; */
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    /* padding: 8px 18px 6px 18px; */
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    font-size: 14px;
}

#Menu li a:hover    {
    text-decoration: underline;
}

#Menu li ul {
    width: auto;
    position: absolute;
    clear: left;
    top: 22px;
    left: 0;
    display: none;
    text-align: left;
    font-size: 0.9em;
    background: transparent;
    z-index: 1;
}

#Menu li ul li {
    clear: both;
    color: white;
    text-align: left;
    background: transparent;
}

#Menu li ul li a {
    padding: 3px 10px 3px 10px;
    font-size: 1em;
    text-align: left;
    margin: 0;
    width: 120px;
    height: auto;
}

#Menu li ul li a:hover {
    text-decoration: none;
}

#Menu li:hover a, #Menu li.over a{
    text-decoration: underline;
}

#Menu li ul li a, #Menu li.over li a {
    text-decoration: none !important;
}

#Menu li:hover ul, #Menu li.over ul {
    display: block;
}

#Menu li.float-right {
    float: right;
}

/* Holly Hack. IE Requirement */
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
/* End */


/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
    margin-top: 0;
    clear: both;
    /* background: #fff; */
}

#Wrapper {
    clear: both;
    max-width: 1180px;
    margin: 0 auto;
    background: #fff;
}

/* Header */

#Header {
    /* position: fixed; */
    /* z-index: 103; */
    width: 100%;
    /* border-bottom: 1px solid #e2054f; */
    /* background: #fff; */
    /* height: auto; */
}

/* Logo */

#Logo {
    width: 100%;
    padding: 60px 0;
    padding-bottom: 25px;
}

#Logo h1 {
    font-size: 2.4em;
    font-weight: normal;
    padding-left: 64px;
    height: 45px;
    margin-top: 10px;
}

#Logo h1 a {
    text-decoration: none;
}

/* Top Search Form */
#SearchForm {
    padding-top: 0;
}

#SearchForm label {
    font-weight: bold;
}

#SearchForm input.Textbox {
    width: 139px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0.9em;
    padding: 3px;
}

#SearchForm .Button {
    width: 21px;
    height: 21px;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
}

#SearchForm p {
    text-align: right;
    margin: 0 0 0 45px;
    font-size: 0.9em;
}

#SearchForm a {
    text-decoration: none;
}

/* Left Content Area */

.Left {
    float: left;
    min-height: 500px;
    width: 160px;
    font-size: 0.85em;
    margin-right: 10px;
    display: none;
}

.Left h2 {
    font-size: 1.25em;
    margin: 5px 10px 8px;
    width: 140px;
}

.Left a {
    color: #000;
}

.Left li a:hover {
    text-decoration: underline;
}

.Left .BlockContent {
    margin: 0 10px 0 10px;
}

.Left ul {
    margin: 0;
    padding: 0;
}

.Left li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}

.Left .BlockContent {
    margin: 0 10px 0 10px;
}

.Left li {
    border-bottom: 1px solid #c5dde9;
}

.Left li a {
    text-decoration: none;
}

.Left li a:hover {
    text-decoration: underline;
}

.Left #SideCategoryList li ul {
    border-top: 1px solid #c5dde9;
}

.Left #SideCategoryList li.LastChild {
    border-bottom: 0 !important;
}

.Left #SideCategoryList li{
    padding: 3px 0 0 0;
}

.Left #SideCategoryList li ul {
    padding-left: 15px;
}

/* Primary Content Area */
.Content {
    float: none!important;
    width: 100%;
    min-height: 800px;
    margin: 0 auto;
    padding: 15px;
    /* margin-top: 185px; */
}

.Content .Block {
    clear: both;
    margin: 0;
}

.Block {
    margin-top: 10px;
    margin-bottom: 10px;
}

.Content h2, .TitleHeading {
    font-size: 1.6em;
    font-weight: 400;
    color: #000000;
    margin: 20px 0 0 0;
}

.Content a:hover {
    text-decoration: underline;
}

/* Primary Content Area (column span of 2) */
.Content.Wide {
    /* width: 785px; */
}

/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
    width: 955px;
}

/* Right Content Area */
.Right {
    float: right;
    min-height: 500px;
    width: 160px;
    font-size: 0.85em;
    padding-bottom: 10px;
    margin-left: 10px;
    display: none;
}

.Right h2 {
    font-size: 1.25em;
    margin: 5px 10px 8px;
    width: 140px;
}

.Right a {
    color: #000;
}

.Right li a:hover {
    text-decoration: underline;
}

.Right .BlockContent {
    margin: 0 10px 0 10px;
}

.Right ul {
    margin: 0;
    padding: 0;
}

.Right li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}

.Right .BlockContent {
    margin: 0 10px 0 10px;
}

.Right li {
    border-bottom: 1px solid #c5dde9;
}

.Right li a {
    text-decoration: none;
}

.Right li a:hover {
    text-decoration: underline;
}

/* Page Footer */

#Footer {
    clear: both;
    font-size: 0.85em;
    text-align: center;
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
}

#Footer ul {
    list-style: none;
    margin: 0 0 30px 115px;
    padding: 0;
}

#Footer li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Footer li a {
    text-decoration: none;
    padding: 0 10px 0 10px;
}

/* Newsletter Subscription Form */
.NewsletterSubscription {
    clear: both;
}

.NewsletterSubscription label {
    clear: both;
    float: left;
}

.NewsletterSubscription input {
    width: 129px;
    font-size: 0.9em;
    padding: 3px;
    margin-bottom: 5px;
}

.NewsletterSubscription .Button {
    width: 95px;
    height: 25px;
    border: 0;
    margin-top: 6px;
    vertical-align: middle;
}

/* Product Listings */

.ProductList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Content .ProductList li {
    list-style: none;
    float: left;
    width: 122px;
    font-size: 0.95em;
    margin: 6px;
    padding: 8px;
    overflow: hidden;
    min-height: 17em;
}

.ProductList a {
    text-decoration: none;
}

.ProductList .ProductImage {
    margin: 0 0 5px 0;
    display: table-cell;
    width: 120px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
}

.ProductList .ProductImage img {
    vertical-align: middle;
}

.ProductList p {
    margin: 5px 0 5px 5px;
}

.ProductList strong, .ProductList strong a {
    color: #075899;
}

.ProductPrice, .ProductList em {
    font-style: normal;
    font-weight: bold;
}

.ProductList .Rating {
    font-size: 0.9em;
    font-weight: bold;
}

.ProductList .Rating img {
    height: 12px;
    margin-top: 3px;
}

.ProductList li .ProductCompareButton {
    margin-top: 3px;
    text-align: center;
}

.Left .ProductList .ProductImage, .Right .ProductList .ProductImage {
    display: none;
}

.Left .ProductList li, .Right .ProductList li {
    clear: both;
    width: 140px;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 3px 0 5px 0;
    color: #000000;
}

.Right .SideCart p
{
    color: #000000;
}/* Top Seller Block Specific */
.Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
    float: left;
    width: 20px;
    font-size: 1.2em;
    padding: 6px 0 3px 6px;
}

.Left .TopSellers .ProductDetails, .Right .TopSellers .ProductDetails { /* Contains the details of the item */
    margin-left: 24px;
    width: 110px;
    padding: 3px 0 3px 0;
}

.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 { /* No1 seller box */
    clear: both;
    float: left;
    width: 128px;
    margin: 10px 0 5px 0;
    padding: 5px;
    overflow: visible;
    display: inline;
}

.Left .TopSellers li.TopSeller1 img, .Right .TopSellers li.TopSeller1 img {
    text-align: center;
    overflow: hidden;
    max-width:130px;
}


.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
    width: 44px;
    height: 34px;
    font-size: 2em;
    padding: 7px 0 6px 0;
    margin: -20px 0 0 0;
    text-align: center;
    display: Block;
}

.Left .TopSellers li.TopSeller1 .ProductDetails, .Right .TopSellers li.TopSeller1 .ProductDetails {
    margin-left: 0;
}

.Left .TopSellers li.TopSeller1 .ProductImage, .Right .TopSellers li.TopSeller1 .ProductImage {
    width: 130px;
    display: inline;
    text-align: center;
    overflow: hidden;
}

.Content .TopSellers li .TopSellerNumber {
    display: none;
}

/* Page Breadcrumbs */
.Breadcrumb ul, .Breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Breadcrumb {
    font-size: 0.9em;
    padding-bottom: 4px;
    border-bottom: 0;
}

.Breadcrumb li {
    padding-left: 6px;
    display: inline;
    color: #fff;
}

.Breadcrumb li a {
    padding-right: 10px;
    background: url('../../default/images/BreadcrumbSep.gif') no-repeat right;
}

.FindByCategory ul, .FindByCategory li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.FindByCategory li {
    padding-left: 12px;
    background: url('../../default/images/BreadcrumbSep.gif') no-repeat 3px 5px;
    padding-right: 8px;
    display: inline;
}

/* Miscellaneous Definitions */

.Meta {
    color: #444;
    font-size: 0.93em;
}

.Left .FeedLink, .Right .FeedLink {
    padding-right: 5px;
}

.Content .FeedLink {
    margin-top: 4px;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    /* float: left; */
}

.ClearRight {
    clear: right;
}

.ClearLeft {
    clear: left;
}

.SortBox {
    font-size: 0.95em;
    color: #444;
}

.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}

.Clear {
    clear: both;
}

.Field45 {
    width: 45px;
}

.Field100 {
    width: 100px;
}

.Field150 {
    width: 200px;
    border: 1px solid;
    padding: 0 9px;
}

.Field200 {
    width: 200px;
}

.Field250 {
    width: 250px;
}

.Field300 {
    width: 300px;
}

.Field350 {
    width: 350px;
}

.Field400 {
    width: 400px;
}

.MB10 { margin-bottom:10px; }
.MT0 { margin-top:0px; }
.LH140 { line-height:140%; }
.PLRB5 { padding:0px 5px 5px 5px; }
.PLR10 { padding:0px 10px 0px 10px; }
.PL20 { padding:0px 0px 0px 20px; }
.PL40 { padding:0px 0px 0px 40px; }
.ML20 { margin:0px 0px 0px 20px; }
.MT10 { margin-top:10px; }
.PL10 { padding-left:10px; }
.PB2 { padding-bottom:2px; }
.NoMarginBottom { margin-bottom: 0; }

.Required {
    color: red;
    font-weight: bold;
    visibility: visible;
}

.InfoMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

.SuccessMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;

}

.ErrorMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}/************* Page Specific: Create Account / Login Page *************/
.CreateAccount {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.AccountLogin {
    float: left;
    padding-left: 20px;
    width: 50%;
}

ul.ShippingAddressList, ul.ShippingAddressList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ShippingAddressList li {
    width: 30%;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.PrimaryProductDetails .ProductThumb {
    float: left;
    width: 190px;
    text-align: center;
    width: 50%!important;
    margin-top: 30px;
}

.PrimaryProductDetails .ProductMain {
    width: 50%;
    float: left;
    margin-top: 10px;
}
.PrimaryProductDetails dl {
    font-size: 0.90em;
}

.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}

.PrimaryProductDetails dd {
    margin-left: 90px;
}

.Right hr {
    margin: 5px 0 0;
}

.Content h3 {
    margin-bottom: 20px;
    font-size: 20px;
}

.ComparisonCheckbox {
    float: left;
}

.SideRecentlyViewed .CompareButton {
    margin: 10px 0 0 0;
    padding: 0;
}

.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}

.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}

/* Product Comparisons */
.ComparisonTable { width: 100%; }
.ComparisonTable td { vertical-align:top; font-size: 11px }
.CompareFieldName { width:95px; padding:8px 10px 8px 15px; }
.CompareFieldTop { padding:5px; text-align:center; }
.CompareFieldTop a { text-decoration:none; font-size:10px; }
.CompareFieldTop a:hover { text-decoration:underline; }
.CompareLeft { padding:5px 10px 5px 10px; }
.CompareCenter { text-align:center; padding:5px; }
.CompareRating { text-align:center; padding-top:8px; vertical-align:middle; }
.CompareProductOption { margin-left:20px; padding-left:5px; }

.Availability { color:gray; }
.LittleNote { color:gray; font-size: 0.85em; }

.ViewCartLink {
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 8px;
}

/* General Tables */
table.General,
table.CartContents, table.General {
    width: 100%;
    margin: 10px 0;
}

table.General thead tr th,
table.CartContents thead tr th {
    padding: 6px 10px;
    text-align: left;
}

table.General tbody td,
table.CartContents tbody td {
    padding: 6px 10px;
    vertical-align: top;
}

table.General tbody tr.First td {
    border-top: 0;
}

/* Cart Contents Table */

.CartContents tbody td,
.CartContents tfoot td {
    border-bottom: 0;
}
.CartContents .ProductName a {
    font-weight: bold;
}

.ProceedToCheckout {
    text-align: right;
}

.Content .ProceedToCheckout {
    width: 200px;
    float: right;
}
.ProceedToCheckout a {
    padding-top: 5px;
}

.MiniCart .SubTotal {
    text-align: center;
    font-size: 115%;
    color: #075899;
}

.MiniCart .CartProductOptionList {
    display: block;
}

.JustAddedProduct {
    width: 128px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.JustAddedProduct strong, .JustAddedProduct a {
    font-weight: bold;
    font-size: 1.02em;
    display: block;
    margin-bottom: 3px;
}

.CategoryPagination .PagingList, .CategoryPagination .PagingList li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.CategoryPagination {
    padding: 5px;
    text-align: center;
}

.CategoryPagination .PagingList li {
    display: inline;
    padding: 0 5px;
}/* Quick Search */
.QuickSearch { margin: 0; padding: 0; text-align: left; border-collapse: collapse; background: #fff; border: 1px solid #BFBFBF;  }
.QuickSearchTitle td, .QuickSearchAllResults td { font-weight: bold; padding: 4px; font-size: 11px; }
.QuickSearchResult td { font-size: 11px; padding:8px; cursor: pointer; }
.QuickSearchResultImage { margin-left: 4px; margin-right: 10px; text-align: center; }
.QuickSearchResultNoImage { padding-top: 10px; color: #777; }
.QuickSearchResultName { margin: 0; padding: 0; padding-bottom: 5px; }
.QuickSearchResultName a { font-weight: bold; text-decoration: none; }
.QuickSearchResult .Price { font-size: 11px; }
.QuickSearchHover td{ background: #E8F4F8; }
.QuickSearchHover a { text-decoration: underline; font-weight:bold; }
.QuickSearchAllResults td { text-align: right; height: 25px; }
.QuickSearchAllResults a { text-decoration: underline; }
.QuickSearchAllResults a:active, .QuickSearchAllResults a { outline: none; -moz-outline-style: none; }

/* Brand Tag Clouds */
.BrandCloud .smallest { font-size:12px; }
.BrandCloud .small { font-size:15px; }
.BrandCloud .medium { font-size:18px; }
.BrandCloud .large { font-size:20px; }
.BrandCloud .largest { font-size:26px; }
.BrandCloud a { padding-right: 5px; }
.DownloadExpires { padding-top: 3px; font-style: italic; color: gray; }
.DownloadExpiresToday { color: red; }

.CheckoutRedeemCoupon h4 { margin-top: 0; }
.CheckoutRedeemCoupon p { margin-top: 10px; margin-bottom: 0;}

.BillingDetails {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 15px;
}

.ShippingDetails {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}

.ProductDetailsGrid dt {
    width: 140px;
    margin-bottom: 6px;
    float: left;
    font-weight: bold;
}

.ProductDetailsGrid dd {
    margin-left: 145px;
    margin-bottom: 6px;
}

.SubCategoryList {
    padding: 4px;
}

.SubCategoryList ul, .SubCategoryList li {
    list-style: none;
    margin-left: 0;
}

.SubCategoryList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../../default/images/SubCategory.gif') no-repeat 3px 1px;
}

.SearchTips .Examples {
    background: lightyellow;
    padding: 8px;
    border: 1px solid #aaa;
    color: #555;
    margin-left: 30px;
    margin-bottom: 10px;
}

.PrimaryProductDetails .ProductThumb p {
    margin-top: 10px;
    font-size: 0.9em;
}

.ProductReviewList {
    clear: both;
}

.SortBox select {
    font-size: 0.9em;
}

 .SortBox option {
    color: #444;
}

.YourAccount li {
    margin-bottom: 8px;
}

.SoldOut {
    color: #999;
}

.RemoveFromWishlistForm {
    margin: 5px;
}


.ShippingProviderList {
    list-style: none;
}

small {
    font-size: 11px;
    color: gray;
}

.HowToPay {
    margin-bottom: 10px;
}

.ProductList em, .ProductList .Rating {
    display: block;
}

.GoogleCheckout p,
.PayPalExpressCheckout p,
.AlternativeCheckout p {
    margin: 0;
    font-size: 90%;
}

.GoogleCheckout,
.PayPalExpressCheckout,
.AlternativeCheckout {
    text-align: center;
    margin-bottom: 10px;
}

.KeepShopping {
    width: 180px;
    clear: both;
    text-align: right;
}

/** Top Right Locale Chooser (list of flags) **/
#TopMenu li.Flag {
    float: right;
}

#TopMenu li.Flag div {
    border: 0;
}

#TopMenu li.Flag img {
    margin: 3px;
}

#TopMenu li.Flag img.Last {
    margin-right: 0px;
}

#TopMenu li.Flag img.Selected {
    border: 2px solid #ffffaa;
    margin: 1px 3px;
}

/** Currency Selector **/
.CurrencyList dl {
    margin: 0;
    padding: 0;
}

.CurrencyList dd {
    padding: 0px;
    margin: 0px;
    border: 1px solid #EDECEC;
    background-color: #F9F9F9;
    clear: both;
}

.CurrencyList a {
    padding: 0 3px 0 5px;
    display: block;
    line-height: 1.8;
    text-decoration: none;
    font-size: 11px;
}

.CurrencyList a.Sel {
    background-color: #FFFFAA;
}

.CurrencyList a:hover .Text {
    text-decoration: underline;
}

.CurrencyList a .Flag {
    margin-top: 4px;
    display: block;
    float: left;
    width: 24px;
    padding-right: 2px;
    vertical-align: middle;
}

.CurrencyList a .Text {
    display: block;
    padding-left: 24px;
}

.PrimaryProductDetails .YouSave {
    font-weight: bold;
    margin-top: 3px;
    display: block;
}

/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    width: 320px;
    padding: 7px;
    float: right;
}

.EstimateShipping dt {
    width: 100px;
    float: left;
    margin-bottom: 8px;
    clear: left;
}

.EstimateShipping dd {
    margin-bottom: 8px;
    font-weight: normal;
    text-align: left;
    margin-left: 114px;
}

.EstimateShipping p.Submit {
    margin-top: 10px;
    margin-bottom: 3px;
}

.EstimateShipping label {
    display: block;
    margin-bottom: 5px;
}

.EstimatedShippingMethods {
    text-align: left;
}

.EstimatedShippingMethods table {
    width: 100%;
    border-collapse: collapse;
}

.EstimatedShippingMethods .VendorShipping {
    margin-left: 20px;
    margin-bottom: 10px;
}

.EstimatedShippingMethods .Submit {
    text-align: right;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align: left;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
    text-align: right;
}

.SharePublicWishList {
    background-color:lightyellow;
    padding:5px;
    border:1px solid #CDDEE2;
}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    position: relative;
    padding: 6px;
    margin-bottom: 10px;
}

.ExpressCheckoutBlock h3 a {
    font-size: 12px;
}

.ExpressCheckoutBlock {
    padding-top: 6px;
}

.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display: none;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: none;
}

a.ChangeLink {
    position: absolute;
    right: 15px;
}

.ExpressCheckoutBlock a.ChangeLink {
    display: none;
}

.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
}

.ExpressCheckoutCompletedContent {
    position: absolute;
    left: 250px;
}

.LoadingIndicator {
    margin-left: 10px;
}

.LoadingIndicator img {
    vertical-align: middle;
    margin-right: 10px;
}

#TopMenu li.HeaderLiveChat {
    float: right;
}

#TopMenu li.HeaderLiveChat div {
    border-left: 0;
}

.HeaderLiveChat img {
    vertical-align: middle;
}

#ProductOtherDetails .ProductDetailsGrid {
    margin-left: 25px;
}.SubCategoryListGrid {
    padding: 4px;
}

.SubCategoryListGrid ul, .SubCategoryListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubCategoryListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}

.SubCategoryListGrid ol {
    clear: both;
}

.SubBrandList {
    padding: 4px;
}

.SubBrandList ul, .SubBrandList li {
    list-style: none;
    margin-left: 0;
}

.SubBrandList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../../default/images/SubBrand.gif') no-repeat 3px 1px;
}

.SubBrandListGrid {
    padding: 4px;
}

.SubBrandListGrid ul, .SubBrandListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubBrandListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}

.SubBrandListGrid ol {
    clear: both;
}

.ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required{
    margin-left: -10px;
}

.ProductAddToCart input.Textbox, #CartEditProductFieldsForm input.Textbox{
    width:181px;
}

.ProductAddToCart textarea, #CartEditProductFieldsForm textarea{
    width:183px;
    height: 50px;
}

.ProductFields dd {
    margin-bottom: 4px;
    float:left;
    margin-left:20px;
}

.ProductFields {
    margin-bottom: 15px;
}

.ProductFields input.Textbox {
    width:100%;
}

.ProductFields TextArea {
    width:100%;
}

.CartContents .CartProductFieldsLink {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
}

.CartContents .CartProductFieldsRow {
    border-top: 0;
}

.CartContents .CartProductFieldsRow dl {
    margin-top:15px;
}

p.QuantityInput, p.AddCartButton {
    text-align: center;
}

.ProductAddToCart dt.QuantityInput {
    margin-top: 4px;
}

.ProductAddToCart dd.AddCartButton span {
    margin-top: 4px;
    padding-right: 5px;
}

.ProductActionAdd {
    display: block;
    margin-top: 3px;
}

.ProductActionAdd a, .ProductActionAdd strong a {
    text-decoration: underline;
}

.TagList {
    margin-top: 20px;
}

.CartThumb {
    text-align: center;
    width: 1px;
}

.WrappingOptions {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
    line-height: 1.6;
}

.ViewAllLink a {
    padding-top: 10px;
    display: block;
}

.SelectGiftWrapMultiple {
    max-height: 400px;
}

/* Tabbed Navigation */
.TabNav, .TabNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.TabNav {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 6px 4px 6px 4px;
}

.TabNav li {
    display: inline;
}

.TabNav li a {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 3px;
    margin-top: 3px;
    text-decoration: none;
}

.TabNav li a:hover {
    text-decoration: none;
}

.TabNav li.Active a {
    margin-top: 0px;
    padding-top: 7px;
    font-weight: bold;
}


.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display: inline-block;
    float:left;
}

.ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
    padding-left: 4px;
}

#VendorLogo .BlockContent, #VendorPhoto .BlockContent {
    margin: 0;
    text-align: center;
}

.TransitTime {
    font-weight: normal;
    color: gray;
}
.Content .ProductList.List li {
    margin: 0;
    margin-top: 6px;
    display: block;
    width: auto;
    float: none;
    padding: 6px;
    min-height: 0;
    height: 132px;
    background-image: none;
}

.Content .ProductList.List .ProductImage {
    margin: 0 !important;
    padding: 0px;
    margin-right: 15px;
    float: left;
    background-image: none;
    width: 120px;
    height: 120px;
}

.Content .ProductList.List .ProductDetails {
    height: auto;
    display: block;
    clear: none;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    margin-left: 135px;
    text-align: left;
    background-image: none;
}

.Content .ProductList.List .ProductQty {
    margin-left: 10px;
}

.Content .ProductList.List .ProductDescription {
    font-style: italic;
    margin-top: 5px;
}

.Content .ProductList .ProductRightCol {
    float: right;
}

.Content .ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px;
}


.OrderItemMessage {
    background-color:#fff1a8;
    padding:7px;
    margin:10px 0px 10px 0px;
}

/* Custom Fields - Start */

.LittleNotePassword {
    color:gray;
    font-size: 0.85em;
    padding:2px 0px 2px 0px;
}

.RequiredClear {
    visibility: hidden;
}

/* Custom Fields - End */

/* Product Details */
.ProductDetailsGrid .DetailRow {
    clear: left;
    margin-top: 12px;
    padding-left: 0;
}

.ProductDetailsGrid .Label {
    /* margin: 0 0 6px -140px; */
    float: none;
    width: 38px;
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
    text-align: right;
    font-size: 12px;
}

.ProductDetailsGrid .Value {
    display: block;
    margin-left: 0;
    /* float: left; */
}

.ProductDetailsGrid .Label .Required {
    position: absolute;
    left: -1em;
}

.ProductOptionList ul, .ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ProductOptionList li {
    margin-bottom: 3px;
}

.ProductOptionList input {
    vertical-align: middle;
}

/* Product Videos */

#FeaturedVideo, #VideoList, #VideoSingle  {
    float: left;
}

#VideoList {
    padding-left: 5px;
}

.VideoSeparator {
    clear: both;
}

.videoRow {
    clear: both;
    margin-bottom: 4px;
    display: block;
    height: 75px;
}

.previewImageContainer {
    height: 30px;
    width: 50px;
}

.videoRow img {
    float: left;
    padding-right: 5px;
}

.videoRowTitle {
    font-weight: bold;
}

.videoRowDescription {
    max-height: 50px;
    overflow:hidden;
}

.VideoOverlay {
    background-image: url('../images/VideoOverlay.png');
    background-position: center center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}

.VideoContentContainer {
    position: relative;
    margin-left: 3px;
    padding-left: 92px;
}

/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/

.VideoPreviewSize {
    width: 92px;
    height: 69px;
}

.videoRowLength {
    padding-left: 4px;
}

.videoRow, .videoRowTitle, .videoRow img, .videoRowLength {
    cursor: pointer;
}

#VideoList ul {
    position: relative;
    overflow-y: auto;
    padding:0;
    margin: 0;
    width: 275px;
    height: 265px;
}

#VideoSingle {
    padding-left: 10px;
    width:275px;
}

#VideoContainer {
    padding: 5px 0 5px 5px;
    height: 265px;
}

.HideElement {
    display: none;
}



.VideoSingleTitle {
    font-weight: bold;
}

.VideoSingleDescription {
    padding-top: 10px;
    overflow-y: auto;
    height: 220px;
    padding-right:5px;
}

.Left #VideoMiddleContainer, .Right #VideoMiddleContainer {
    display: none;
}

.Content #VideoSideContainer {
    display: none;
}

#VideoSideContainer ul {
    text-align: center;
}

#VideoSideContainer ul li {
    margin-bottom: 5px;
}

.VideoSideDescription {
    padding: 2px 10px;
}

.VideoImageContainer {
    position: relative;
    float: left;
}


/** Search All Form Result - Start **/
.SearchPaging {
    float: right;
    font-size: 0.95em;
}

.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}

.SearchSorting select {
    font-size: 0.95em;
}

#SearchResultsCategoryAndBrand {
    margin: 5px;
    padding: 5px;
}

.ContentList em, .QuickSearchResultMeta em {
    font-size: 0.8em;
}

/** Search All Form Result - End **/

/** AJAX loading box - Start **/

#AjaxLoading {
    display: none;
    text-align: center;
    background: #FCF5AA;
    width: 180px;
    z-index: 10000000000;
    padding: 5px 10px;
}

#AjaxLoading img {
    vertical-align: bottom;
    margin-right: 5px;
}

/** AJAX loading box - End **/
#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    float: left;
    background:none;
    border:none;
    margin-top:16px;
    cursor:pointer;
    display: none;
}

#ProductDetails .ProductTinyImageList {
    float: left;
    margin-top:10px;
    white-space:nowrap;
    width: 80%;
    overflow: hidden;
    margin-left:auto;
}

#ProductDetails .ProductTinyImageList ul li {
    width: 40px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-left:3px;
    border: 1px solid gray;

}


#ProductDetails .ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
}

#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: 2px solid white;
}

#ProductDetails .ProductTinyImageList ul {
    margin: 0pt;
    padding: 0pt;
    position: relative;
    list-style-type: none;
    white-space:nowrap;
    width: 2500px;
}

#ProductDetails .ProductThumbImage {
    height: 220px;
    width: 220px;
    overflow: hidden;
    margin:auto;
}

#ProductDetails .ProductMain .OutOfStockMessage {
    clear: left;
}

.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

/* Category flyout styles (structural) */

/* Menu containers */
#SideCategoryList .sf-menu,
#SideCategoryList .sf-menu ul,
#SideCategoryList .sf-menu li {
    width: 140px; /* the width must be fixed to the use of floats */
}

/* Menu links */
#SideCategoryList .sf-menu a {
    padding: 4px 8px 4px 8px;
    width: 124px; /* this + paddings must equal the root width above for hovers to work */
}

/* Child override: menu containers */
#SideCategoryList .sf-menu ul {
    left: 140px;
}

/* Child override: menu links */
#SideCategoryList .sf-menu ul a {
    padding: 4px 8px 4px 8px;
    width: 124px; /* this + paddings must equal the child width above for hovers to work */
}

/* End: category flyout styles */


 ul.contactBox {
    width: 280px;
    margin: 0 auto!important;
    /* display: inline-block; */
}

.page-footer .allLinks .allLinksItem ul.innerLinks {
    display: block;
}

span.show-btn {
    float: right;
}

span.hide-btn {
    float: right;
    display: none;
}

 a.menuToggle.header-hamburger {
    /* position: inherit; */
    /* float: left; */
    position: relative;
}

.menu-show a {
    float: left;
    margin: 13px 14px 12px 0;
    display: block;
}   
    
    .header-carts a {
    float: right;
    margin: 13px 0px 13px 16px;
}

img#LogoImage {
    /* max-width: 200px; */
}    
    div#SideCategoryList h2 {
    display: none;
}

.SideCategoryListClassic ul {
    float: left;
    margin: 0 20px!important;
}

.SideCategoryListClassic {
    margin: 0 auto;
    width: max-content;
}

div#SideCategoryList {
    display: inline-block;
    width: 100%;
    margin: 0;
}

.new-product-wrapper {
    margin: 50px auto 0;
    text-align: left;
    padding: 0 10px;
}

.ProductDetails a {
    font-weight: bold;
    text-align: center;
}

.row.ProductLists > div:hover {
    background-color: #fff;
    box-shadow: 0px 1px 20px 0px rgb(0 0 0 / 20%);
}
/** Top icon bar start **/

span.search {
    background: url('https://abswebweb.e-c-shop.com/product_images/uploaded_images/top-icon.png');
    width: 22px;
    height: 22px;
    display: block;
    background-position: left;
}

span.user {
    background: url('https://abswebweb.e-c-shop.com/product_images/uploaded_images/top-icon.png');
    width: 22px;
    height: 22px;
    display: block;
    background-position: center;
}

span.carts {
    background: url('https://abswebweb.e-c-shop.com/product_images/uploaded_images/top-icon.png');
    width: 22px;
    height: 22px;
    display: block;
    background-position: right;
}

.top_icon_wrapper ul li {
    float: left;
    margin: 0 14px;
}

span.message {
    background: url('https://abswebweb.e-c-shop.com/product_images/uploaded_images/fb-msg.png');
    width: 22px;
    height: 22px;
    display: block;
}

.top_icon_container {
    position: absolute;
    top: 46px;
    right: 20px;
}


.ProductImage {
    text-align: center;
}

a.show-btn {
    height: 38px;
    width: 124px;
    background-color: #131313;
    display: inline-block;
    line-height: 38px;
    font-size: 10px;
    font-weight: 700;
    color: #fff!important;
    margin-top: 30px;
    text-decoration: none;
    text-transform: uppercase;
}

span.show-btn {
    display: none;
}

.hd {
    text-align: center;
}