@charset "UTF-8";

/* CSS Document */
@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../fonts/PTN57F-webfont.eot');
    src: local("☺"), url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTN57F-webfont.woff') format('woff'), url('../fonts/PTN57F-webfont.ttf') format('truetype'), url('../fonts/PTN57F-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* force 1 REM to remain equal to 16px */
html {
    font-size: 16px !important;
}

html, body, .wrapper, .webform-container {
    height: 100%;
}

.header, .footer, .contentbody {
    background-color: #fff;
}

body {
    margin: 0px;
    padding: 0px;
    color: #4e4f4f;
    font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Start Chrome v83 change 
    Remove black outline applied to clickables
*/
body *:focus {
    outline: 2px solid #4399E5 !important;
}

body.using-mouse :focus {
    outline: none !important;
}

input:focus:not([type="image"]),
textarea:focus,
select:focus {
    outline: 2px solid #4399E5 !important;
}

select:hover {
    outline: 2px solid #4399E5 !important;
}

input[type="text" i] {
    padding: 1px 1px;
}

input[type="password" i] {
    padding: 1px 1px;
}

/* End Chrome v83 change */
a,
.ui-widget-content a,
.full-width a:hover,
.angular2-body a:hover {
    text-decoration: none;
}

a,
.ui-widget-content a {
    color: #216499;
}

    a:hover, .navigation ul.dropdown li li a:hover, li.selected-list:hover a:hover, .product-tabs li:hover, .content-tabs li:hover {
        color: #5293c6;
    }

    a.wbmred:hover {
        color: #ff6c75;
    }

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

    a.wbmdarkgray:hover {
        color: #17479e;
    }

    a.inactive {
        cursor: default;
    }

p.margin-3 {
    margin: 3px 0px;
}

p.margin-6 {
    margin: 6px 0px;
}


img {
    border: none;
}

input {
    color: #606060;
}

    input[type=text].inactive {
        background-color: #B0B0B0;
    }

h1, h2, h3, h4, h5, h6, .header-title {
    font-family: 'pt_sans_narrowregular', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

    h1.maintitle, .header-title {
        text-transform: uppercase;
        font-size: 26px;
        margin: 0px 0px 10px 0px;
        float: left;
    }

        h1.notransform,
        h1.maintitle.notransform,
        h2.notransform,
        h2.subtitle.notransform,
        h2.blue-subtitle.notransform,
        h3.notransform {
            text-transform: none;
        }


.title-inline {
    margin: 0px 0px 0px 10px;
    font-size: 20px;
    line-height: 37px;
    display: inline;
}

h2.blue-subtitle {
    clear: both;
    font-size: 18px;
    float: left;
    text-transform: uppercase;
    margin: -10px 0px 7px 1px;
    color: #216499 !important;
}

h2.subtitle {
    text-transform: uppercase;
    font-size: 20px;
}

h1.item-name {
    font-size: 1.17em;
}

h1.item-name, h3.item-name {
    font-family: Arial, Calibri, sans-serif;
    text-transform: none;
    margin-bottom: 5px;
    color: #216499;
}

h3.subtitle {
    display: inline-block;
}

h2.dynamic-vertical-header, h3.dynamic-vertical-header {
    font: 18px Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: none;
    font-weight: bold;
}

h2.narrow {
    margin: 5px 0;
}

hr {
    height: 1px;
    border: 0;
    color: #ccc;
    background-color: #ccc;
    width: 100%;
    clear: both;
}

    hr.blue {
        background-color: #216499;
    }

    hr.narrow {
        margin: 0;
    }

    hr.wbmgreen {
        color: #00a453;
        background-color: #00a453;
    }

.wrapper {
    width: 998px;
    margin: 0 auto;
    position: relative;
}

.full-width .wrapper.expandable-wrapper {
    width: 100%;
}

    .full-width .wrapper.expandable-wrapper > .container {
        float: none;
    }

.webform-container {
    width: 100%;
    float: left;
}

/* BUTTON STYLES */

.button-container,
.add-list-drop .button-container.add-to-list-hack {
    display: inline-block;
    float: left;
    margin: 5px;
    z-index: 6;
}

    .button-container.css3-pie-compatible {
        position: relative;
    }

    .button-container a.silver-button {
        background-color: #fff;
    }

    .button-container.narrow {
        margin: 0px 5px;
    }

.yellow-button, .yellow-button:hover, .question-button, .question-button:hover, .silver-button, .silver-button:hover, .dropdown-button, .dropdown-arrow {
    cursor: pointer;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    position: relative;
    behavior: url('css/assets/PIE.htc');
}

    .yellow-button, .yellow-button:hover, .question-button, .question-button:hover, .yellow-button-square, yellow-button-square:hover {
        font: bold 14px/100% Calibri, Arial, Verdana, sans-serif;
        text-transform: uppercase;
        color: #0077ca;
        border: 1px solid #e4b222;
        padding: 2px 7px;
        background: #fed100;
        cursor: pointer;
    }

        .question-button.blue,
        .question-button.blue:hover {
            color: #fff;
            border: inherit;
            background: #216499;
            -pie-background: #216499;
        }

    .silver-button:hover, .silver-button-square:hover {
        color: #000;
    }

    .yellow-button-square.medium, .yellow-button.medium {
        font: bold 16px/100% Calibri, Arial, Verdana, sans-serif;
        padding: 4px 9px;
    }

.silver-button-square.medium {
    font: 16px/100% Calibri, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    padding: 4px 9px;
}

.yellow-button.inactive, .yellow-button-square.inactive, .question-button.inactive {
    color: #1B7BC0;
    border: 1px solid #f8cf59;
    cursor: default;
}

.silver-button, .dropdown-button, .dropdown-arrow, .silver-button-square {
    font: 11px/100% Arial, Calibri, sans-serif;
    color: #000;
    margin: 0px;
    background-color: #fff;
    border: 1px solid #9c9c9c;
    position: relative;
}

.silver-button-square {
    padding: 3px 7px;
    display: inline-block;
}

.silver-button {
    padding: 3px 7px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .silver-button.inactive, .silver-button-square.inactive {
        color: #585A5A;
        border: 1px solid #bebebe;
        cursor: default;
    }

.dropdown-button, .dropdown-arrow {
    padding: 3px 0px;
    z-index: 100;
    float: left;
}

.yellow-button, .yellow-button:hover {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.question-button {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.yellow-button, .question-button, .yellow-button-square {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffed6a), to(#ffc829));
    background: -webkit-linear-gradient(#ffed6a, #ffc829);
    background: -moz-linear-gradient(#ffed6a, #ffc829);
    background: -ms-linear-gradient(#ffed6a, #ffc829);
    background: -o-linear-gradient(#ffed6a, #ffc829);
    background: linear-gradient(#ffed6a, #ffc829);
    -pie-background: linear-gradient(#ffed6a, #ffc829);
}

    .yellow-button:hover, .question-button:hover, .yellow-button-square:hover {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc829), to(#ffed6a));
        background: -webkit-linear-gradient(#ffc829, #ffed6a);
        background: -moz-linear-gradient(#ffc829, #ffed6a);
        background: -ms-linear-gradient(#ffc829, #ffed6a);
        background: -o-linear-gradient(#ffc829, #ffed6a);
        background: linear-gradient(#ffc829, #ffed6a);
        -pie-background: linear-gradient(#ffc829, #ffed6a);
    }

        .yellow-button.inactive, .yellow-button:hover.inactive,
        .question-button.inactive, .question-button:hover.inactive,
        .yellow-button-square.inactive {
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff5ab), to(#ffe18a));
            background: -webkit-linear-gradient(#fff5ab, #ffe18a);
            background: -moz-linear-gradient(#fff5ab, #ffe18a);
            background: -ms-linear-gradient(#fff5ab, #ffe18a);
            background: -o-linear-gradient(#fff5ab, #ffe18a);
            background: linear-gradient(#fff5ab, #ffe18a);
            -pie-background: linear-gradient(#fff5ab, #ffe18a);
        }

.silver-button, .dropdown-button, .dropdown-arrow, .silver-button.inactive:hover, .silver-button-square, .silver-button-square.inactive {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f2f2f2));
    background: -webkit-linear-gradient(#fff, #f2f2f2);
    background: -moz-linear-gradient(#fff, #f2f2f2);
    background: -ms-linear-gradient(#fff, #f2f2f2);
    background: -o-linear-gradient(#fff, #f2f2f2);
    background: linear-gradient(#fff, #f2f2f2);
    -pie-background: linear-gradient(#fff, #f2f2f2);
}

    .silver-button:hover, .dropdown-button:hover, .dropdown-arrow:hover, .silver-button-square:hover {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dcdbdb), to(#fbfbfb));
        background: -webkit-linear-gradient(#dcdbdb, #fbfbfb);
        background: -moz-linear-gradient(#dcdbdb, #fbfbfb);
        background: -ms-linear-gradient(#dcdbdb, #fbfbfb);
        background: -o-linear-gradient(#dcdbdb, #fbfbfb);
        background: linear-gradient(#dcdbdb, #fbfbfb);
        -pie-background: linear-gradient(#dcdbdb, #fbfbfb);
    }

.delivery-button {
    float: left;
}

.product-options .delivery-button {
    margin-left: 10px;
}

.add-list-button {
    position: relative;
    display: inline-block;
}

.delivery-button .dropdown-button {
    width: 105px;
}

.add-list-button .dropdown-button {
    width: 66px;
}

.dropdown-button a {
    color: #000;
}

.dropdown-arrow {
    width: 16px;
    position: relative;
}

    .dropdown-arrow img {
        position: absolute;
        left: 4px;
    }

.dropdown-button {
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.dropdown-arrow {
    border-left: 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

/* FORM STYLES */

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.margin-bottom-5,
.form-group {
    margin-bottom: 5px;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 18px;
    font-family: 'pt_sans_narrowregular', 'Arial Narrow', sans-serif;
    text-transform: uppercase;
    line-height: 100%;
}

    .form-horizontal .control-label.standard {
        text-transform: none;
        font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: bold;
    }

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " ";
}

.form-group .control-btn {
    display: inline-block;
    padding-top: 2px;
}

.form-group input[class*='col-md-'] {
    padding: 5px 5px;
}

.form-group div[class*='col-md-'].button {
    padding: 5px 0px;
}

.label-above-input {
    display: inline-block;
    float: left;
    padding: 0 10px 0 0;
}

    .label-above-input label {
        display: block;
        margin-bottom: 4px;
    }

    .label-above-input.button-only a,
    .label-above-input.button-only input {
        display: block;
        margin-top: 18px;
    }

.inline-rb-list input {
    margin-left: 15px;
}

    .inline-rb-list input:nth-of-type(1) {
        margin-left: 0px;
    }

/* INPUT STYLES */

::-webkit-input-placeholder {
    font-style: italic;
    color: #999;
}

::-moz-placeholder {
    font-style: italic;
    color: #999;
}

:-ms-input-placeholder {
    font-style: italic;
    color: #999;
}

/* HEADER STYLES */

.header-wrapper {
    background: #ffffff url('../../images/WBMCommon/home-undershadow.png') no-repeat bottom;
    line-height: normal;
    width: 100%;
    height: 128px;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
}

.extra-height .header-wrapper {
    height: 143px;
}

.full-width .header-wrapper {
    background: none;
    height: 116px;
    border-left: none;
    border-right: none;
}

.full-width .extra-height .header-wrapper {
    height: 131px;
}

.header {
    width: 100%;
    height: 116px;
    border-bottom: 1px solid #c8c8c8;
}

.extra-height .header {
    height: 131px;
}

.full-width .header {
    border-bottom: none;
}

.head-middle {
    height: 91px;
}

.extra-height .head-middle {
    height: 106px;
}

.head-bottom {
    height: 25.5px;
}

.wbm-head-userinfo, .head-logo, .head-shoppingcart, .custom-logo {
    float: left;
}

.head-userinfo,
.wbm-head-userinfo {
    font-size: 11px;
    font-weight: bold;
    color: #535353;
}

.wbm-head-userinfo {
    width: 100%;
    height: 24px;
    line-height: 24px;
    background-color: #FFD227;
}

.head-userinfo {
    width: 347px;
    margin-right: 20px;
    padding: 10px 0px 0px 7px;
}

.wbm-head-userinfo .head-userinfo-text {
    background-color: inherit;
}

.head-userinfo-text {
    width: 998px;
    float: none;
    margin: auto;
}

.head-userinfo p {
    margin: 0px;
    padding: 0px;
}

.head-logo {
    width: 256px;
    margin: 14.5px 0px 11.5px 0px;
}

.extra-height .head-logo {
    margin: 20.5px 0px;
}

.head-logged-in-as {
    width: 256px;
    position: absolute;
    font-weight: bold;
    font-size: 1.29em;
    text-align: center;
}

.submenu-logged-in-as {
    width: 175px;
    position: absolute;
    font-weight: bold;
    text-align: center;
}

.wbm-logo-dim {
    opacity: 0.1;
}

.custom-logo {
    width: 170px;
    height: 65px;
    margin: 5px 4px 20px 4px;
    overflow: hidden;
}

.extra-height .custom-logo {
    margin: 20px 4px;
}

.custom-logo img {
    border: solid 1px #d3d3d3;
    display: block;
    margin: auto;
}

/* SHOPPING CART */

.head-shoppingcart,
.popup-shoppingcart {
    z-index: 400;
    float: right;
    font-family: 'pt_sans_narrowregular', 'Arial Narrow', sans-serif;
    position: relative;
}

.head-shoppingcart {
    height: 52px;
    width: 115px;
    margin: 0px 5px 0px 0px;
}

.popup-shoppingcart {
    width: 175px;
    margin: 5px 5px 0px 0px;
}

.head-shoppingcart-scrolling {
    position: fixed;
    top: 4.5px;
    margin-left: 98px;
}

.head-shoppingcart .scart-container .cart-button,
.head-shoppingcart .scart-container .order-total {
    float: left;
    width: 100px;
    margin-left: 7px;
}

.popup-shoppingcart .scart-container .cart-button,
.popup-shoppingcart .scart-container .order-total {
    float: left;
    width: 159px;
    margin-left: 7px;
}

.cart-button {
    text-transform: uppercase;
    padding: 3px 0px 2px 0px;
    font-size: 17px;
    text-align: center;
}

.order-total {
    color: #626262;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: right;
    height: 18px;
    line-height: 18px;
}

.scart-container {
    clear: both;
    border: 1px solid #626262;
    margin-bottom: 4px;
}

.head-shoppingcart .scart-container {
    float: right;
    width: 113px;
    height: 45px;
}

.popup-shoppingcart .scart-container {
    float: left;
    width: 173px;
}

.quick-order-button, .check-out-button {
    font-family: 'pt_sans_narrowregular', 'Arial Narrow', sans-serif;
    float: left;
    text-align: center;
    border: 1px solid #626262;
    text-transform: uppercase;
    font-size: 15px;
    width: 93px;
    height: 18px;
}

.quick-order-button {
    margin-bottom: 7px;
}

a.check-out-button-inactive {
    color: #585A5A;
}

.action-buttons {
    float: left;
    height: 52px;
    width: 93px;
    margin: 0px 5px 0px 0px;
}

.cart-wrapper {
    float: right;
    width: 218px;
    margin-top: 5px;
    padding-top: 10px;
}

.extra-height .cart-wrapper {
    padding-top: 0px;
}

.dashboard-link {
    float: left;
    border: 1px solid #626262;
    width: 211px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    text-align: center;
}

.head-shoppingcart .truck-icon,
.popup-shoppingcart .truck-icon {
    float: left;
    clear: both;
    background-image: url('../../images/WBMCommon/masterpage-sprite.gif');
    background-position: -73px 0px;
    width: 40px;
    height: 16px;
    margin-top: 2px;
}

/* SHOPPING CART DROPDOWN */

.shopping-cart-popout {
    position: absolute;
    z-index: 230;
    background-color: #fff;
    width: 375px;
    left: -390px;
    border: 1px solid #626262;
    font-family: Arial, Calibri, sans-serif;
    padding: 5px;
    margin-top: -1px;
    display: none;
}

table.cartpopout {
    font-size: 12px;
}

    table.cartpopout td {
        vertical-align: top;
        padding: 3px 0px;
    }

    table.cartpopout .column-cell.item-desc {
        max-width: 260px;
    }

td.item-desc {
    width: 260px;
}

td.item-price, td.item-qty {
    text-align: center;
    width: 50px;
}

td.item-price {
    color: #e81d2a;
}

.shopping-cart-popout .subtotal-row {
    width: 100%;
    float: left;
    clear: both;
    border-top: 2px solid #c7c7c7;
    font-weight: bold;
    padding: 5px 0px;
}

.subtotal-row .subtotal-price {
    float: right;
    color: #e81d2a;
    margin-right: 10px;
}

.view-cart-button {
    float: right;
    clear: both;
    margin-bottom: 7px;
}

.shopping-cart-popout .address-row {
    background-color: #f1f1f1;
    float: left;
    clear: both;
    width: 100%;
    padding: 5px 0px;
    position: relative;
    font-size: 13px;
}

    .shopping-cart-popout .address-row p {
        margin: 0px;
        padding: 5px 0px 0px 25px;
    }

.head-shoppingcart ul.faux-col,
.popup-shoppingcart ul.faux-col {
    padding-top: 3px;
    border-top: 2px solid #ccc;
}

.budget-for, .budget-total, .budget-over, .not-including-tax {
    font-size: 12px;
}

.normaltext,
.not-including-tax {
    font-weight: normal;
}

.budget-for {
    background-color: #f1f1f1;
    margin-bottom: 3px;
    padding: 2px 0px;
}

.budget-avail {
    font-weight: bold;
}

.budget-over {
    padding: 5px 5px 0px 15px;
    margin: 5px 0px;
    background-image: url('../../images/WBMCommon/exclamation.gif');
    background-repeat: no-repeat;
    background-position: 6px 6px;
}

.order-review {
    font-size: 12px;
}

    .order-review .left {
        font-weight: bold;
    }

.margin-top {
    display: inline-block;
    margin-top: 7px;
    clear: both;
}

/* ADD TO LIST POPOUT */

.add-list-drop {
    position: absolute;
    z-index: 201;
    font-family: Arial, Calibri, sans-serif;
    font-size: 13px;
    text-align: left;
}

    .add-list-drop.add-to-list-hack {
        background-color: #fff;
        width: 250px;
        border: 1px solid #626262;
        padding: 5px;
    }

    .add-list-drop ul {
        list-style-type: none;
        margin: 5px 0px;
        padding: 0px;
        max-height: 85px;
        overflow: auto;
    }

        .add-list-drop ul li {
            padding: 3px 5px;
            color: #216499;
        }

.add-list-names a {
    display: inline-block;
    width: 100%;
}

.navigation ul.faux-col.hilight li {
    padding: 0px 5px;
}

    .navigation ul.faux-col.hilight li:hover,
    .add-list-drop ul li:hover {
        background-color: #dce6ef;
    }

.add-list-drop .right {
    font-style: italic;
}

.add-list-drop li.selected .right, .add-list-drop li.selected .left {
    font-style: normal;
    color: #4e4f4f;
}

.add-list-drop h3 {
    padding: 5px;
    margin: 0px 0px 5px 0px;
    background-color: #f1f1f1;
}

.add-list-drop .add-list-type {
    margin: 6px 0px 0px 6px;
    width: 113px;
}

/* SUBMENU - Appears on page scroll */

.submenu {
    display: none;
    position: fixed;
    top: -3px;
    padding: 0px;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    z-index: 300;
    padding: 0px;
    width: 998px;
    height: 59px;
    background: #fff;
    -moz-box-shadow: 0 4px 2px -2px gray;
    -webkit-box-shadow: 0 4px 2px -2px gray;
    box-shadow: 0 4px 2px -2px gray;
    behavior: url('css/assets/PIE.htc');
}

    .submenu .submenu-logo {
        float: left;
        margin: 12px 0px 0px 35px;
    }

    .submenu .head-shoppingcart {
        margin-top: 7px;
    }

/* NAVIGATION */

.navigation {
    clear: both;
}

    .navigation a {
        color: #4e4e4e;
    }

        .navigation a:hover, .navigation li:hover a {
            color: #fff;
        }

    .navigation li:hover {
        background-color: #e81d2a;
    }

    .navigation ul.webform-navbar {
        list-style-type: none;
        width: 100%;
        float: left;
        clear: both;
        margin: 0px;
        padding: 0px;
        font-family: 'pt_sans_narrowregular', 'Arial Narrow', sans-serif;
        font-size: 20px;
        text-transform: uppercase;
    }

        .navigation ul.webform-navbar li {
            float: left;
            margin: 0px;
            border-right: 1px solid #ccc;
            position: relative;
            text-align: center;
        }

            .navigation ul.webform-navbar li img {
                margin-right: 4px;
                margin-bottom: 1px;
            }

    .navigation .webform-navbar li.last {
        border: 0px;
    }

.dep-icon, .sup-icon, .ord-icon, .acc-icon, .fav-icon, .ser-icon {
    display: inline-block;
    background-image: url('../../images/WBMCommon/masterpage-sprite.gif');
    margin: -5px 4px 0px 0px;
    vertical-align: middle;
}

.navigation li:hover .dep-icon, .navigation li:hover .sup-icon, .navigation li:hover .ord-icon, .navigation li:hover .acc-icon, .navigation li:hover .fav-icon, .navigation li:hover .ser-icon {
    background-image: url('../../images/WBMCommon/masterpage-sprite-hover.gif');
}

.dep-tab {
    width: 135px;
}

.ser-tab {
    width: 125px;
}

.ser-icon {
    width: 15px;
    height: 14px;
    background-position: -113px 0px;
}

.dep-icon {
    width: 17px;
    height: 15px;
    background-position: -128px 0px;
}

.sup-tab {
    width: 120px;
}

.sup-icon {
    width: 12px;
    height: 13px;
    background-position: -15px 0px;
}

.ord-tab,
.navigation .ord-tab .yes-notifs.notifications {
    width: 120px;
}

    .ord-tab .dropdown {
        min-width: 275px;
    }

    .ord-tab .delivery-truck {
        float: left;
        height: 45px;
    }

.navigation .ord-tab .yes-notifs.notifications {
    border: 1px solid #46A15B;
    background-color: #9CDFAB;
}

.ord-icon {
    width: 16px;
    height: 15px;
    background-position: -27px 0px;
}

.acc-tab {
    width: 200px;
}

.acc-icon {
    width: 16px;
    height: 14px;
    background-position: -43px 0px;
}

.fav-tab {
    width: 130px;
    word-wrap: break-word;
}

.fav-icon {
    width: 14px;
    height: 14px;
    background-position: -58px 0px;
}

li.selected-list {
    width: 152px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: none;
    position: relative;
    top: -5px;
}

.navigation .notifications {
    display: none;
}

.navigation .yes-notifs {
    position: relative;
}

    .navigation .yes-notifs .notifications,
    .navigation .yes-notifs.notifications {
        display: block;
        border: 1px solid #caa920;
        width: 200px;
        text-align: center;
        position: absolute;
        top: -13px;
        left: -1px;
        font-size: 11px;
        font-family: Arial, Calibri, sans-serif;
        font-style: italic;
        background-color: #ffd93a;
        line-height: 100%;
    }

/* DROPDOWNS */

ul.dropdown {
    position: absolute;
    left: 0px;
    z-index: 250;
    min-width: 250px;
    list-style-type: none;
    margin: 0px;
    padding: 3px 0px;
    border: 1px solid #a1a1a1;
    border-top: 3px solid #e81d2a; /* Because only top border is different */
    background-color: #fff;
    display: none;
}

.navigation ul.webform-navbar li:hover ul.dropdown {
    display: block;
}

.navigation ul.dropdown li {
    position: static;
    font-size: 16px;
    border-right: 0px;
    float: none;
    padding: 3px 5px;
    margin: 0px 3px;
    border-bottom: 1px solid #d9d9d9;
    clear: both;
    text-align: left;
}

    .navigation ul.dropdown li.tab-highlight:hover,
    .navigation ul.dropdown li.tab-highlight:hover > div a,
    .navigation ul.dropdown li.tab-highlight:hover > a {
        background-color: #e81d2a;
        color: #fff;
    }

        .navigation ul.dropdown li.tab-highlight:hover .custom-html {
            color: #4e4f4f;
        }

    .navigation ul.dropdown li.no-border {
        border: 0px;
    }

    .navigation ul.dropdown li:hover, li.selected-list:hover {
        background-color: #fff;
    }

    .navigation ul.dropdown li a {
        color: #e81d2a;
    }

    .navigation ul.dropdown li li a, li.selected-list:hover a, li.selected-list a, .navigation ul.faux-col.hilight li:hover a {
        color: #216499;
        text-decoration: underline;
    }

    .navigation ul.dropdown li .note {
        font-family: Arial, Calibri, sans-serif;
        font-size: 11px;
        text-transform: none;
        color: #4e4f4f;
        padding: 5px 0;
        display: inline-block;
    }

    .navigation ul.dropdown li .pad-top-0 {
        padding-top: 0px;
    }

    .navigation ul.dropdown li.header-text,
    .navigation ul.dropdown li.header-text:hover {
        color: #fff;
        background-color: #e81d2a;
    }

.last ul.dropdown {
    left: auto;
    right: 0px;
}

/* SUB-DROPDOWNS */

ul.sub-dropdown {
    background-color: #fff;
    position: absolute;
    left: 100%;
    top: -3px;
    margin: 0px;
    padding: 5px 0px;
    list-style-type: none;
    border: 1px solid #a1a1a1;
    border-top: 3px solid #e81d2a; /* Because only top border is different */
    text-transform: none;
    font-family: Arial, Calibri, sans-serif;
    display: none;
}

.dropdown ul.sub-dropdown li {
    border-bottom: 0px;
}

.navigation ul.sub-dropdown li:hover {
    background: none;
}

.navigation ul.dropdown li:hover ul.sub-dropdown {
    display: block;
}

ul.dropdown ul.sub-dropdown .category-list {
    padding-bottom: 110px;
}

    ul.dropdown ul.sub-dropdown .category-list table {
        width: 100%;
        border-spacing: 10px 0px;
    }

    ul.dropdown ul.sub-dropdown .category-list td {
        border-bottom: 1px solid #d9d9d9;
        width: 45.5%;
        padding: 4px;
        font-size: 12px;
        vertical-align: top;
    }

        ul.dropdown ul.sub-dropdown .category-list td a {
            text-decoration: none;
            color: #e81d2a;
            display: block;
            width: 100%;
        }

            ul.dropdown ul.sub-dropdown .category-list td a:hover, ul.dropdown ul.sub-dropdown .category-list td:hover a {
                color: #fff;
            }

        ul.dropdown ul.sub-dropdown .category-list td:hover {
            background-color: #e81d2a;
        }

/* FAUX COLUMN styles */

ul.faux-col {
    margin: 5px 0px;
    padding: 0px;
    list-style-type: none;
    font-family: Arial, Calibri, sans-serif;
    text-transform: none;
    border: 0px;
    clear: both;
    width: 100%;
}

    ul.faux-col.no-marg {
        margin: 0;
    }

    ul.faux-col.condensed {
        padding: 0;
    }

    ul.faux-col li {
        clear: both;
    }

.navigation ul.faux-col li {
    border: 0px;
    margin: 3px 0px;
    padding: 0px 5px;
    font-size: 13px;
}

/* BELOW STRING: Alters the grid system for use in dropdowns. Should remain ABOVE ".faux-col .right" due to float property */

.faux-col .col-md-1, .faux-col .col-md-2, .faux-col .col-md-3, .faux-col .col-md-5, .faux-col .col-md-6, .faux-col .col-md-7, .faux-col .col-md-8, .faux-col .col-md-9, .faux-col .col-md-10, .faux-col .col-md-11, .faux-col .col-md-12 {
    padding: 0px;
    float: none;
}

.faux-col .left, .faux-col .right, .faux-col .middle {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}

.faux-col.info-list .left {
    font-weight: bold;
}

.faux-col .middle {
    text-align: center;
}

.faux-col .right {
    float: right;
}

.faux-col.spaced li {
    padding: 2px 0;
}

.faux-col.margin-top-20 {
    margin-top: 20px;
}

ul.dropdown .faux-col .right, .head-shoppingcart .budget.faux-col .right, .popup-shoppingcart .budget.faux-col .right, .add-list-drop .right, .cart-leftcol .right {
    text-align: right;
}

/* UNIVERSAL PRICE STYLES */

.item-price {
    margin-top: 0px;
}

    .item-price.vertical .price, .item-price.vertical .uom {
        display: block;
    }

.price, .uom {
    text-align: right;
}

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

/* CONTENT */

.pre-contentbody,
.post-contentbody,
.contentbody .content-wrapper {
    width: 998px;
    margin: 0 auto;
}

.full-width .pre-contentbody-wrapper {
    min-width: 1000px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 4px;
}

.contentbody {
    float: left;
    width: 1000px;
    min-height: 500px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #a3a3a3;
    border-right: 1px solid #a3a3a3;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.react-header-offset {
    min-height: 180px;
    height: 180px;
}

.contentbody.react-contentbody {
    border: none !important;
}

.full-width .contentbody.expandable-wrapper {
    float: none;
    width: 100%;
    padding-bottom: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.full-width.max-width-medium .contentbody.expandable-wrapper {
    width: auto;
    min-width: 1000px;
    max-width: 1500px;
    margin: auto;
}

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

.process-trail {
    float: left;
    text-align: center;
    margin: 10px 0px 0px 23px;
}

    .process-trail img {
        padding-right: 3px;
    }

    .process-trail .menu-item {
        padding: 4px 19px;
    }

        .process-trail .menu-item.process-complete {
            background-color: #cdf1df;
            color: #4e4f4f;
        }

        .process-trail .menu-item.process-active {
            background-color: #007E3C;
            color: #fff;
            font-weight: bold;
        }

    .process-trail .process-incomplete {
        background-color: #efefef;
        color: #4F4F4F
    }

.page-trail {
    clear: left;
    margin-top: -5px;
    float: left;
    font-size: 13px;
}

/* HEADINGS */

.category-select-container .go-button {
    margin-left: 75px;
}

.category-select-box {
    border: 1px solid #b1b1b1;
    width: 200px;
    max-height: 150px;
    overflow: auto;
}

.select-list {
    margin: 10px;
    padding: 0px;
    list-style-type: none;
}

    .select-list a:hover {
        background-color: #dce6ef;
        display: block;
    }

    .select-list .selected,
    .add-list-names li.selected {
        background-color: #dce6ef;
    }

.page-instructions {
    float: right;
}

    .page-instructions p {
        float: left;
        margin: 5px;
        padding: 0px;
        font-style: italic;
        color: #a8a8a8;
    }

/* TABLE STYLES */

.site-table-container td {
    padding: 0;
}

.content-table {
    margin-top: 20px;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}

    .content-table th.q-view {
        font-size: 11px;
        text-align: center;
        padding-left: 0px;
    }

    .content-table .tablerow-reg {
        background: #f1f1f1;
    }

    .content-table .tablerow-alternate {
        background: #fff;
    }

        .content-table .tablerow-selected,
        .content-table .tablerow-reg.tablerow-selected,
        .content-table .tablerow-alternate.tablerow-selected {
            background: #e4f3ff;
        }

    .content-table td, .content-table th {
        padding: 3px;
        text-align: left;
    }

    .content-table .first-col {
        padding-left: 15px;
    }

    .content-table.no-marg {
        margin-top: 0px;
    }

    .width-50,
    .content-table .short-chkbox {
        width: 50px;
    }

    .content-table th.centered,
    .content-table td.centered,
    .content-table td.short-chkbox {
        text-align: center;
    }

    .content-table.marg-5 {
        margin-top: 5px;
    }

.extra-padding .content-table th {
    padding: 3px 10px;
}

.extra-padding .content-table td {
    padding: 6px 10px;
}

    .extra-padding .content-table td.default-pad {
        padding-top: 3px;
    }

    .extra-padding .content-table td.spaced-row {
        padding: 10px 0px;
    }

.table-tools {
    font-size: 12px;
    text-decoration: underline;
    color: #216499 !important;
    cursor: pointer;
}

    .table-tools.inactive {
        color: #b0b0b0;
        text-decoration: none;
        cursor: text;
    }

.table-tools-cancel {
    color: #DA1523 !important;
}

.info-table-header {
    font-weight: bold;
}

.info-table {
    width: 100%;
    float: left;
    clear: both;
}

    .info-table.child-table,
    ul.faux-col.child-list {
        margin-left: 15px;
    }

    .info-table.vertical-padding tr td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .info-table.vertical-padding tr:first-child td {
        padding-top: 0;
    }

    .info-table.vertical-padding tr:last-child td {
        padding-bottom: 0;
    }

    .info-table .first-col {
        font-weight: bold;
    }

    .info-table .field-label {
        font-weight: bold;
        width: 175px;
    }

    .info-table td {
        vertical-align: top;
    }

.bodyshadow-container {
    width: 100%;
    height: 15px;
    float: left;
    clear: both;
    background: url('../../images/WBMCommon/content-undershadow.png') no-repeat;
}

.contentbody .bodyshadow {
    width: 100%;
    height: 15px;
}

.category-table {
    border-color: #ccc;
}

    .category-table td {
        padding: 3px;
    }
/* FOOTER STYLES */

.footer-wrapper {
    background: url('../../images/WBMCommon/home-undershadow.png') no-repeat bottom;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 11px;
}

.footer {
    border: 1px solid #ededed;
    border-bottom: 1px solid #b9b9b9;
    min-height: 40px;
    width: 958px;
    float: left;
    clear: both;
    padding: 20px;
    font-size: 13px;
}

.return-to-mobile-footer {
    min-height: 40px;
    width: 958px;
    padding: 20px;
    float: left;
    clear: both;
    font-size: 40px;
    background-color: #fff;
}

.footer-left, .footer-right {
    float: left;
    width: 465px;
}

.footer-left {
    margin-right: 20px;
}

.footer-right ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    float: left;
    font-size: 12px;
}

    .footer-right ul li {
        float: left;
        margin: 4px 6px;
    }

.footer .about-wbm {
    font-size: 12px;
    margin: 0px;
    color: #4e4e4e;
}

.wbm-copyright, .social-links, .hp-partner-icon {
    margin-bottom: 0px;
}

.footer .useful-links {
    margin-left: 5px;
}

.footer .site-links {
    margin-left: 40px;
}

.social-links {
    width: 95px;
    text-align: center;
    margin-left: 70px;
    float: left;
}

.hp-partner-icon {
    float: left;
    margin-left: 50px;
}

/* WORKFLOW */

.workflow-bg, .workflow-space {
    background-color: #e4f3ff;
}

.workflow-space {
    padding-bottom: 5px;
}

    .workflow-space p {
        margin: 5px 0px;
        clear: both;
    }

.message-to-orderer {
    width: 300px;
    float: left;
    height: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.workflow-msg .button-container {
    margin: 4px 2px 0px 2px;
}

/* MISC STYLES */
.gray-bg {
    background-color: #f1f1f1;
}

.gray-bg-1 {
    background-color: #e5e5e5 !important;
}

.misc-price-1 {
    font-weight: bold;
    color: #e81d2a;
    font-size: 16px;
}

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

.pos-relative {
    position: relative;
}

.indent1 {
    margin-left: 40px;
}

.q-view-table .first-col {
    padding-left: 0px;
    text-align: center;
}

.boldtext, .select-title {
    font-weight: bold;
}

.printer-sprite {
    margin-left: 4px;
    padding: 0px;
}

.top-border {
    border-top: 1px solid #ccc;
}

.full-border-red {
    border: 1px solid #e81d2a;
}

.top-border-red {
    border-top: 1px solid #e81d2a;
}

.right-border {
    border-right: 1px solid #ccc;
}

.left-border {
    border-left: 1px solid #ccc;
}

.bottom-border {
    border-bottom: 1px solid #ccc;
}

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

.text-right,
.content-table .text-right {
    text-align: right;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clear-both {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.margin-right-50 {
    margin-right: 50px;
}

p.tip {
    padding-top: 10px;
}

    p.tip-wrap span,
    p.tip span {
        display: block;
        margin: 0px 10px 10px 0;
    }

        p.tip-wrap span.tip-text,
        p.tip span.tip-text {
            font-size: 12px;
            margin-top: 7px;
        }

p.tip-wrap span {
    margin: 0 10px 0 0;
}

    p.tip-wrap span.tip-text {
        margin-top: 0;
    }

/* GRID SYSTEM */

.row {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    clear: both;
    background-color: #fff;
}

    .row:after, .grid-row:after {
        content: "";
        display: block;
        padding: 3px 0px;
        clear: both;
    }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .order-details-action {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding: 5px 15px;
}

.row.btn-row {
    margin-top: 10px;
}

/* Widths are Approximate */

.col-md-12, .col-hd {
    width: 100%; /* 998px */
}

.col-md-11 {
    width: 91.66666667%; /* 915px */
}

.col-md-10 {
    width: 83.33333333%; /* 832px */
}

.col-md-9 {
    width: 75%; /* 749px */
}

.col-md-8 {
    width: 66.66666667%; /* 666px */
}

.col-md-7 {
    width: 58.33333333%; /* 583px */
}

.col-md-6 {
    width: 50%; /* 500px */
}

.col-md-5 {
    width: 41.66666667%; /* 417px */
}

.col-md-4 {
    width: 33.33333333%; /* 334px */
}

.col-md-3, .order-details-action {
    width: 25%; /* 251px */
}

.col-md-2 {
    width: 16.66666667%; /* 168px */
}

.col-md-1 {
    width: 8.33333333%; /* 83px */
}

.col-md-pull-12 {
    right: 100%;
}

.col-md-pull-11 {
    right: 91.66666667%;
}

.col-md-pull-10 {
    right: 83.33333333%;
}

.col-md-pull-9 {
    right: 75%;
}

.col-md-pull-8 {
    right: 66.66666667%;
}

.col-md-pull-7 {
    right: 58.33333333%;
}

.col-md-pull-6 {
    right: 50%;
}

.col-md-pull-5 {
    right: 41.66666667%;
}

.col-md-pull-4 {
    right: 33.33333333%;
}

.col-md-pull-3 {
    right: 25%;
}

.col-md-pull-2 {
    right: 16.66666667%;
}

.col-md-pull-1 {
    right: 8.33333333%;
}

.col-md-pull-0 {
    right: auto;
}

.col-md-push-12 {
    left: 100%;
}

.col-md-push-11 {
    left: 91.66666667%;
}

.col-md-push-10 {
    left: 83.33333333%;
}

.col-md-push-9 {
    left: 75%;
}

.col-md-push-8 {
    left: 66.66666667%;
}

.col-md-push-7 {
    left: 58.33333333%;
}

.col-md-push-6 {
    left: 50%;
}

.col-md-push-5 {
    left: 41.66666667%;
}

.col-md-push-4 {
    left: 33.33333333%;
}

.col-md-push-3 {
    left: 25%;
}

.col-md-push-2 {
    left: 16.66666667%;
}

.col-md-push-1 {
    left: 8.33333333%;
}

.col-md-push-0 {
    left: auto;
}

.col-md-offset-12 {
    margin-left: 100%;
}

.col-md-offset-11 {
    margin-left: 91.66666667%;
}

.col-md-offset-10 {
    margin-left: 83.33333333%;
}

.col-md-offset-9 {
    margin-left: 75%;
}

.col-md-offset-8 {
    margin-left: 66.66666667%;
}

.col-md-offset-7 {
    margin-left: 58.33333333%;
}

.col-md-offset-6 {
    margin-left: 50%;
}

.col-md-offset-5 {
    margin-left: 41.66666667%;
}

.col-md-offset-4 {
    margin-left: 33.33333333%;
}

.col-md-offset-3 {
    margin-left: 25%;
}

.col-md-offset-2 {
    margin-left: 16.66666667%;
}

.col-md-offset-1 {
    margin-left: 8.33333333%;
}

.col-md-offset-0 {
    margin-left: 0;
}

.logon-message {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

    .logon-message .message .action-links {
        height: 20px;
        padding-left: 10px;
    }

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

    .logon-message .new-message {
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
    }

        .logon-message .new-message .edit {
            height: 70px;
            padding-bottom: 10px;
        }

            .logon-message .new-message .edit .message {
                float: left;
                width: 500px;
                height: 65px;
                text-align: left;
                padding-top: 0px;
            }

            .logon-message .new-message .edit .action-links {
                float: right;
                width: 90px;
                height: 20px;
                margin-top: 52px;
            }

.full-width .logon-message {
    padding-top: 10px;
}

.existing-customer-message {
    width: 100%;
}

.nav-gsa {
    float: right;
    overflow: hidden;
}

    .nav-gsa .right {
        text-decoration: underline;
    }

textarea {
    font: 13px Arial, Helvetica, sans-serif;
}

.info-message {
    color: #007E3C;
    font: italic bold 9pt/20px Verdana;
}

.error-message {
    color: #DA1623 !important;
    font: italic bold 9pt/20px Verdana;
}

    .error-message ul {
        list-style-type: none;
    }

    .error-message li {
        font-weight: bold;
    }

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.solid-box {
    border: 1px solid #b1b1b1;
}

    .solid-box.blue {
        border: 1px solid #216499 !important;
    }

    .solid-box.red {
        border: 1px solid #e81d2a;
    }

    .solid-box.active {
        border: 1px solid #00a453;
        color: #00a453;
    }

.centered-content {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.no-resize {
    resize: none;
}

.h1-offset {
    float: left;
    margin: 7px 0px 0px 20px;
    line-height: 28px;
}

.h2-offset {
    display: inline-block;
    margin: 7px 0px 0px 20px;
    line-height: 16px;
}

h2.subtitle {
    text-transform: uppercase;
    font-size: 20px;
    margin: 10px 0px;
    display: inline-block;
}

.italic {
    font-style: italic;
}

.validField {
    background: url(../../images/WBMCommon/green-check.gif) no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    margin-right: 30px;
}

.invalidField {
    background: url(../../images/WBMCommon/red-x.gif) no-repeat;
    height: 20px;
    width: 20px;
    float: right;
    margin-right: 30px;
}

.datapager {
    text-align: right !important;
}

.selected-items-counter {
    margin-top: 3px;
    cursor: pointer;
}

.close-link, .add-list-names .list-item, .expand-link, .head-logo .link {
    cursor: pointer;
}

    .close-link img {
        margin-right: 5px;
    }

.multiline-cartname-container {
    width: 400px;
    word-break: break-all;
}

    .multiline-cartname-container .cartname-input {
        width: 100%;
    }

table.radio-indented-wrap input {
    float: left;
}

table.radio-indented-wrap label {
    margin-left: 25px;
    display: block;
}

.dummy-button { /* used with ajaxToolkit:PopupControlExtender as the TargetControlID to fix IE 8-11 and FireFox positioning */
    height: 1px;
    width: 1px;
    visibility: hidden;
}

    .dummy-button input { /* used with ajaxToolkit:PopupControlExtender as the TargetControlID to fix IE 8-11 positioning */
        height: 0;
        width: 0;
        margin: 0;
        border: 0;
    }

/* MY WB Page Styles */
.mywb-container {
    padding: 0 15px;
    width: 94.5%;
    margin-left: 6px;
}

.mywb-icon {
    background-size: 252px 117px;
    background-repeat: no-repeat;
    height: 110px;
}

    .mywb-icon a {
        margin-left: 35%;
        margin-top: 85px;
        position: absolute;
        border: 1px solid #216499;
        color: #216499 !important;
        background-color: white;
        font-size: 12px;
        padding: 3px 9px;
    }

        .mywb-icon a:hover {
            color: white !important;
            background-color: #216499;
        }

.mywb-shopping-button {
    margin-bottom: 20px;
}

    .mywb-shopping-button a {
        border: 1px solid #216499;
        color: #216499 !important;
        background-color: white;
        padding: 6px 14px;
        font-size: 20px;
    }

        .mywb-shopping-button a:hover {
            color: white !important;
            background-color: #216499;
        }

.mywb-noResults-header {
    font-size: 30px;
    color: #216499;
    margin: 20px 0 10px 0;
}

.mywb-noResults-subHeader {
    font-weight: 600;
    margin: 0 0 15px 0;
    font-size: 18px;
}

/* MERCHANDIZING ZONE STYLES */
.merch-zone-4, .merch-zone-5, .merch-zone-3 {
    float: left;
    clear: both;
    width: 100%;
    margin: 15px 0px;
}

.merch-wrapper {
    position: relative;
    width: 100%;
}

.no-controls .merch-wrapper {
    left: 3.4%;
}

.mz-item {
    float: left;
    min-height: 100px;
    margin: 0px .43%;
    padding: 7px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.merch-zone-5 .mz-item {
    width: 18.2%;
}

.merch-zone-4 .mz-item {
    width: 22.5%;
}

.merch-zone-3 .mz-item {
    width: 30.3%;
}

.mz-item .related-img {
    display: block;
    margin: 3px auto 10px auto;
}

.mz-item .item-desc, .mz-item .item-sku {
    margin: 3px 0px;
}

.mz-item .item-desc {
    font-size: 13px;
}

.mz-item .item-info {
    min-height: 85px;
}

.item-sku {
    font-size: 11px;
    font-style: italic;
}

.mz-item .price {
    font-size: 18px;
}

.item-add-cart {
    float: right;
}

.merchZone-wrapper {
    position: relative;
    width: 99.2%;
    padding-left: 10px;
    padding-bottom: 40px;
}

.merch-nav {
    width: 16px;
    height: 31px;
    background-image: url('../../images/WBMCommon/leftright-arrows.gif');
    position: relative;
    top: 50px;
    float: left;
    cursor: pointer;
}

    .merch-nav.inactive {
        background: none;
        cursor: default;
    }

    .merch-nav.left {
        margin-right: .5%;
    }

    .merch-nav.right {
        margin-left: .5%;
        background-position: 16px 0px;
    }

.mz-header {
    margin: 10px 0px 7px 0px;
    padding: 10px 0px 0px 0px;
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
    text-indent: 25px;
}

    .mz-header .mz-subheader:before {
        content: " - ";
    }

.see-more-link {
    color: #9a9a9a;
    border-top: 1px solid #ccc;
    margin: 20px 0px;
    padding: 7px 0px;
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    clear: both;
    cursor: pointer;
}

    .see-more-link:hover {
        background-color: #f3f3f3;
    }

.add-to-cart .addcart-input {
    float: left;
    display: inline-block;
    text-align: center;
    width: 35px;
}

    .add-to-cart .addcart-input.qty {
        height: 20px;
    }

.add-to-cart .button-container {
    margin: 0px 0px 0px 5px;
}

.merchZone-item {
    float: left;
    min-height: 100px;
    margin: 0px .43%;
    padding: 7px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 175px;
    text-align: center;
}

    .merchZone-item .item-info {
        min-height: 65px;
    }

    .merchZone-item .item-desc {
        word-wrap: break-word;
    }

.merchZone-header {
    text-align: center;
    color: #206598;
    text-transform: uppercase;
    font-size: 30px;
    font-family: pt_sans_narrowregular;
    margin-top: -10px;
}

.merch-price {
    font-size: 20px;
}

.merch-uom {
    font-weight: bold;
}

.merchZone-header-line {
    color: #206598;
    border-color: #206598;
    background-color: #206598;
}

.merchZone-nav {
    width: 16px;
    height: 25px;
    position: relative;
    top: 120px;
    float: left;
    cursor: pointer;
}

.merch-zone-header {
    margin-left: 0;
    margin-right: 0;
}

.merch-zone-slick {
    width: 96%;
    left: -20px;
}

.merch-slick {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}

.merch-list {
    left: 10px;
}

.merch-cart {
    margin-left: 10px;
}

.merchZone-nav.left {
    margin: 30px 10px 0 0;
    background-image: url('../../images/WBMCommon/Merchandising-Zone-Left-Arrow.png');
}

.merchZone-nav.right {
    right: -15px;
    margin-top: 25px;
    position: absolute;
    background-image: url('../../images/WBMCommon/Merchandising-Zone-Right-Arrow.png');
}

.merchZone-nav.left.slick-disabled {
    background-image: url('../../images/WBMCommon/Merchandising-Zone-Left-Grey-Arrow.png');
    cursor: default;
}

.merchZone-nav.right.slick-disabled {
    background-image: url('../../images/WBMCommon/Merchandising-Zone-Right-Grey-Arrow.png');
    cursor: default;
}

/* END MERCHANDIZING ZONE STYLES */

/* Kit Popup Styles*/
.main-kit-item {
    height: 110px;
    padding: 10px 0px;
    margin: 10px 0px 0px 0px;
}

.kit-btn {
    margin: 3px 0px;
}

.kit-message {
    color: #008845;
}

.kit-item-row {
    padding: 5px 0px 0px 10px;
}

.kit-wrapper {
    height: 100%;
    display: block;
    position: relative;
}

p.kit-long-desc {
    margin-top:10px;
    margin-bottom: 10px;
}

.kit-qty {
    margin-top:3px;
}
.kit-component-container {
    padding: 3px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
}


.adobe-preference-center-link {
    height: 820px;
    width: 1020px;
    border: 0px;
    margin: -10px -30px;
}

.responsive-1by1 {
    /*10% margin each side*/
    width: 80vw;
    position: relative;
    /*theoritically 1:1 aspect ratio*/
    padding-top: 100%;
}
/*setting content container to full size*/
.iframe-responsive {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}


.savings {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    clear: both;
    margin: 5px 0px;
}

    .savings .old-price {
        text-decoration: line-through;
    }

.perc-saved {
    color: #00a453;
}

.content-tabs {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    float: left;
    clear: both;
    width: 100%;
    cursor: pointer;
}

    .content-tabs li {
        float: left;
        padding: 5px 15px;
        font-size: 18px;
        color: #216499;
        border-left: 1px solid #ccc;
    }

    .content-tabs .active, .content-tabs .active:hover {
        color: #4e4f4f;
    }

    .content-tabs .first-tab {
        border-left: 0px;
    }

.order-history select.date-range {
    width: 119px;
}

.order-history .filter-options {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.order-history input.order-number {
    width: 120px;
}

.order-history input.input-order-date {
    margin-right: 15px;
}

.width-150,
.input-edit-user-text {
    width: 150px;
}

.input-edit-user-text-col1 {
    width: 180px;
}

td.order-number, .content-table tr.header-nowrap {
    white-space: nowrap;
}

.row.narrow:after {
    padding: 0px;
}

.payment-preview-zipcode-wrapper {
    width: 280px;
}

.col-inline {
    display: table-cell;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
}

    .col-inline:first-child {
        padding-left: 0;
    }

    .col-inline:last-child {
        padding-right: 0;
    }

.col-md-12.narrow,
.col-md-11.narrow,
.col-md-10.narrow,
.col-md-9.narrow,
.col-md-8.narrow,
.col-md-7.narrow,
.col-md-6.narrow,
.col-md-5.narrow,
.col-md-4.narrow,
.col-md-3.narrow,
.col-md-2.narrow,
.col-md-1.narrow {
    padding-top: 0px;
}

.col-md-12.condensed,
.col-md-11.condensed,
.col-md-10.condensed,
.col-md-9.condensed,
.col-md-8.condensed,
.col-md-7.condensed,
.col-md-6.condensed,
.col-md-5.condensed,
.col-md-4.condensed,
.col-md-3.condensed,
.col-md-2.condensed,
.col-md-1.condensed {
    padding-left: 0px;
    padding-right: 0px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-2 {
    padding-top: 2px;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-bottom-5 {
    padding-bottom: 5px;
}

.pad-bottom-2 {
    padding-bottom: 2px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

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

/* Checkout Expense */
.expense-table {
    margin-left: -3px;
}

table.expense-table table.content-table {
    width: 75%;
}
/* Checkout Budgets */
.budget-label {
    font-weight: bold;
    color: #fff;
    padding-right: 5px;
}

.budget-chart-invoiced-orders {
    background-color: #e81d2a;
    text-align: center;
}

.budget-chart-pending-orders {
    background-color: #ffd400;
    text-align: center;
}

.budget-chart-available-budget {
    background-color: #00a453;
    text-align: center;
}


.input-order-number-text {
    width: 95px;
}

.input-order-date {
    width: 100px;
}

.dashed-line,
.solid-line {
    line-height: 0.4;
}

.dashed-line {
    margin-left: 50px;
}

    .dashed-line span,
    .solid-line span {
        display: inline-block;
        position: relative;
    }


        .dashed-line span:before,
        .dashed-line span:after {
            content: "";
            position: absolute;
            border-top: 1px dashed #c7c7c7;
            top: 0;
        }

        .dashed-line span:before {
            right: 100%;
            margin-right: 10px;
            width: 40px;
        }

        .dashed-line span:after {
            left: 100%;
            margin-left: 10px;
            width: 550px;
        }

    .dashed-line.width-450 span:after {
        width: 450px;
    }

.solid-line {
    padding: 15px 15px;
}

    .solid-line span:before,
    .solid-line span:after {
        content: "";
        position: absolute;
        border-top: 1px solid;
        top: 0;
    }

    .solid-line span:before {
        right: 100%;
        margin-right: 10px;
        width: 250px;
    }

    .solid-line span:after {
        left: 100%;
        margin-left: 10px;
        width: 250px;
    }

.payment-popup-button {
    display: inline-block;
    margin-bottom: 5px;
}

/* JQuery-UI Overrides */
/* make jquery-ui datepicker smaller, restore background */
div.ui-datepicker {
    font-size: 10px;
}

/* Component containers
----------------------------------*/

.ui-widget-header {
    /* keep jquery background and border from theme*/
    color: inherit;
    font-weight: bold;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
    overflow: visible;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.ui-dialog {
    position: absolute;
    outline: none;
    overflow: visible;
    padding: 0px;
}

    .ui-dialog.ui-widget-content {
        background: none;
        border: none;
    }
/* End Jquery-UI overrides */

.hanging-checkbox {
    text-indent: -25px;
    margin-left: 25px;
    display: block;
}

    .hanging-checkbox input {
        margin-right: 7px;
    }

.attribute-list {
    width: 188px;
    display: inline-block;
    vertical-align: top;
}

ul.narrow {
    padding-left: 0px;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 5px;
}

.attribute-list li {
    height: 36px;
    overflow: hidden;
    border-left: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    padding-top: 5px;
}

    .attribute-list li.left-header {
        border-left: 0px;
    }

.attribute-list li {
    padding-left: 5px;
    padding-right: 5px;
}

    .attribute-list li.col-footer {
        height: 170px;
        border-bottom: 0;
    }

    .attribute-list li.col-header {
        height: 360px;
    }

    .attribute-list li.name {
        color: #000;
    }

.attribute-list .compare-options {
    margin-top: 40px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-top-5 {
    margin-top: 5px;
}

.item-details .item-brand-desc {
    height: 50px;
    overflow: hidden;
}

.scroll {
    overflow: auto;
}

    .scroll.horizontal {
        white-space: nowrap;
        padding-bottom: 3px;
    }

        .scroll.horizontal .scrollable.horizontal > * {
            white-space: normal;
        }

input.quantity {
    text-align: center;
}

    input.quantity.small {
        width: 30px;
    }

input.list-name {
    width: 112px;
}

    input.list-name.wide {
        width: 140px;
    }

.column-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.column-row {
    display: table-row;
}

.column-cell {
    display: table-cell;
    float: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
}

    .column-cell.wrap-name-field {
        max-width: 85px;
    }

    .column-cell.wrap-description-field {
        max-width: 165px;
    }

.allocation-row {
    width: 100%;
    background-color: #e5e5e5;
    padding: 0;
    font-size: 12px;
}

    .allocation-row.spaced-row {
        background-color: #fff;
        padding: 10px 0;
    }

    .allocation-row ul li span.allocation-cell {
        display: inline-block;
        white-space: nowrap;
        margin: 3px 0;
    }

    .allocation-row ul {
        list-style-type: none;
        margin: 0;
        padding: 0 5px;
    }

    .allocation-row.spaced-row ul {
        background-color: #e5e5e5;
        padding: 5px;
    }

    .allocation-row ul li {
        display: inline;
        margin-right: 15px;
    }

.order-total-inset {
    margin: 0 40px;
}

input.cardId {
    width: 80px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x {
    width: 100%;
    height: 100%;
    overflow-x: auto;
}

.loading-order-history {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; /*fallback*/
    background-color: rgba(255,255,255,.7);
    text-align: center;
}

    .loading-order-history img {
        margin-top: 15px;
    }

.order-history-results {
    min-height: 230px;
}

.nowrap {
    white-space: nowrap;
}

.lowercase {
    text-transform: lowercase;
}

.thumb-65 {
    border: 1px solid #ccc;
    width: 65px;
    height: 65px;
}

.quantity.no-margin,
.no-margin {
    margin: 0px;
}

.order-confirmed {
    width: 600px;
    border: 1px solid #ccc;
    min-height: 120px;
    margin: 0px auto;
    position: relative;
    left: 40px;
    padding-bottom: 15px;
}

.confirm-truck {
    position: absolute;
    left: -90px;
    top: -5px;
}

.confirm-text {
    font-size: 20px;
    font-weight: bold;
    color: #007E3C;
    max-width: 430px;
    float: right;
    margin: 35px 50px 0px 0px;
    text-align: center;
}

.no-results-wrapper {
    background-image: url('../../images/WBMCommon/RoadSign.png'), url('../../images/WBMCommon/Roadway.png');
    background-position: left, right;
    background-repeat: no-repeat;
    background-size: contain;
    background-clip: border-box;
    min-height: 230px;
}

.col-half-offset {
    margin: 1.665%;
    padding: 0px;
    height: 160px;
}

/* hidden element for screen reader*/
.visuallyHiddenElement {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*Sort menu popup*/
.sort-menu-popup-header {
    background-color: #f1f1f1;
    margin-bottom: 3px;
    padding: 2px 0px;
    font-size: 12px;
    text-transform: uppercase;
}

.remove-left-padding {
    padding-left: 0 !important;
}

.remove-right-padding {
    padding-right: 0 !important;
}

.centered-content-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .centered-content-outer > .centered-content-wrapper {
        position: absolute;
        left: -200%;
        right: -200%;
        text-align: center;
        top: 0;
        bottom: 0;
    }

        .centered-content-outer > .centered-content-wrapper .centered-content {
            display: inline-block;
        }

.rounded-corners {
    border-radius: 4px;
}

/* Safety data sheet page*/
.search-finder.blue-search {
    border: #216499 1px solid;
    color: #4e4e4e;
}

    .search-finder.blue-search .search-keyword {
        width: 458px;
        height: 19px;
    }

.head-search.blue-search {
    width: 500px;
    float: left;
}

.main-sds-content {
    min-height: 500px;
}

.sds-padding .content-table td {
    padding: 20px;
    word-wrap: break-word;
}

.sds-padding .content-table th {
    padding: 20px 20px;
}

.top-padding {
    padding-top: 30px
}

.bottom-pad-100 {
    padding-bottom: 100px;
}

.adobe-reader img {
    display: block;
    padding-left: 39px;
    padding-right: 39px;
    padding-bottom: 20px;
    margin: auto;
}

/* Chat window override*/
#lpChat h3 {
    text-transform: none;
}

/* manage user edit*/
.password-section-manage-user {
    min-height: 110px;
}

.bottom-button-stick {
    position: absolute;
    bottom: 0;
}

.forgot-pw {
    display: inline-block;
    margin: 10px 0px 0px 10px;
}

/*This overrides bootstrap's default behavior to prevent our legacy layout from breaking'*/
* {
    /*handle IE 8-9*/
    box-sizing: content-box;
    /*Handle modern browsers*/
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

/*We have to fix box-sizing (and bootstrap's grid system) selectivly to avoid breaking the legacy layout*/
.bootstrap-fix * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.wbm-accordion,
.wbm-accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wbm-accordion-section {
    margin-bottom: 25px;
}

.wbm-accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border: 1px solid #b1b1b1;
    color: #4e4f4f;
    font-weight: bold;
    text-align: center;
}

    .wbm-accordion-section-title.active,
    .wbm-accordion-section-title:hover {
        background: #9cdfab;
        color: white;
    }

    .wbm-accordion-section-title span::after {
        content: "\25BC";
        margin-left: 5px;
    }

    .wbm-accordion-section-title.active span::after {
        content: "\25B2";
    }

.wbm-accordion-section-content {
    display: none;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #b1b1b1;
}

.wbm-content-table {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}

    .wbm-content-table .first-col,
    .wbm-content-table .last-col {
        width: 75px;
        text-align: center;
        padding: 15px !important;
    }

        .wbm-content-table .first-col.with-border {
            border-left: 1px solid #b1b1b1;
        }

        .wbm-content-table .last-col.with-border {
            border-right: 1px solid #b1b1b1;
        }

    .wbm-content-table td, .wbm-content-table th {
        text-align: left;
    }

        .wbm-content-table td.centered {
            text-align: center;
        }

    .wbm-content-table .tablerow-reg {
        background: #f1f1f1;
    }

        .wbm-content-table .tablerow-reg td {
            border-width: 1px 0 1px 0;
            border-style: solid;
            border-color: #b1b1b1;
            padding: 15px 0 15px 0;
            margin-bottom: 15px;
        }

.checking-Account-agreement-box {
    overflow: auto;
    border: 1px solid #b1b1b1;
    max-height: 150px;
    padding: 5px;
}

.wbm-checkbox input[type=checkbox] {
    opacity: 0;
    /* for IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

    .wbm-checkbox input[type=checkbox] + label:before {
        border: 1px solid #00a453;
        margin-right: 7px;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: relative;
        content: '';
        margin-left: -17px;
    }

.wbm-checkbox.checked input[type=checkbox] + label:before {
    content: ' ';
    margin-right: 7px;
    background: url('../../images/WBMCommon/green-checkbox.png');
    overflow: hidden;
}

.business-hours-popup {
    margin-top: 10px;
}

.input-float-right label {
    display: inline-block;
    width: 90%;
}

.input-float-right input {
    float: right;
}

.not-available-for-purchase {
    text-align: right;
    color: grey;
}

    .not-available-for-purchase.nafp-product-details {
        margin-top: 8px;
        margin-bottom: 8px;
    }

.all-sales-final-text {
    font-size: 12px;
}

.all-sales-final-detail {
    border: 1px solid #C4C4C4;
    padding: 5px;
    border-radius: 2px;
    margin-top: 7px;
}

.all-sales-final-shopping-cart {
    float: left;
    width: 100%;
    text-align: center;
}

.all-sales-final-order-summary {
    margin-top: -5px;
}

.all-sales-final-product-list {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    margin-top: -14px;
}

.all-sales-final-product-list-grid {
    float: left;
    width: 100%;
    margin-bottom: 4px;
    margin-top: -3px;
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.wbm-shopping-cart-item-loading {
    position: absolute;
    height: 12px;
    width: 12px;
    margin-top: 4px;
    margin-left: 4px;
    -ms-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

/*Item price per unit*/
.product-unit-price-line {
    padding-bottom: 2px;
}

.product-unit-price-message {
    padding: 5px 0 5px 0;
    float: right;
    clear: both;
    max-width: 160px;
}

.product-unit-price {
    font-weight: bold;
    color: #e81d2a;
}

.qty-break-search-row {
    padding: 2px 0;
}

.qty-break-odd-row {
    background-color: #EFEFEF !important;
    padding-left: 2px;
}

.qty-break-white-row {
    background-color: #FFFFFF !important;
    padding-left: 2px;
}

.qty-break-detail-header {
    padding-left: 6px;
}

.qty-break-detail-row {
    padding: 3px 0 7px 6px;
}

.qty-break-col-unit-price {
    padding: 0 10px 0 5px;
}

.qty-break-header-row {
    padding-top: 7px;
}

.no-padding {
    padding: 0;
}

/* OVERRIDES START - keep these last so they can override other styles */
.wbmred {
    color: #DA1623 !important;
}

.wbmdarkred {
    color: #b9141f !important;
}

.wbmblue {
    color: #216499 !important;
}

.wbmgreen {
    color: #007E3C;
}

.wbmyellow {
    color: #ffd400;
}

.wbmgray {
    color: #757575;
}

.wbmdarkgray {
    color: #535353;
}

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

.font-size-12 {
    font-size: 12px;
    line-height: 16px;
}

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

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

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

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-24 {
    font-size: 24px;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

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

.display-inline-block {
    display: inline-block;
}

.display-none {
    display: none;
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

a.plain-text-color {
    color: #4e4f4f;
}

.grey-text {
    color: #4e4f4f;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

.iacontainer {
    max-height: 300px;
}

.iamain {
    display: table;
    position: relative;
    height: 115px;
    width: 99%;
    padding-bottom: 5px;
}

.iainfo {
    position: relative;
    width: 765px;
    height: 115px;
    border: 1px solid #b1b1b1;
    background-color: #e5e5e5;
}

.iaiteminfo {
    position: relative;
    top: 50%;
    height: 80px;
    margin-top: -40px;
    width: 50%;
    padding-left: 10px;
    float: left;
}

.iatext {
    width: 100%;
    float: left;
}

.ialink {
    position: relative;
    float: left;
    text-decoration: underline !important;
    top: 50%;
    height: 18px;
    margin-top: -9px;
}

.iaImage {
    width: 115px;
    height: 115px;
}

.select-dropdown {
    padding: 1px 0px;
}

.hidden {
    display: none;
}

[hidden = "true"] {
    display: none;
}
/* OVERRIDES END - keep these last so they can override other styles */