* {
    border-radius: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #666666;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.alert-warning {
    font-size: 100%;
    line-height: 21px;
    padding: 4px;
    display: block;
    color: #cc0000;
    background-color: #ffffff;
}

    .alert-warning:empty {
        display: none;
    }

.input-error {
    border: 1px solid #c4c499;
    background-color: #fffff3;
}

.collapsed-headers h1, .collapsed-headers h2, .collapsed-headers h3, .collapsed-headers h4, .collapsed-headers h5, .collapsed-headers h6 {
    margin-bottom: 0;
}

.badge {
    border-radius: 10px !important;
}

body a {
    color: #28a445;
}

    body a:hover {
        color: #1f8437;
    }

.btn-link {
    color: #28a445;
}

    .btn-link:hover {
        color: #1f8437;
    }

a.dropdown-item:hover {
    background-color: #d0f2d8;
}

a.dropdown-item:active {
    background-color: #28a445;
}

.flexwrap {
    flex-wrap: wrap;
}

.responsive-container img {
    max-width: 100%;
    height: auto;
}

footer {
    font-size: 80%;
}

.carousel-item.active {
    display: block;
}

#navbar-search-container {
    padding-right: 0;
}

.navbar {
    padding-right: 6px;
    padding-left: 10px;
}

.navbar-toggler {
    padding-right: 6px;
    padding-left: 6px;
}

.dropdown-toggle:after {
    content: none
}

#navbar-logo {
    padding: 4px 0 0 0;
}

@media screen and (max-width: 500px) {
    #navbar-logo {
    }
}

.nav-item {
    white-space: nowrap;
}

#top-navbar {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-size: 105%;
}

#bottom-navbar {
    margin-bottom: 14px;
    padding: 0px;
}

    #bottom-navbar .nav-item, #bottom-navbar nav-item-special {
        text-align: center;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
        /*font-family: "Arial", "Arial", Gadget, sans-serif;*/
    }

        #bottom-navbar .nav-item > a {
            color: #444444;
            font-size: 95%;
            font-weight: 500;
        }

        #bottom-navbar nav-item-special > a {
            color: #20a03e;
            font-size: 95%;
            font-weight: 500;
        }

.nav-item-icon {
    margin-left: 4px;
    margin-right: 4px;
}

.navbar-brand {
    margin-right: 0;
}

.inline-hide-gt-500 {
    display: none;
}

@media screen and (max-width: 500px) {
    .inline-hide-gt-500 {
        display: inline;
    }
}

.inline-hide-lt-500 {
    display: inline;
}

@media screen and (max-width: 500px) {
    .inline-hide-lt-500 {
        display: none;
    }
}

.inline-hide-gt-768 {
    display: none;
}

@media screen and (max-width: 767px) {
    .inline-hide-gt-768 {
        display: inline;
    }
}

.inline-hide-lt-768 {
    display: inline;
}

@media screen and (max-width: 767px) {
    .inline-hide-lt-768 {
        display: none;
    }
}

.inline-hide-gt-1000 {
    display: none;
}

@media screen and (max-width: 1020px) {
    .inline-hide-gt-1000 {
        display: inline;
    }
}

.inline-hide-lt-1000 {
    display: inline;
}

@media screen and (max-width: 1020px) {
    .inline-hide-lt-1000 {
        display: none;
    }
}


.nav-item-special {
    font-weight: bold;
}

    .nav-item-special a:link {
        color: #28a445 !important;
    }

    .nav-item-special a:visited {
        color: #28a445 !important;
    }

    .nav-item-special a:hover {
        color: #28a445 !important;
    }

    .nav-item-special a:active {
        color: #28a445 !important;
    }

/*Custom search box on NavBar*/
.custom-search-input {
    margin: 0;
    margin-top: 10px;
    padding: 0;
}

.search-button-container {
    padding-top: 2px;
}

.search-input-box {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search-button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
}

.search-query:focus + button {
    z-index: 3;
}

/* Make navbar dropdown items have pointer cursor on hover */
.nav-item a:hover {
    cursor: pointer;
}


/* Footer Styles */
#footer {
    font-size: 12px;
    color: #666666;
    text-align: center;
}


#healthycooking {
    margin-left: auto;
    margin-right: auto;
    width: 996px;
    height: 700px;
    background: url(../SiteImages/ContentPagesImages/HealthyCookingBackground.jpg) no-repeat;
}

@media only screen and (max-width: 1012px) {
    #healthycooking {
        display: none;
    }
}

#hc_mini {
    display: none;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

    #hc_mini img {
        width: 100%;
        height: auto;
    }

@media only screen and (max-width: 1012px) {
    #hc_mini {
        display: block;
    }
}

#healthycooking table {
    width: 100%;
}

#healthycooking td {
    padding-top: 248px;
    padding-left: 60px;
    width: 50%;
    text-align: left;
    vertical-align: top;
}

.litegreen {
    color: #77A16B;
}

.saleprice {
    color: #333333;
}

.product-title {
    font-size: 104%;
    font-weight: 500;
}

    .product-title a:link {
        color: #444444;
        background-color: transparent;
        text-decoration: none;
    }

    .product-title a:visited {
        color: #444444;
        background-color: transparent;
        text-decoration: none;
    }

    .product-title a:hover {
        color: #444444;
        background-color: transparent;
        text-decoration: underline;
    }

    .product-title a:active {
        color: #444444;
        background-color: transparent;
        text-decoration: underline;
    }

.bottomlinks-row .col {
    text-align: left;
}

.hide-lt-768 {
    display: block;
}

@media screen and (max-width: 768px) {
    .hide-lt-768 {
        display: none;
    }
and (orientation: portrait) {
 .mobileCheckoutTabs {overflow: initial !important;background:none !important;border:none !important;height:initial !important;}
	.mobileCheckoutTabs li {display: block !important;background:url("../images/tab-bg.gif") repeat-x;border: 1px solid #cfcfcf;}
	.mobileCheckoutTabs li a {background:none !important;}

}
}
#page-content .tab-container {background: #fff; }
#page-content ul.tabs {list-style: none; position:relative; height: 27px; margin: 0; padding: 0; background:url("../images/tab-bg.gif") repeat-x; overflow:hidden; border: 1px solid #cfcfcf;}
#page-content ul.tabs li {display:inline; height: 27px; line-height: 27px;}
#page-content ul.tabs li a  {height: 27px; font-family: 'Merriweather Sans', sans-serif; font-size: 11px; font-weight:normal; position:relative; padding:0 14px; margin: 0 -4px 0 0; color:#888888; text-decoration:none; text-transform:uppercase; line-height: 27px; display: inline-block; background: url(../images/tabs-divide-bg.gif) repeat-y left top;  }
#page-content ul.tabs li a#tab1 {background: none;}
#page-content ul.tabs li a:hover, #page-content ul.tabs li a.tab-active {color: #003861;} 
#page-content .tab-panes { margin: 20px 3px 3px 3px;}
#page-content ul .tabb  {height: 27px; width:100px; font-family: 'Merriweather Sans', sans-serif; font-size: 11px; font-weight:normal;  position:relative; padding:0; margin: 0; color:#888888; text-decoration:none; text-align: left;}