/* HEADER NAV STYLE */
.main-product > table {
    width: 100%;
}

.megamenu-dropdown {
    background-color: #fff; /* horo submenu container background */
    border: 1px solid #ddd; /* horo submenu container border*/
}

#vp_welcomeboxsquare .toprightsection:first-child {
    border-color: inherit; /* mid top right border ------- */
}
/*FOR TOP BAR LEFT SIDE HEADER */
#vp_topheader .left-topnav.nav > li.dropdown > a {
    padding-top: 10px;
    color: #ffffff;
}
/*FOR TOP BAR LEFT SIDE HEADER */
#vp_topheader #topright_menu .navbar-nav li > a {
    padding-top: 10px;
    color: #ffffff;
}

/* MOBILE HEADER */
.mobile-header {
    background: transparent;
    min-height: 30px;
    padding: 0px;
}
    /* MOBILE LOGO CONTAINER STYLE */
    .mobile-header.container #vp_logo, .mobile-header.container .vp_logo {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

/* MOBILE ICON DROPDOWN CONTAINER */
.navigation_dropdown_menu_mobile {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 40px;
    background-color: #eee;
}

.mobile-header .iconnav > li:hover a, .mobile-header .iconnav > li:hover a:hover {
    color: #000;
}

/* MOBILE SLIDE MENU CONTAINER */
body .mm-menu {
    background-color: #f0e9d1 !important;
    color: #000 !important;
}

/* NAVIGATION */
/* 
 * 800 2015-05-14. changed by Bryan
 * added classes so that every listing for sidebar will have same hover style as flyout mode of category list
 */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav > li > a:hover, .nav > li > a:focus, #flyout1 li:hover, #flyout1 li:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .vp_sidebar li:hover, .vp_sidebar li:focus, #contentpage ul li:hover {
    background-color: #f5f5f5;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    color: #262626;
}

.mobile-header #vp_toprighticons .iconnav li .fa {
    transition: all .4s ease-in-out;
}

    .mobile-header #vp_toprighticons .iconnav li .fa:hover, .mobile-header #vp_toprighticons .iconnav li .fa:hover {
        transform: scale(1.5);
        background: none;
        color: #fff;
    }

.mobile-header #vp_toprighticons .iconnav li:hover a {
    background: #000;
    color: #fff;
}

.megamenu-dropdown a {
    display: block;
    line-height: 1.42857;
    padding: 3px 20px;
    width: 100%;
}

    .megamenu-dropdown a:hover, .megamenu-dropdown a:focus {
        background-color: #f5f5f5;
    }

/* 
 * 800 2015-05-20. CLASSES STYLE FOR HORO MENU DESKTOP VIEW
 */
.page_wrapper .fixedmenu .horo_desktop_bar {
    left: 0px !important;
}

.horo_desktop_bar, .horo_desktop_bar .megamenu { /*background: #e7e7e7*/
}
/* DESKTOP CLASS HORO BAR FOR DESKTOP 100% WIDTH */
.page_wrapper .horo_desktop_bar {
    background: none;
}

    .page_wrapper .horo_desktop_bar .megamenu { /*background: #f0e9d1; */
        /* wilson customisation - 1. Department tabs at top right of screen*/
        text-align: right;
    }
/* DESKTOP CLASS HORO BAR FOR HORO INSIDE PAGE_WRAPPER */
/* wilson customisation - 1. Department tabs at top right of screen*/
.megamenu > li {
    display: inline-block;
    /* wilson customisation - 1. Department tabs at top right of screen*/
    float: none;
    max-width: 200px;
    text-align: center;
    vertical-align: middle;
    background-color: #efe9d1;
}

    /* wilson customisation - 1. Department tabs at top right of screen*/
    .megamenu > li a:hover, .megamenu > li a:focus {
        /*background-color: #f6d76b;*/
    }

/* LOGO */
.mobile-header.container #vp_logo {
    background: #eee;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* LOGO */
/* 
 * SLIDER 
 */
.cameraContent .camera_caption > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); /* opacity background */
    color: #000;
}
/*'800 - 2015.10.12 : Layout: CSS : Slider: Mobile Screen update*/
.cameraSlide img {
    max-width: 100% !important;
    margin: auto !important;
}
/* END OF HEADER NAV STYLE */
/* WIDGETBOX STYLE */
.widget-box {
    border: 1px solid #e7e7e7; /* widgetbox border */
}

.featured-prod-widget {
    border: 1px solid #ddd; /* border for featured product widget */
    margin-top: 10px;
    padding: 5px;
    background-color: white;
}

    .featured-prod-widget h6 {
        font-size: 15px; /* featured product header title size */
    }
/* style for widget product price */
span.widget-prod-price {
    font-size: 1em;
    display: block;
   /* margin-top: 6px;*/
}
/* FOR WIDGET TITLE WRAPPER CONTAINER */
.title {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
}
    /* FOR WIDGET AND CENTER TITLE STYLE */
    .title h2, .title h1 {
        /*text-transform: Uppercase;*/
        font-size: 1.3em;
        padding: 0px 5px 5px;
    }

.widget-title {
    color: inherit;
}

/* TITLE WIDGET FOR MOBILE */

/* WIDGET LIST STYLE */
.menulist li a:before, .sidepage li a:before, .sideblogs li:before, .sidenews li a:before, .menulist-style li:before, .sidebarcell ul#accordion li a:before, .sidebarcell ul#flyout1 li:before {
    display: inline-block;
    vertical-align: top;
}

ul.sidepage a, ul.sideblogs a {
    display: inline-block;
    vertical-align: top;
}

#flyout1 li a {
    display: inline-block;
    visibility: 1;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
    /*800 2015.09.11 : adjust the position of flyout link width*/
    width: 100%;
}

/*
* END WIDGETBOX 
*/

/* 
* FOOTER STYLE 
*/
/* FOOTER LETTER SORTING BAR */
.letter-sorting {
    background: none repeat scroll 0 0 rgb(237, 237, 237);
    color: #6b6b6b;
    margin: 10px 0;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}

.footer {
    background: none repeat scroll 0 0 #F0E9D1;
    border-top: 8px solid #F6D76B;
    clear: both;
    display: block;
    width: 100%;
}

    .footer h3 {
        font-size: 1.5em;
        line-height: 1.2;
        margin-bottom: 20px;
        text-transform: uppercase;
        color: #6b6b6b;
    }
/* 
* END FOOTER STYLE 
*/


/* 
* GENERALS 
*/


/* 
 * 800 2015-05-20. added by bryan
 * added page wrapper container
 * ' wilson - 26 April 2016 - 2. Multi-site setup, adding colors for each domain 
 */
#vp_topheader > .navbar {
    margin-bottom: 0px;
    background-color: #630000;
}

.page_wrapper .lowernavgation {
    padding-top: 20px;
}

.page_wrapper {
    width: 100%;
    /*max-width: 1700px;*/
   
    margin: auto;
    background: none;
}
/* WHOLEPAGE CONTAINER  */

/*
 * 800 2015-05-20. added by bryan
 * autofixed horo menu fixed on top 
 */
.fixedmenu .horo_desktop_bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

body {
    background: #f7f7f7 url(../../../graphics/bg-header.png) repeat-x;
    color: #000;
}

/* CONTAINER SECTIONS */
.sidebarcell, .main-content, .main-product, .main-news, .main-blog, .main-freetext, .main-product, #shopcustomer,
.vp_topheader_upper /* MID HEADER CONTAINER CLASS */, .megamenu /* for horo menu */ {
    background-color: none;
}

/* SIDEBAR WRAPPER AND CENTER WRAPPER */
.vp_sidebar, #vp_bodycontent {
    margin-top: 0;
}

.vp_topheader_upper {
    max-width: 2000px;
    margin: auto;
    overflow: hidden;
}

a {
    color: inherit;
}

    a:hover {
        text-decoration: none;
        color: inherit;
    }

.caret { /* FOR ARROW BULLET */
    color: #5a5a5a;
}

.default-btn-style {
    color: #fff;
    padding: 3px;
    max-width: 90px;
    min-height: 27px;
}

.global-font-color, .shadetabs li a, .global-font-color > a {
    color: #730000 !important;
}
    /* for hover */
    .global-font-color:hover {
        color: #5a5a5a;
    }
/* background of inner div, container or wrapper */
.global-background-color, .scrollToTop_default, .scrollToTop_default:hover, #scrollUp, #vp_bodycontent a.submitbtn {
    background-color: #5a5a5a;
    color: #fff;
}

.global-3rd-background-color {
    background-color: #000;
}

.global-2rd-background-color {
    background-color: #ededed;
}

/* LOWER WELCOME BAR */
#vp_welcomeboxstretch .utility-bar {
    background: none repeat scroll 0 0 rgb(240, 233, 209);
    font-size: 11px;
    padding: 0 5px;
}

.breadcrumb {
    background-color: 730000;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 8px 15px;
}

.main-product .pagination > li {
    padding-left: 0px;
}

.pagination > li a {
    background-color: #fff;
    border: 1px solid #ddd;
}

/* FOR BUTTONS */
.submitbtn, #vp_bodycontent a.submitbtn, .default-btn-style, .btn-default {
    background-color: #730000;
    border: 0px;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
}

.sprite-search {
    font-size: 16px;
}

.lower-header #vp_welcomeboxsquare .dropdown-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    color: #fff;
}

/* 
 * 800 2015-05-16.
 * added class for grid view and list view button
 */
/* CATEGORY LISTING PAGE */
.grid-view-btn, .list-view-btn {
    font-size: 17px;
    padding: 5px 15px;
}
/*'800 - 2015.10.20 - Layout: Category: Category center boxes should arrange intially*/
.categorysummary .main-product {
    min-height: 150px;
}
/* END OF CATEGORY LISTING PAGE */

/* PRODUCT DETAILED PAGE */
.productsummary.productdesc_table {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    /*2015.09.17 : for product listing gray box, the width will depend on its content*/
    width: 100%;
    max-width: 400px;
}
/* tab container  */
#productexdbottom .tab_content_container, #productexdbottom .shadetabs li a.selected {
    background-color: #f8f6f7;
}
/* PRODUCT DETAILED PAGE */

/* FOR PRODUCTS THUMBNAIL */
.nailthumb, .product_thumbnail {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    /*2015.09.24 : for more flexible rendering of product thumb and prevent stretch*/
    width: auto;
    max-width: 100%;
    height: auto;
}
    /*2015.09.24 : for more flexible rendering of product thumb and prevent stretch*/
    .nailthumb img {
        width: auto;
        height: auto;
    }

/* TABLES */
.info_table > tbody > tr > td {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #ddd;
    padding: 11px 5px;
}

table.view_cart tr:first-child th.menuhdr {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*800 - 2015.09.2 : for gift product table*/
table.gift_product {
    font-size: 11px;
}

    table.gift_product tbody tr > th:first-child {
        width: 32%;
    }

.view_cart th, .gift_product th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #888787;
    font-size: 12px;
    padding: 5px;
    vertical-align: middle;
}

.product_sold_table tr .menuhdr {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.product_sold_table tr:first-child .menuhdr {
    border: 0px none;
}
/* TABLE HEADER */
.view_cart > tbody > tr:first-child th, .view_cart > tbody > tr:first-child th.menuhdr, .product_sold_table > tbody > tr:first-child th.menuhdr, .info_table > tbody > tr:first-child th.menuhdr, .info_table > tbody > tr:first-child th {
    background-color: #5a5a5a;
    color: #fff;
}

/* 
* default input style 
*/
.txtfield, .txtfielddropdown, .searchfield, .txtfieldqty {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    padding: 3px 5px 5px;
    margin-bottom: 5px;
}

input[type="text"] {
    border-radius: 4px;
}

.input-group .input-group-btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* DROPDOWNS AND FLYOUT */
.megamenu-dropdown, #flyout1 ul {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.searchresultwrapper {
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

#welcomeboxstretchresultlist > a {
    line-height: 1.8;
}

/* SCROLLTOP BUTTON */
#scrollUp {
    background-color: #5a5a5a;
    color: #fff;
}

    #scrollUp:hover {
        background-color: #000;
        color: #fff;
    }
/* SCROLLTOP BUTTON */

/* CONTENT BACKGROUND */
.content-wrapper {
    background-color: #f0e9d1;
}

    /* UL LISTING */
    .content-wrapper ul {
        list-style: none;
    }

        .content-wrapper ul ul,
        .content-wrapper ol ol {
            padding-left: 25px;
        }

        .content-wrapper ul li::before,
        .content-wrapper ul li::before,
        #vp_footer ul li::before,
        #vp_footer ol li::before {
            content: "\f0da"; /* if you want to change the icon you can check the http://fortawesome.github.io/Font-Awesome/icons/  */
            position: absolute;
            margin-left: -15px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            margin-right: 10px;
            text-decoration: inherit;
            font-size: 15px;
        }
/*'800 - 2015.10.20 - Layout: Fix for sidebar listing arrow icon alignment*/
ul.sidepage li::before, ul#flyout1 li::before {
    padding-top: 3px;
}

.content-wrapper ul li,
.content-wrapper ol li,
#vp_footer ul li,
#vp_footer ol li {
    padding-left: 20px;
}

/* HOMEPAGE BLOG LISTING AND NEWS LISTING */
.content-wrapper .text-content-wrapper ul li,
.content-wrapper .text-content-wrapper ol li {
    padding-left: 0px;
}

    .content-wrapper .text-content-wrapper ul li::before,
    .content-wrapper .text-content-wrapper ol li::before {
        content: "";
    }

.content-wrapper .contentcell .minicart li::before,
.content-wrapper .contentcell .minicart li {
    content: "";
    margin-right: 0px;
    padding-left: 0px;
}

#producttabs > li {
    padding-left: 0px;
}

/* PRODUCT LIST VIEW */
.product-list-row-view .product-details .product-price {
    text-align: right;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
/*2015.09.17 : for product image listing*/
.product-list-row-view .product-details .quantity {
    margin-top: 5px;
    margin-right: 5px;
}
/*'800 - 2015.10.20 - Layout: Prevent product listing from stretching and still be responsive*/
.product-list-row-view .nailthumb, .product-list-row-view .product_thumbnail {
    width: auto;
    max-width: 100%;
    height: auto;
}

.featured-option {
    width: 100%;
    max-width: 400px;
}
/* END OF PRODUCT LIST VIEW */

/* LISTING CLASS IF YOU WANT LISTING NOT HAVING BULLET STYLED */
.unstyled li {
    padding-left: 0px !important;
}

    .unstyled li::before {
        content: "" !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
    }

.pagination li::before, #producttabs li::before {
    content: "" !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
}

/* 
 * 2015-06-18. added by bryan
 * fixed the layout issue for tax info under product detailed page (after product discription)
 */
.productinfolabel {
    vertical-align: top;
    font-size: 13px;
    width: 49%;
    display: inline-block;
}

.productinfodetails {
    width: 49%;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
}

/* 
 * 800 2015-07-13 text align classes
 */
.text-left {
    text-align: left;
}

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

.text-center {
    text-align: center;
}


/* 800 2015-08-11 FOR FREE TEXT TO HEADER */
.noborder {
    border: 0px none !important;
}

.notitle .title {
    display: none;
}

.navbar-nav .main-freetext {
    padding: 0px;
    background-color: transparent;
}

/*800 2015.09.16 : fullwidth css*/
.fullwidth .container, .fullwidth .page_wrapper, .fullwidth .vp_topheader_upper {
    max-width: 100%;
}

/*800 2015.10.28 : adjust zoompad container for detailed page and make it 100% width, add margin auto for the main image*/
.zoomPad {
    width: auto;
    float: none;
    position: relative;
    margin: 0px auto;
    display: inline-block;
}

    .zoomPad > img {
        margin: -1px -0px 10px !important;
    }

#productexdleft .zoomWrapperImage img {
    margin: 0px auto;
}

/*'800 - 2016.02.23 : Layout: CSS: Fix quickview for compare page*/
.compare-row {
    margin-bottom: 10px;
}

    .compare-row .nailthumb .quickview-wrapper > a {
        display: block;
        margin: auto;
        width: 134px !important;
    }
/*'800 - 2016.02.23 : Layout: CSS: Fixed tab content elements*/
.tabcontent table {
    width: 100% !important;
}

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

.tab_content_container iframe {
    max-width: 100%;
}

.tabcontent.content_padding {
    overflow: auto;
}

/* '800 - 2016.03.02 - To replace SVG as checkout indicator */
.checkoutsteps {
    padding: 8px 15px;
}

    .checkoutsteps svg {
        width: 30px;
        vertical-align: middle;
        position: relative;
        color: #5A5A5A;
        fill: currentColor;
    }

    .checkoutsteps .step.active svg {
        color: #0bbbef;
    }

    .checkoutsteps .step {
        display: inline-block;
        vertical-align: middle;
    }

        .checkoutsteps .step span::after {
            content: "------";
            font-weight: bold;
            display: inline-block;
            margin-top: -10px;
            vertical-align: middle;
        }

        .checkoutsteps .step:last-child span::after {
            content: "";
        }
/*checkout steps*/

/* '800 - 2016.03.02 - Blogs Listings: To be compatiable with reponsive layout */
.main-blog .container, .main-news .container {
    padding: 0px;
    max-width: 1200%;
    width: 100%;
}

.main-blog .featured-prod-widget, .main-news .featured-prod-widget {
    padding: 5px 15px;
}

.main-blog .blog-image, .main-news .news-image {
    margin: 6px 0px 20px;
}

.main-blog p.desc, .main-news p.desc {
    font-size: 14px;
    line-height: 22px;
    color: #939399;
}

.main-blog span.date, .main-news span.date {
    display: block;
    font-size: 12px;
    color: #5c5c61;
    margin-bottom: 10px;
}

.main-blog h3, .main-news h3 {
    display: block;
    font-weight: 700;
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0px 0px 18px;
    color: #5a5a5a;
}

.blogpage .blog-image, .newspage .new-image {
    max-width: 100%;
    width: auto;
    display: block;
    margin: 10px auto;
}

.blogpage, .newspage {
    font-size: 14px;
    line-height: 22px;
}
/*footer newsletter*/
.footer .newsletterform input {
    margin-bottom: 0px;
}

.footer .newsletterform .form-group {
    margin-bottom: 8px;
}

@media (max-width: 1000px) {
    .footer .newsletterform.form-horizontal .control-label {
        text-align: left;
    }
}

@media (max-width: 1000px) {
    .main-product > h1, .main-product > h1:hover, .main-product > h1:focus, .main-content > h2, .main-content > h2:hover, .main-content > h2:focus, .main-content > h3, .main-content > h3:hover, .main-content > h3:focus, .sub-header-container h1, .sub-header-container h1:hover, .sub-header-container h1:focus {
        /*background: none repeat scroll 0 0 #777;
        border-bottom: 1px solid #e7e7e7;
        color: #fff;
        font-size: 1.3em;
        margin-bottom: 10px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 5px 5px;
        text-transform: uppercase;
        padding: 10px 15px 10px;*/
    }
}

@media (max-width: 766px) {


    #flyout1 {
        margin-top: -20px;
    }

    /* FOR MODAL TITLE PRODUCT HEADER */
    .modal-content .title {
        background: #fff;
        color: #777;
    }

    .modal-content h1, .modal-content > .title > h1, .moda-content > .title > h2 {
        background-color: #fff;
        color: #777 !important;
    }
    /*800 2015.09.08 - fixed mobile layout issue for listing sidebar*/
    #flyout1, .sidepage, .sidenews, .sideblogs {
        margin-top: -10px;
    }


        #flyout1 li a, .sidepage li a {
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 15px;
        }

    .sidebarcell, .sidepage {
        margin-bottom: 0px;
        padding-bottom: 0px;
        background-color: #fff;
    }
        /* 
	 * 800 2015.09.08.
	 * changed the format issue on the listing for mobile
	 */
        .flyout li, .sidepage li, .sidenews li, .sideblogs li {
            margin-right: -15px;
            margin-left: -20px;
            padding-right: 20px;
            border-bottom: 1px solid #777;
            position: relative;
        }

            #flyout1 li:last-child, .sidepage > li:last-child, .sidenews li:last-child, .sideblogs li:last-child {
                border-bottom: 0px none;
            }

    .sidenews li, .sideblogs li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sidebarcell ul > li::before {
        display: none;
    }

    .sidepage li::after {
        margin-top: 10px;
    }

    .content-wrapper ul.link li::before {
        content: "";
    }

    .content-wrapper ul.link li::after {
        content: "\f0da"; /* if you want to change the icon you can check the http://fortawesome.github.io/Font-Awesome/icons/  */
        position: absolute;
        right: 10px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
    }

    .content-wrapper ul.pagination li::after {
        content: "";
    }

    .content-wrapper .text-content-wrapper ul li::after {
        content: "";
    }

    .sidebarcell ul > li::after {
        content: "\f0da"; /* if you want to change the icon you can check the http://fortawesome.github.io/Font-Awesome/icons/  */
        position: absolute;
        margin-left: -15px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        margin-right: 10px;
        text-decoration: inherit;
        font-size: 15px;
        /*800 2015.09.08 - layout for link listing for news and blog on the sidebars */
        top: 0px;
        right: 0px;
    }
    /*800 2015.09.08 - layout for link listing for news and blog on the sidebars */
    .sidebarcell ul li {
        position: relative;
    }

    .sidebarcell .sidenews li::after, .sidebarcell .sideblogs li::after {
        top: 10px;
    }
    /* 
	 * END OF  listing format for mobile
	 */
}

/* 
* end default input style 
*/

@media (max-width: 766px) {
    /* MOBILE LOWER HEADER BAR STYLE */
    .lower-header {

        padding: 0px;
    }

    .breadcrumb {
        margin-bottom: 0px;
    }
}

/*800 2015.09.07 : addtocart page button container alignment for smaller screen*/

@media (min-width: 535px) {
    .button-container .md-text-right {
        text-align: right;
    }
}
/*800 2015.10.10 : for addtocart button display in mobile view*/
@media (max-width: 540px) {
    .button-container {
        text-align: center;
    }

        .button-container .col-xs-6 {
            width: 100%;
        }

            .button-container .col-xs-6 input {
                display: block;
                margin: 0px auto 7px;
                min-width: 200px;
            }
}

/* CDM Overrides */
/*LEFT NAVIGATION-------------------------------------------------------------------------------*/
/*Entire Left Sidebar Container*/
#vp_leftsidebox .vp_sidebar {
    margin-top: 0;
}
/*Individual Left Sidebar Containers*/
#vp_leftsidebox .sidebarcell {
    background-color: transparent;
}
    /*Left Sidebar Header Containers*/
    #vp_leftsidebox .sidebarcell .title {
        color: #fff;
    }
        /*Left Sidebar Titles*/
        #vp_leftsidebox .sidebarcell .title h2 {
            color: #fff;
        }

.breadcrumb a {
    color: #b22222;
}

.desktop-view #vp_horomenu ul li {
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    min-height: 60px;
}

.desktop-view.fixedmenu #vp_horomenu {
    /*background: rgba(255, 255, 255, .7);*/
    padding-right: 50px;
}

    .desktop-view.fixedmenu #vp_horomenu ul {
        width:100%;
        border-bottom: none;
        margin: 0 auto;
        float: none;
    }

.horo_desktop_bar .collapse {
    /*border-bottom: 10px solid #f6d76b;*/
}

.desktop-view.fixedmenu .horo_desktop_bar .collapse {
    border-bottom: none;
    padding-bottom: 10px;
}

.desktop-view.fixedmenu .collapse {
    border-top: 10px solid #f6d76b;
    /*background: rgba(255, 255, 255, .7);*/
}

.desktop-view.fixedmenu #vp_horomenu ul li {
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
}

.row.welcomebox_wrapper.desktop-view {
    background-color: #F0E9D1;
}

.contentcell {
    background-color: white;
    padding: 5px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

.byz_spt_messagelistblock {
    display: none;
}
.catDisplay {
    border: 2px solid #730000;
    margin-top:0;
    margin-bottom: 0;
    overflow: hidden;
    /*background-color: #f5f5f5;
        */
    background-color:white;
    max-width: 101%;
}
#byMakerTabs.nav-tabs {
    border-bottom: 5px solid #730000;
    list-style: none;
}

#byMakerTabs.nav-tabs ul li {
border-bottom: 10px solid #730000;
margin-bottom: 0px;
list-style: none;
}

#byMakerTabs.nav-tabs li a {
background-color: #f5f5f5;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: none;
}

#byMakerTabs.nav-tabs li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+26,730000+100 */
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top, #f5f5f5 26%, #730000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5f5f5 26%,#730000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5f5f5 26%,#730000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#730000',GradientType=0 ); /* IE6-9 */
}
#byMakerTabs.nav-tabs li.active a:hover {
background-color: #730000;
}
#byMakerTabs.nav-tabs li.active a {
background-color: #730000;
color: white;
border: none;

}
#byMakerTabs > li {
	float: left;
	margin-bottom: -0px;
    list-style: none;
}
#byMakerTabs > li:before {
	content: none;
}
/*REVERSAL FOR BOTTOM*/
#byMakerTabs.nav-tabs.bottom {
    border-top: 5px solid #730000;
    list-style: none;
    border-bottom: none;
    margin-bottom:20px;
}

#byMakerTabs.nav-tabs.bottom ul li {
border-top: 10px solid #730000;
margin-bottom: 0px;
list-style: none;
}

#byMakerTabs.nav-tabs.bottom li a {
background-color: #f5f5f5;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border: none;
}

#byMakerTabs.nav-tabs.bottom li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#730000+0,f5f5f5+74 */
background: #730000; /* Old browsers */
background: -moz-linear-gradient(top, #730000 0%, #f5f5f5 74%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #730000 0%,#f5f5f5 74%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #730000 0%,#f5f5f5 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
border: none;
}

#byMakerTabs.nav-tabs.bottom li.active a {
background-color: #730000;
color: white;
}

#byMakerTabs.nav-tabs li.nav {
	vertical-align: text-bottom;
	padding-top: 12px;
	font-size: 24px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #730000;
	font-weight: bold;
	line-height: 34px;
	margin-bottom: -7px;
}
.hideme {
    display:none;
}
.blankLink {
    cursor:pointer;
}
#byMakerTabs.nav-tabs.bottom li.nav {
	padding-top: 0px;
	line-height: 17px;
}
.catDisplayImg {
    max-width: 100%;
}
.catDisplayLink {
    padding-top:0;
    padding-bottom: 0;
    display:block;
}
.product-list-wrapper {
	width: 100% !important;
	height: auto;
	display: block;
	overflow: hidden;
}
.retailprice {
    text-decoration:line-through;
    color: darkgray;
}
.widget-prod-price.customersavings {
    text-transform: uppercase;
    color: #630000;
}
.relatedProducts {
    background-color: #f5f5f5;
    text-align:right;
    padding: 3px;
    border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
.relatedProducts i{
    font-size: 16px;
}
.availability {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid black;
	background: #d8d1bc;
	padding-left: 5px;
}
.submitbtn, #vp_bodycontent a.submitbtn {
	background-color: #730000;
	border: 0px;
	border-radius: 3px !important;
	color: #fff;
	padding: 5px 10px;
    letter-spacing: 0.04em;
}
.product-list-row .product-details .submitbtn {
	float: none !important;
    position: relative !important;
    bottom: auto;
    margin: 0;
}
.carousel-caption .btn-details {
	display: block;
	margin-top: 5px;
}
.roundedDiv {
    width:100%;min-height:10px;background-color:#f6d76b;
    text-align:center;
        border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
.fixedmenu .roundedDiv {
    display:none;
}
.catDisplay table {
    margin-bottom: 0;
}
.catlink, .catlink2, .catlink3 {
    min-height: 14px;width:100%;
}
.product-list-row .featured-prod-widget {
	border: 2px solid #730000;

	background-color: white;
}
.product-list-row .widget-product-title {
	width: 100%;
	text-align: center;
	line-height: 18px;
}
.relatedProducts{
    display:block;
    overflow:hidden;
}
.relatedProducts table{
    float:right;
}
#vp_bodycontent .sort_product_container {
	text-align: right;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	/* background-color: #eee; */
	border-color: #990000 !important;
	font-weight: bold !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #eeeeee !important;
}
.compare-row .nailthumb {
	float: left;
}
.catImage,.catLink, .catLink2,.catLink3 {
       text-align:center;
    }
#equalheight {
  display: flex;
    flex-wrap: wrap;
}
#equalheight > [class*='col-'] {
  /*display: flex;*/
  /*flex-direction: column;*/
}
@media (max-width: 770px) {
    .catcontainer {
        text-align:center;
        height: auto !important;
        margin-bottom: 10px;
    }
    .catDisplayImg,.catDisplayLink { 
        margin: 0 auto;
    }
    
    table {
        width: 98%;
        margin: 0 auto;
    }
    .catLink, .catLink2,.catLink3 {
        margin-bottom: 3px;
    }
    .mm-page {
        overflow: hidden;
    }
    #vp_logo img, .vp_logo img {
        padding: 0;margin:0;
    }
}
.catcontainer {
    padding-top:10px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
}
@media (max-width: 992px) {
    #page.no-margin-tablet {
        margin: 0 !important;
    }

}
.savedGrad {
background: -moz-linear-gradient(top, rgba(132,16,8,1) 0%, rgba(132,16,8,1) 20%, rgba(0,0,0,1) 93%, rgba(0,0,0,0) 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(132,16,8,1) 0%,rgba(132,16,8,1) 20%,rgba(0,0,0,1) 93%,rgba(0,0,0,0) 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(132,16,8,1) 0%,rgba(132,16,8,1) 20%,rgba(0,0,0,1) 93%,rgba(0,0,0,0) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841008', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#background-container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#841008+20,000000+93,000000+100&1+0,1+93,0+100 OLDER*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#841008+20,000000+93,000000+94&1+0,1+93,0+94 */
background: -moz-linear-gradient(top, rgba(132,16,8,1) 0%, rgba(132,16,8,1) 20%, rgba(0,0,0,1) 93%, rgba(0,0,0,0) 94%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(132,16,8,1) 0%,rgba(132,16,8,1) 20%,rgba(0,0,0,1) 93%,rgba(0,0,0,0) 94%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(132,16,8,1) 0%,rgba(132,16,8,1) 20%,rgba(0,0,0,1) 93%,rgba(0,0,0,0) 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841008', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

width: 100%;
height: 245px;
z-index:1;
position: absolute;
top:0;
left:0;

}
#page {
z-index: 10;
}
.freeship-img {
margin: 0 auto;
width: auto !important;
}

#vp_horomenu li.active {
    background-color: #f6d76b;
}
.catmemotable table {
width: 100%;
}
.social-media-display iframe {
margin: 0 auto !important;
}
.green-caption {
	min-height: 70px;
}
.main-product.payment-form {
    border-bottom: 1px solid #841008;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.main-product.payment-form h1,h2{
color: #841008;
margin-left: 10px;
}
.main-product.payment-form .std_table {
          padding-left: 20px;
          padding-right: 20px;
}
p.error {
    color: red;
    font-weight: bold;
}
.carousel-inner .item img{
    width: 100%;
}
.ab h2{
    color:black !important;
    margin-left: -6px !important;
    font-weight: bold;
    font-size:16px;
}