/* input(13214,40): run-time error CSS1046: Expect comma, found '0'
input(13214,44): run-time error CSS1046: Expect comma, found '/' */
/*********** CSS RESET **********/
* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

/**Global CSS**/
html {
    scroll-behavior: smooth; /**Smooth scrolling for in page links**/
}

/**Elementor Overrides**/
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
    background-color: inherit;
    color: inherit;
}

.fullBleed .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0px !important;
}
/****Global Color Variables - !important overrides bootstrap scss*****/
:root {
    --Action: #006298 !important;
    --ActionHover: #004976 !important;
    --ActionClick: #00395C !important;
    --Disabled: #BFBFBF !important;
    --Alert: #AF143C !important;
    --AlertBackground: #F5E2E7 !important;
    --Warning: #F0AF3C !important;
    --WarningBackground: #FEF7EB !important;
    --Success: #18988B !important;
    --SuccessBackground: #EEF7F7 !important;
    --Primary-400: #004976 !important;
    --Primary-500: #006298 !important;
    --Primary-600: #ffffff !important;
    --Secondary-400: #242526 !important;
    --Secondary-500: #75787B !important;
    --Secondary-600: #EAECEC !important;
    --Gray-400: #242526 !important;
    --Gray-500: #75787B !important;
    --Gray-600: #EAECEC !important;
    --White: #ffffff !important;
    --Black: #000000 !important;
    --Services: #b7312c !important;
    --Electrical: #279989 !important;
    --Automation: #6b3077 !important;
    --Mechanical: #007a3e !important;
    --Belting: #dc8633 !important;
}

/*****Global Nav*****/
.link{
  background:none;
  border:none;
  color: var(--Action);
  text-decoration:underline;
}

.link:hover {
    color: var(--ActionHover);

}

ul {
    list-style: none;
}

.header-logo{
    margin-top:-26px;
    max-width:238px;
}

.header-menu-top {
    height: 40px;
    padding-top: 6px;
}

.header-menu-top button img{
    max-width:25px;
    padding: 2px 0 0 2px;
}

.header-menu button img {
    max-width: 24px;
    padding: 0px 0 0 2px;
}

.menu {
    padding: 0px !important;
    margin: 0px !important;
    border:0px !important;
    min-width: inherit !important;
}

.menu > li {
    float: left;
}

.menu button {
    border: 0;
    background: transparent;
    cursor: pointer;
    margin-right:40px;
    color:var(--primary-500);

}

    .menu button a{
        color:var(--Black)
    }

    .menu button:hover,
    .menu button:focus {
        outline: 0;
        color: var(--ActionHover);
        background-color:initial;
    }

.menu-wrapper {
    display: none;
}

.header-menu-top .submenu {
    top: 40px;
}

.header-menu-top .submenu:last-of-type {
    top: 75px;
}

.submenu {
    display: none;
    position: absolute;
    padding: 10px;
    z-index: 5000;
    background-color: var(--White);
    box-shadow: -1px 5px 14px 1px rgba(0, 0, 0, .15);
    top: 52px;
}

    .submenu li {
        margin-left: 0px;
    }
    .submenu a {
       padding: 0px 20px 10px 0px;
       text-align:left;
       display:block;
    }

/* Global Bootstrap overrides */

.no-decoration {
    list-style: none;
}

.h1, h1 {
    font-size: 2.5 rem;
    font-weight: 700 !important;
    line-height: 3.563rem;
    text-transform: uppercase;
}

.h2, h2 {
    font-size: 1.8rem;
    font-weight: 700 !important;
    line-height: 2.375rem;
}

.h3, h3 {
    font-size: 1.5rem;
    font-weight: 700 !important;
    line-height: 2rem;
}

.h4, h4 {
    font-size: 1.25rem;
    font-weight: 700 !important;
    text-transform:uppercase;
    line-height: 1.438;
}

.h5, h5 {
    font-size: 1.25rem;
    font-weight: 400 !important;
    line-height: 1.8rem;
}



.h6, h6, .label-small {
    font-size: 0.875rem;
    line-height: 1.1rem;
}

a {
    color: var(--Action) !important;
}

    a:hover {
        color: var(--ActionHover) !important;
        text-decoration: underline;
    }

.white a:hover {
    color: var(--white) !important;
}

p, .p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.caption {
    color: var(--Gray-400);
    text-align: left;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.15rem;
    display: block;
}

.bread
.border-bottom-2 {
    border-bottom: 2px solid var(--Gray-600) !important;
}

.border-bottom-3 {
    border-bottom: 3px solid var(--Gray-600) !important;
}

.border-dark-bottom-1 {
    border-bottom: 1px solid var(--Gray-500) !important;
}

.border-dark-bottom-2 {
    border-bottom: 2px solid var(--Gray-500) !important;
}

.border-dark-bottom-3 {
    border-bottom: 3px solid var(--Gray-500) !important;
}

.color-secondary {
    color: var(--Secondary-500);
}

.primary-color {
    color: var(--Primary-500);
}

    .primary-color:hover {
        color: var(--ActionHover);
    }

.bg-primary {
    color: var(--Primary-500) !important;
}

.text-small {
    font-size: small !important;
}

.text-smaller {
    font-size: 0.675rem !important;
}
.btn-outline-secondary {
    color: var(--Gray-400) !important;
    border: solid 1px var(--Gray-400) !important
}

    .btn-outline-secondary:hover {
        color: var(--Gray-400) !important;
        border: solid 1px var(--Gray-400) !important;
        background-color: var(--Gray-600) !important
    }

.btn-primary-white {
    background-color: var(--White) !important;
    opacity: 1;
}

    .btn-primary-white:hover {
        opacity: .95;
    }

    .card{
        border-radius:0px;
    }

ul li {
    margin-left: 20px
}



.modal-dialog-scroll {
    overflow-y: initial !important;
}

    .modal-dialog-scroll .modal-body {
        overflow-y: auto;
        overflow-x: hidden !important;
        height: 83vh;
    }

.input-small {
    height: 26px !important;
}

.input-group-text-readonly {
    border-top: 1px solid var(--Gray-500) !important;
    border-bottom: 1px solid var(--Gray-500) !important;
    background-color: var(--White) !important;
    text-align: center;
}

.btn {
    text-align: left;
    font-size: 0.875rem;
    font-weight:700;
    border-radius:0px;
}

.btn a{
    color: var(--White);
}

.btn-small {
    font-size: 6px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.btn-left-radius {
    border-bottom-left-radius: 7px !important;
    border-top-left-radius: 7px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.btn-right-radius {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.btn-primary,
.btn-primary:focus{
    color: var(--White) !important;
    background-color: var(--Action) !important;
    text-decoration:none !important;
    border:initial!important;
}

.btn-primary  a{
    color: var(--White) !important;
    text-decoration: none !important;
}

    .btn-primary:hover {
        color: var(--White) !important;
        background-color: var(--ActionHover) !important;
    }

    .btn-primary.disabled {
        color: var(--White) !important;
        background-color: var(--Disabled) !important;
        text-decoration: none !important;
        border: solid 2px var(--Disabled);
        opacity: initial;
        cursor: default;
    }

        .btn-primary.disabled:hover {
            color: var(--White) !important;
            background-color: var(--Disabled) !important;
            text-decoration: none !important;
            border: solid 2px var(--Disabled);
        }

        .btn-primary.disabled a {
            color: var(--White) !important;
            text-decoration: none !important;
            cursor: default;
        }

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--Disabled) !important;
    opacity: initial;
    cursor: default;
    border: solid 2px var(--Disabled) !important;
}

    .btn-outline-primary.disabled a {
        color: var(--Disabled) !important;
        cursor: default;
    }

    .btn-outline-primary.disabled:hover,
    .btn-outline-primary:disabled:hover {
        color: var(--Disabled) !important;
        opacity: initial;
        cursor: default;
        border: solid 2px var(--Disabled) !important;
    }

    .btn-outline-primary.disabled a:hover {
        color: var(--Disabled) !important;
        cursor: default;
    }
    .btn-secondary {
        color: var(--White) !important;
        background-color: var(--Secondary-500) !important;
    }

    .btn-secondary:hover {
        color: var(--White) !important;
        background-color: var(--Gray-500) !important;
    }

.btn-info {
    color: var(--White);
    background-color: var(--Action) !important;
}

    .btn-info:hover {
        color: var(--White);
        background-color: var(--ActionHover) !important;
    }

.btn-outline-primary {
    color: var(--Action) !important;
    border: solid 2px var(--Action) !important;
    background-color: transparent !important;
    font-weight: 700;
    padding: 8px !important;
}


    .btn-outline-primary a {
        color: var(--Action) !important;
        text-decoration: none !important;
    }


    .btn-outline-primary:hover {
        color: var(--ActionHover) !important;
        border: solid 2px var(--ActionHover) !important;
    }

.btn-outline-white {
    color: var(--White) !important;
    border: solid 2px var(--White) !important;
    background-color: transparent !important;
    font-weight: 700;
    padding: 8px !important;
}

.btn-outline-white a {
    color: var(--White) !important;
    text-decoration: none !important;
}


.btn-outline-white:hover {
    color: var(--White) !important;
    border: solid 2px var(--White) !important;
}

.dropdown-arrow {
    transform: rotate(180deg);
    display: inline-block;
    width: 25px;
}

.collapsed .dropdown-arrow {
    transform: rotate(0deg);
    display: inline-block;
}

.modal-content {
    padding: 20px;
}

.modal-header {
    padding: 0px !important;
    border-bottom: solid 1px var(--Gray-500) !important;
}

.modal-footer {
    border-top: none !important;
    background-color: var(--Gray-600);
}

.breadcrumb {
    background-color: transparent !important; /*Overide Bootstrap Breadcrumbs*/
    margin: 0px;
}

    .breadcrumb li a {
        color: var(--Action);
    }

        .breadcrumb li a:hover span {
            text-decoration: underline;
            color: var(--ActionHover);
        }

    .breadcrumb ul li {
        margin-left: 0px;
    }

.xzoom {
    box-shadow: none;
}

.action-text{
    color: var(--Action);
}

.blue {
    color: var(--Primary-500);
}

.white {
    color: var(--White) !important;
}

    .white .btn-link {
        color: var(--White)
    }

    .white .btn-link:hover {
        color: var(--White);
        text-decoration:underline;
    }

.belting-color{
    color:var(--Belting);
}

.belting-color-bg{
    background-color:var(--Belting);
}

.dark-blue-bg {
    background-color: var(--Primary-400);
}

.blue-bg {
    background-color: var(--Primary-500);
}

.blue-gradient-bg {
    background: rgb(37,113,159);
    background: linear-gradient(135deg, rgba(37,113,159,1) 0%, rgba(19,57,80,1) 100%);
}

.blue-teal-gradient {
    background: rgb(0,73,118);
    background: linear-gradient(90deg, rgba(0,73,118,1) 0%, rgba(24,152,139,1) 100%);
}


.grey-bg {
    background-color: var(--Gray-500);
}

.light-grey-bg {
    background-color: var(--Gray-600);
}

.dark-grey-bg {
    background-color: var(--Gray-400);
}

.white-bg {
    background-color: var(--White);
}

.border-gray-400 {
   border:solid 1px var(--Gray-400);
}

.border-gray-500 {
    border: solid 1px var(--Gray-500);
}

.border-gray-600 {
    border: solid 1px var(--Gray-600);
}

.card {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}

.master-wrapper-content.fullBleed {
    width: 100%;
}

.fullBleed .topic-page .page-body {
    padding: 0px;
}

.fullBleed .header-menu {
    margin-bottom: 0px;
}

.parallax {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: inset 0 0 15px var(--Gray-400) !important;
}
/* End Global Bootstrap overrides */
a img {
    border: none;
}

.lh-0-5 {
    line-height: .5 !important;
}

.dropdown-active {
    transform: rotate(0.5turn);
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    border-radius: 0;
}

/*********** GLOBAL STYLES **********/
.zoom-action {
    transition: transform .2s; /* Animation */
}

    .zoom-action:hover {
        transform: scale(1.02); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }


.modal-max {
    max-width: 90% !important;
}

.modal-body select {
    width: 100%;
    height: 50px;
    font-size: 18px;
    padding: 10px;
}

.modal-body input[type="text"] {
    width: 100%;
    height: 50px;
    padding: 10px;
}

.modal-body input[type="radio"] {
    height: 20px;
    padding: 10px;
}

.modal-content .common-buttons input {
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: none;
    background-color: var(--Gray-400);
    padding: 18px 20px;
    font-size: 19px;
    color: var(--White);
    font-weight: 700;
}

.text-large {
    font-size: 2em;
}

.icon-large {
    background-size: 42px;
    width: 42px;
    height: 42px;
}


.button-outline-secondary {
    border: solid 1px var(--Gray-400);
    background-color: var(--White);
    margin-left: 10px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-size: 14px;
    color: var(--Secondary-400);
}

    .button-outline-secondary:hover {
        background-color: var(--Secondary-400);
    }

body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--White);
    color: var(--Gray-400);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea, select {
    height: 36px; /*safari padding fix*/
    border: 1px solid var(--Gray-500);
    padding: 8px;
    vertical-align: middle;
}

input, textarea, select {
    font-size: 14px;
    color: var(--Gray-400);
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus, select:focus {
        border-color: var(--Gray-500);
        color: var(--Gray-400);
    }

    .page-title.noborder {
        border: none;
    }

    .page-title.tight {
        margin: -20px 0 0 !important;
        min-height: 30px !important;
    }



.page-part {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0px;
    min-width: 250px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2), 0 2px 6px 0 rgba(0,0,0,0.19);
    margin-top: 20px;
    margin-left: 10px;
}

    .page-part > div:first-child {
        padding: 10px;
    }

.page-part-menu {
    display: none;
}

.page-part .page-part-menu {
    display: block;
    float: right;
}

.page-part .page-part-menu-icon {
    background: url('../images/dashboard-options-icon.png') no-repeat center;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.page-part .page-part-menu-icon-white {
    background: url('../images/dashboard-options-icon-white.png') no-repeat center;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.page-part .page-part-menu-options {
    display: none;
    float: right;
    position: absolute;
    border: 1px solid var(--Gray-500);
    padding: 10px;
    background-color: var(--White);
}

.product-item .buttons div {
    display: inline-block;
}

.product-item .register-training {
    margin-right: 60px;
}

.flyout-cart {
    display: none;
}

.round {
    border-radius: 9999px;
}


/*********** GLOBAL FORMS ***********/

.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap; /*fix for 'required' elements*/
}

    .inputs:after {
        content: "";
        display: block;
        clear: both;
    }

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
        font-size: 14px; /*reset zeroing*/
        color: var(--Gray-400);
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs input[type="email"],
    .inputs input[type="number"],
    .inputs select, .inputs textarea {
        width: 400px;
        max-width: 100%;
        background-color: var(--White);
    }

    .inputs .option-list {
        display: inline-block;
        max-width: 95%;
        vertical-align: middle;
    }

        .inputs .option-list li {
            display: inline-block;
            margin: 5px;
            border: 1px solid var(--Gray-500);
            background-color: var(--White);
            padding: 8px 10px;
        }

.required {
    margin: 0 -8px 0 3px; /*siblings offset*/
    vertical-align: top;
    font-size: 20px;
    font-weight: normal;
    color: var(--Alert);
}

.message-error li,
.field-validation-error,
.username-not-available-status li,
.poll-vote-error li, .password-error li {
    display: block;
    font-size: 0.875rem;
    color: var(--Alert);
    font-weight: 700;
    /**background-color: rgba(37, 115, 159, 0.2);
    border: 1px solid var(--Action);
    padding-top:20px;
    margin-top: 5px;**/
}

.field-validation-valid,
.username-available-status {
    display: block;
    text-align: center;
    font-size: 13px;
    color: var(--Success);
}

/*********** GLOBAL TABLES ***********/

.cart th,
.mylist th,
.data-table th,
.forum-table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: var(--Gray-500);
    background-color: var(--Gray-600);
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
}

.cart a,
.mylist a,
.mypma a,
.data-table a,
.forum-table a {
    font-weight: normal;
    color: var(--Action);
}

    .cart a:hover,
    .mylist a:hover,
    .mypma a:hover,
    .data-table a:hover,
    .forum-table a:hover {
        text-decoration: underline;
        color: var(--ActionHover);
    }

.cart .product,
.mylist .product,
.mypma .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
    min-width: 225px;
    text-align: left;
}

    .cart .product a,
    .mylist .product a,
    .mypma .product a,
    .data-table .product a,
    .data-table .info a {
        font-weight: bold;
        color: var(--Action);
    }

        .cart .product a:hover,
        .mylist .product a:hover,
        .mypma .product a:hover,
        .data-table .product a:hover,
        .data-table .info a:hover {
            color: var(--ActionHover);
            text-decoration: none;
        }

    .cart .product .edit-item,
    .mylist .product .edit-item,
    .mypma .product .edit-item {
        margin: 10px 0 0;
    }

        .cart .product .edit-item a,
        .mylist .product .edit-item a,
        .mypma .product .edit-item a {
            font-weight: normal;
            color: var(--Action);
        }

            .cart .product .edit-item a:hover,
            .mylist .product .edit-item a:hover,
            .mypma .product .edit-item a:hover {
                text-decoration: underline;
                color: var(--ActionHover)
            }

.cart td.quantity input,
.mylist td.quantity input,
.mypma td.quantity input {
    width: 50px;
    text-align: center;
}

    .cart td.subtotal .discount,
    .mylist td.subtotal .discount {
        font-style: italic;
    }

.data-table em a {
    font-weight: bold;
    color: var(--Action);
}

    .data-table em a:hover {
        text-decoration: underline;
        color: var(--ActionHover);
    }

/***********    TILE STYLING      ***********/

.tile-container {
}

.tile {
    vertical-align: top;
    display: inline-block;
    background-color: var(--Gray-600);
    border: solid 1px var(--Gray-500);
    height: 272px;
    padding: 10px;
    position: relative;
    width: 46%;
    margin: 0 1%;
}

/***********     UNSLIDER MODS       ***********/

.unslider-arrow {
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    right: -50px;
    left: auto;
    margin-top: -16px;
    overflow: hidden;
    background: rgba(0,0,0,.2) no-repeat 50% 50%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==');
    background-size: 7px 11px;
    border-radius: 32px;
    text-indent: -999em;
    opacity: .6;
    transition: opacity .2s;
}

    .unslider-arrow:hover {
        opacity: 1;
    }

    .unslider-arrow.prev {
        left: 20px;
        right: auto;
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

/*********** NOTIFICATIONS & POPUPS  ***********/
    .bar-notification.success {
        background-color: var(--SuccessBackground);
    }

    .bar-notification.error {
        background-color: var(--Alert);
    }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin: 7px;
        background: var(--White) url('../images/close.png') center no-repeat;
        cursor: pointer;
    }

.noscript {
    border-bottom: 1px solid var(--Gray-500);
    background-color: var(--Gray-600);
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: var(--Gray-600);
}

.ui-dialog-titlebar {
    border-bottom: 1px solid var(--Gray-500);
    overflow: hidden;
    background-color: var(--Gray-600);
    padding: 10px 15px;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-width: 0 0 1px;
    border-radius: 0;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: normal;
    cursor: auto !important;
}

.ui-dialog-content {
    height: auto !important;
    padding: 15px;
    line-height: 20px;
    /*override jQuery UI styles, do not delete doubled properties*/
    background-color: var(--White) !important;
    padding: 15px !important;
    color: var(--Gray-400);
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 320px;
    height: 180px;
    margin: -90px 0 0 -160px;
    border: 1px solid var(--Gray-500);
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    background-color: var(--White);
    padding: 20px;
    text-align: center;
}

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 5px 0 10px;
        border: none;
        background-color: var(--Action);
        padding: 8px 12px;
        font-size: 14px;
        color: var(--White);
    }

        .eu-cookie-bar-notification button:hover {
            background-color: var(--ActionHover);
        }

    .eu-cookie-bar-notification a {
        display: block;
        color: var(--Action);
    }

        .eu-cookie-bar-notification a:hover {
            text-decoration: underline;
            color: var(--ActionHover);
        }


/*********** HEADER ***********/



.admin-header-links {
    background-color: var(--Gray-400);
    text-align: center;
    color: var(--White);
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
    }

        .admin-header-links .impersonate a {
            background-color: var(--Gray-400);
            padding: 0 15px;
        }

            .admin-header-links .impersonate a:hover {
                background-color: var(--Gray-500);
            }

    .header-links span,
    .header-links a {
        color: var(--Action);
        display: inline-block;
        font-size: 12px; /*reset zeroing*/
        line-height: 36px;
        text-transform: uppercase;
    }

        .header-links a:hover {
            color: var(--ActionHover);
        }

.search-box input.search-box-text {
    height: 45px;
}

.search-box .search-box-button {
    float: left;
    min-width: 86px;
    height: 36px;
    border: none;
    background-color: var(--Action);
    padding: 0 15px;
    text-align: center;
    color: var(--White);
    text-transform: uppercase;
    min-height:45px;
}

.search-category-selection-container {
    height: 36px;
    max-width: 184px;
}

    .ui-autocomplete a {
        display: block;
        padding: 15px;
        font-size: 14px;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: none !important;
        padding: 15px !important;
        line-height: normal !important;
        color: var(--Action) !important;
    }

        .ui-autocomplete a:hover,
        .ui-autocomplete a.ui-state-focus {
            background-color: var(--ActionHover) !important;
        }


/*********** FOOTER ***********/

    .follow-us .title {
        margin: 0 0 10px;
        background: none;
        color: var(--White);
        cursor: auto;
    }

.newsletter-subscribe-button {
    float: left;
    height: 36px;
    border: none;
    background-color: var(--Action);
    padding: 0 15px;
    text-align: center;
    color: var(--White);
    text-transform: uppercase;
}

    .footer-tax-shipping a:hover {
        text-decoration: underline;
        color: var(--ActionHover);
    }

    .footer-powered-by a {
        font-weight: bold;
        color: var(--Action);
    }

        .footer-powered-by a:hover {
            text-decoration: underline;
            color: var(--ActionHover);
        }

.newsletter-result {
    color: var(--White);
    margin-top: -12px;
}

/*** Filters ****/

    .filter .clear-filter {
        display: inline-block;
        padding-left: 5px;
        font-size: 12px;
        text-decoration: underline;
        color: var(--White);
        cursor: pointer;
    }

        .filter .clear-filter.inactive {
            display: none;
        }

        .filter .clear-filter.active {
            display: inline-block;
        }

    .filter .expand-collapse {
        cursor: pointer;
    }

        .filter .expand-collapse .collapse {
            display: block;
        }

    .filter .filter-specification.collapse {
        display: block;
    }

    .filter .filter-specification.expand {
        border: none;
    }

    .filter .expand-collapse {
        float: right;
        margin-right: -20px;
    }

        .filter .expand-collapse img {
            height: 20px;
            width: 20px;
            cursor: pointer;
        }

        .filter .expand-collapse .collapse::after {
            /*content: url(/Themes/CBT/Images/minus_white.png);*/
            content: url(/Themes/CBT-Bootstrap-v2/Content/images/minus_white.png);
        }

        .filter .expand-collapse .expand::after {
            /*content: url(/Themes/CBT/Images/plus_white.png);*/
            content: url(/Themes/CBT-Bootstrap-v2/Content/images/plus_white.png);
        }

        .filter .filter-group li > span:hover {
            color: var(--ActionHover);
            text-decoration: underline;
        }


    .filter .filter-group .filter-anchor {
        display: inline-block;
        position: relative;
        padding: 2px 0 2px 20px;
        font-size: 14px;
        color: var(--Gray-400);
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

        .filter .filter-group .filter-anchor:hover {
            color: var(--ActionHover);
        }


    .filter .filter-options {
        max-height: 600px;
        overflow-y: auto;
    }

        .filter .filter-group-bottom-box.collapse {
            display: block;
        }

        .filter .filter-group-bottom-box.expand {
            display: none;
        }

        .filter .filter-group-bottom-box .show-more {
            padding: 2px 8px;
        }

        .filter .filter-group-bottom-box .button-apply {
            float: right;
            padding: 2px 8px;
            background-color: var(--Action);
            color: var(--White);
            border: none;
            display: none;
        }

    .filter ul.filter-group li.filter-item.collapse {
        display: block;
    }

    .filter ul.filter-group li.filter-item.expand {
        display: none;
    }

    .filter ul.filter-group li.filter-item.inactive {
        display: none;
    }

    .filter ul.filter-group li.filter-item.active:not(.expand) {
        display: block;
    }

    .filter ul.filter-group li.filter-item.active.zero-results {
        display: none;
    }

    .filter .filter-group .filter-anchor.inactive-filter {
        color: var(--Gray-500);
    }



/*** Configurator ***/

.configurator .modal {
    overflow-y: hidden;
}

.configurator .modal-content {
    margin: 1% auto;
    height: 96vh;
    width: 100%;
}

.configurator .modal-body {
    height: 93%;
}

.configurator .popup-text {
    font-size: 16px;
    margin-top: 50px;
}

    .configurator .popup-text a {
        text-decoration: underline;
    }



/*** Polls ***/
.poll strong {
    display: block;
    margin: 10px 0;
    background-color: var(--Gray-600);
    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    color: var(--Gray-400);
    text-transform: uppercase;
}

.poll .buttons input {
    border: none;
    background-color: var(--Action);
    padding: 10px 20px;
    font-size: 13px;
    color: var(--White);
    text-transform: uppercase;
}

    .poll .buttons input:hover {
        background-color: var(--ActionHover);
    }


/********** CATEGORY PAGE **********/

    .breadcrumb ul {
        font-size: 0;
    }

    .breadcrumb a:hover {
        color: var(--ActionHover);
    }

    .product-filter .filter-title {
        margin: 0 0 10px;
        background-color: var(--Gray-600);
        padding: 10px;
        font-size: 17px;
        color: var(--Gray-400);
    }

                .product-filter .group li a:hover {
                    color: var(--ActionHover);
                }

                .product-filter .group li.item:before {
                    content: "";
                    position: absolute;
                    top: 12px;
                    left: 0;
                    width: 5px;
                    height: 5px;
                    background-color: var(--Gray-600);
                }

.filtered-items .item {
    color: var(--Action);
}

    .remove-filter a {
        display: inline-block;
        background-color: var(--Action);
        padding: 10px 20px;
        font-size: 13px;
        color: var(--White);
        text-transform: uppercase;
    }

        .remove-filter a:hover {
            background-color: var(--ActionHover);
        }

        .item-box .product-title a {
            display: block;
            color: var(--Action);
            font-weight: 700;
        }

            .item-box .product-title a:hover {
                color: var(--ActionHover);
                text-decoration: underline;
            }

    .item-box .old-price {
        margin: 0 5px 0 0;
        font-size: 16px;
        color: var(--Gray-500);
        text-decoration: line-through;
    }

    .item-box .actual-price {
        margin: 0 5px 0 0;
        color: var(--Gray-400);
    }

    .item-box .tax-shipping-info a {
        color: var(--Action);
    }

        .item-box .tax-shipping-info a:hover {
            text-decoration: underline;
            color: var(--ActionHover);
        }

    .item-box input[type="button"] {
        display: inline-block;
        height: 40px;
        border: none;
        vertical-align: middle;
    }

    .item-box .call-for-price {
        background-color: var(--Gray-400);
    }

        .item-box .add-to-compare-list-button:hover,
        .item-box .add-to-wishlist-button:hover {
            border-color: var(--Gray-400);
        }

    .product-grid .item-box .product-breadcrumb {
        display: none;
    }

.manufacturer-grid .title {
    margin: 0 0 15px;
    text-align: center;
    font-size: 16px;
}

    .manufacturer-grid .title a:hover {
        color: var(--ActionHover);
    }

    .vendor-grid .title a:hover {
        color: var(--ActionHover);
    }

        .pager li a:hover {
            border-color: var(--ActionHover);
            background-color: var(--White);
        }


/********** PRODUCT PAGE **********/
.special-overlay {
    color: var(--Gray-400);
    font-weight: 700;
    padding: 0 0 20px;
    margin-bottom: -20px;
}



.also-purchased-products-grid .title {
    margin: 0 0 30px;
    border-bottom: 1px solid var(--Gray-500);
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: normal;
    color: var(--Gray-400);
}

    .also-purchased-products-grid .title strong {
        font-weight: normal;
    }

.also-purchased-products-grid .alsopurchased-item-grid {
    max-width: 90%;
    width: 90%;
    display: inline-block;
    margin-left: 20px;
}


.also-purchased-products-grid .alsopurchased-item-box {
    width: 26%;
    margin: 0 3.5% 50px;
    display: inline-block;
    vertical-align: top;
}

    .also-purchased-products-grid .alsopurchased-item-box .product-item .left-container div {
        margin-top: 5px;
    }

    .also-purchased-products-grid .alsopurchased-item-box .product-title, .also-purchased-products-grid .alsopurchased-item-box .description {
        min-height: 35px;
    }

    .also-purchased-products-grid .alsopurchased-item-box .product-title {
        margin: 0 0 10px;
        overflow: hidden;
        font-size: 17px;
        line-height: 1.2;
        font-weight: normal;
        color: var(--Action);
    }

        .also-purchased-products-grid .alsopurchased-item-box .product-title a {
            display: block;
            color: var(--Action);
            font-weight: 700;
        }

            .also-purchased-products-grid .alsopurchased-item-box .product-title a:hover {
                color: var(--ActionHover);
                text-decoration: underline;
            }

    .also-purchased-products-grid .alsopurchased-item-box .picture {
        min-height: 150px;
    }

        .also-purchased-products-grid .alsopurchased-item-box .picture img {
            max-width: 100%;
            max-height: 150px;
        }

    .also-purchased-products-grid .alsopurchased-item-box .availability-disclaimer {
        display: none;
    }

    .also-purchased-products-grid .alsopurchased-item-box .actual-price {
        margin: 0 5px 0 0;
        color: var(--Gray-400);
    }

    .also-purchased-products-grid .alsopurchased-item-box .buttons {
        margin: 0;
        font-size: 0;
    }

    .also-purchased-products-grid .alsopurchased-item-box input[type="button"] {
        display: inline-block;
        height: 46px;
        border: none;
        vertical-align: middle;
    }

    .also-purchased-products-grid .alsopurchased-item-box .product-box-add-to-cart-button {
        width: 60%;
        background-color: var(--Action);
        text-align: center;
        color: var(--White);
        border-radius: 7px;
        margin-left: -20%;
    }

        .also-purchased-products-grid .alsopurchased-item-box .product-box-add-to-cart-button:hover {
            background-color: var(--ActionHover);
        }

    .also-purchased-products-grid .alsopurchased-item-box .call-for-price {
        background-color: var(--Gray-500);
    }


    .also-purchased-products-grid .alsopurchased-item-box .add-to-compare-list-button,
    .also-purchased-products-grid .alsopurchased-item-box .add-to-wishlist-button {
        width: 20%;
        border: 1px solid var(--Gray-500) !important;
        background-color: var(--White);
        background-position: center;
        background-repeat: no-repeat;
        font-size: 0;
        margin-left: 4px;
        border-radius: 7px;
    }

    .also-purchased-products-grid .alsopurchased-item-box .add-to-compare-list-button {
        background-image: url('../images/compare-button.png');
    }

    .also-purchased-products-grid .alsopurchased-item-box .add-to-wishlist-button {
        background-image: url('../images/wishlist-button.png');
    }

        .also-purchased-products-grid .alsopurchased-item-box .add-to-compare-list-button:hover,
        .also-purchased-products-grid .alsopurchased-item-box .add-to-wishlist-button:hover {
            border-color: var(--Gray-400);
        }

.also-purchased-products-grid .slider-viewmore {
    display: inline-block;
    padding: 0 0 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 0 15px;
    position: absolute;
    bottom: 300px;
    border-radius: 7px;
    border: 1px solid var(--Gray-400);
    cursor: pointer;
}

    .also-purchased-products-grid .slider-viewmore img {
        padding-top: 9px;
    }

.also-purchased-products-grid .pager-disabled {
    cursor: auto;
    border: 1px solid lightgrey;
}



.product-details-page {
    padding: 20px 0 0;
}
/*******Training Registration********************************* */
.product-training-details-page {
    margin-top: -35px;
}

.product-training .card {
    max-width: 668px;
    margin:auto;
}


    .product-training-details-page .short-description ul {
        list-style: initial;
        margin-left: 25px;
    }

    .product-training-details-page .course-information {
        padding-bottom: 10px;
    }

    .product-training-details-page .registration-closed-message {
        font-size: 20px;
    }

    .product-training-details-page .registration-title {
        font-size: 20px;
    }

    .product-training-details-page .registration-details .registration-form {
        float: left;
    }

        .product-training-details-page .registration-details .registration-form .action {
            float: right;
            cursor: pointer;
            padding-bottom: 10px;
            padding-top: 10px;
        }

            .product-training-details-page .registration-details .registration-form .action:hover {
                text-decoration: underline;
            }

        .product-training-details-page .registration-details .registration-form .form {
            clear: both;
        }

        .product-training-details-page .registration-details .registration-form .inputs label {
            max-width: 120px;
        }

    .product-training-details-page .registration-footer {
        clear: both;
    }


        .product-training-details-page .registration-footer .common-buttons {
            margin: 0 0 20px;
            border-top:solid 1px var(--Gray-500);
            border-bottom:solid 1px var(--Gray-500);
            padding: 20px;
            font-size: 0;
            text-align: right;
        }

            .product-training-details-page .registration-footer .common-buttons input {
                display: inline-block;
                min-width: 180px;
                margin: 5px;
                border: none;
                background-color: var(--Action);
                padding: 10px 20px;
                font-size: 15px;
                color: var(--White);
                text-align: center;
                width: auto;
            }

                .product-training-details-page .registration-footer .common-buttons input:hover {
                    background-color: var(--ActionHover);
                }

                .product-training-details-page .registration-footer .common-buttons input:first-child {
                    background-color: var(--Action);
                }

                    .product-training-details-page .registration-footer .common-buttons input:first-child:hover {
                        background-color: var(--ActionHover);
                    }

.product-training-details-page .training-picture {
    display: none;
}

.training-product-container .details{
    flex: 0 0 100%;
    max-width: 100%;
}

.training-product-container .register-training{
    margin-right: 0px;
}
/*******End Training Registration********************************* */

    .gallery .collateral-disclaimer {
        color: var(--Secondary-400);
        font-style: oblique;
    }


.product-training .overview {
    clear: both;
    width: 100%;
}

    .overview .discontinued-product {
        background: var(--Gray-600);
        margin: 0 0 20px;
    }

        .overview .discontinued-product h4 {
            display: inline-block;
            font-size: 14px;
            padding: 17px 17px 17px 40px;
            background: url('../images/discontinued-product-icon.png') no-repeat 13px center;
            color: var(--Warning);
        }

    .product-no-reviews a {
        color: var(--Action)
    }

        .product-no-reviews a:hover {
            text-decoration: underline;
            color: var(--ActionHover)
        }

.product-review-links a {
    color: var(--Action);
}

    .product-review-links a:hover {
        color: var(--ActionHover);
        text-decoration: underline;
    }

        .overview .value a:hover,
        .variant-overview .value a:hover {
            color: var(--ActionHover);
            text-decoration: underline;
        }

.overview .button-2,
.variant-overview .button-2 {
    display: block;
    width: 100%;
    border: none;
    background-color: var(--Gray-600);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 12px 15px 12px 40px;
    text-align: left;
    color: var(--Gray-400);
}

    .overview .button-2:hover,
    .variant-overview .button-2:hover {
        background-color: var(--Gray-500);
    }

.overview .add-to-product-list-button {
    background-image: url('../images/add-to-product-list-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
}

.overview .add-to-compare-list-button {
    background-image: url('../images/compare-button.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
}

.overview .email-a-friend-button {
    background-image: url('../images/email-button.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
}

.overview .manufacturers {
    margin: 0 0 20px;
}

.back-in-stock-subscription-page .notify-me-button {
    margin: 15px 0 0;
    border: none;
    background-color: var(--Action);
    padding: 10px 15px;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .back-in-stock-subscription-page .notify-me-button:hover {
        background-color: var(--ActionHover);
    }

.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
    font-size: 14px;
    color: var(--Gray-500);
    text-decoration: line-through;
}

.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a {
    color: var(--Action);
}

    .overview .tax-shipping-info a:hover,
    .variant-overview .tax-shipping-info a:hover {
        color: var(--Action);
        text-decoration: underline;
    }

    .customer-entered-price .price-range {
        margin: 5px 0 0;
        color: var(--Gray-400);
    }

    .tier-prices .item-price {
        background-color: var(--Gray-600);
        font-size: 16px;
        color: var(--Action);
    }

.overview .qty-input,
.variant-overview .qty-input {
    width: 45px;
    height: 43px;
    padding: 0 12px;
    text-align: center;
    font-size: 15px;
    color: var(--Gray-400);
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    height: 43px;
    border: none;
    background-color: var(--Action);
    padding: 0 24px;
    color: var(--White);
    text-transform: capitalize;
}



/******************Blog Share Button****************/
.blogpost-share .product-share-button {
    float: left;
    margin: 20px 0;
    clear: both;
    width: 100%;
}


    .blogpost-share .product-share-button .share-button {
        background-color: var(--White);
        color: var(--Action);
        border: var(--Action) 2px solid;
        padding: 10px 20px;
        border-radius: 7px;
        font-weight: 700;
    }
/******************End Blog Share Button****************/
.full-description {
    clear: both;
    line-height: 24px;
}

    .variant-overview .variant-name {
        margin: 0 0 10px;
        padding: 10px 0;
        font-size: 16px;
        font-weight: bold;
        color: var(--Action);
    }

    .product-tags-list a {
        display: inline-block;
        line-height: 24px;
        color: var(--Action);
    }

        .product-tags-list a:hover {
            color: var(--ActionHover);
        }

.attributes {
    margin: 20px 0;
}

.ui-datepicker {
    width: 280px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: var(--White);
    text-align: center;
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    padding: 0;
    font: normal 14px;
    color: var(--Gray-500);
}

.product-list-modal.icon-large {
    background-image: url('../images/add-to-product-list-large.png');
    background-repeat: no-repeat;
    margin-top: 12px;
}

.delete-confirmation-modal.icon-large {
    background-image: url('../images/trashcan-icon.png');
    background-repeat: no-repeat;
    margin-top: 12px;
}

    .ui-datepicker-calendar th {
        background-color: var(--Gray-600);
    }

    .color-squares .selected-value .color-container {
        background-color: var(--Action);
    }


/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
    color: var(--Action);
}

            .write-review .review-rating li.first {
                color: var(--Action);
            }

    .write-review .button-1 {
        border: none;
        background-color: var(--Action);
        padding: 10px 25px;
        text-align: center;
        font-size: 15px;
        color: var(--White);
        text-transform: uppercase;
    }

        .write-review .button-1:hover {
            background-color: var(--ActionHover);
        }

    .product-review-item .review-item-head {
        border-top: 1px solid var(--Gray-500);
        overflow: hidden;
        background-color: var(--Gray-600);
        padding: 10px;
    }

/********** WISHLIST & COMPARE LIST **********/

.wish
-content .tax-shipping-info {
    margin: 0 0 20px;
    text-align: center;
}

    .compare-products-page .clear-list {
        display: inline-block;
        margin: 0 0 20px;
        background-color: var(--Action);
        padding: 10px 15px;
        font-size: 12px;
        color: var(--White);
        text-transform: uppercase;
    }
/*********** TOPICS ***********/

.topic-block-body {
    text-align: center;
}

.topic-page .page-body {
    text-align: center;
    padding: 6px 10px;
}


/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/


.registration-page .bullet-container .points li {
    line-height: 18px;
    margin: 18px 20px 18px 17px;
    font-size: 14px;
    list-style-position: outside;
    list-style-type: disc;
}

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: var(--Action);
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

.registration-result-page .result {
    margin: 0 0 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    color: #4cb17c;
}

/**********   MY LISTS   ***********/

.page-part .mylists-overview .mylists-overview-content span {
    font-size: 14px;
    font-weight: 500;
}

.mylists-overview {
    max-width: 250px;
}

    .mylists-overview .topic-block-title {
        min-height: 0px;
        margin: 0 0 15px;
        padding: 0 0 5px;
    }

    .mylists-overview span {
        font-size: 20px;
        font-weight: 700;
    }

    .mylists-overview .mylists-overview-item {
        padding: 0 0 20px;
    }

        .mylists-overview .mylists-overview-item .mylists-overview-item-label {
            max-width: 60%;
            display: inline-block;
        }

            .mylists-overview .mylists-overview-item .mylists-overview-item-label .mylists-overview-item-label-name {
            }

            .mylists-overview .mylists-overview-item .mylists-overview-item-label .mylists-overview-item-label-description {
                font-size: 13px;
            }

        .mylists-overview .mylists-overview-item .mylists-overview-item-action {
            float: right;
            padding: 5px 5px 5px;
            border: 1px solid black;
            font-size: 14px;
        }

/**********   MY PMAS   ***********/

.page-part .mypmas-overview .mypmas-overview-content span {
    font-size: 14px;
    font-weight: 500;
}

.mypmas-page .mypmas input[type="button"],
.mypmas-page .mypmas input[type="submit"],
.add-to-cart input[type="button"],
.add-to-cart input[type="submit"] {
    display: inline-block;
    height: 40px;
    border: none;
    vertical-align: middle;
}

.mypmas-page .pma-request div {
    display: inline-block;
    padding-left: 10px;
}

.mypmas-page .pma-request .status img {
    height: 20px;
}



.mypmas-page .request-summary {
    position: fixed;
    bottom: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: .75rem;
    z-index: 999;
    width: 75rem;
    min-height: 100px;
    max-height: 340px;
    overflow: scroll;
    background-color: var(--White);
    border: 2px solid var(--Gray-500);
    margin-top: 20px;
}

#pmas td a {
    text-decoration: underline !Important;
}

.mypmas-page .request-summary-head {
    font-size: 1.40rem;
    font-weight: 400;
    color: var(--Gray-500);
    display: flex;
    justify-content: space-between;
}

    .mypmas-page .request-summary-head i {
        font-size: 1.25rem;
        transition: all .35s ease;
    }

    .mypmas-page .request-summary-head div {
        display: inline-block;
    }

.mypmas-page .request-summary-body {
    padding-top: .75rem;
}

    .mypmas-page .request-summary-body .content {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

        .mypmas-page .request-summary-body .content .detail {
            display: block;
            padding: 10px;
            border: 1px solid var(--Gray-500);
            margin-bottom: 10px;
        }

            .mypmas-page .request-summary-body .content .detail .action {
                float: right;
                cursor: pointer;
            }

            .mypmas-page .request-summary-body .content .detail .label {
                font-weight: 700;
            }

.mypmas-page .request-summary:focus {
    opacity: 1;
    outline: none;
    transform: translateX(-50%) translateY(0);
}

    .mypmas-page .request-summary:focus .request-summary-head i {
        transform: rotateZ(180deg);
        opacity: 0;
    }


.mypmas-page .request-summary-option {
    width: 200px;
    height: 200px;
    padding: 4.25rem;
    border: 2px dashed black;
    display: inline-block;
    transition: all .35s ease;
}

.mypmas-page .request-summary-body:hover .request-summary-option:not(:hover) {
    opacity: .5;
    transform: scale(0.9);
}

.mypmas-page .request-summary .button-2 {
    background-color: var(--Action);
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
    padding: 5px 20px;
    height: 40px;
    border: none;
}

    .mypmas-page .request-summary .button-2:hover {
        background-color: var(--ActionHover);
    }


.mypmas-page .common-buttons {
    font-size: 0;
}

    .mypmas-page .common-buttons input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: none;
        background-color: #777777;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
        text-transform: uppercase;
    }

        .mypmas-page .common-buttons input:hover {
            background-color: var(--Gray-500);
        }

        .mypmas-page .common-buttons input:nth-child(2) {
            background-color: var(--Action);
        }

        .mypmas-page .common-buttons input:nth-child(2) {
            background-color: var(--ActionHover);
        }
/********** SHOPPING CART **********/
        .order-progress a:before {
            content: "";
            display: block;
            width: 40px;
            height: 40px;
            margin: 0 auto 15px;
            border: 1px solid #bbb;
            background: var(--White) url('../images/pointer.png') center no-repeat;
            border-radius: 20px;
        }

.cart-total td {
    width: 50%;
    padding: 5px 0;
    text-align: right;
}

    .cart-total td:first-child {
        /* text-align: left; */
    }

.cart-express-checkout {
    width: 205px;
    margin: 10px auto 0 auto;
    display: block;
}

    .cart-express-checkout .express-checkout-button {
        background-color: var(--Action);
        margin: 8px 0;
        text-align: center;
        width: 100%;
        height: 56px;
        font-size: 16px;
        color: var(--White);
        font-weight: 700;
        border: none;
    }

        .cart-express-checkout .express-checkout-button:hover {
            background-color: var(--ActionHover);
        }

        .cart-express-checkout .express-checkout-button:disabled {
            background-color: var(--Gray-500);
            cursor: default;
        }

    .cart-express-checkout .form-fields {
        padding: 5px;
    }

    .cart-express-checkout .inputs {
        margin: 8px 0 0 0;
    }

        .cart-express-checkout .inputs label {
            width: auto;
            display: block;
            margin: 0px;
            text-align: left;
        }

        .cart-express-checkout .inputs input[type="text"] {
            width: 125px;
        }

    .cart-express-checkout .lastOrder-data-change {
        padding: 15px 0 15px 0;
    }

        .cart-express-checkout .lastOrder-data-change .express-checkout-change-button {
            background-color: #eaeaea;
            margin: 0px 0;
            text-align: center;
            width: 65px;
            height: 30px;
            font-size: 14px;
            color: var(--Action);
            font-weight: 400;
            border: 1px solid var(--Action);
        }

/********** CHECKOUT **********/

    .checkout-page .section.order-summary {
        margin: 100px 0 30px;
    }

.checkout-page .cart-options {
    min-height: 60px;
    overflow: hidden;
}

.checkout-page .button-1 {
    display: inline-block;
    min-width: 140px;
    border: none;
    background-color: var(--Action);
    padding: 16px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: capitalize;
}

.checkout-page .select-shipping-address-button {
    width: 240px;
    margin-bottom: 5px;
}

    .checkout-page .checkout-tile a {
        float: right;
        text-decoration: underline;
    }

    .checkout-page .checkout-tile.message {
        display: inline-block;
        background-color: var(--White);
        border: none;
    }

            .checkout-page .checkout-tile.message p:first-child {
                font-size: 30px;
            }

.checkout-page .address-item ul {
    margin: 0 0 0px;
    padding: 10px;
    color: var(--Gray-400);
}


.checkout-page .address-item li {
    line-height: 17px;
}
    .checkout-page .address-item li.name {
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
    }

.checkout-page .pickup-in-store {
    padding: 30px 0;
    text-align: center;
}

.shipping-method .job-name {
    display: inline-block;
}

    .shipping-method .job-name input[type="text"] {
        width: 150px;
    }

.shipping-method .append-job-name {
    display: inline-block;
    margin-left: 10px;
}

    .shipping-method .append-job-name label {
        width: auto;
    }

.card-expiration-message {
    color: red;
}

.shipping-addresses {
    margin-top: 60px;
}

/****** SEARCH & SITEMAP ******/

.search-results {
    margin: 30px 0 0;
    position: relative;
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
    padding: 0 10px;
    text-align: center;
}

.sitemap-page a {
    color: var(--Gray-400);
}

    .sitemap-page a:hover {
        color: #4ab2f1;
    }


/****** BLOG & NEWS ******/

.post-body-overview div {
    clear: both;
}

.blog-page p a,
.blog-page span a,
.blog-page div a {
    color: var(--Action);
}

.blogpost-page div a,
.blogpost-page span a,
.blogpost-page p a {
    color: var(--Action);
}

.blog-page p a:hover,
.blog-page span a:hover,
.blog-page div a:hover {
    color: var(--Action);
    text-decoration: underline;
}

.blogpost-page div a:hover,
.blogpost-page span a:hover,
.blogpost-page p a:hover {
    color: var(--Action);
    text-decoration: underline;
}

    .blog-page .page-banner img {
        max-height: 280px;
    }

.post-title,
.news-title {
    display: inline-block;
    padding: 20px 10px;
}

.post-title:hover,
.news-title:hover {
    color: var(--ActionHover);
}

.post-title-spacer {
    min-width: 620px;
}

    .post-body img, .post-body-overview img {
        max-width: 100%;
        width: auto;
        height: auto;
        display: block;
    }

.blogpost-page .page-title .post-date {
    float: right;
    margin-right: 20px;
    margin-top: -25px;
}

.blog-posts {
    margin-top: 25px;
}

        .blog-posts .buttons .read-more,
        .news-items .buttons .read-more,
        .topic-columnview-list .buttons .read-more {
            display: inline-block;
            border: none;
            background-color: var(--Action);
            padding: 10px 20px;
            color: var(--White);
            text-transform: capitalize;
        }

            .blog-posts .buttons .read-more:hover,
            .news-items .buttons .read-more:hover,
            .topic-columnview-list .buttons .read-more:hover {
                background-color: var(--ActionHover);
            }

.blog-post-comment-messaging {
    margin-top: 20px;
}

.blog-page .page-banner img {
    max-width: 100%;
}

.post-head h1 a {
    color: var(--Action);
}

    .post-head h1 a:hover {
        color: var(--ActionHover);
        text-decoration: underline !important;
    }





/*** FORUM & PROFILE ***/



.forums-main-page .topic-block {
    margin: 0 0 35px;
    text-align: center;
}

/* forum-page, topic page */

.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
    min-width: 140px;
    border: none;
    background-color: #999;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
    background-color: #4ab2f1;
}

    .forum-edit-page .buttons .button-1:hover,
    .move-topic-page .buttons .button-1:hover,
    .private-messages .buttons .button-1:hover {
        background-color: #248ece;
        color: var(--White);
    }

/* BB codes */

.registration-page .inputs label {
    width: initial;
    display: inline-block;
    font-size: 16px;
    color: var(--Gray-500);
    margin: 0 4px 7px 0;
}

.registration-page .inputs-long label {
    width: initial;
    display: inline-block;
    font-size: 16px;
    color: var(--Gray-500);
    margin-bottom: 7px;
}

.registration-page .inputs.new-line,
.registration-page .inputs-long.new-line {
    clear: both;
}

.registration-page .inputs {
    margin-right: 20px;
}

    .registration-page .inputs .option-list li:nth-child(2n+1) {
        clear: both;
    }

.registration-page .bullet-container ul {
    font-size: 12pt;
    list-style: square;
}

.registration-page .bullet-container .title {
    font-size: 16pt;
}

/****** Start Custom Footer Styling ******/

    .footer .footer-block span {
        color: var(--White);
    }
/****** End Custom Footer Styling ******/

/***** Product Browse Page *****/

.details .course-name {
    color: var(--Gray-500);
    margin-top: -5px;
    line-height: 22px;
    max-width: 324px;
}

    .details .course-name span {
        font-weight: 700;
    }

.quick-info {
    color: var(--Gray-500);
}
/*********** CSS RESET **********/


* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
}

    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
}


a img {
    border: none;
}

a:active {
    outline: none;
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    border-radius: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px var(--White);
}

script {
    display: none !important;
}


/*********** GLOBAL STYLES **********/



body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--White);
    font: normal 14px;
    color: var(--Gray-400);
}

a img {
    opacity: 0.99; /*firefox scale bug fix*/
}

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

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea, select {
    height: 36px; /*safari padding fix*/
    border: 1px solid var(--Gray-500);
    padding: 8px;
    vertical-align: middle;
}

input, textarea, select {
    font-size: 14px;
    color: #777;
}

textarea {
    min-height: 150px;
}

select {
    min-width: 50px;
    height: 32px; /*safari padding fix*/
    padding: 6px;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus, select:focus {
        border-color: #ccc;
        color: var(--Gray-400);
    }

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
    vertical-align: middle;
}

input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
    cursor: pointer;
}

label, label + * {
    vertical-align: middle;
}

.master-wrapper-content {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.master-column-wrapper {
    position: relative;
}

    .master-column-wrapper:after {
        content: "";
        display: block;
        clear: both;
    }

.center-2, .side-2 {
    margin: 0 0 50px;
}

    .side-2:after {
        content: "";
        display: block;
        clear: both;
    }

.page {
    min-height: 200px;
}

.page-title {
    min-height: 50px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid var(--Gray-500);
    padding: 6px 10px;
    text-align:left;
}

    .page:after,
    .page-title:after,
    .page-body:after {
        content: "";
        display: block;
        clear: both;
    }

.center-1 .page-title,
.center-1 .title {
    text-align: left;
}

.buttons {
    margin: 0 0 30px;
}

.link-rss {
    display: none;
    width: 24px;
    height: 24px;
    background: url('../images/rss.png') center no-repeat;
    font-size: 0 !important;
}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul
.gjs-window ul{
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
}

.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p {
    margin: 10px 0;
    /* padding: 0 18px 0 18px; */
}

.flyout-cart {
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.flyout-add-confirmation {
    display: none;
}


.registration-page .fieldset .title {
    margin-top: 30px;
    margin-bottom: 9px;
}

    .registration-page .fieldset .title strong {
        margin-top: 30px;
        font-size: 18px;
        color: var(--Gray-500);
        font-weight: 700;
    }

.registration-page .bullet-container .title {
    margin-top: 30px;
    margin-bottom: 9px;
}

    .registration-page .bullet-container .title span {
        font-size: 18px;
        color: var(--Gray-500);
        font-weight: 700;
    }

.registration-page .points {
    border-top: solid 1px rgb(230, 230, 230);
}


/*********** GLOBAL FORMS ***********/



.fieldset, .section {
    position: relative;
    margin: 0 0 40px;
}

    .fieldset .title,
    .section .title {
        margin: 0 0 15px;
        padding: 0 10px;
        font-size: 20px;
        color: var(--Gray-400);
    }

        .fieldset .title strong,
        .section .title strong {
            font-weight: normal;
        }

.form-fields {
    position: relative;
    /* border-top: 1px solid #e6e6e6; */
    padding: 30px 15px;
}

.inputs,
.inputs-long {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap; /*fix for 'required' elements*/
}

    .inputs:after,
    .inputs-long:after {
        content: "";
        display: block;
        clear: both;
    }

    .inputs label,
    .inputs-long label {
        display: block;
        width: 166px;
        margin: 10px 0;
        text-align: center;
        font-size: 14px; /*reset zeroing*/
        color: var(--Gray-400);
    }

    .inputs-long input[type="text"],
    .inputs-long input[type="password"],
    .inputs-long select,
    .inputs-long textarea {
        width: 750px;
        max-width: 100%;
        background-color: var(--White);
    }

    .inputs.custom-attributes {
        white-space: normal;
    }

    .inputs .option-list {
        display: inline-block;
        width: 623px;
        max-width: 95%;
        vertical-align: middle;
    }

.registration-page .inputs .option-list li,
.customer-info-page .inputs .option-list li {
    border: none;
    width: 282px;
}

.inputs .option-list li {
    display: inline-block;
    margin: 5px;
    border: 1px solid var(--Gray-500);
    background-color: var(--White);
    padding: 8px 10px;
    width: 256px;
}

.inputs .option-list label {
    display: inline-block;
    width: auto !important;
    margin: 0 0 0 5px;
}

.inputs.reversed {
    margin: 0 0 20px;
    text-align: center;
}

.required {
    margin: 0 -8px 0 0px; /*siblings offset*/
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    color: var(--Alert);
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
    display: block;
    margin-top: 5px;
}

.validation-summary-errors {
    background-color: var(--AlertBackground);
    border: 1px solid var(--Alert);
    color: var(--Alert);
}

    .validation-summary-errors span{
        font-weight:700;
    }

    .validation-summary-errors ul{
        margin-bottom: 0px;
    }

    .validation-summary-errors ul li {
        font-size: 1rem;
        padding: 6px;
        font-weight: 400;
    }

.field-validation-valid,
.username-available-status {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #4cb17c;
}

.captcha-box {
    text-align: center;
    line-height: 0; /*firefox line-height bug fix*/
}

    .captcha-box > div {
        display: inline-block;
        max-width: 100%;
    }

    .captcha-box input {
        height: auto;
    }


/*********** GLOBAL TABLES ***********/



.table-wrapper {
    overflow-x: auto;
}

.cart-section,
.mylist-section,
.mypma-section {
    clear: both;
    border-bottom: solid 1px var(--Gray-500);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.shopping-cart-page .table-wrapper div.title {
    font-weight: 700;
    border-bottom: 1px solid var(--Gray-500);
    margin-top: 56px;
}

.shopping-cart-page .table-wrapper div:first-child {
    margin-top: 0px;
}

.cart-wrapper,
.mylist-wrapper,
.mypma-wrapper {
    display: inline-block;
    width: 100%;
}

.cart-totals-wrapper {
    float: right;
    vertical-align: top;
    display: inline-block;
    height: fit-content;
    padding: 20px;
    background-color: var(--Gray-600);
}

.cart-total-title {
    font-weight: 700;
    border-bottom: 1px solid var(--Gray-500);
    padding-bottom: 5px;
}

.cart th,
.mylist th,
.mypma th,
.data-table th,
.forum-table th {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: var(--Gray-500);
    background-color: var(--White);
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
}

    .cart td,
    .mylist td,
    .data-table td,
    .forum-table td {
        min-width: 50px;
        border-width: 1px;
        background-color: var(--White);
        padding: 20px 20px 10px 20px;
        color: var(--Gray-400);
    }

.forum-table td {
    min-width: 90px;
}

.cart a,
.mylist a,
.data-table a,
.forum-table a {
    font-weight: normal;
    color: var(--Action);
    text-decoration: none !important;
}

    .cart a:hover,
    .mylist a:hover,
    .data-table a:hover,
    .forum-table a:hover {
        text-decoration: underline;
        color: var(--ActionHover);
    }

.cart .product,
.mylist .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details {
    min-width: 175px;
    text-align: left;
    max-width: 220px;
}

    .cart .product a,
    .mylist .product a,
    .data-table .product a,
    .data-table .info a {
        font-weight: bold;
    }

        .cart .product a:hover,
        .mylist .product a:hover,
        .data-table .product a:hover,
        .data-table .info a:hover {
            color: #4ab2f1;
            text-decoration: none;
        }

    .cart .product .edit-item,
    .mylist .product .edit-item {
        margin: 10px 0 0;
    }

        .cart .product .edit-item a,
        .mylist .product .edit-item a {
            font-weight: normal;
            color: #4ab2f1;
        }

            .cart .product .edit-item a:hover,
            .mylist .product .edit-item a:hover {
                text-decoration: underline;
            }

.cart .remove-from-cart,
.cart .add-to-cart,
.mylist .remove-from-cart,
.mylist .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}

.cart td.unit-price,
.mylist td.unit-price,
.data-table td.unit-price {
    white-space: nowrap;
    display:table-cell !important;
}

.cart td.quantity input,
.mylist td.quantity input {
    width: 50px;
    text-align: center;
}

.cart td.subtotal,
.mylist td.subtotal,
.data-table td.total {
    white-space: nowrap;
    color: var(--Gray-400);
}

    .cart td.subtotal .discount,
    .mylist td.subtotal .discount {
        font-style: italic;
        color: #4ab2f1;
    }

.data-table em a {
    font-weight: bold;
    color: var(--Gray-400);
}

.data-table div.download {
    margin: 10px 0 0;
}



/***********     UNSLIDER MODS       ***********/

.banner-wrapper {
    height: 380px;
    overflow: hidden;
    border: 1px solid var(--Gray-500);
    padding: 0px;
}

/***********    FEEDBACK FORMS       ***********/


form.feedback-form div {
    padding: 3px 6px 3px 0px;
}

form.feedback-form label {
    padding: 0 10px 0 5px;
}

    form.feedback-form label:first-of-type {
        font-weight: bold;
    }

form.feedback-form div.form-row {
    clear: both;
}

form.feedback-form div.form-cell {
    float: left;
}

/***********     RIGHT FLYOUT        ***********/

#floatingSideNav {
    color: var(--White);
    display: block;
    position: fixed;
    top: 366px;
    right: 0px;
    cursor: pointer;
    opacity: .8;
    z-index: 10;
}

    #floatingSideNav .compare a {
        display: block;
        height: 54px;
        width: 36px;
        right: 0px;
        background: url('../images/Compare-Pop-Up.png') no-repeat;
        font-size: 0;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    #floatingSideNav .compare .compare-products-0 a {
        background-position: 36px 0;
    }

    #floatingSideNav .compare .compare-products-1 a {
        background-position: 0 0;
    }

    #floatingSideNav .compare .compare-products-2 a {
        background-position: -36px 0;
    }

    #floatingSideNav .compare .compare-products-3 a {
        background-position: -72px 0;
    }

    #floatingSideNav .compare .compare-products-4 a {
        background-position: -108px 0;
    }

/*********** NOTIFICATIONS & POPUPS  ***********/



.bar-notification {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: var(--White);
    opacity: 0.95;
}

    .bar-notification.success {
        background-color: var(--Action);
    }

    .bar-notification.error {
        background-color: #e4444c;
    }

    .bar-notification .content {
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: var(--White);
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 6px;
        right: 5px;
        width: 21px;
        height: 21px;
        margin: 7px;
        background: url('../images/close.png') center no-repeat;
        cursor: pointer;
        background-size: contain;
    }

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: var(--Gray-400);
}

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../images/loading.gif') center no-repeat;
}

.please-wait {
    background: url('../images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
    font-size: 14px;
}

.ui-dialog {
    width: 350px !important;
    max-width: 90%;
    border: 1px solid var(--Gray-500);
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    overflow: hidden;
    background-color: var(--White);
    /*override jQuery UI styles, do not delete doubled properties*/
    border-radius: 0;
    padding: 0;
    font: normal 14px;
}

    .ui-dialog:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }

.ui-dialog-titlebar {
    border-bottom: 1px solid var(--Gray-500);
    overflow: hidden;
    background-color: #eee;
    padding: 10px 15px;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-width: 0 0 1px;
    border-radius: 0;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: normal;
    cursor: auto !important;
}

    .ui-dialog-titlebar > span {
        float: left;
        font-size: 18px;
        color: var(--Gray-400);
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
    }

    .ui-dialog-titlebar button {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
        border: none;
        overflow: hidden;
        background: url('../images/close.png') center no-repeat;
        font-size: 0;
        /*override jQuery UI styles, do not delete doubled properties*/
        top: 0 !important;
        right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0;
        background: url('../images/close.png') center no-repeat !important;
        padding: 0 !important;
    }

        .ui-dialog-titlebar button span {
            display: none !important;
        }

.ui-dialog-content {
    height: auto !important;
    padding: 15px;
    line-height: 20px;
    /*override jQuery UI styles, do not delete doubled properties*/
    background-color: var(--White) !important;
    padding: 15px !important;
    color: #777;
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 320px;
    height: 180px;
    margin: -90px 0 0 -160px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    background-color: var(--White);
    padding: 20px;
    text-align: center;
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 20px;
        line-height: 20px;
    }

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 5px 0 10px;
        border: none;
        background-color: #4ab2f1;
        padding: 8px 12px;
        font-size: 14px;
        color: var(--White);
    }

        .eu-cookie-bar-notification button:hover {
            background-color: #248ece;
        }

    .eu-cookie-bar-notification a {
        display: block;
        color: #4ab2f1;
    }

        .eu-cookie-bar-notification a:hover {
            text-decoration: underline;
        }


/*********** HEADER ***********/



.admin-header-links {
    background-color: #333;
    text-align: center;
    color: var(--Gray-400);
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
        color: var(--White);
    }

    .admin-header-links .impersonate {
        display: inline-block;
    }

        .admin-header-links .impersonate a {
            background-color: #555;
            padding: 0 15px;
        }

            .admin-header-links .impersonate a:hover {
                background-color: #666;
            }

.header {
    position: relative;
    width: 95%;
    margin: auto;
    text-align: center;
}

.header-upper {
    position: relative;
    border-bottom: 7px solid var(--Gray-500);
}

.header-selectors-wrapper {
    border-bottom: 1px solid var(--Gray-500);
    padding: 10px 0;
}

    .header-selectors-wrapper > div {
        display: block;
        width: 50%;
        margin: 10px auto;
        vertical-align: middle;
    }

    .header-selectors-wrapper select {
        width: 100%;
    }

.language-list {
    max-width: 100%;
    font-size: 0;
}

    .language-list li {
        display: inline-block;
        margin: 0 1px;
        vertical-align: middle;
    }

    .language-list a {
        display: block;
        position: relative;
        width: 24px;
        height: 32px;
        line-height: 0;
    }

    .language-list img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

.header-links-wrapper {
    position: relative;
    padding: 20px 0;
}

    .header-links ul {
        font-size: 0;
    }

    .header-links li {
        display: inline-block;
        margin: 0 10px;
    }

    .header-links span,
    .header-links a {
        color: var(--Gray-400);
        display: inline-block;
        font-size: 12px; /*reset zeroing*/
        line-height: 36px;
        text-transform: uppercase;
    }

        .header-links a:hover {
            color: #4ab2f1;
        }

#topcartlink {
    display: block;
    width: 70%;
    max-width: 400px;
    margin: 10px auto 0;
    background-color: var(--Gray-600);
    padding: 0 20px;
}

    #topcartlink a {
        background: url('../images/shopping-bag.png') left center no-repeat;
        padding: 0 0 0 20px;
    }

.header-lower {
    position: relative;
    padding: 15px 0;
}

    .header-logo a {
        display: inline-block;
        max-width: 100%;
        line-height: 0; /*firefox line-height bug fix*/
    }

.search-box form {
    display: inline-block;
}

    .search-box form:after {
        content: "";
        display: block;
        clear: both;
    }

.search-box .search-box-button {
    float: left;
    min-width: 102px;
    height: 36px;
    border: none;
    background-color: var(--Action);
    padding: 0 15px;
    text-align: center;
    color: var(--White);
    text-transform: uppercase;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .search-box .search-box-button:hover {
        background-color: var(--ActionHover);
    }

.search-category-selection-container {
    height: 36px;
}

.search-box .ui-autocomplete-loading {
    background: var(--White) url('../images/ajax-loader-small.gif') right center no-repeat;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.ui-autocomplete {
    /*width: 285px !important;*/
    border: 1px solid var(--Gray-500);
    border-top: none;
    overflow: hidden;
    background-color: var(--White);
    text-align: left;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-radius: 0;
    padding: 0;
    font: normal 14px;
}

    .ui-autocomplete li {
        border-top: 1px solid var(--Gray-500);
    }

        .ui-autocomplete li:first-child {
            border-top: none;
        }

    .ui-autocomplete a {
        display: block;
        padding: 15px;
        font-size: 14px;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: none !important;
        padding: 15px !important;
        line-height: normal !important;
        color: #777 !important;
    }

        .ui-autocomplete a:hover,
        .ui-autocomplete a.ui-state-focus {
            background-color: #f6f6f6 !important;
        }

    .ui-autocomplete img {
        display: none;
        min-width: 20px;
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

.autocomplete-container {
    display: flex;
}

.autocomplete-img {
    height: 40px;
}

.autocomplete-breadcrumb {
    font-style: italic;
    font-size: 10pt;
    color: var(--Gray-500);
}

.autocomplete-category {
    margin-left: 30px;
    color: var(--White);
    background-color: var(--Action);
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    height: 27px;
    line-height: 19px;
    margin-left: auto;
}

    .follow-us {
       display:flex;
}




/*********** FOOTER ***********/



.footer {
    background-color: #eee;
    text-align: center;
}

.footer-upper {
    width: 95%;
    margin: auto;
    border-bottom: 1px solid var(--Gray-500);
    overflow: hidden;
    padding: 40px 0;
    font-size: 12px;
}


.footer-block .title {
    margin: 0 0 1px;
    padding: 10px 15px;
    font-size: 16px;
    color: var(--White);
    cursor: pointer
}

        .footer-block .title strong {
            font-weight: 700;
        }

    .footer-block .list {
        /*display: none;*/
        margin: 0 0 20px;
        background-color: var(--Gray-400);
        padding: 10px 15px;
    }

        .footer-block .list a {
            display: block;
            line-height: 20px;
            color: var(--White) !important;
        }

            .footer-block .list a:hover {
                color: #4ab2f1;
            }

.follow-us {
    margin: 30px auto 0;
    text-align: center
}

    .follow-us .title {
        margin: 0 0 10px;
        background: none;
        color: var(--Gray-400);
        cursor: auto
    }

    .follow-us .social ul {
        margin: 0 0 7px;
        padding: 0 0 26px;
        font-size: 0
    }

    .follow-us .social li {
        display: inline-block;
        margin: 0 5px
    }

    .follow-us .social a {
        display: block;
        width: 28px;
        height: 28px;
        font-size: 0;
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 10px;
    }

    .follow-us .social .facebook a {
        background-image: url('../images/web-footer-icon-facebook.png')
    }

    .follow-us .social .youtube a {
        background-image: url('../images/web-footer-icon-youtube.png')
    }

    .follow-us .social .linked-in a {
        background-image: url('../images/web-footer-icon-linkedin.png')
    }

    .follow-us .social .footer-mail a {
        background-image: url('../images/web-footer-icon-mail.png')
    }

.newsletter-email {
    display: inline-block;
    overflow: hidden;
}

    .newsletter-email input[type="text"] {
        float: left;
        width: 180px;
        height: 40px;
        margin: 0 -1px 0 0;
    }

.newsletter-subscribe-button {
    float: left;
    height: 40px;
    border: none;
    background-color: var(--Action);
    padding: 0 15px;
    text-align: center;
    color: var(--White);
    text-transform: uppercase;
}

    .newsletter-subscribe-button:hover {
        background-color: var(--ActionHover);
    }

.newsletter-email .options {
    clear: both;
    padding: 10px 0 0;
}

.newsletter-validation,
.newsletter-result {
    width: 100%;
    overflow: hidden;
    line-height: 28px;
}

.footer-lower {
    width: 95%;
    margin: auto;
    overflow: hidden;
    padding: 25px 0;
    font-size: 12px;
}

.footer-tax-shipping a {
    font-weight: bold;
    color: #4ab2f1;
}

    .footer-tax-shipping a:hover {
        text-decoration: underline;
    }

.footer-powered-by {
    margin: 10px 0 0;
}

    .footer-powered-by a {
        font-weight: bold;
        color: #4ab2f1;
    }

        .footer-powered-by a:hover {
            text-decoration: underline;
        }

.theme-selector {
    margin: 10px 0 0;
}

    .theme-selector select {
        width: 170px;
    }


/*********** SIDE COLUMN ***********/

.block .view-all{
    font-weight:700;
    color: var(--Action);
}

.block {
    max-width: 600px; /*width limit in mobile*/
    min-height: 50px;
    margin: auto;
    text-align: left;
}

    .block .title {
        position: relative;
        border-bottom: 1px solid var(--Gray-500);
        background: url('../images/toggle-gray.png') right 14px no-repeat;
        padding: 12px 30px 12px 10px;
        font-size: 20px;
        color: var(--Action);
        cursor: pointer;
    }

    .block .listbox {
        display: none;
        padding: 10px 5px;
    }

    .block .listbox ul li{
        margin-left: 10px;
    }

    .block .list a {
        display: inline-block;
        position: relative;
        padding: 5px 0;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    .block .list .active > a {
        color: var(--Action);
        font-weight: 700;
    }

    .block .list a:hover {
        color: var(--ActionHover);
    }

    .block a.product-picture {
        display: none;
    }

        .block a.product-picture:before {
            display: none;
        }

    .block .sublist {
        margin: 15px 0 5px;
    }

        .block .sublist a {
            font-size: 14px;
        }

    .block .view-all {
        margin: 10px 0 0;
    }

        .block .view-all a {
            display: inline-block;
            margin-left:10px;
            padding: 5px 0;
            font-size: 16px;
            color: var(--Action);
        }

            .block .view-all a:hover {
                color: var(--ActionHover);
            }

    .block .tags {
        margin: 5px 0 10px;
    }

        .block .tags ul {
            font-size: 0;
        }

        .block .tags li,
        .product-tags-all-page li {
            display: inline-block;
            position: relative;
            margin: 0 10px;
            overflow: hidden;
            font-size: 17px !important; /*setting base size*/
        }

            .block .tags li a,
            .product-tags-all-page li a {
                float: left;
                line-height: 30px;
                color: var(--Gray-400);
            }

                .block .tags li a:hover,
                .product-tags-all-page li a:hover {
                    color: var(--ActionHover);
                }

    .block .current {
        color: var(--Gray-400);
        font-weight: 700;
    }

/*** Filters ****/
.filter {
    max-width: 600px; /*width limit in mobile*/
    min-height: 50px;
    margin: auto;
    text-align: left;
}

    .filter .title {
        position: relative;
        margin: 0 0 10px;
        border-bottom: 1px solid var(--Gray-500);
        background: #f6f6f6 url('../images/toggle-gray.png') right 14px no-repeat;
        padding: 12px 30px 12px 10px;
        color: #060606;
        cursor: pointer;
    }

    .filter .filter-content {
        display: none;
    }

    .filter .title strong {
        font-weight: normal;
    }

    .filter .sub-title {
        position: relative;
        margin: 0 0 10px;
        border-bottom: 1px solid var(--Gray-500);
        background-color: var(--Action);
        padding: 12px 30px 12px 10px;
        color: var(--Gray-400);
    }

    .filter .filter-specification {
        border: 1px solid var(--Gray-500);
        margin: 27px 0;
    }

    .filter .filter-group {
        max-height: 220px;
    }

        .filter .filter-group li {
            -webkit-transition: all 0.1s ease;
            transition: all 0.1s ease;
            padding: 10px 0 10px 15px;
        }

            .filter .filter-group li.hidden {
                display: none;
            }

            .filter .filter-group li.show-hidden {
                text-align: right;
                padding-right: 15px;
            }

            .filter .filter-group li > span {
                cursor: pointer;
                color: var(--Action);
            }

                .filter .filter-group li > span:hover {
                    color: var(--Action);
                }


        .filter .filter-group .filter-anchor {
            display: inline-block;
            position: relative;
            padding: 2px 0 2px 20px;
            font-size: 14px;
            color: #060606;
            -webkit-transition: all 0.1s ease;
            transition: all 0.1s ease;
        }

            .filter .filter-group .filter-anchor:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 0;
                width: 14px;
                height: 14px;
                margin-top: -8px;
                background: url(/Images/checkbox-unselected.png) no-repeat center;
            }

            .filter .filter-group .filter-anchor.selected:before {
                background: url(/Images/checkbox-selected.png) no-repeat center;
            }

            .filter .filter-group .filter-anchor:hover {
                color: var(--Action);
            }

    .filter .filter-group-bottom-box {
        padding: 4px;
    }

        .filter .filter-group-bottom-box .show-more {
            padding: 9px 8px 4px 0px;
            float: right;
            color: var(--Gray-500);
            cursor: pointer;
        }

        .filter .filter-group-bottom-box .button-apply {
            float: right;
            padding: 9px 23px;
            background-color: var(--Action);
            color: var(--White);
            border: none;
            display: none;
            width: 100%;
        }

            .filter .filter-group-bottom-box .button-apply:hover {
                background-color: var(--ActionHover);
            }

        .filter .filter-group-bottom-box:after {
            content: "";
            display: block;
            clear: both;
        }



/*** Polls ***/
.poll strong {
    display: block;
    margin: 10px 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    color: var(--Gray-400);
    text-transform: uppercase;
}

.poll-options,
.poll-results {
    margin: 10px 0 15px;
    overflow: hidden;
    font-size: 15px;
    color: var(--Gray-400);
}

    .poll-options li,
    .poll-results li {
        margin: 10px 0;
    }

        .poll-options li > input {
            margin: 0 5px 0 0;
            cursor: pointer;
        }

        .poll-options li > label {
            display: inline-block;
            font-size: 16px;
            cursor: pointer;
        }

    .poll .buttons input {
        border: none;
        background-color: #aaa;
        padding: 10px 20px;
        font-size: 13px;
        color: var(--White);
        text-transform: uppercase;
    }

        .poll .buttons input:hover {
            background-color: #bbb;
        }

.poll-total-votes {
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
    font-style: italic;
    color: var(--Gray-400);
}

.home-page-polls {
    text-align: center;
}

    .home-page-polls .title {
        border-bottom: 1px solid var(--Gray-500);
        color: var(--Gray-400);
        font-size: 30px;
        font-weight: normal;
        margin: 0 0 30px;
        padding: 0 0 15px;
    }

        .home-page-polls .title strong {
            font-weight: normal;
        }

    .home-page-polls li {
        display: inline-block;
        margin: 10px;
    }


/********** CATEGORY PAGE **********/



.breadcrumb {
    margin: 0 0 50px;
    padding: 5px 10px;
}


    .breadcrumb li {
        display: inline-block;
    }

        .breadcrumb li * {
            display: inline-block;
            margin: 0 5px;
            font-size: 0.875rem; /*reset zeroing*/
            line-height: 32px;
        }

    .breadcrumb strong {
        font-weight: normal;
    }

.category-description,
.manufacturer-description,
.vendor-description {
    margin: 0 0 25px;
    line-height: 22px;
}

.contact-vendor {
    margin: 0 0 30px;
}

    .contact-vendor .button-2 {
        border: none;
        background-color: #4ab2f1;
        padding: 10px 15px;
        font-size: 14px;
        color: var(--White);
        text-transform: uppercase;
    }

        .contact-vendor .button-2:hover {
            background-color: #248ece;
        }

.product-selectors {
    margin: 0 0 20px;
    border-top: 1px solid var(--Gray-500);
    border-bottom: 1px solid var(--Gray-500);
    padding: 20px 0;
    clear: both;
}

    .product-selectors:first-child {
        border-top: none;
    }

    .product-selectors:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-selectors > div {
        display: inline-block;
        margin: 5px;
    }

    .product-selectors span {
        vertical-align: middle;
        font-size: 16px;
    }

    .product-selectors select {
        margin: 0 4px;
    }

    .product-selectors .product-viewmode {
        display: none;
        font-size: 0;
    }

.product-filters {
    display: table;
    width: 100%;
    margin: -20px 0 20px;
    border-bottom: 1px solid var(--Gray-500);
}

.product-filter {
    margin: 0 0 10px;
}

    .product-filter .filter-title {
        margin: 0 0 10px;
        background-color: #f6f6f6;
        padding: 10px;
        font-size: 17px;
        color: var(--Gray-400);
    }

        .product-filter .filter-title strong {
            font-weight: normal;
        }

    .product-filter .filter-content {
        padding: 10px;
        color: var(--Gray-400);
    }

    .product-filter .available-items:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-filter .group {
        margin: 0 0 10px;
    }

        .product-filter .group li {
            font-size: 15px;
        }

            .product-filter .group li a,
            .product-filter .group li strong {
                display: inline-block;
                padding: 5px 0;
            }

                .product-filter .group li a:hover {
                    color: #4ab2f1;
                }

            .product-filter .group li.item {
                display: inline-block;
                position: relative;
                margin: 0 15px 0 0;
                padding: 0 0 0 15px;
            }

                .product-filter .group li.item:before {
                    content: "";
                    position: absolute;
                    top: 12px;
                    left: 0;
                    width: 5px;
                    height: 5px;
                    background-color: var(--Gray-500);
                }

.filtered-items .title {
    margin: 0 0 5px;
    font-style: italic;
}

.filtered-items .item {
    color: #4ab2f1;
}

.remove-filter {
    margin: 15px 0;
}

    .remove-filter a {
        display: inline-block;
        background-color: #aaa;
        padding: 10px 20px;
        font-size: 13px;
        color: var(--White);
        text-transform: uppercase;
    }

        .remove-filter a:hover {
            background-color: #999;
        }

.sub-category-header {
    color: var(--Gray-500);
    margin: 0px 0px 10px 14px;
    text-align:left;
}

.item-box.subcategory-container {
}

    .item-box.subcategory-container .title {
        text-align: center;
    }

    .item-box.subcategory-container .picture {
        width: 100%;
        margin: 0 auto;
    }

.item-grid:after,
.navigable-grid:after {
    content: "";
    display: block;
    clear: both;
}

.item-box,
.navigable-box {
    position: relative;
    width: 100%;
    float: left;
    margin: 0 0 80px;
    text-align: left;
}

    .item-box .picture {
        overflow: hidden;
        background-color: var(--White);
        width: 240px;
        margin: 0 auto;
    }

    .navigable-box .picture {
        overflow: hidden;
        background-color: var(--White);
        width: 100px;
        margin: 0 auto;
    }

        .item-box .picture a,
        .navigable-box .picture a {
            display: block;
            position: relative;
        }

            .item-box .picture a:before,
            .navigable-box .picture a:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

            .item-box .picture a img,
            .navigable-box .picture a img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                -webkit-transform: translateZ(0) scale(1.0, 1.0);
            }

    .item-box:hover .picture a img,
    .navigable-box:hover .picture a img {
        opacity: 0.85;
    }

    .item-box .details,
    .navigable-box .details {
        padding: 0 10px;
    }

        .item-box .details .previous-purchase {
            display: inline-block;
            background-color: #888;
            color: var(--White);
            padding: 5px 7px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

        .item-box .details .product-breadcrumb {
            display: none;
        }

    .item-box .product-title {
        margin: 0 0 10px;
        overflow: hidden;
        color: var(--Action);
    }

    .item-box .product-rating-box {
        display: inline-block;
        margin: 0 0 10px;
    }

    .item-box .rating {
        background: url('../images/rating1.png') repeat-x;
        width: 95px;
        height: 14px;
    }

        .item-box .rating div {
            background: url('../images/rating2.png') repeat-x;
            height: 14px;
        }

        .item-box .description a {
            display: block;
            overflow: hidden;
        }

    .item-box .prices {
        overflow: hidden;
    }

    .item-box .old-price {
        margin: 0 5px 0 0;
        font-size: 16px;
        color: #aaa;
        text-decoration: line-through;
    }

    .item-box .actual-price {
        margin: 0 5px 0 0;
        color: var(--Gray-500);
    }

    .item-box .tax-shipping-info a {
        color: #4ab2f1;
    }

        .item-box .tax-shipping-info a:hover {
            text-decoration: underline;
        }

    .item-box .buttons {
        margin: 0;
        font-size: 0;
    }

    .item-box input[type="button"] {
        display: inline-block;
        width:46px;
        height: 46px;
        border: none;
        vertical-align: middle;
    }

    .item-box .product-box-add-to-cart-button {
        background-color: var(--Action);
        text-align: center;
        color: var(--White);
        text-transform: capitalize;
    }

        .item-box .product-box-add-to-cart-button:hover {
            background-color: var(--ActionHover);
        }

    .item-box .call-for-price {
        background-color: var(--White);
        color: var(--Action);
        border: solid 2px var(--Action) !important;
    }

        .item-box .call-for-price:hover {
            color: var(--ActionHover);
            border: solid 2px var(--ActionHover);
            background-color:var(--White);
        }

    .item-box .add-to-compare-list-button,
    .item-box .add-to-wishlist-button {
        width: 20%;
        border: 1px solid var(--Gray-500) !important;
        background-color: var(--White);
        background-position: center;
        background-repeat: no-repeat;
        font-size: 0;
        margin-left: 4px;
    }

    .item-box .add-to-compare-list-button {
        background-image: url('../images/compare-button.png');
    }

    .item-box .add-to-wishlist-button {
        background-image: url('../images/wishlist-button.png');
    }

        .item-box .add-to-compare-list-button:hover,
        .item-box .add-to-wishlist-button:hover {
            background-color: var(--Gray-600);
        }

.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid,
.navigable-caetegory-grid,
.vendor-grid {
    margin: 0 0 20px;
}

    .home-page-category-grid .title,
    .sub-category-grid .title {
        text-align: center;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .home-page-category-grid .title a,
        .sub-category-grid .title a {
            display: block;
            padding: 0 0 15px;
        }

    .home-page-category-grid .picture,
    .sub-category-grid .picture {
        margin: 0;
    }

        .home-page-category-grid .picture a:before,
        .sub-category-grid .picture a:before {
            padding-top: 65%;
        }

.product-grid,
.product-list {
    margin: 0 0 50px;
}

    .product-grid .title {
        margin: 0 0 30px;
        border-bottom: 1px solid var(--Gray-500);
        padding: 0 0 15px;
        font-size: 30px;
        font-weight: normal;
        color: var(--Gray-400);
    }

        .product-grid .title strong {
            font-weight: normal;
        }

    .product-grid .item-box .price-container {
        padding: 12px 0px;
    }

    .manufacturer-grid .title a:hover {
        color: #4ab2f1;
    }

.manufacturer-grid .picture {
    border: 1px solid var(--Gray-500);
}

.vendor-grid .title {
    margin: 0 0 15px;
    text-align: center;
    font-size: 16px;
}

    .vendor-grid .title a:hover {
        color: #4ab2f1;
    }

.vendor-grid .picture {
    border: 1px solid var(--Gray-500);
}

.pager {
    margin: 0 0 20px;
    padding: 10px 0;
}

    .pager ul {
        text-align: right;
        font-size: 0;
    }

    .pager li {
        display: inline-block;
        margin: 0 5px;
        vertical-align: top;
    }

        .pager li a,
        .pager li span {
            display: block;
            min-width: 35px;
            height: 35px;
            border: 1px solid var(--Gray-500);
            background-color: transparent;
            padding: 8px;
            text-align: center;
            font-size: 14px; /*reset zeroing*/
            cursor: pointer;
            text-decoration: none;
        }

        .pager li span {
            border-color: transparent;
            background-color: var(--Action);
            color: var(--White);
        }

        .pager li.previous-page *,
        .pager li.next-page *,
        .pager li.first-page *,
        .pager li.last-page * {
            background-position: center;
            background-repeat: no-repeat;
            font-size: 0;
            color: var(--White);
        }

        .pager li.previous-page * {
            background-image: url('../images/prev.png');
        }

        .pager li.next-page * {
            background-image: url('../images/next.png');
        }

        .pager li.first-page * {
            background-image: url('../images/first.png');
        }

        .pager li.last-page * {
            background-image: url('../images/last.png');
        }

        .pager li a:hover {
            background-color: var(--White);
            border: 2px solid var(--ActionHover);
            color: var(--ActionHover);
            font-weight: 700;
        }


/********** PRODUCT PAGE **********/



.product-details-page {
    padding: 20px 0 0;
}

.product-essential {
    margin: 0 0 40px;
    padding: 0 0 10px;
}

    .product-essential:after {
        content: "";
        display: block;
        clear: both;
    }

    .gallery .picture-wrapper {
        margin: 0 0 10px;
    }

    .gallery .picture {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

        .gallery .picture:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .gallery .picture img,
        .gallery .picture-thumbs img,
        .variant-picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0;
    }

        .gallery .picture-thumbs a {
            display: inline-block;
            position: relative;
            width: 100px;
            height: 100px;
            margin: 0 5px 10px;
            overflow: hidden;
        }

.overview {
    position: relative;
    margin: 0 0 50px;
}

    .overview .discontinued-product {
        background: #f3f3f3;
        margin: 0 0 20px;
    }

        .overview .discontinued-product h4 {
            display: inline-block;
            font-size: 14px;
            padding: 17px 17px 17px 40px;
            background: url('../images/discontinued-product-icon.png') no-repeat 13px center;
            color: #de444c;
        }

    .overview .product-name {
        margin: 0 0 25px;
        border-bottom: 1px solid var(--Gray-500);
        padding: 0 0 10px;
    }

    .overview .short-description {
        margin: 0 0 25px;
        line-height: 22px;
        color: #666;
    }

.product-no-reviews,
.product-reviews-overview {
    margin: 0 0 25px;
    color: var(--Gray-400);
}

    .product-no-reviews a {
        text-decoration: underline;
    }

.product-review-box {
    display: inline-block;
    margin: 0 0 8px;
}

    .product-review-box .rating {
        width: 95px;
        height: 14px;
        background: url('../images/rating1.png') repeat-x;
    }

        .product-review-box .rating div {
            height: 14px;
            background: url('../images/rating2.png') repeat-x;
        }

.product-review-links a {
    text-decoration: underline;
}

    .product-review-links a:hover {
        color: #4ab2f1;
    }

.overview .value,
.variant-overview .value {
    color: var(--Gray-400);
}

    .overview .value a,
    .variant-overview .value a {
        color: var(--Action);
    }

        .overview .value a:hover,
        .variant-overview .value a:hover {
            text-decoration: underline;
        }

.overview-buttons {
    margin: 0 0 25px;
    font-size: 0;
}

.overview .button-2,
.variant-overview .button-2 {
    display: block;
    width: 100%;
    border: solid 1px var(--Gray-400);
    background-color: var(--White);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 12px 15px 12px 40px;
    text-align: left;
    color: var(--Gray-400);
}

    .overview .button-2:hover,
    .variant-overview .button-2:hover {
        background-color: var(--Gray-600);
    }

.overview .add-to-product-list-button {
    background-image: url('../images/add-to-product-list-small.png');
    float: left;
}

.overview .add-to-compare-list-button {
    background-image: url('../images/compare-button.png');
    margin-left: 6px;
    float: left;
}

.overview .email-a-friend-button {
    background-image: url('../images/email-button.png');
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
}

.overview .share-button {
    background-image: url('../images/email-button.png');
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px !important;
}

.overview .product-share-button {
    margin-left: 13px;
}

.overview .subscribe-button,
.variant-overview .subscribe-button {
    background-image: url('../images/email-button.png');
}

.overview .download-sample-button,
.variant-overview .download-sample-button {
    background-image: url('../images/download-button.png');
}

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
    background-image: url('../images/wishlist-button.png');
}

.overview .manufacturers {
    margin: 0 0 20px;
    color: var(--Gray-500);
}

.overview .availability,
.variant-overview .availability {
    margin: 0 0 20px;
    overflow: hidden;
}

    .overview .availability .stock,
    .variant-overview .availability .stock {
        margin: 0 0 10px;
    }

    .overview .availability .back-in-stock-subscription,
    .variant-overview .availability .back-in-stock-subscription {
        display: inline-block;
    }

.back-in-stock-subscription-page .notify-me-button {
    margin: 15px 0 0;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 15px;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .back-in-stock-subscription-page .notify-me-button:hover {
        background-color: #248ece;
    }

.overview .additional-details,
.variant-overview .additional-details {
    margin: 0 0 20px;
}

    .overview .additional-details div,
    .variant-overview .additional-details div {
        margin: 0 0 8px;
    }

.overview .delivery,
.variant-overview .delivery {
    margin: 25px 0;
    overflow: hidden;
}

.overview .free-shipping,
.variant-overview .free-shipping {
    display: inline-block;
    margin: 0 0 10px;
    background: url('../images/shipping.png') left center no-repeat;
    padding: 2px 0 2px 28px;
    font-weight: bold;
    color: var(--Gray-400);
}

.overview .min-qty-notification,
.variant-overview .min-qty-notification {
    margin: 10px 0;
    font-style: italic;
    color: var(--Gray-400);
}

.overview .download-sample,
.variant-overview .download-sample {
    display: inline-block;
    margin: 0 0 25px;
}

.overview .prices,
.variant-overview .prices {
    margin: 0 0 10px;
    overflow: hidden;
}

    .overview .prices > div,
    .variant-overview .prices > div {
        margin: 0 0 5px;
    }

        .overview .prices > div > span,
        .variant-overview .prices > div > span {
            vertical-align: middle;
        }

.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.overview .product-price,
.variant-overview .product-price {
    font-weight: bold;
    color: var(--Gray-400);
}

.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a {
    color: #4ab2f1;
}

    .overview .tax-shipping-info a:hover,
    .variant-overview .tax-shipping-info a:hover {
        text-decoration: underline;
    }

.customer-entered-price {
    margin: 0 0 20px;
    overflow: hidden;
}

    .customer-entered-price .price-input label {
        display: block;
        margin: 0 0 5px;
        font-weight: bold;
        color: var(--Gray-400);
    }

    .customer-entered-price .price-input input {
        width: 170px;
        text-align: center;
    }

    .customer-entered-price .price-range {
        margin: 5px 0 0;
        color: #777;
    }

.tier-prices {
    margin: 0 0 20px;
}

    .tier-prices .title {
        display: none;
    }

    .tier-prices table td {
        border: 1px solid var(--Gray-500);
        padding: 10px;
        color: var(--Gray-400);
    }

    .tier-prices .field-header {
        min-width: 80px;
    }

    .tier-prices .item-price {
        background-color: #f9f9f9;
        font-size: 16px;
        color: #e4434b;
    }

.overview .add-to-cart {
    margin: 0 0 20px;
}

.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
    display: inline-block;
    position: relative;
}

    .overview .add-to-cart-panel > *,
    .variant-overview .add-to-cart-panel > * {
        float: left;
    }

.overview .qty-label,
.variant-overview .qty-label {
    display: none !important;
}

.overview .qty-input,
.variant-overview .qty-input {
    width: 65px;
    height: 43px;
    padding: 0 12px;
    text-align: center;
    font-size: 15px;
    color: var(--Gray-400);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    height: 43px;
    border: none;
    background-color: var(--Action);
    padding: 0 24px;
    color: var(--White);
    text-transform: capitalize;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .overview .add-to-cart-button:hover,
    .variant-overview .add-to-cart-button:hover {
        background-color: var(--ActionHover);
    }

    .overview .add-to-cart-button.call-for-price,
    .variant-overview .add-to-cart-button .call-for-price {
        background-color: var(--Action);
    }

        .overview .add-to-cart-button.call-for-price:hover,
        .variant-overview .add-to-cart-button .call-for-price:hover {
            background-color: var(--ActionHover);
        }

.product-share-button {
    display: inline-block;
    overflow: hidden;
}

.full-description {
    clear: both;
    line-height: 24px;
}

    .full-description br {
        display: none;
    }

.product-collateral {
    margin: 0 0 75px;
}

    .product-collateral .title {
        margin: 0 0 10px;
        font-size: 18px;
        color: var(--Gray-400);
    }

        .product-collateral .title strong {
            font-weight: normal;
        }

.product-variant-line {
    margin: 0 0 30px;
    border-bottom: 1px solid var(--Gray-500);
    padding: 0 0 20px;
}

    .product-variant-line:after {
        content: "";
        display: block;
        clear: both;
    }

.variant-picture {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 15px;
    overflow: hidden;
}

.variant-overview {
    width: 100%;
}

    .variant-overview .variant-name {
        margin: 0 0 10px;
        padding: 10px 0;
        font-size: 16px;
        font-weight: bold;
        color: #4ab2f1;
    }

    .variant-overview .variant-description {
        margin: 0 0 15px;
        line-height: 22px;
    }

    .variant-overview .add-to-wishlist {
        margin: 0 0 25px;
    }

    .variant-overview .add-to-wishlist-button {
        display: inline-block;
        width: auto;
    }

    .variant-overview .add-to-cart {
        margin: 0 0 10px;
    }

.product-specs-box {
    margin: 0 0 40px;
}

    .product-specs-box td {
        border: 1px solid var(--Gray-500);
        padding: 10px;
    }

.product-tags-list {
    font-size: 0;
}

    .product-tags-list li {
        display: inline-block;
        font-size: 14px; /*reset zeroing*/
    }

        .product-tags-list li.separator {
            margin: 0 5px 0 3px;
        }

    .product-tags-list a {
        display: inline-block;
        line-height: 24px;
    }

        .product-tags-list a:hover {
            color: var(--Gray-400);
        }

.attributes {
    margin: 4px 0 0 0;
    line-height: 21px;
}

    .attributes dl {
        overflow: hidden;
        padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */
    }

    .attributes dt,
    .attribute-label {
        display: block;
        margin: 0 0 5px;
        white-space: nowrap;
        font-weight: bold;
        color: var(--Gray-400);
    }

    .attributes dd,
    .attribute-data {
        margin: 0 0 10px;
    }

    .attributes li {
        margin: 8px 0 12px;
    }

    .attributes select {
        width: auto;
        min-width: 100px;
        max-width: 100%;
    }

    .attributes .option-list label {
        margin: 0 5px;
    }

    .attributes .datepicker {
        width: 280px;
        text-align: center;
        color: var(--Gray-400);
    }

    .attributes span {
        font-weight: 700;
        color: var(--Gray-500);
    }


.ui-datepicker {
    width: 280px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: var(--White);
    text-align: center;
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    padding: 0;
    font: normal 14px;
    color: #777;
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    background-color: var(--Action);
    color: var(--White);
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    background-image: none;
    padding: 0 !important;
    font-weight: normal;
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 0;
        /*override jQuery UI styles, do not delete doubled properties*/
        top: 0 !important;
        width: 32px !important;
        height: 32px !important;
        border: none !important;
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url('../images/calendar-prev.png') center no-repeat;
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url('../images/calendar-next.png') center no-repeat;
        }

        .ui-datepicker-header a span {
            /*override jQuery UI styles, do not delete doubled properties*/
            display: none !important;
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    /*override jQuery UI styles, do not delete doubled properties*/
    line-height: 32px !important;
}

.ui-datepicker-calendar {
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 !important;
    font-size: 14px !important;
}

    .ui-datepicker-calendar th {
        background-color: #eee;
    }

    .ui-datepicker-calendar th,
    .ui-datepicker-calendar td {
        width: 14.285%;
        border: 1px solid var(--Gray-500);
        /*override jQuery UI styles, do not delete doubled properties*/
        padding: 0;
    }

        .ui-datepicker-calendar th span,
        .ui-datepicker-calendar td a {
            display: block;
            min-height: 32px;
            line-height: 32px;
            color: var(--Gray-400);
        }

        .ui-datepicker-calendar td a {
            /*override jQuery UI styles, do not delete doubled properties*/
            border: none !important;
            background: none !important;
            padding: 0;
            text-align: center;
            color: var(--Gray-400) !important;
        }

    .ui-datepicker-calendar .ui-state-active {
        outline: 2px solid var(--Action);
        font-weight: bold;
        color: var(--Action);
        /*override jQuery UI styles, do not delete doubled properties*/
        color: var(--Action) !important;
    }

.color-squares {
    font-size: 0;
}

    .color-squares li {
        display: inline-block;
        margin: 0 5px 5px;
        text-align: center;
    }

    .color-squares .color-container {
        display: block;
        position: relative;
        z-index: 0;
        padding: 1px;
    }

    .color-squares label {
        display: block;
        margin: 0 !important;
        overflow: hidden;
    }

    .color-squares .color {
        display: block !important;
        width: 32px !important;
        height: 32px !important;
        border: 1px solid var(--Gray-400) !important;
        cursor: pointer;
    }

    .color-squares .selected-value .color-container {
        background-color: #4ab2f1;
    }

    .color-squares li input {
        position: relative;
        z-index: -1;
        margin: -32px 0 0;
    }

.giftcard {
    margin: 0 0 20px;
    overflow: hidden;
}

    .giftcard div {
        margin: 0 0 10px;
    }

    .giftcard label {
        display: block;
        margin: 0 auto 5px;
        font-weight: bold;
        color: var(--Gray-400);
    }

    .giftcard input,
    .giftcard textarea {
        width: 350px;
        max-width: 100%;
    }

    .giftcard textarea {
        height: 150px;
    }


/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
    color: #4ab2f1;
}

    .product-reviews-page h1 a:before,
    .product-reviews-page h1 a:after {
        content: "''";
    }

.product-reviews-page .title {
    margin: 0 0 20px;
    font-size: 20px;
    color: var(--Gray-400);
}

    .product-reviews-page .title strong {
        font-weight: normal;
    }

.write-review {
    margin: 0 0 60px;
}

    .write-review .fieldset {
        margin: 0 0 30px;
    }

    .write-review .review-rating {
        text-align: center;
    }

        .write-review .review-rating label {
            display: block;
            margin: 0 0 5px;
            font-size: 14px;
        }

        .write-review .review-rating ul {
            font-size: 0;
            vertical-align: middle;
        }

        .write-review .review-rating li {
            display: inline-block;
            margin: 0 5px;
            cursor: default;
            vertical-align: middle;
            font-size: 14px;
            height: 17px;
        }

            .write-review .review-rating li.first {
                color: #e4444c;
            }

            .write-review .review-rating li.rating-options {
                padding-top: 2px;
            }

                .write-review .review-rating li.rating-options input {
                    vertical-align: baseline;
                }

            .write-review .review-rating li.last {
                color: #4cb17c;
            }

    .write-review .captcha-box {
        margin: 15px 0 0;
    }

    .write-review .button-1 {
        border: none;
        background-color: #4ab2f1;
        padding: 10px 25px;
        text-align: center;
        font-size: 15px;
        color: var(--White);
        text-transform: uppercase;
    }

        .write-review .button-1:hover {
            background-color: #248ece;
        }

.product-reviews-page .result,
.product-reviews-page .message-error {
    margin: 0 0 20px;
}

.product-review-list {
    overflow: hidden;
}

.product-review-item {
    margin: 0 0 40px;
}

    .product-review-item .review-item-head {
        border-top: 1px solid var(--Gray-500);
        overflow: hidden;
        background-color: #f6f6f6;
        padding: 10px;
    }

    .product-review-item .review-title {
        line-height: 20px;
        font-size: 15px;
        color: var(--Gray-400);
    }

    .product-review-item .product-review-box {
        margin: 3px 0 0;
    }

    .product-review-item .review-content {
        padding: 20px 10px;
    }

    .product-review-item .review-text {
        margin: 0 0 15px;
        line-height: 22px;
        color: var(--Gray-400);
    }

    .product-review-item .review-info {
        margin: 0 0 5px;
    }

        .product-review-item .review-info label {
            font-weight: normal;
        }

        .product-review-item .review-info a,
        .product-review-helpfulness .vote {
            display: inline-block;
            padding: 0 5px;
            color: #4ab2f1;
            cursor: pointer;
        }

.product-review-helpfulness .question {
    margin: 0 5px 0 0;
    font-style: italic;
}

.product-review-helpfulness .result {
    margin: 0 0 0 10px;
}


/********** WISHLIST & COMPARE LIST **********/



.wishlist-page .page-title {
    margin: 0 0 -1px;
}

.wishlist-content {
    margin: 0 0 20px;
}

    .wishlist-content .message-error {
        margin: 20px 0;
    }

    .wishlist-content .table-wrapper {
        margin: 0 0 30px;
    }

    .wishlist-content .product-content {
        min-width: 300px;
        text-align: left;
    }

    .wishlist-content .tax-shipping-info {
        margin: 0 0 20px;
        text-align: center;
    }

        .wishlist-content .tax-shipping-info a {
            color: #4ab3f1;
        }

            .wishlist-content .tax-shipping-info a:hover {
                text-decoration: underline;
            }

    .wishlist-content .buttons {
        font-size: 0;
    }

    .wishlist-content .button-2 {
        display: block;
        width: 250px;
        margin: 0 auto 3px;
        border: none;
        padding: 10px 25px;
        text-align: center;
        line-height: 20px;
        font-size: 15px;
        color: var(--White);
    }

    .wishlist-content .update-wishlist-button,
    .wishlist-content .wishlist-add-to-cart-button {
        background-color: #4ab2f1;
        text-transform: capitalize;
    }

        .wishlist-content .update-wishlist-button:hover,
        .wishlist-content .wishlist-add-to-cart-button:hover {
            background-color: #248ece;
        }

    .wishlist-content .email-a-friend-wishlist-button {
        background-color: #aaa;
    }

        .wishlist-content .email-a-friend-wishlist-button:hover {
            background-color: #999;
        }

.wishlist-page .share-info {
    text-align: center;
}

    .wishlist-page .share-info span {
        display: block;
        margin: 0 0 5px;
    }

    .wishlist-page .share-info a {
        font-weight: bold;
        color: var(--Gray-400);
    }

        .wishlist-page .share-info a:hover {
            color: #4ab2f1;
        }

.wishlist-page .no-data {
    margin: 25px 0 0;
}

.compare-products-page {
    position: relative;
    overflow: hidden;
}

    .compare-products-page .clear-list {
        display: inline-block;
        margin: 0 0 18px;
        background-color: var(--Action);
        padding: 14px 20px;
        font-size: 14px;
        color: var(--White);
        font-weight: 700;
        text-transform: none;
    }

        .compare-products-page .clear-list:hover {
            background-color: var(--ActionHover);
        }

    .compare-products-page .table-wrapper {
        margin: 0 0 30px;
        padding: 0 0 1px; /*IE mobile table border fix*/
    }

.compare-products-table td {
    min-width: 150px;
    border: 1px solid var(--Gray-500);
    background-color: var(--White);
    padding: 20px;
    text-align: left;
    vertical-align: top;
    color: var(--Gray-400);
}

    .compare-products-table td:first-child {
        min-width: 0;
    }

    .compare-products-table td label {
        font-weight: normal;
        color: #777;
    }

.compare-products-table .remove-button {
    display: inline-block;
    border: none;
    background: url('../images/remove.png') left center no-repeat;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #666;
}

    .compare-products-table .remove-button:hover {
        color: #4ab2f1;
    }

.compare-products-table .picture {
    display: block;
    position: relative;
    max-width: 200px;
    height: 200px;
    overflow: hidden;
}

    .compare-products-table .picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.compare-products-table .product-name td {
    font-weight: bold;
}

    .compare-products-table .product-name td a:hover {
        color: #777777;
    }

.compare-products-table .short-description td {
    line-height: 22px;
}

.compare-products-table .full-description td {
    display: none;
}

.compare-products-page .no-data {
    margin: 25px 0 0;
}


/*********** TOPICS ***********/



.topic-block {
    margin: 0 0 25px;
}

.topic-block-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 1px solid var(--Gray-500);
    padding: 0 0 15px;
}

    .topic-block-title h2 {
        font-size: 30px;
        font-weight: normal;
    }

.topic-block-body {
    text-align: left;
    line-height: 24px;
    font-size: 16px;
}



.topic-page .page-body {
    text-align: center;
    line-height: 22px;
    padding: 6px 10px;
}

.home-page .topic-block {
    margin: 0 0 50px;
}

.popup-window .topic-page {
    padding: 15px;
}

.not-found-page p {
    margin: 30px 15px;
}

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

.enter-password-title {
    margin: 0 0 20px;
    color: var(--Gray-400);
}

.enter-password-form {
    display: inline-block;
    overflow: hidden;
}

    .enter-password-form input[type="password"] {
        float: left;
        width: 200px;
        height: 40px;
        margin: 0 -1px 0 0;
    }

    .enter-password-form input[type="submit"] {
        float: left;
        width: auto;
        min-width: 86px;
        height: 40px;
        border: none;
        background-color: #4ab2f1;
        padding: 0 15px;
        color: var(--White);
        text-transform: uppercase;
    }

        .enter-password-form input[type="submit"]:hover {
            background-color: #248ece;
        }


/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/



.contact-page .page-title,
.email-a-friend-page .page-title,
.apply-vendor-page .page-title {
    margin: 0 0 -1px;
}

.contact-page .result,
.contact-page .message-error,
.email-a-friend-page .result,
.email-a-friend-page .message-error,
.apply-vendor-page .result,
.apply-vendor-page .message-error {
    margin: 20px 0;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: var(--Action);
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .contact-page .button-1:hover,
    .email-a-friend-page .button-1:hover,
    .apply-vendor-page .button-1:hover {
        background-color: var(--ActionHover);
    }

.contact-page .topic-block,
.email-a-friend-page .title,
.apply-vendor-page .title {
    margin: 25px 0;
}

    .email-a-friend-page .title h2 {
        font-weight: normal;
        color: #4ab2f1;
    }


/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



.gender {
    display: inline-block;
}

    .gender span {
        display: inline-block;
        margin: 0 5px;
    }

        .gender span > * {
            display: inline !important;
            margin: 0 5px;
            line-height: 32px;
        }

.date-of-birth select {
    width: 31%; /*always single line*/
    max-width: 126px;
}

    .date-of-birth select + select {
        margin: 0 0 0 10px;
    }

#check-availability-button {
    margin: 10px 0 0;
    border: none;
    background-color: #888;
    padding: 10px 15px;
    font-size: 12px;
    color: var(--White);
    text-transform: uppercase;
}

    #check-availability-button:hover {
        background-color: #999;
    }

.accept-privacy-policy {
    margin: 0 0 20px;
    text-align: center;
}

    .accept-privacy-policy > * {
        display: inline-block;
        line-height: 32px;
    }

    .accept-privacy-policy span {
        color: #4ab2f1;
        cursor: pointer;
    }

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: var(--Action);
    padding: 13px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .registration-page .button-1:hover,
    .registration-result-page .button-1:hover,
    .login-page .button-1:hover,
    .password-recovery-page .button-1:hover,
    .account-page .button-1:hover,
    .return-request-page .button-1:hover {
        background-color: var(--ActionHover);
    }

.registration-page .message-error,
.login-page .message-error,
.account-page .message-error {
    margin: 0 0 10px;
}

.registration-result-page .result {
    margin: 0 0 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    color: var(--Gray-400);
}

.login-page .customer-blocks {
    margin: 0 0 30px;
}
t
.login-page .title {
    margin: 0 0 15px;
    font-size: 20px;
    color: var(--Gray-400);
}

    .login-page .title strong {
        font-weight: normal;
    }

.login-page .new-wrapper {
    margin: 0 0 50px;
}

    .login-page .new-wrapper .text {
        margin: 0 0 30px;
        border-top: 1px solid #e6e6e6;
        background-color: #f9f9f9;
        padding: 30px;
        line-height: 22px;
    }

    .login-page .new-wrapper .topic-block {
        margin: 0;
    }

    .login-page .new-wrapper .topic-block-body strong {
        color: var(--Gray-400);
    }

    .login-page .new-wrapper .button-1 {
        margin: 0 0 5px;
    }

.login-page .returning-wrapper {
    margin: 0;
}

    .login-page .returning-wrapper .form-fields {
        overflow: hidden;
        padding: 30px 15px 0;
        max-width:min-content;
        margin:0 auto;
    }

    .login-page .returning-wrapper .inputs.reversed {
        white-space: normal;
    }

        .login-page .returning-wrapper .inputs.reversed * {
            display: inline-block;
            width: auto;
            margin: 5px;
            font-size: 14px; /*reset zeroing*/
            color: var(--Gray-400);
        }

        .login-page .returning-wrapper .inputs.reversed a:hover {
            color: #4ab2f1;
        }

.login-page .captcha-box {
    margin: -15px 0 20px;
}

.login-page .returning-wrapper .buttons {
    background-color: var(--White);
    padding: 30px 0;
}

.external-authentication {
    margin: 0 0 50px;
    overflow: hidden;
    text-align: center;
}

    .external-authentication .buttons {
        margin: 0 0 30px;
        border-top: 1px solid #e6e6e6;
        padding: 30px;
    }

.external-auth-errors {
    color: #e4444c;
}

.external-auth-association {
    color: var(--Gray-400);
}

    .external-auth-association a {
        color: #4ab2f1;
    }

        .external-auth-association a:hover {
            text-decoration: underline;
        }

.password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: bold;
    color: var(--Gray-400);
}

.password-recovery-page .tooltip {
    margin: 0 0 25px;
}

.add-more-external-records {
    text-align: center;
}

    .add-more-external-records a {
        color: #4ab2f1;
    }

        .add-more-external-records a:hover {
            text-decoration: underline;
        }

.account-page .buttons {
    text-align: center;
}

.account-page .description {
    margin: 0 0 25px;
    padding: 0 10px;
}

.account-page .table-wrapper {
    margin: 0 0 30px;
}

.address-list-page .info,
.order-list-page .info {
    margin: 0 0 10px;
    border-top: 1px solid #e6e6e6;
    padding: 20px;
    line-height: 26px;
    color: var(--Gray-400);
}

    .address-list-page .info .name,
    .order-list-page .info .name {
        font-size: 16px;
        font-weight: bold;
    }

.address-list-page .button-2,
.order-list-page .button-2 {
    display: inline-block;
    margin: 0 0 0 10px;
    border: none;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: var(--Gray-400);
}

.edit-address-button {
    background: url('../images/edit.png') left center no-repeat;
}

.delete-address-button,
.cancel-recurring-order-button {
    background: url('../images/remove.png') left center no-repeat;
}

.return-items-button {
    background: url('../images/return.png') left center no-repeat;
}

.order-details-button {
    background: url('../images/details.png') left center no-repeat;
}

.address-list-page .button-2:hover,
.order-list-page .button-2:hover {
    color: #4ab2f1;
}

.address-list-page .add-button {
    margin: 0 0 20px;
    text-align: center;
}

.address-edit-page .page-title {
    margin: 0 0 -1px;
}

.address-edit-page .message-error {
    margin: 20px 0;
}

.address-edit-page .edit-address {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
}

.recurring-payments table td {
    white-space: nowrap;
}

    .recurring-payments table td:first-child {
        min-width: 120px;
        white-space: normal;
    }

.recurring-payments .button-2 {
    font-size: 14px;
}

.return-request-list-page .details {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 22px;
    color: var(--Gray-400);
}

.return-request-list-page label {
    margin: 0 5px 0 0;
}

.return-request-list-page a {
    color: #4ab2f1;
}

    .return-request-list-page a:hover {
        text-decoration: underline;
    }

.return-request-list-page .comments div {
    margin: 10px 0 0;
    font-size: 15px;
    font-style: italic;
    color: var(--Gray-400);
}

.downloadable-products-page table td {
    color: var(--Gray-400);
}

.reward-points-overview {
    margin: 0 0 25px;
}

.reward-points-history table td {
    color: var(--Gray-400);
}

    .reward-points-history table td:first-child {
        min-width: 120px;
    }

.change-password-page .page-title {
    margin: 0 0 -1px;
}

.change-password-page .result,
.change-password-page .message-error {
    margin: 20px 0;
}

.change-password-page .fieldset {
    margin: 0 0 30px;
}

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

.avatar-page .page-body {
    margin: 0 0 30px;
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 30px 25px;
}

.avatar-page .message-error {
    margin: 0 0 10px;
}

.avatar-page .image {
    margin: 0 0 10px;
}

    .avatar-page .image img {
        border: 1px solid #ccc;
    }

.avatar-page .button-1 {
    font-size: 14px;
}

.avatar-page .button-2 {
    border: none;
    background-color: #888;
    padding: 10px 15px;
    font-size: 14px;
    color: var(--White);
    text-transform: uppercase;
}

    .avatar-page .button-2:hover {
        background-color: #999;
    }

.avatar-page .info {
    color: var(--Gray-400);
}

/**********   MY LISTS   ***********/

.mylists-page .product-picture{
    max-width:200px;
}

.mylists-page .product-picture a img{
    width:100%
}

.mylists-page .page-title {
    margin: 0 0 -1px;
    padding: 10px;
}

.mylists-page .message-error {
    margin: 20px 0;
}

.mylists-page .mylists {
    padding: 10px 0;
}

.mylists-page td .message-error {
    margin: 10px 0 0;
    text-align: left;
}

.mylists-page .mylists .mylist-selector {
    float: right;
    width: 250px;
}

    .mylists-page .mylists .mylist-selector select {
        width: 100%;
        padding: 5px 0;
    }

.mylists-page .mylists .mylist-name {
    font-size: 24px;
    font-weight: bold;
    height: 50px;
}

.mylists-page .mylists .common-buttons {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    padding: 20px;
    font-size: 0;
}

/**********   MY PMAS   ***********/

.mypmas-page .page-title {
    margin: 0 0 -1px;
    padding: 10px;
}

.mypmas-page .message-error {
    margin: 20px 0;
}

.mypmas-page .mypmas {
    padding: 10px 0;
}

.mypmas-page td .message-error {
    margin: 10px 0 0;
    text-align: left;
}

.mypmas-page .mypmas .mypma-selector {
    float: right;
    width: 250px;
}

    .mypmas-page .mypmas .mypma-selector select {
        width: 100%;
        padding: 5px 0;
    }

.mypmas-page .mypmas .mypma-name {
    font-size: 24px;
    font-weight: bold;
    height: 50px;
}

.mypmas-page .mypmas .common-buttons {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    padding: 20px;
    font-size: 0;
}

    .mypmas-page .mypmas .common-buttons input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: none;
        background-color: #777777;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
    }

        .mypmas-page .mypmas .common-buttons input:hover {
            background-color: var(--Gray-500);
        }

        .mypmas-page .mypmas .common-buttons input:first-child {
            background-color: var(--Action);
        }

            .mypmas-page .mypmas .common-buttons input:first-child:hover {
                background-color: var(--ActionHover);
            }

.mypmas-page .mypmas input[type="button"],
.mypmas-page .mypmas input[type="submit"] {
    display: inline-block;
    height: 40px;
    border: none;
    vertical-align: middle;
    margin-left: 93px
}









/********** SHOPPING CART **********/



.order-progress {
    margin: 0 0 50px;
    background-color: #f6f6f6;
    padding: 15px 0;
    text-align: center;
}

    .order-progress ul {
        font-size: 0;
    }

    .order-progress li {
        display: inline-block;
        margin: 10px;
    }

    .order-progress a {
        display: block;
        min-width: 70px;
        font-size: 14px; /*reset zeroing*/
        color: var(--Gray-400);
    }

        .order-progress a:before {
            content: "";
            display: block;
            width: 40px;
            height: 40px;
            margin: 0 auto 15px;
            border: 1px solid #bbb;
            background: var(--White) url('../images/pointer.png') center no-repeat;
            border-radius: 20px;
        }

    .order-progress li.active-step a {
        cursor: pointer;
    }

    .order-progress li.inactive-step a {
        opacity: 0.3;
        cursor: default;
    }

.shopping-cart-page .page-title {
    margin: 0 0 -1px;
    padding: 10px;
}

.shopping-cart-page .message-error {
    margin: 20px 0;
}

.shopping-cart-page td .message-error {
    margin: 10px 0 0;
    text-align: left;
}

.shopping-cart-page .checkout-attributes a {
    color: #4ab3f1;
}

    .shopping-cart-page .checkout-attributes a:hover {
        text-decoration: underline;
    }

.shopping-cart-page .tax-shipping-info {
    margin: 20px 0;
    text-align: center;
}

    .shopping-cart-page .tax-shipping-info a {
        color: #4ab3f1;
    }

        .shopping-cart-page .tax-shipping-info a:hover {
            text-decoration: underline;
        }

.shopping-cart-page .common-buttons {
    margin: 0 0 20px;
    padding: 20px;
    font-size: 0;
}

    .shopping-cart-page .common-buttons input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: none;
        background-color: #777777;
        padding: 12px 18px;
        font-size: 15px;
        color: var(--White);
    }

        .shopping-cart-page .common-buttons input:hover {
            background-color: var(--Gray-500);
        }

        .shopping-cart-page .common-buttons input:first-child {
            background-color: var(--Action);
        }

            .shopping-cart-page .common-buttons input:first-child:hover {
                background-color: var(--ActionHover);
            }

.shopping-cart-page .quote-buttons {
    margin: 0 0 60px;
    padding: 20px;
    font-size: 0;
    border-top: solid 1px var(--Gray-500);
    border-bottom: solid 1px var(--Gray-500);
}

    .shopping-cart-page .quote-buttons div {
        display: table-cell;
    }

        .shopping-cart-page .quote-buttons div:first-child {
            width: 90%;
        }

    .shopping-cart-page .quote-buttons p {
        font-size: 18px;
        text-align: left;
    }

    .shopping-cart-page .quote-buttons input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: none;
        background-color: var(--Action);
        padding: 12px 20px;
        font-size: 20px;
        color: var(--White);
    }

        .shopping-cart-page .quote-buttons input:hover {
            background-color: var(--ActionHover);
        }


/*** CHECKOUT ***/


.checkout-attributes {
    margin: -30px 0 30px;
    color: var(--Gray-400);
}

    .checkout-attributes dt {
        margin: 0 0 5px;
        font-weight: bold;
    }

    .checkout-attributes dd {
        margin: 0 0 20px;
    }

    .checkout-attributes input[type="text"],
    .checkout-attributes select {
        min-width: 200px;
    }

    .checkout-attributes ul {
        font-size: 0;
    }

    .checkout-attributes li {
        display: inline-block;
        margin: 5px;
        border: 1px solid var(--Gray-500);
        background-color: var(--White);
        padding: 8px 10px;
        font-size: 14px; /*reset zeroing*/
    }

    .checkout-attributes .color-squares li {
        border: none;
        padding: 0;
        line-height: 0;
    }

    .checkout-attributes li label {
        display: inline-block;
        margin: 0 0 0 5px;
    }

.selected-checkout-attributes {
    margin: 30px 0;
    color: var(--Gray-400);
}

    .selected-checkout-attributes br {
        content: "";
        display: block;
        margin: 3px;
    }

.cart-footer {
    margin: 0 0 50px;
    border-top: 1px solid var(--Gray-500);
}

    .cart-footer:after {
        content: "";
        display: block;
        clear: both;
    }

    .cart-footer .totals {
        width: 350px;
        max-width: 100%;
        margin: 0 auto 50px;
        background-color: #eee;
        padding: 10px;
        color: var(--Gray-400);
    }

    .cart-footer .total-info {
        margin: 0 0 20px;
        border-bottom: 1px solid var(--Gray-500);
        padding: 5px 30px 15px;
    }

.cart-total td {
    width: 50%;
    padding: 8px 0;
    text-align: right;
}

    .cart-total td:first-child {
        text-align: left;
    }

.cart-total .giftcard-remaining {
    display: block;
    font-style: italic;
}

.cart-total tr.tax-value {
    margin-bottom: 10px;
}

.cart-total .order-total {
    border-top: solid 2px var(--Gray-500);
    border-bottom: solid 2px var(--Gray-500);
    font-size: 18px;
    color: var(--Gray-400);
    margin: 20px 0;
}

    .cart-total .order-total strong {
        font-weight: normal;
    }

.cart-total .earn-reward-points {
    font-style: italic;
}

.min-amount-warning {
    margin: 0 0 20px;
    padding: 0 30px;
    color: #e4434b;
}

.terms-of-service {
    margin: 0 0 20px;
    padding: 0 30px;
}

    .terms-of-service label {
        cursor: pointer;
    }

    .terms-of-service a {
        margin: 0 0 0 3px;
        color: #4ab2f1;
    }

.cart-totals-wrapper .checkout-buttons {
    margin: 28px 0;
    text-align: center;
    width: 100%;
    height: 56px;
}

.total-info {
    margin-top: 13px;
}

.cart-totals-wrapper .checkout-button {
    display: inline-block;
    min-width: 160px;
    border: none;
    background-color: var(--Action);
    padding: 10px 10px;
    font-size: 16px;
    color: var(--White);
    font-weight: 700;
}

    .cart-totals-wrapper .checkout-button:hover {
        background-color: var(--ActionHover);
    }

.cart-totals-wrapper .quote-button {
    display: inline-block;
    min-width: 160px;
    border: none;
    background-color: var(--Action);
    padding: 10px 17px;
    font-size: 16px;
    color: var(--White);
    font-weight: 700;
}

    .cart-totals-wrapper .quote-button:hover {
        background-color: var(--ActionHover);
    }

.cart-totals-wrapper .addon-buttons {
    margin: 20px 0 0;
    padding: 0 10px;
}

.cart-collaterals {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 25px 0 0;
}

    .cart-collaterals > div {
        max-width: 400px;
        margin: 0 0 50px;
    }

    .cart-collaterals .button-2 {
        display: inline-block;
        border: none;
        background-color: #aaa;
        padding: 10px 15px;
        color: var(--White);
        text-transform: uppercase;
    }

        .cart-collaterals .button-2:hover {
            background-color: #999;
        }

    .cart-collaterals .title {
        margin: 0 0 5px;
        font-size: 18px;
        color: var(--Gray-400);
    }

        .cart-collaterals .title strong {
            font-weight: normal;
        }

    .cart-collaterals .hint {
        margin: 0 0 10px;
    }

    .cart-collaterals .deals > div {
        margin: 0 0 20px;
    }

    .cart-collaterals .coupon-code {
        overflow: hidden;
    }

        .cart-collaterals .coupon-code input[type="text"] {
            float: left;
            width: 60%;
            height: 36px; /*safari padding fix*/
            margin: 0 -1px 0 0;
        }

        .cart-collaterals .coupon-code input[type="submit"] {
            float: left;
            width: 40%;
            height: 36px; /*safari padding fix*/
            padding: 0;
        }

    .cart-collaterals .message-failure {
        margin: 5px 0 0;
        font-size: 12px;
        color: #e4434b;
    }

    .cart-collaterals .message-success {
        margin: 5px 0 0;
        font-size: 12px;
        color: #4cb17c;
    }

    .cart-collaterals .current-code {
        margin: 5px 0 0;
        color: #4cb17c;
    }

.remove-discount-button,
.remove-gift-card-button {
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    background: var(--White) url('../images/close.png') center no-repeat;
    cursor: pointer;
}

.cart-collaterals .shipping select {
    height: 36px;
}

.cart-collaterals .shipping-results {
    margin: 30px 0 0;
}

    .cart-collaterals .shipping-results li {
        margin: 20px 0;
    }

        .cart-collaterals .shipping-results li strong {
            display: block;
            margin: 0 0 5px;
            color: var(--Gray-400);
        }

.shopping-cart-page .no-data {
    margin: 25px 0 0;
}


/********** CHECKOUT **********/



.checkout-page .section {
    margin: 0 0 30px;
}

    .checkout-page .section.confirm-order {
        margin: 30px 0 30px;
    }

    .checkout-page .section.order-summary {
        margin: 30px 0 30px;
    }

.cart {
    margin-top: 5px;
}

.checkout-page .cart-options {
    min-height: 22px;
    overflow: hidden;
}

.checkout-page .cart-footer {
    border-top: none;
}

.checkout-page .total-info {
    margin: 0;
    border-bottom: none;
    padding: 5px 20px 10px;
}

.checkout-page .button-1 {
    display: inline-block;
    min-width: 140px;
    border: none;
    background-color: var(--Action);
    padding: 12px 19px;
    text-align: center;
    font-size: 13px;
    color: var(--White);
    text-transform: uppercase;
}

    .checkout-page .button-1:hover {
        background-color: var(--ActionHover);
    }

.checkout-page .checkout-tile {
    vertical-align: top;
    display: inline-block;
    background-color: #eee;
    border: solid 1px #eee;
    margin: 3px;
    padding: 10px;
    position: relative;
    width: 100%;
    margin: 0 1%;
    min-width: 320px;
}

    .checkout-page .checkout-tile.message {
        display: inline-block;
        background-color: var(--White);
        width: 27%;
        border: none;
        margin-top: 0px;
        padding-top: 0px;
    }

        .checkout-page .checkout-tile.message p {
            padding: 10px;
            line-height: 24px;
        }

            .checkout-page .checkout-tile.message p:first-child {
                font-size: 30px;
                line-height: 36px;
            }

    .checkout-page .checkout-tile .select-button {
        position: relative;
        left: 0px;
        width: 100%;
        padding-bottom: 5px;
        text-align: center;
        float:left;
    }

.checkout-page .address-item ul {
    margin: 0 0 15px;
    padding: 10px;
    color: var(--Gray-400);
}

.checkout-page .address-item li {
    padding: 2px 0;
}

    .checkout-page .address-item li.name {
        font-size: 16px;
        font-weight: 700;
    }

    .checkout-page .address-item li.company {
        font-weight: 700;
    }

.enter-address .message-error {
    margin: 20px 0;
}

.enter-address .edit-address {
    background-color: #f9f9f9;
    border-top: 1px solid #e6e6e6;
    margin: 0 0 30px;
    padding: 30px 15px;
}

.checkout-page .pickup-in-store {
    padding: 83px 0 0 0;
    text-align: center;
}

    .checkout-page .pickup-in-store .selector {
        margin: 0 0 5px;
        font-weight: bold;
        color: var(--Gray-400);
    }

.shipping-method .method-list,
.payment-method .method-list {
    margin: 0 auto 30px;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}


        .shipping-method .method-list li label,
        .payment-method .method-list li label {
            font-size: 13px;
            font-weight: bold;
            color: var(--Gray-400);
        }

.shipping-method .method-name {
    margin: 10px;
    font-size: 24px;
    font-weight: bold;
}


.shipping-method .method-description {
    margin: 10px;
    font-size: 16px;
}

.shipping-method .method-rate {
    margin: 10px;
    font-size: 48px;
}

.payment-method .use-reward-points {
    margin: 0 0 30px;
    text-align: center;
    color: var(--Gray-400);
}

.payment-method .payment-logo {
    display: inline-block;
    vertical-align: middle;
}

    .payment-method .payment-logo label {
        display: block;
        font-size: 0 !important;
    }

.payment-method .payment-details {
    min-width: 180px;
    display: inline-block;
    margin: 0 0 0 10px;
    text-align: left;
    vertical-align: middle;
}

.payment-info .info {
    padding: 30px 15px;
    color: var(--Gray-400);
}

    .payment-info .info tr {
        display: block;
        margin: 0 0 15px;
        font-size: 0;
    }

    .payment-info .info td {
        display: inline-block;
        width: 100% !important;
        max-width: 400px !important;
        font-size: 14px; /*reset zeroing*/
    }

        .payment-info .info td input[type="text"] {
            width: 100% !important;
        }

        .payment-info .info td input[name="CardCode"] {
            width: 65px !important;
        }

        .payment-info .info td select {
            min-width: 70px;
        }

        .payment-info .info td:first-child {
            margin: 0 0 10px;
        }

    .payment-info .info p {
        text-align: center;
    }

.confirm-order .buttons {
    padding: 10px 0;
}

.confirm-order .button-1 {
    font-size: 16px;
}

.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 40px;
    padding: 20px;
    color: var(--Gray-400);
}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
    padding: 3px 0;
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
    margin: 20px 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

    .order-review-data .title:first-child,
    .order-details-area .title:first-child,
    .shipment-details-area .title:first-child {
        margin-top: 0;
    }

.order-completed .details {
    margin: 0 0 30px;
    padding: 30px 15px;
    text-align: center;
    color: var(--Gray-400);
}

    .order-completed .details div {
        margin: 5px 0;
    }

    .order-completed .details strong {
        font-weight: normal;
        text-transform: uppercase;
    }

    .order-completed .details a {
        color: #4ab2f1;
    }

        .order-completed .details a:hover {
            text-decoration: underline;
        }

.opc .step-title {
    margin: 0 0 1px;
    overflow: hidden;
    background-color: #f6f6f6;
}

.opc .allow .step-title {
    background-color: #4ab2f1;
    cursor: pointer;
}

.opc .step-title .number,
.opc .step-title .title {
    float: left;
    min-height: 40px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
}

.opc .allow .step-title .number,
.opc .allow .step-title .title {
    color: var(--White);
    cursor: pointer;
}

.opc .step-title .number {
    width: 42px;
    border-right: 1px solid var(--White);
    text-align: center;
}

.opc .allow .step-title .number {
    background-color: #248ece;
}

.opc .step {
    margin: 10px 0;
    padding: 30px 15px;
    text-align: center;
}

.opc .section {
    margin: 0 0 30px;
}

    .opc .section > label {
        display: block;
        margin: 0 0 10px;
    }

.opc input[type="text"],
.opc select {
    max-width: 100%;
}

.opc .buttons {
    margin-bottom: 0;
}

.opc .back-link {
    margin: 0 0 10px;
}

    .opc .back-link small {
        display: none;
    }

    .opc .back-link a {
        display: inline-block;
        margin: 0 0 0 -15px;
        background: url('../images/back-button.png') left center no-repeat;
        padding: 0 0 0 18px;
        color: var(--Gray-400);
    }

        .opc .back-link a:hover {
            color: #4ab2f1;
        }

.opc .buttons .please-wait {
    display: block;
    margin: 10px 0 0;
    background: none;
}

.opc .section.pickup-in-store {
    margin: 0 0 30px;
    padding: 0;
}

.opc .payment-info .info tr {
    text-align: left;
}

.opc .section.order-summary {
    margin: 0;
}



/****** ORDER DETAILS & SHIPPING DETAILS ******/



.order-details-page .page-title {
    border-bottom: none;
}

    .order-details-page .page-title h1 {
        margin: 0 0 30px;
        border-bottom: 1px solid var(--Gray-500);
        padding: 0 0 10px;
    }

    .order-details-page .page-title a {
        display: inline-block;
        min-width: 180px;
        margin: 5px 0;
        border: none;
        background-color: #aaa;
        background-image: none;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
    }

        .order-details-page .page-title a:hover {
            background-color: #999;
        }

        .order-details-page .page-title a.print-order-button {
            background-color: #4ab2f1;
        }

            .order-details-page .page-title a.print-order-button:hover {
                background-color: #248ece;
            }

.order-details-page .order-overview {
    margin: 0 0 50px;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    color: var(--Gray-400);
}

    .order-details-page .order-overview .order-number {
        margin: 0 0 10px;
        text-transform: uppercase;
    }

    .order-details-page .order-overview .order-total strong {
        font-weight: normal;
        color: #4ab2f1;
    }

.order-details-page .repost .button-2 {
    display: inline-block;
    margin: 10px 0;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 15px;
    font-size: 12px;
    color: var(--White);
    text-transform: uppercase;
}

    .order-details-page .repost .button-2:hover {
        background-color: #248ece;
    }

.order-details-page .download a {
    font-weight: normal;
    color: #4ab2f1;
}

    .order-details-page .download a:hover {
        text-decoration: underline;
    }

.user-agreement-page .terms-of-agreement {
    margin: 0 0 20px;
    padding: 20px;
    text-align: center;
}

.user-agreement-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .user-agreement-page .button-1:hover {
        background-color: #248ece;
    }

.order-details-page .tax-shipping-info {
    margin: 30px 0;
}

    .order-details-page .tax-shipping-info a {
        color: #4ab2f1;
    }

        .order-details-page .tax-shipping-info a:hover {
            text-decoration: underline;
        }

.order-details-page .actions {
    margin: 30px 0 0;
    font-size: 0;
}

    .order-details-page .actions input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: none;
        background-color: #aaa;
        background-image: none;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
    }

        .order-details-page .actions input:hover {
            background-color: #999;
        }

        .order-details-page .actions input:first-child {
            background-color: #4ab2f1;
        }

            .order-details-page .actions input:first-child:hover {
                background-color: #248ece;
            }

.order-details-page .total-info {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 50px;
    background-color: #f9f9f9;
    padding: 15px 20px;
    color: var(--Gray-400);
}


/****** SEARCH & SITEMAP ******/

.site-search-results {
    font-weight: 700;
    margin-top: -22px;
    padding-top: 7px;
}

.search-slider {
    padding: 15px 0 0;
}

    .search-slider .slider-link {
        cursor: pointer;
        color: var(--Gray-400);
        display: block;
        height: 100%;
        width: 100%;
        max-width: 140px;
    }


    .search-slider .slider-item {
        display: inline-block;
        padding: 0 0 15px 15px;
        width: 176px;
        height: 107px;
        text-align: left;
        vertical-align: middle;
        margin: 0 0 0 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        border: solid 1px var(--Gray-500);
    }

        .search-slider .slider-item:hover {
            border: solid 2px var(--Action);
            box-shadow: 0px 0px 6px 0px #888888;
        }

.slider-item a img {
    width: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.search-slider .product-item {
    display: inline-block;
    padding: 0 0 15px;
    width: 120px;
    height: 220px;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 0 15px;
    overflow: hidden;
}


.search-slider .product-link {
    cursor: pointer;
    display: block;
}

    .search-slider .product-link img {
        width: auto;
        height: 80px;
    }

    .search-slider .product-link .product-name {
        padding-top: 10%;
        font-size: 8pt;
    }

.search-slider .product-desc {
    padding-top: 5px;
    font-size: 10pt;
}

.search-slider .slider-viewmore {
    display: inline-block;
    padding: 0 0 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 0 15px;
    position: relative;
    border: 1px solid var(--Gray-400);
    cursor: pointer;
}

.search-slider .pager-disabled {
    cursor: auto;
    border: 1px solid lightgrey;
}

.search-slider .slider-viewmore img {
    padding-top: 9px;
}

.slider-item:after {
    position: absolute;
    background: var(--White);
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.page-title-leftnav {
    margin-top: -25px;
    padding-bottom: 9px;
}

.site-search-results-leftnav, .product-search-results {
    text-transform: uppercase;
}

.site-search-results-leftnav {
    padding-top: 12px;
}

.product-search-results, .search-leftnav-action-container {
    border-bottom: 1px solid var(--Gray-500);
}

.search-leftnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-leftnav-viewmore {
    padding-bottom: 5px;
}

.search-leftnav-viewmore-button {
    height: 36px;
    padding: 8px 15px 8px 15px;
    border: none;
    border: 2px solid var(--Gray-500);
    background: none;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    cursor: pointer;
}

    .search-leftnav-viewmore-button .search-leftnav-viewmore-button-img-container img {
        padding-right: 5px;
    }

    .search-leftnav-viewmore-button .search-leftnav-viewmore-button-img-container img {
        max-width: 15px;
    }

.search-leftnav-action-container {
    display: flex;
    justify-content: space-between;
}

.search-leftnav .slider-link {
    display: inline-flex;
}

    .search-leftnav .slider-link p {
        padding-top: 18px;
        padding-left: 8px;
    }

.search-leftnav .slider-name {
    padding-left: 28px;
}

.search-leftnav .slider-item {
    border: 1px solid var(--Gray-500);
    margin-top: 15px;
    padding: 0 15px 15px 15px;
    max-width: 250px;
    min-width: 250px;
    cursor: pointer;
}


.product-search-results, .site-search-results-leftnav-simple {
    font-weight: 700;
    text-transform: uppercase;
}

.search-leftnav-simple {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-leftnav-simple-viewmore {
    padding-bottom: 5px;
}

.search-leftnav-simple-viewmore-button {
    height: 36px;
    border: none;
    border: 2px solid var(--Gray-500);
    background: none;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    cursor: pointer;
}

    .search-leftnav-simple-viewmore-button .search-leftnav-simple-viewmore-button-img-container img {
        padding-right: 5px;
    }

    .search-leftnav-simple-viewmore-button .search-leftnav-simple-viewmore-button-img-container img {
        max-width: 15px;
    }

.search-leftnav-simple-action-container {
    display: flex;
    justify-content: space-between;
}

.search-leftnav-simple .slider-link {
    display: inline-flex;
}

    .search-leftnav-simple .slider-link p {
        padding-top: 18px;
        padding-left: 8px;
    }

.search-leftnav-simple .slider-item {
    padding: 15px 0 0 5px;
    max-width: 250px;
    min-width: 250px;
    cursor: pointer;
}

.search-listview {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-listview-action-container {
    display: flex;
    justify-content: space-between;
}

.search-listview .slider-link-container img {
    max-width: 18px;
}

.search-listview .slider-link-container .item-desc {
    font-size: 10pt;
    color: #9c9b9b;
}

.search-listview .slider-name {
    font-size: 16pt;
    font-weight: 700;
    text-decoration: underline;
}


.search-listview .slider-longdescription {
    padding-top: 1.25em;
    padding-bottom: 2.5em;
}

.search-listview .slider-link {
    display: inline-flex;
}

    .search-listview .slider-link p {
        padding-top: 18px;
        padding-left: 8px;
    }

.search-listview .slider-item {
    padding: 15px 0 0 5px;
    max-width: 250px;
    min-width: 250px;
    cursor: pointer;
}

.search-infinitescroll .search-infinitescroll-content {
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.search-infinitescroll .infinitescroll-item {
    max-width: 150px;
    padding-top: 2em;
}

    .search-infinitescroll .infinitescroll-item p {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-top: 5px;
    }

.search-infinitescroll .slider-link-container {
    border: 1px solid var(--Gray-500);
    height: 80%;
    padding: 15px;
}

    .search-infinitescroll .slider-link-container img {
        width: 100%;
    }

.search-infinitescroll .search-infinitescroll-pager {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 20px;
}

    .search-infinitescroll .search-infinitescroll-pager:before,
    .search-infinitescroll .search-infinitescroll-pager:after {
        content: '';
        border-top: 2px solid var(--Gray-500);
        margin: 0 20px 0 0;
        flex: 1 0 20px;
    }

    .search-infinitescroll .search-infinitescroll-pager:after {
        margin: 0 0 0 20px;
    }

    .search-infinitescroll .search-infinitescroll-pager .button {
        height: 36px;
        padding: 0 20px;
        min-width: 155px;
        border: none;
    }

    .search-infinitescroll .search-infinitescroll-pager .button-outline {
        border: 2px solid var(--Gray-500);
        background: none;
        text-transform: uppercase;
        font-weight: 700;
    }

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

.search-input .fieldset {
    display: inline-block;
}

.search-input .form-fields {
    padding: 0 0 0;
}

.search-input input + label {
    display: inline;
    margin: 0 0 0 5px;
}

.advanced-search {
    margin: 30px 0 0;
}

    .advanced-search .price-range {
        display: inline-block;
    }

        .advanced-search .price-range input {
            width: 80px;
            margin: 3px;
        }

.search-input .button-1 {
    min-width: 50px;
    border: none;
    background-color: var(--Action);
    padding: 0px 8px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 42px;
}

    .search-input .button-1:hover {
        background-color: var(--ActionHover);
    }

.search-input .buttons {
    margin: 0 0 0 -4px;
    display: inline-block;
}

.search-input .fieldset .basic-search .inputs {
    margin: 0 0 0 0;
}

.search-results {
    margin: 20px 0 0;
    position: relative;
}

/*.search-results-loading {*/
/*    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15000;
*/    /*opacity: 0.8;
    background-color: var(--White);
}

    .search-results-loading > img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -60px;
        margin-top: -60px;
    }*/

.search-results .warning,
.search-results .no-result {
    margin: 10px 0;
    color: #e4434b;
}

.sitemap-page .description {
    margin: 0 0 30px;
    text-align: center;
}

.sitemap-page .entity {
    margin: 0 0 30px;
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
    padding: 0 10px;
    text-align: left;
}

    .sitemap-page .entity-title h2 {
        font-size: 20px;
        font-weight: normal;
        color: var(--Gray-400);
    }

.sitemap-page .entity-body {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
    text-align: center;
}

.sitemap-page ul {
    font-size: 0;
}

.sitemap-page li {
    display: inline-block;
    position: relative;
    margin: 0 8px;
    padding: 0 12px;
    line-height: 50px;
    font-size: 14px; /*reset zeroing*/
}

    .sitemap-page li:before {
        content: "";
        position: absolute;
        top: 23px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: var(--Gray-500);
    }

.sitemap-page a {
    color: var(--Gray-400);
    line-height: 32px;
    font-size: 17px;
}

    .sitemap-page a:hover {
        color: var(--Action);
    }

    .sitemap-page a:empty {
        display: none;
    }


/****** BLOG & NEWS ******/



.block-blog-archive .number {
    display: block;
    color: var(--Gray-400);
    cursor: auto;
}

.block-blog-archive .sublist {
    margin: 5px 0 5px 15px;
}

.block-blog-archive li.month {
    padding: 3px 0 3px 15px;
}

.blog-page .page-banner,
.news-list-page .page-title {
    margin: 0;
}

.blog-page .post,
.news-items .news-item {
    margin: 0 0 30px;
}

    .blog-page .post:after {
        content: "";
        display: block;
        clear: both;
    }



.footer .news-title {
    font-size: 14px;
}




.news-date {
    display: block;
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px;
    font-style: italic;
    color: var(--Gray-400);
}

.footer .news-date {
    display: block;
    margin: 0px;
    color: var(--White);
    background-color: var(--Gray-400);
    padding: 5px 0px;
    font-style: italic;
    color: var(--White);
}

.footer .news-body {
    display: none;
}

.post-body,
.news-body {
    margin: 0 0 20px;
    padding: 0 10px;
    line-height: 22px;
}

.blog-page .tags,
.blogpost-page .tags {
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0 10px;
}

    .blog-page .tags label,
    .blogpost-page .tags label {
        display: inline-block;
        margin: 0 3px 3px 0;
        font-weight: bold;
        color: var(--Gray-400);
    }

    .blog-page .tags ul,
    .blogpost-page .tags ul {
        display: inline-block;
        margin: 0 0 3px 3px;
        font-size: 0;
    }

    .blog-page .tags li,
    .blogpost-page .tags li {
        display: inline-block;
        font-size: 14px; /*reset zeroing*/
    }

        .blog-page .tags li.separator,
        .blogpost-page .tags li.separator {
            margin: 0 8px 0 0;
        }

    .blog-page .tags a,
    .blogpost-page .tags a {
        display: block;
        color: #4ab2f1;
    }

        .blog-page .tags a:hover,
        .blogpost-page .tags a:hover {
            text-decoration: underline;
        }

.post {
    padding: 0 0 60px 0;
    border-bottom: 1px solid var(--Gray-500);
}

    .post:last-of-type {
        border-bottom: none;
    }

.blog-posts .buttons,
.news-items .buttons,
.topic-columnview-list .buttons {
    margin: 0;
    padding: 0 10px;
}

    .blog-posts .buttons .read-comments {
        display: block;
        margin: 0 0 15px;
        font-weight: bold;
        color: var(--Gray-400);
    }

        .blog-posts .buttons .read-comments:hover {
            color: #4ab2f1;
        }

    .blog-posts .buttons .read-more,
    .news-items .buttons .read-more,
    .topic-columnview-list .buttons .read-more {
        display: inline-block;
        border: var(--Action) solid 2px;
        background-color: transparent;
        padding: 10px 20px;
        color: var(--Action);
        text-transform: capitalize;
        min-width: 155px;
        text-align: center;
        text-decoration: none;
    }

        .blog-posts .buttons .read-more:hover,
        .news-items .buttons .read-more:hover,
        .topic-columnview-list .buttons .read-more:hover {
            background-color: transparent;
            border: solid 1px var(--ActionHover);
        }

.post-body .post-body-image {
    float: left;
    margin-top: -9px;
}

    .post-body .post-body-image img {
        max-width: 600px;
    }

.post-date {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 32px;
    background-color: rgba(0,101,164, 0.7);
    float: right;
    margin-top: 8px;
    margin-left: 10px;
    color: var(--White);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}

    .post-date .post-year {
        padding: 4px 0 0;
        display: inline-block;
        line-height: 1;
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    .post-date .post-month-day {
        padding: 17px 0 0 2px;
        display: inline-block;
        line-height: 1;
        margin-bottom: 3px;
    }

.blogpost-page .page-title .blogpost-title {
   width:100%;
   float: left;
}

.new-comment {
    margin: 50px 0 60px;
}

    .new-comment .notifications {
        margin: 0 0 10px;
    }

    .new-comment .result {
        color: #690;
    }

    .new-comment .form-fields {
        margin: 0 0 20px;
    }

    .new-comment .button-1 {
        border: none;
        background-color: #4ab2f1;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: var(--White);
        text-transform: uppercase;
    }

        .new-comment .button-1:hover {
            background-color: #248ece;
        }

.comment-list {
    margin: 0 0 100px;
}

    .comment-list .title {
        margin: 0 0 15px;
        padding: 0 10px;
        font-size: 20px;
        color: var(--Gray-400);
    }

        .comment-list .title strong {
            font-weight: normal;
        }

    .comment-list .comment {
        margin: 0 0 40px;
        border-top: 1px solid var(--Gray-500);
    }

        .comment-list .comment:after {
            content: "";
            display: block;
            clear: both;
        }

.comment-info {
    width: 150px;
    margin: 20px auto;
}

    .comment-info .username {
        display: block;
        margin: 0 0 -1px;
        border: 1px solid var(--Gray-500);
        background-color: #f6f6f6;
        padding: 11px 0;
        font-weight: bold;
        color: var(--Gray-400);
    }

    .comment-info a.username:hover {
        color: #4ab2f1;
    }

    .comment-info .avatar {
        position: relative;
        width: 150px;
        height: 150px;
        border: 1px solid var(--Gray-500);
        overflow: hidden;
    }

        .comment-info .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
            border: solid 2px #CEDBE1 !important;
        }

.comment-time {
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: bold;
}

    .comment-time span {
        color: var(--Gray-400);
    }

.comment-title {
    margin: 0 0 15px;
    font-size: 16px;
    color: var(--Gray-400);
}

.comment-body {
    line-height: 22px;
}

.news-list-homepage {
    margin: 0 0 75px;
}

    .news-list-homepage .title {
        margin: 0 0 -1px;
        border-bottom: 1px solid var(--Gray-500);
        padding: 0 0 15px;
        font-size: 30px;
        font-weight: normal;
        color: var(--Gray-400);
    }

        .news-list-homepage .title strong {
            font-weight: normal;
        }

    .news-list-homepage .view-all {
        text-align: center;
    }

        .news-list-homepage .view-all a {
            color: var(--Gray-400);
            text-decoration: underline;
        }

            .news-list-homepage .view-all a:hover {
                color: #4ab2f1;
            }


/*** FORUM & PROFILE ***/

    .forums-main-page .topic-block p {
        text-align: center;
    }

.forums-main-page .pager {
    display: none;
}

.forum-breadcrumb {
    margin: 0 0 40px;
}

.forums-header {
    margin: 0 0 50px;
    overflow: hidden;
}

    .forums-header:after {
        content: "";
        display: block;
        clear: both;
    }

    .forums-header .current-time {
        margin: 0 0 15px;
        color: var(--Gray-400);
    }

.forum-search-box .basic {
    overflow: hidden;
    margin: 0 0 10px;
}

.forum-search-box .advanced a {
    line-height: 22px;
    color: var(--Gray-400);
    text-decoration: underline;
}

    .forum-search-box .advanced a:hover {
        color: #4ab2f1;
    }

.forum-search-page .page-title {
    margin: 0 0 -1px;
}

.forum-search-page .search-error,
.forum-search-page .no-result {
    margin: 0 0 15px;
    text-align: center;
    color: #e4434b;
}

/* forum group */

.forums-table-section {
    margin: 0 0 60px;
}

    .forums-table-section + .pager {
        margin: -30px 0 30px;
    }

.forums-table-section-title {
    margin: 0 0 15px;
    padding: 0 10px;
}

    .forums-table-section-title a,
    .forums-table-section-title strong {
        font-size: 22px;
        font-weight: normal;
        color: var(--Gray-400);
    }

        .forums-table-section-title a:hover {
            color: #4ab2f1;
        }

.forums-table-section .image div {
    width: 38px;
    height: 32px;
    margin: auto;
    background: url('../images/topic-type1.png') center no-repeat;
}

    .forums-table-section .image div.sticky {
        background: url('../images/topic-type2.png') center no-repeat;
    }

    .forums-table-section .image div.announcement {
        background: url('../images/topic-type3.png') center no-repeat;
    }

.forums-table-section .forum-title,
.forums-table-section .topic-title {
    margin: 5px 0;
}

    .forums-table-section .forum-title a,
    .forums-table-section .topic-title a {
        font-size: 16px;
        font-weight: bold;
        color: var(--Gray-400);
    }

        .forums-table-section .forum-title a:hover,
        .forums-table-section .topic-title a:hover {
            color: #4ab2f1;
            text-decoration: none;
        }

    .forums-table-section .topic-title span {
        display: block;
        color: #777;
    }

.forums-table-section .forum-description,
.forums-table-section .topic-starter {
    margin: 5px 0;
}

.forums-table-section .latest-post {
    white-space: nowrap;
}

    .forums-table-section .latest-post div {
        margin: 5px 0;
    }

    .forums-table-section .latest-post label {
        color: #777;
    }

.forums-table-section .view-all {
    margin: 30px 0 0;
    padding: 0 10px;
}

    .forums-table-section .view-all a {
        background-color: #4ab2f1;
        padding: 10px 15px;
        font-size: 12px;
        color: var(--White);
        text-transform: uppercase;
    }

        .forums-table-section .view-all a:hover {
            background-color: #248ece;
        }

/* forum-page, topic page */

.forum-page .forum-info {
    margin: 0 0 30px;
}

.forum-page .forum-name,
.forum-topic-page .topic-name {
    margin: 0 0 25px;
    border-bottom: 1px solid var(--Gray-500);
    padding: 0 10px 10px;
}

    .forum-page .forum-name h1,
    .forum-topic-page .topic-name h1 {
        font-size: 30px;
        font-weight: normal;
    }

.forum-actions,
.topic-actions {
    margin: 0 0 30px;
    font-size: 0;
}

    .forum-actions .actions a,
    .topic-actions .actions a {
        display: inline-block;
        margin: 1px;
        padding: 10px 10px 10px 33px;
        font-size: 14px;
    }

    .forum-actions .actions .new-topic {
        background: #eee url('../images/new.png') left center no-repeat;
    }

    .forum-actions .actions .watch-forum,
    .topic-actions .actions .watch-forum {
        background: #eee url('../images/watch.png') left center no-repeat;
    }

    .forum-actions .actions a:hover,
    .topic-actions .actions a:hover {
        background-color: #e6e6e6;
    }

    .forum-actions .pager.upper,
    .topic-actions .pager.upper {
        display: none;
        margin: 0;
    }

    .topic-actions .reply-topic-button {
        background: #eee url('../images/reply.png') left center no-repeat;
    }

    .topic-actions .watch-topic-button {
        background: #eee url('../images/watch.png') left center no-repeat;
    }

    .topic-actions .move-topic-button {
        background: #eee url('../images/move.png') left center no-repeat;
    }

    .topic-actions .edit-topic-button {
        background: #eee url('../images/edit_.png') left center no-repeat;
    }

    .topic-actions .delete-topic-button {
        background: #eee url('../images/remove_.png') left center no-repeat;
    }

    .topic-actions.lower .actions {
        display: none;
    }

.active-discussions-page .forums-table-section-title {
    margin: 0 0 25px;
    border-bottom: 1px solid var(--Gray-500);
    padding: 0 10px 10px;
}

    .active-discussions-page .forums-table-section-title strong {
        font-size: 30px;
        font-weight: normal;
    }

.active-discussions-page .forums-table-section-body {
    margin: 0 0 20px;
}

/* topic post */

.topic-post {
    margin: 0 0 30px;
    border-top: 1px solid var(--Gray-500);
}

    .topic-post:last-child {
        border-bottom: 1px solid var(--Gray-500);
    }

    .topic-post:after {
        content: "";
        display: block;
        clear: both;
    }

    .topic-post .post-info {
        margin: 30px 0;
    }

    .topic-post .user-info {
        width: 150px;
        margin: 0 auto 15px;
    }

    .topic-post .username {
        display: block;
        margin: 0 0 -1px;
        border: 1px solid var(--Gray-500);
        background-color: #f6f6f6;
        padding: 11px 0;
        font-weight: bold;
        color: var(--Gray-400);
    }

    .topic-post a.username:hover {
        color: #4ab2f1;
    }

    .topic-post .avatar,
    .profile-info-box .avatar {
        position: relative;
        width: 150px;
        height: 150px;
        border: 1px solid var(--Gray-500);
        overflow: hidden;
    }

        .topic-post .avatar img,
        .profile-info-box .avatar img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

        .topic-post .avatar img {
            border: solid 2px #CEDBE1 !important;
        }

    .topic-post .user-stats {
        margin: 0 0 15px;
    }

        .topic-post .user-stats li {
            display: inline-block;
            margin: 0 10px;
        }

        .topic-post .user-stats span,
        .profile-info-box .profile-stats span {
            margin: 0 0 0 3px;
            font-weight: bold;
            color: var(--Gray-400);
        }

    .topic-post .pm-button,
    .profile-info-box .pm-button {
        display: inline-block;
        border: none;
        background-color: #888;
        padding: 10px 20px;
        font-size: 12px;
        color: var(--White);
        text-transform: uppercase;
    }

        .topic-post .pm-button:hover,
        .profile-info-box .pm-button:hover {
            background-color: #999;
        }

    .topic-post .post-time {
        margin: 0 0 15px;
        background-color: #f6f6f6;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: bold;
    }

        .topic-post .post-time span {
            color: var(--Gray-400);
        }

    .topic-post .post-actions {
        margin: 0 0 15px;
        font-size: 0;
    }

        .topic-post .post-actions > div {
            display: inline-block;
        }

        .topic-post .post-actions a {
            display: inline-block;
            margin: 1px 5px;
            font-size: 14px;
        }

        .topic-post .post-actions .edit-post-button,
        .topic-post .post-actions .delete-post-button {
            padding: 10px 10px 10px 33px;
        }

        .topic-post .post-actions .edit-post-button {
            background: url('../images/edit_.png') left center no-repeat;
        }

        .topic-post .post-actions .delete-post-button {
            background: url('../images/remove_.png') left center no-repeat;
        }

            .topic-post .post-actions .edit-post-button:hover,
            .topic-post .post-actions .delete-post-button:hover {
                color: #4ab2f1;
            }

        .topic-post .post-actions .post-link-button {
            padding: 10px;
            font-weight: bold;
            color: #4ab2f1;
        }

            .topic-post .post-actions .post-link-button:hover {
                text-decoration: underline;
            }

        .topic-post .post-actions .quote-post-button {
            background-color: #888;
            padding: 10px 20px;
            color: var(--White);
        }

            .topic-post .post-actions .quote-post-button:hover {
                background-color: #999;
                color: var(--White);
            }

    .topic-post .post-body {
        /*topic post-body also gets style from blog post-body*/
        padding: 0 10px 20px;
        line-height: 22px;
        color: var(--Gray-400);
    }

    .topic-post .user-posted-image,
    .latest-posts .user-posted-image {
        max-width: 100%;
        height: auto;
    }

    .topic-post .quote,
    .latest-posts .quote {
        margin: 10px 0;
        border: 1px dashed #ccc;
        background-color: #f9f9f9;
        padding: 10px;
        color: #777;
    }

    .topic-post .signature {
        border-top: 1px solid var(--Gray-500);
        padding: 20px;
        font-size: 13px;
        font-style: italic;
    }

/* forum edit & send message */

.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
    margin: 0 0 -1px;
}

.move-topic-page label {
    white-space: normal;
}

.forum-edit-page .message-error,
.private-message-send-page .message-error {
    margin: 20px 0;
}

.forum-edit-page .inputs strong {
    display: inline-block;
    max-width: 400px;
    font-size: 22px; /*reset zeroing*/
    font-weight: normal;
    color: var(--Gray-400);
    white-space: normal;
}

.forum-edit-page .inputs .topic-subject {
    font-size: 17px;
}

.forum-edit-page .inputs.reversed {
    margin: 0;
}

    .forum-edit-page .inputs.reversed label {
        width: auto;
        margin: 5px;
        font-size: 14px; /*reset zeroing*/
        white-space: normal;
    }

.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
    max-width: 400px;
    margin: 20px auto;
    background-color: var(--Gray-500);
    padding: 10px;
}

    .forum-edit-page .toolbar .button,
    .private-message-send-page .toolbar .button {
        margin: 0 2px 0 0;
        border: #cec6b5 1px solid;
        padding: 2px;
    }

        .forum-edit-page .toolbar .button:hover,
        .private-message-send-page .toolbar .button:hover {
            border: #333 1px solid;
        }

.forum-edit-page textarea,
.private-message-send-page textarea {
    display: block;
    margin: auto;
}

.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input {
    min-width: 140px;
    border: none;
    background-color: var(--Gray-500);
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .forum-edit-page .buttons input:hover,
    .move-topic-page .buttons input:hover,
    .private-messages .buttons input:hover {
        background-color: #888;
    }

.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
    background-color: var(--Action);
}

    .forum-edit-page .buttons .button-1:hover,
    .move-topic-page .buttons .button-1:hover,
    .private-messages .buttons .button-1:hover {
        background-color: var(--ActionHover);
    }

.private-message-send-page a {
    font-size: 18px;
    color: #4ab2f1;
}

/* jQuery tabs */

.ui-tabs {
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    font: normal 14px;
    color: #777;
}

.ui-tabs-nav {
    margin: 0 0 30px;
    border-bottom: 1px solid var(--Gray-500);
    overflow: hidden;
    font-size: 0;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 0 30px !important;
    border-width: 0 0 1px;
    border-radius: 0;
    background: none;
    padding: 0 !important;
    line-height: normal;
    font-weight: normal;
    color: var(--Gray-400);
}

    .ui-tabs-nav li {
        margin: 0 0 -1px;
        /*override jQuery UI styles, do not delete doubled properties*/
        float: none !important;
        margin: 0 0 -1px !important;
        border: none !important;
        border-radius: 0;
        background: none !important;
        padding: 0 !important;
    }

        .ui-tabs-nav li a {
            display: block;
            border: 1px solid var(--Gray-500);
            padding: 12px 24px;
            text-align: center;
            font-size: 18px;
            color: var(--Gray-400);
            /*override jQuery UI styles, do not delete doubled properties*/
            float: none !important;
            padding: 12px 24px !important;
        }

        .ui-tabs-nav li.ui-state-active a {
            background-color: #eee;
            color: var(--Action);
        }

.ui-tabs-panel {
    /*override jQuery UI styles, do not delete doubled properties*/
    padding: 0 !important;
}

/* inbox & view message */

.private-messages-page .table-wrapper,
.private-message-view-page .view-message {
    margin: 0 0 30px;
}

.private-messages-page th.select {
    text-align: center;
}

.private-messages-page td.from,
.private-messages-page td.to,
.private-messages-page td.subject {
    min-width: 150px;
}

.private-messages-page td.date {
    white-space: nowrap;
}

.private-messages-page td.subject a {
    color: var(--Gray-400);
}

.private-messages-page .pager {
    margin: 0 0 30px;
}

.private-messages-page .buttons,
.private-message-view-page .buttons {
    font-size: 0;
}

    .private-messages-page .buttons .button-1,
    .private-messages-page .buttons .button-2,
    .private-message-view-page .buttons .button-1,
    .private-message-view-page .buttons .button-2 {
        display: block;
        width: 250px;
        margin: 0 auto 3px;
        font-size: 15px; /*reset zeroing*/
    }

.private-message-view-page .view-message {
    margin: 0 0 30px;
}

.private-message-view-page .message-head {
    margin: 0 0 20px;
    line-height: 22px;
}

    .private-message-view-page .message-head span {
        font-weight: bold;
        color: var(--Gray-400);
    }

.private-message-view-page .message-body {
    border-top: 1px solid var(--Gray-500);
    background-color: #f9f9f9;
    padding: 30px 20px;
    line-height: 22px;
    text-align: center;
}

.private-message-view-page .back-pm-button {
    text-transform: capitalize !important;
}

/* profile page  */

.profile-info-box {
    overflow: hidden;
    /*override jQuery UI styles, do not delete doubled properties*/
    line-height: normal;
    font-size: 14px;
    color: #777;
}

    .profile-info-box .user-details {
        margin: 0 0 30px;
    }

    .profile-info-box .avatar {
        margin: 0 auto 15px;
    }

    .profile-info-box .title {
        margin: 0 0 10px;
        font-size: 18px;
        color: var(--Gray-400);
    }

    .profile-info-box .stats {
        margin: 0 0 15px;
    }

.latest-posts {
    /*override jQuery UI styles, do not delete doubled properties*/
    line-height: normal;
    font-size: 14px;
    color: #777;
}

    .latest-posts .topic {
        margin: 0 0 35px;
    }

    .latest-posts .topic-title {
        margin: 0 0 20px;
        border-top: 1px solid var(--Gray-500);
        background: #f6f6f6;
        padding: 10px;
        font-size: 16px;
    }

        .latest-posts .topic-title a {
            font-weight: bold;
            color: var(--Gray-400);
        }

            .latest-posts .topic-title a:hover {
                color: #4ab2f1;
            }

    .latest-posts .topic-body {
        margin: 0 0 15px;
        line-height: 22px;
    }

    .latest-posts .topic-data {
        color: var(--Gray-400);
    }

/* BB codes */

pre {
    white-space: pre-wrap;
    white-space: normal;
    word-wrap: break-word;
}

.csharpcode {
    margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: var(--White);
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    color: var(--Gray-400);
}

    .csharpcode .rem {
        color: green;
    }

    .csharpcode .kwrd {
        color: #00f;
    }

    .csharpcode .str {
        color: #006080;
    }

    .csharpcode .op {
        color: #00c;
    }

    .csharpcode .preproc {
        color: #c63;
    }

    .csharpcode .asp {
        background-color: #ff0;
    }

    .csharpcode .html {
        color: maroon;
    }

    .csharpcode .attr {
        color: red;
    }

    .csharpcode .alt {
        width: 100%;
        margin: 0;
        background-color: #f6f6f6;
    }

    .csharpcode .lnum {
        color: #666;
    }


.filter .sub-title strong {
    font-weight: bold;
    color: var(--White);
}

/****** Start Custom Footer Styling ******/

.footer {
    background-color: var(--Gray-400);
}

    .footer .footer-block a {
        color: var(--White);
    }

    .footer .footer-block span {
        color: var(--White);
        line-height: 25px;
    }

    .footer .footer-block a:hover {
        color: var(--White);
        text-decoration: underline;
    }

    .footer .footer-block .title {
        color: var(--White);
    }
/****** End Custom Footer Styling ******/

/***** Product Browse Page *****/

.product-last-breadcrumb {
    margin: 6px 0;
    color: var(--Gray-500);
}

    .product-last-breadcrumb a:hover {
        color: var(--Action);
    }

.product-manufacturer {
    margin-bottom: 6px;
    color: var(--Gray-500);
}

    .product-manufacturer a:hover {
        color: var(--Action);
    }

.manufacturer-part-number {
    margin-bottom: 6px;
    color: var(--Gray-500);
}


.product-last-breadcrumb span {
    font-weight: 700;
}

.product-manufacturer span {
    font-weight: 700;
}

.manufacturer-part-number span {
    font-weight: 700;
    padding-right: 4px;
}

.details .description {
    color: var(--Gray-500);
    margin-top: 6px;
}

    .details .description span {
        font-weight: 700;
    }

.product-breadcrumb {
    color: var(--Gray-500);
}

    .product-breadcrumb li:hover {
        color: var(--Action);
    }

.product-name {
    margin-bottom: 6px;
}

.availability {
    color: var(--Gray-500);
    margin-bottom: 6px;
}

    .availability span {
        font-weight: 700;
        padding-right: 4px;
    }



.quick-info {
    color: var(--Gray-500);
    word-break: break-word;
}

    .quick-info span {
        font-weight: 700;
        padding-right: 4px;
    }

.customer-part-number {
    color: var(--Gray-500);
}

    .customer-part-number span {
        font-weight: 700;
    }


/*----Account-Order History----*/

.page-part .order-history.topic-block-title .title {
    font-size: 20px;
    font-weight: 700;
    min-height: 0px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    border-bottom: 1px solid var(--Gray-500);
}

.page-part .order-history .data-table a {
    border: 1px solid black;
    padding: 5px;
}

.search-options {
    padding: 0 0 15px;
}

    .search-options .search-options-label {
        display: inline-block;
    }

    .search-options .search-options-item {
        padding: 0 5px 0;
        display: inline-block;
    }

    .search-options input[type="button"] {
        height: 36px;
        margin-left: -9px;
        border: none;
        background-color: var(--Action);
        padding: 0 15px;
        text-align: center;
        color: var(--White);
        text-transform: uppercase;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
    }

.order-sort-options {
}

    .order-sort-options .sort-options-label {
        display: inline-block;
        vertical-align: top;
        padding-top: 7px;
    }

    .order-sort-options .sort-options-item {
        display: inline-block;
        padding: 0 20px 0;
        vertical-align: top;
    }

        .order-sort-options .sort-options-item div {
            display: inline-block;
            cursor: pointer;
        }

        .order-sort-options .sort-options-item .label {
            padding-left: 5px;
            padding-top: 6px;
            vertical-align: top;
            color:var(--Action);
        }

        .order-sort-options .sort-options-item .selected .label{
            font-weight: bold !important;
            color: var(--Black);
        }

            .order-sort-options .sort-options-item .selected.asc .indicator {
                transform: rotate(180deg);
            }

        .order-sort-options .sort-options-item .selected .indicator::after {
            /*content: url(/Themes/CBT/Images/toggle-gray.png);*/
            content: url(/Themes/CBT-Bootstrap-v2/Content/images/toggle-gray.png);
        }



.quote-sort-options {
}

    .quote-sort-options .sort-options-label {
        display: inline-block;
        vertical-align: top;
        padding-top: 7px;
    }

    .quote-sort-options .sort-options-item {
        display: inline-block;
        padding: 0 20px 0;
        vertical-align: top;
    }

        .quote-sort-options .sort-options-item div {
            display: inline-block;
            cursor: pointer;
        }

        .quote-sort-options .sort-options-item .label {
            padding-left: 5px;
            padding-top: 6px;
            vertical-align: top;
        }

        .quote-sort-options .sort-options-item .selected {
            border: 1px solid black;
        }

            .quote-sort-options .sort-options-item .selected.asc .indicator {
                transform: rotate(180deg);
            }

            .quote-sort-options .sort-options-item .selected .indicator::after {
                /*content: url(/Themes/CBT/Images/toggle-gray.png);*/
                content: url(/Themes/CBT-Bootstrap-v2/Content/images/toggle-gray.png);
            }





.p21order-page .order-header .order-information {
    float: left;
}

    .p21order-page .order-header .order-information h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .p21order-page .order-header .order-information .order-number {
        font-size: 12px;
        line-height: 18px;
        color: var(--Gray-500);
    }

    .p21order-page .order-header .order-information .purchase-order-number {
        font-size: 12px;
        line-height: 18px;
        color: var(--Gray-500);
    }

    .p21order-page .order-header .order-information span {
        padding-right: 4px;
    }

    .p21order-page .order-header .order-information .order-date {
        font-size: 12px;
        line-height: 18px;
        color: var(--Gray-500);
    }

.p21order-page .order-header .customer-information .ship-to {
    float: right;
    margin-right: 20px;
}

    .p21order-page .order-header .customer-information .ship-to h2 {
        font-size: 15px;
        line-height: 24px;
        color: var(--Gray-500);
    }

    .p21order-page .order-header .customer-information .ship-to .address-line {
        font-size: 12px;
        line-height: 18px;
        color: var(--Gray-500);
        max-width: 250px;
    }

.order-information div h2 {
    color: var(--Gray-500);
}

.p21order-page .order-header .customer-information .bill-to {
    float: right;
}

    .p21order-page .order-header .customer-information .bill-to h2 {
        font-size: 15px;
        line-height: 24px;
        color: var(--Gray-500);
    }

    .p21order-page .order-header .customer-information .bill-to .address-line {
        font-size: 12px;
        line-height: 18px;
        color: var(--Gray-500);
        max-width: 250px;
    }

.p21order-page .order-lines {
    clear: both;
}

.p21order-page .modal td {
    vertical-align: top;
    text-align: left;
}

.p21order-page .modal input[type="radio"] {
    height: 20px;
    width: 20px;
}

.p21order-page .modal input[type="text"] {
    width: 100px;
}

.p21order-page .modal .product-number {
    font-weight: 700;
}

/**********Homepage***********/
.left-column_homepage {
    float: left;
    margin-top: 60px;
    width: 75%;
}

    .left-column_homepage h2 {
        color: var(--Gray-400);
        font-size: 20px;
    }

    .left-column_homepage .who_we_are_header_homepage {
        border-bottom: 1px solid var(--Gray-500);
        padding-bottom: 6px;
    }

    .left-column_homepage .who_we_are_icons_homepage {
        border: solid 1px var(--Gray-500);
        display: inline-block;
        max-width: 816px;
        margin-top: 46px;
        margin-bottom: 78px;
        padding-top: 23px;
    }



.left-column_homepage .who_we_are_icons_homepage h4 {
    font-size: 14px;
    margin: -34px 0 8px 25px;
    color: var(--Gray-500);
    background-color: var(--White);
    width: 167px;
    padding: 0 10px;
}




.left-column_homepage .who_we_are_icons_homepage .automation_icon_homepage {
    display: inline-block;
    margin: 0 16px 0 24px;
    width: 102px;
}

    .left-column_homepage .who_we_are_icons_homepage .automation_icon_homepage img {
        width: 100%;
    }

    .left-column_homepage .who_we_are_icons_homepage .automation_icon_homepage p {
        font-size: 12px;
        color: var(--Gray-500);
        text-align: center;
        line-height: 18px;
        margin-top: 0px;
    }

.left-column_homepage .who_we_are_icons_homepage .mechanical_icon_homepage {
    display: inline-block;
    margin: 0 16px 0 10px;
    width: 102px;
}

    .left-column_homepage .who_we_are_icons_homepage .mechanical_icon_homepage p {
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        margin-top: 0px;
    }

    .left-column_homepage .who_we_are_icons_homepage .mechanical_icon_homepage img {
        width: 100%;
    }

.left-column_homepage .who_we_are_icons_homepage .electrical_icon_homepage {
    display: inline-block;
    margin: 0 16px 0 10px;
    width: 102px;
}

    .left-column_homepage .who_we_are_icons_homepage .electrical_icon_homepage img {
        width: 100%;
    }

    .left-column_homepage .who_we_are_icons_homepage .electrical_icon_homepage p {
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        margin-top: 0px;
    }

.left-column_homepage .who_we_are_icons_homepage .belting_icon_homepage {
    display: inline-block;
    margin: 0 16px 0 10px;
    width: 102px;
}

    .left-column_homepage .who_we_are_icons_homepage .belting_icon_homepage img {
        width: 100%;
    }

    .left-column_homepage .who_we_are_icons_homepage .belting_icon_homepage p {
        font-size: 12px;
        text-align: center;
        line-height: 18px;
        margin-top: 0px;
    }

.left-column_homepage .who_we_are_icons_homepage .pneumatics_icon_homepage {
    display: inline-block;
    margin: 0 16px 0 10px;
    width: 102px;
}

    .left-column_homepage .who_we_are_icons_homepage .pneumatics_icon_homepage img {
        width: 100%;
    }

    .left-column_homepage .who_we_are_icons_homepage .pneumatics_icon_homepage p {
        text-align: center;
        margin-top: 0px;
    }

.left-column_homepage .who_we_are_icons_homepage .csg_icon_homepage {
    display: inline-block;
    margin: 0 25px 0 10px;
    width: 102px;
}

    .left-column_homepage .who_we_are_icons_homepage .csg_icon_homepage img {
        width: 100%;
    }

    .left-column_homepage .who_we_are_icons_homepage .csg_icon_homepage p {
        text-align: center;
        margin-top: 0px;
    }

.left-column_homepage .events_homepage .events_header_homepage {
    margin: 40px 0 10px 0;
    border-bottom: 1px solid var(--Gray-500);
    padding-bottom: 6px;
}

.left-column_homepage .event_details_homepage h3 {
    color: var(--Gray-500);
}

    .left-column_homepage .event_details_homepage h3 a {
        text-decoration: none;
    }

.left-column_homepage .event_details_homepage p a {
    text-decoration: none;
}

.left-column_homepage .event_details_homepage p.events_date_homepage {
    margin: 0px;
    color: var(--Gray-500);
}

.left-column_homepage .event_details_homepage p {
    margin: 0 0 14px 0;
}

.left-column_homepage .event_details_homepage a:hover {
    color: var(--Action);
}

.left-column_homepage .news_homepage .news_header_homepage {
    margin: 40px 0 10px 0;
    border-bottom: 1px solid var(--Gray-500);
    padding-bottom: 6px;
}

.left-column_homepage .news_details_homepage h3 {
    color: var(--Gray-500);
}

    .left-column_homepage .news_details_homepage h3 a {
        text-decoration: none;
    }

.left-column_homepage .news_details_homepage p.news_date_homepage {
    font-size: 12px;
    margin: 0px;
    color: var(--Gray-500);
}

.left-column_homepage .news_details_homepage p {
    font-size: 14px;
    margin: 0 0 14px 0;
}

    .left-column_homepage .news_details_homepage p a {
        text-decoration: none;
    }

.left-column_homepage .news_details_homepage a:hover {
    color: var(--Action);
}

.right-column_homepage {
    float: right;
    width: 19%;
    margin-top: 92px;
}

    .right-column_homepage img {
        width: 100%;
        margin-bottom: 25px;
    }

    .right-column_homepage .rockwell_image_homepage {
        width: 115px;
        margin: 117px 0 0 0;
        float: right;
    }

/*******PDP********/

h4.detail-itemtype {
    margin-top: 20px;
}

.detail-application h4 {
    margin-top: 20px;
}

.detail-features h4 {
    margin-top: 20px;
}

.detail-specs h4 {
    margin-top: 20px;
}

.detail-resources h4 {
    margin-top: 20px;
}


/********Cart Bug Fix*********/

.order-summary-content .table-wrapper {
    overflow-x: visible;
}

.cart-options {
    clear: both;
}


/***************Lists****************/

.mylist-items .unit-price .td-title {
    display: none;
}

.mypma-items .unit-price .td-title {
    display: none;
}



.mylist-items .product-unit-price {
    font-size: 18px;
    color: var(--Gray-500);
    font-weight: 700;
}

.add-to-cart {
    margin-top: 5px;
}

/***************PMAs****************/





/************** Contact Us ***************/

.contact-page .form-container {
    width: 73%;
    float: left;
}

.contact-us .left-column {
    float: left;
    width: 70%;
    margin-right: 20px;
    margin-top: 30px;
}

.contact-us .right-column {
    float: right;
    width: 20%;
    margin-top: 30px;
}

.contact-us .contact-header {
    background-color: var(--Action);
    overflow: hidden;
    padding: 10px 7px;
    width: 100%;
    border: solid 1px var(--Action);
    margin-top: 26px;
}

    .contact-us .contact-header h3 {
        color: var(--White);
    }

.contact-us .contact-container {
    border-left: solid black 1px;
    border-bottom: solid black 1px;
    border-right: solid black 1px;
}

    .contact-us .contact-container p {
        margin-top: 0px;
        padding: 6px 6px;
        text-align: left;
    }

.contact-us .right-column .Call {
    margin-bottom: 30px;
}

.contact-us .right-column .Call {
}

.contact-us .left-column .form {
    border: solid 1px black;
    margin: 4px 20px 10px 20px;
    height: 50px;
}

.contact-us .left-column .email span {
    margin-left: 20px;
    padding-top: 12px;
}

.contact-us .right-column .Call .contact-container p span {
    font-weight: 700;
}


.contact-us .left-column .email .contact-container .feedback-form {
    padding: 20px;
}

    .contact-us .left-column .email .contact-container .feedback-form .button-1 {
        padding: 20px;
        margin-top: 10px;
    }

    .contact-us .left-column .email .contact-container .feedback-form .first-name {
        width: 50%;
        margin-bottom: 12px;
    }

        .contact-us .left-column .email .contact-container .feedback-form .first-name .first-name-input {
            width: 100%;
        }

    .contact-us .left-column .email .contact-container .feedback-form .last-name {
        width: 50%;
        margin-bottom: 12px;
    }

        .contact-us .left-column .email .contact-container .feedback-form .last-name .last-name-input {
            width: 100%;
        }

    .contact-us .left-column .email .contact-container .feedback-form .company-name {
        width: 100%;
        margin-bottom: 12px;
    }

        .contact-us .left-column .email .contact-container .feedback-form .company-name .company-name-input {
            width: 100%;
        }

    .contact-us .left-column .email .contact-container .feedback-form .email {
        width: 50%;
        margin-bottom: 12px;
    }

        .contact-us .left-column .email .contact-container .feedback-form .email .email-input {
            width: 100%;
        }

    .contact-us .left-column .email .contact-container .feedback-form .phone {
        width: 50%;
        margin-bottom: 12px;
    }

        .contact-us .left-column .email .contact-container .feedback-form .phone .phone-input {
            width: 100%;
        }

.contact-us .right-column .Chat .contact-container a {
    text-decoration: none;
    margin-left: 34px;
    margin-right: 34px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

.contact-page .form-header {
    background-color: var(--Action);
    overflow: hidden;
    padding: 10px 7px;
    width: 75%;
    border: solid 1px var(--Action);
    margin-top: 65px;
}

    .contact-page .form-header h3 {
        color: var(--White);
    }

.contact-page .form-fields {
    border: none;
}

/************** End Contact Us ***************/


/****** Browse View Fix*******/

.manufacturer-page .product-grid .item-box:nth-child(3n+1) {
    clear: left;
}



.product-grid .item-box {
    width: 30%;
    margin-left: 20px;
}

    .product-grid .item-box:nth-child(3n+1) {
        clear: right;
    }

    .product-grid .item-box:nth-child(5n+1) {
        clear: none;
    }

/******End Browse View Fix*******/

/*******Order History Styles*********/


.p21order-page .p21order-add-to-cart-button {
    background-color: var(--Action);
    color: var(--White);
    padding: 10px 20px;
    border: none;
}

.p21order-page tr td div a {
    color: var(--Gray-400);
    font-weight: 700;
}

.p21order-page div a:hover {
    color: var(--Action);
    font-weight: 700;
    text-decoration: none;
}

/***********End Order History Styles*******************/


/***************Line Card Styles****************/

.linecard-main-title {
    width: calc(100% - 80px) !important;
}

.linecard-section-title {
    float: left;
    width: 100%;
    margin: 14px 0 8px 0;
}

.linecard-row {
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0 0 8px 0;
}

.linecard-group-detail-row a {
    color: var(--Action);
}

    .linecard-group-detail-row a:hover {
        text-decoration: underline;
    }

.linecard-row span.linecard-item {
    text-align: left;
    display: block;
    float: left;
}

.linecard-item {
    margin-bottom: 10px;
}

.linecard-row a {
    width: 33%;
    text-align: center;
    line-height: 21px;
}

    .linecard-row a:hover {
        color: var(--Action);
    }

/**********************End Line Card Styles*********************/

/***************Payment Page Icon Styles*********************/

.payment-logo img {
    width: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

/*******************End Payment Page Icon Styles***************/

.register-next-step-button {
    margin-top: 20px;
}

.checkout-attributes dt label {
    margin-bottom: 9px;
    display: block;
    color: var(--Gray-400);
}

.checkout-attributes dd textarea {
    width: 1190px;
}

.customer-information .address-line span {
    margin-right: 5px;
}

.order-lines td div {
    line-height: 21px;
}

/**************Shipment Disclaimer*************/

.availability-disclaimer {
    max-width: 100%;
}

.search-results .availability-disclaimer {
    margin-top: -7px;
}

.availability-disclaimer span {
    font-size: 14px;
    line-height: 22px;
    color: var(--Gray-500);
    font-style: oblique;
    font-weight: 500;
}

.product-details-page .availability-disclaimer span {
    font-size: 14px;
    line-height: 22px;
    color: var(--Gray-500);
    font-style: oblique;
    margin-top: 1px;
    display: inline-block;
}


/************End Shipment Disclaimer**************/

/**************Add To Cart Flyout*****************/
.mini-shopping-cart {
}

    .mini-shopping-cart .count {
        margin: 0px auto;
        display: block;
        width: 185px;
        text-align: center;
    }

    .mini-shopping-cart .item {
        margin: 14px 14px 0;
    }

    .mini-shopping-cart .price {
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
    }

        .mini-shopping-cart .price span {
            font-weight: 300;
        }


    .mini-shopping-cart .quantity {
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
    }

        .mini-shopping-cart .quantity span {
            font-weight: 300;
        }

    .mini-shopping-cart .totals {
        margin: 0px auto 17px auto;
        display: block;
        width: 128px;
        text-align: center;
    }

.cart-add-confirmation .buttons {
    margin: 10px 0px 0px;
}

.cart-add-confirmation
/*************End Add to Cart Flyout****************/
.events_content_homepage h3 a {
    text-decoration: none;
}

.ra-logo img {
    width: 175px;
    margin: 0px 0px 0px 0px;
}

.newsletter-email .newsletter-subscribe-text {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.newsletter-email .newsletter-subscribe-button {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.newsletter .title {
    margin-bottom: 7px;
}

.inputs .search-text {
    padding-right: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.basic-search .inputs label {
    float: left;
    margin-top: 13px;
    margin-right: 18px;
}


.basic-search .inputs input {
    height: 42px;
    width: 155px;
    margin-top: -12px;
}



/**********************Start News Styles*******************************/
.news-body img {
    float: left;
    margin-right: 20px;
}

.news-body p b {
    padding-top: 33px;
    display: block;
}

.news-body #propID {
    float: none !important;
}

.news-body div div {
    clear: both;
}

.news-body p {
    text-align: left;
    margin: 0;
}



.news-list-page .news-items .buttons .read-more {
    padding: 10px 40px 10px 40px;
}

.news-list-page .news-title {
    padding: 14px 0px 4px 0px;
}

.news-list-page .news-date {
    padding: 0px;
    margin-top: 5px;
    background-color: var(--White);
}

.news-list-page .news-body {
    padding: 0px;
}

.news-list-page .buttons {
    padding: 0px;
}

.news-list-page .news-item {
    border-top: solid 1px lightgray;
}

.news-list-page a:hover {
    color: var(--Action);
}
/**************************End News Styles****************************/

.attribute-label span {
    font-weight: 700;
    color: var(--Gray-500);
}

.attribute-data span {
    font-weight: 400;
}

.attributes .attribute-label {
    margin-bottom: 0px;
}

.newsletter-email input[type="text"] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.customer-info-page .page-body .topic-block .buttons .save-customer-info-button {
    margin-bottom: 40px;
}

.customer-info-page .page-body .topic-block .fieldset {
    margin-bottom: 0px;
}

/*******************Order confirmation page****************/

.order-completed .details {
    padding-top: 0px;
}

.order-completed .title {
    margin-top: 13px;
}

.order-completed .checkout_subhead {
    font-size: 20px;
    margin-left: -4px;
    margin-top: -6px;
}

.order-completed .details-quote-items {
    text-align: left;
}

.order-completed .details .details-quote-items {
    margin-top: 45px;
}

.order-completed .details-quote-items strong {
    text-transform: initial;
    font-style: oblique;
}

/**************End order confirmation page*************/

/************Footer Edits**************/



/************Configurator Styles************/
.configuration-item-details .detail {
    text-transform: capitalize;
    color: var(--Gray-500);
    font-weight: 700;
    font-size: 12px;
    border-bottom: solid 1px var(--Gray-500);
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 4px;
    display: block;
}

.configuration-item-descriptors .descriptor-title {
    color: var(--Gray-500);
    font-weight: 700;
    font-size: 13px;
}

.descriptor-values .descriptor-value {
    color: var(--Gray-500);
    line-height: 23px;
}

.configurator .common-buttons {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    padding: 20px;
    font-size: 0;
}

    .configurator .common-buttons input {
        display: inline-block;
        min-width: 180px;
        margin: 5px;
        border: none;
        background-color: #777777;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
    }

        .configurator .common-buttons input:hover {
            background-color: var(--Gray-500);
        }

        .configurator .common-buttons input:first-child {
            background-color: var(--Action);
        }

            .configurator .common-buttons input:first-child:hover {
                background-color: var(--ActionHover);
            }

/************My Config Page*************/
.configuration-page h4 {
    margin-bottom: 5px;
    margin-top: 7px;
    margin-left: 10px;
    margin-right: 10px;
}

.configuration-page p {
    line-height: 22px;
}

.configuration-page .tile p {
    margin: 0px 10px 0 10px;
}


.configuration-page .center-2 .button-1 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    right: 0;
    margin-left: -70px;
}

.configuration-page .tile {
    margin-bottom: 20px;
    height: 200px;
}

.configuration-page td {
    line-height: 26px;
}

.configuration-page a:hover {
    background-color: var(--ActionHover);
}

.my-config-table label {
    display: none;
}

.address-list-page form input.button-1 {
    margin: 20px auto 0 auto;
    width: 190px;
    display: block;
}

.configuration-page .give-description {
    background-color: var(--Action);
    color: var(--White);
    padding: 5px 10px;
    display: block;
    width: 102px;
    text-align: center;
    margin: 10px auto;
}

.configuration-page .view-details {
    background-color: var(--Action);
    color: var(--White);
    padding: 5px 10px;
    display: block;
    width: 74px;
    text-align: center;
    margin: 10px auto;
}

.configuration-page td {
    padding-left: 20px;
}

.configuration-page th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0px 6px 5px;
    text-align: left;
}

.qq-upload-button {
    background-color: var(--Action) !important;
    padding: 15px 0 15px 0 !important;
    width: 150px !important;
    text-align: center !important;
}

    .qq-upload-button:hover {
        background-color: var(--ActionHover);
    }


/* Zebra striping */
.configuration-page tr:nth-of-type(even) {
    background: #eee;
}





/****History Search*****/
.history-search-page tbody {
    line-height: 60px;
}

.history-search-page td a {
    background-color: var(--White);
    border: var(--Action) solid 2px;
    font-weight: 700;
    color: var(--Action);
    display: block;
    text-align: center;
    margin: 10px auto;
}


    .history-search-page td a:hover {
        background-color: var(--White);
        border: solid 2px #194b6b;
        color: #194b6b;
    }

.history-search-page th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 6px 0px 6px 19px;
    text-align: left;
}

.history-search-page td {
    padding-left: 12px;
}

.history-search-page tr:nth-of-type(even) {
    background: #eee;
}



/******Config Upload Page Start*********/

.ProposalWorks {
    float: left;
    width: 43%;
    border-right: 1px solid #ccc;
    margin-right: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-right: 32px;
}

.OtherSource {
    float: left;
    width: 45%;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 17px;
}

p {
    clear: both;
}

    p.separator {
        width: 32px;
        display: block;
        border: solid 1px #ccc;
        border-radius: 100px;
        height: 32px;
        float: left;
        clear: none;
        margin: 100px 0 0 -65px;
        padding: 3px 4px 4px 7px;
        font-size: 16px;
        background-color: var(--White);
    }

figure {
    clear: both;
    width: 500px;
    margin: 0 auto;
}

figcaption {
    float: left;
    clear: both;
}

.right {
    width: 100px;
    float: left;
}

.qq-uploader .button {
    margin: 0 auto;
    clear: both;
}

.configurator-result-text {
    margin: 14px 0 14px 12px;
    font-size: 14px;
    font-weight: 700;
}

.left img {
    float: none;
    width: 450px;
    margin: 0 auto;
}




/***********Line Card*************/
.n-flex {
    display: flex !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    justify-content: space-between !important;
}

.linecard-group-head {
    padding-top: 20px;
    border-bottom: 1px solid var(--Gray-500);
}

.linecard-group-detail {
    padding-top: 20px;
}

.linecard-group-detail-row {
    margin-bottom: 10px;
}

.group-filter {
    min-width: 150px;
}

.featured-mfr {
    flex-wrap: wrap;
    padding-top: 35px;
    padding-bottom: 20px;
}

    .featured-mfr .mfr {
        padding-top: 15px;
    }

    .featured-mfr .mfr-image img {
        max-height: 40px
    }

    .featured-mfr .mfr-name {
        font-size: 14pt;
        font-weight: 700;
    }

    .featured-mfr .mfr-info {
        padding-left: 10px;
    }

.sticky {
    position: fixed;
    top: 0;
    width: 63%;
    background: var(--White);
    z-index: 999;
}

    .sticky + .linecard-body {
        padding-top: 102px;
    }

.linecard-column {
    float: left;
    width: 211px;
    margin-right: 233px;
}


.linecard-section-title h2 {
    margin-bottom: 20px;
    margin-top: 10px;
}

/**********Availabilty Chart*************/
#availability {
    border: solid 2px var(--Gray-500);
    border-radius: 15px;
    width: max-content;
    margin-top: 20px;
}

div.availability table {
    width: 400px;
    border: none !important;
    margin: 0px !important;
}


table.availability-results td {
    width: 150px;
    height: 40px;
    border-top: none;
    border-bottom: solid 2px var(--Gray-500);
    border-left: none;
    border-right: solid 2px var(--Gray-500);
}

    table.availability-results td:last-child {
        width: 150px;
        height: 40px;
        border-bottom: solid 2px var(--Gray-500);
        border-right: none;
    }

table.availability-results tfoot tr td {
    border-bottom: none !important;
    border-top: solid 2px var(--Gray-500);
}

table.availability-results tr:last-child td {
    border-bottom: none;
}

table.availability-results td.quantity {
    width: 150px;
    height: 60px;
}


table.availability-results td.location span {
    font-size: 14px;
    font-weight: 400;
}

table.availability-results td.quantity span {
    font-weight: 700;
    color: var(--Gray-500);
}

table.availability-results #toggle-more {
    cursor: pointer;
}




/*************************PDP Features Styles****************/
.full-description {
    border-top: 1px solid var(--Gray-500);
    padding-top: 20px;
}

    .full-description h2 {
        float: left;
        width: 200px;
    }

.pdp_details, .pdp_detail_child {
    float: left;
    width: 950px;
    margin-bottom: 50px;
}

.full-description .cbt-ec {
    float: left;
    clear: both;
    width: 121px;
    margin-left: 196px;
    margin-top: -35px;
    background-position-x: 89%;
    background-position-y: center;
    border: solid 1px var(--Gray-500);
    padding-left: 88px;
    padding-top: 16px;
    padding-bottom: 17px;
    margin-bottom: 40px;
}

    .full-description .cbt-ec span {
        float: left;
        margin-top: -12px;
        margin-left: -77px;
    }



/******************************PDP Spec Styles********************/

.detail-specs {
    clear: both;
    border-top: 1px solid var(--Gray-500);
    padding-top: 20px;
}

.detail-specs-child {
    float: left;
    width: 950px;
    margin-bottom: 50px;
}


table.detail-specs-table {
    width: 100%;
    margin: 0;
}

/*************************PDP Resources Styles******************/
.detail-resources {
    width: 100%;
    float: left;
    clear: both;
    border-top: 1px solid var(--Gray-500);
    padding-top: 20px;
}

.detail-resources-child {
    float: left;
    width: 950px;
}

    .detail-resources-child a.detail-external-resource-link {
        float: left;
        clear: both;
        width: 100%;
    }

        .detail-resources-child a.detail-external-resource-link:hover {
            float: left;
            clear: both;
            width: 100%;
            color: var(--Action);
        }





/********PDP Specs Chart************/

.detail-specs tr:nth-child(odd) {
    background-color: var(--Gray-600);
}

.detail-specs td {
    border: none;
    text-align: left;
}

/********Expand/Collapse Widget************/
.cbt-ec {
    height: 10px;
    cursor: pointer;
    margin-top: 5px;
}

    .cbt-ec.collapse {
        background-image: url('/Images/Website-Arrow-Down.png');
        background-repeat: no-repeat;
    }

    .cbt-ec.expand {
        background-image: url('/Images/Website-Arrow-Up.png');
        background-repeat: no-repeat;
    }


/************QTY/Delete Styles***************/

th.quantity {
    text-align: center;
}

.update-cart-item-button, .mylist-update-item-button, .mypma-update-item-button {
    padding: 10px;
    background-color: var(--White);
    border: solid 1px var(--Gray-500) !important;
    position: absolute;
    margin-left: -3px;
}

.readonly-product-quantity {
    padding: 10px 0px;
    margin-left: 25px;
}

.cart td.quantity .redirect-update-cart-item-button {
    padding: 10px;
    background-color: var(--White);
    border: solid 1px var(--Gray-500) !important;
    margin-left: -3px;
    width: 100px;
    margin-left: -15px;
    position: relative;
}

.cart td.notes {
    padding: 0px 20px 35px 20px;
}

.cart .notes-label {
    padding-bottom: 3px;
}

.cart td.notes textarea {
    min-height: 60px;
    width: 80%;
    padding-top: 0px;
}

.cart td.notes.responsive {
    display: none;
}

    .cart td.notes.responsive .update-cart-item-button {
        margin-left: 110px;
        margin-top: 7px;
    }



td.quantity input {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
}

td.remove-from-cart input, td.remove-from-list input {
    width: 91px;
    margin-bottom: 8px;
}

td.quantity input.update-cart-item-button, td.quantity input.mylist-update-item-button, td.quantity input.mypma-update-item-button {
    width: 70px;
    margin-left: 10px;
}

td.quantity input.qty-input {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 50px;
}

td.quantity {
    width: 130px;
}

.cart td.notes input {
    margin-top: 5px
}




/********************Order/Invoice Complete****************/
.complete {
    background-image: url('/Images/checkmark.png');
    background-repeat: no-repeat;
    background-size: 19px;
    background-position-x: 24px;
    background-position-y: 22px;
}

/*Overide complete class on SMC Configuration page*/
#smc-configuration-page .complete {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 19px;
    background-position-x: 24px;
    background-position-y: 22px;
}

/**********Modal Pop-up For Quotes Add To Cart***********/
.modal .add-all-to-cart {
    width: 635px;
    height: fit-content;
    margin: 3% auto;
}

    .modal .add-all-to-cart tr th {
        text-align: left;
        padding-left: 41px;
        padding-bottom: 10px;
        color: var(--ActionHover);
    }

    .modal .add-all-to-cart div input[type="radio"] {
        margin-right: 10px;
        height: 15px;
        width: 15px;
    }

    .modal .add-all-to-cart div input[type="text"] {
        height: 37px;
        width: 86px;
    }

    .modal .add-all-to-cart tr {
        border-bottom: solid 1px var(--Gray-500);
    }

    .modal .add-all-to-cart td {
        padding-top: 15px;
        padding-bottom: 14px;
    }

    .modal .add-all-to-cart .common-buttons {
        background-color: var(--White);
    }

    .modal .add-all-to-cart .product-number,
    .modal .add-all-to-cart .product-desc,
    .modal .add-all-to-cart .cart-qty-label {
        font-size: 14px;
        padding: 0px;
    }

.add-all-to-cart .modal-header .product-list-modal {
    background-image: url('../images/add-to-cart.png');
}

/*******My Quotes********/
.common-buttons .p21order-add-all-to-cart-button {
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: none;
    background-color: #777777;
    padding: 10px 20px;
    font-size: 15px;
    color: var(--White);
    float: right;
}



/*******Recently Viewed Formatted Block******************/
.recently-viewed-products {
}

    .recently-viewed-products li {
        padding: 0 0 25px;
    }

    .recently-viewed-products .title {
        font-size: 20px;
        font-weight: 700;
        min-height: 0px;
        margin: 0 0 15px;
        padding: 0 0 5px;
        border-bottom: 1px solid var(--Gray-500);
    }

    .recently-viewed-products .list-item-image {
        display: inline-block;
        vertical-align: top;
    }

    .recently-viewed-products .list-item-name {
        display: inline-block;
        vertical-align: top;
        float: right;
    }

        .recently-viewed-products .list-item-name .list-item-name-action {
            padding: 5px 5px 5px;
            border: 1px solid black;
            margin-top: 5px;
            float: right;
        }

            .recently-viewed-products .list-item-name .list-item-name-action a {
                line-height: 24px;
            }
/********************************************************/
/***************Mega Menu Classes*********************/
.findItPanel div {
    float: left;
    padding: 3px 3px 3px 3px;
}


.findItPanel {
    margin-top: 25px;
    margin-bottom: 15px;
    border: 3px solid var(--Gray-400);
    background-color: var(--White);
    min-height: 40px;
    overflow: hidden;
}

    .findItPanel img {
        margin: 4px 10px 4px 7px;
        width: 48px;
    }

    .findItPanel h4 {
        margin: 8px 0px 2px 0px;
        color: var(--Gray-400);
    }

    .findItPanel a:link, .findItPanel a:visited {
        color: var(--Gray-400);
        text-decoration: underline;
        cursor: pointer;
    }



.header-links a:hover {
    color: #0375be;
}

    .header-menu ul {
        font-size: 14px;
        margin-bottom: 0px;
    }

.header-menu .mega-column {
    display: block;
    width: 33%;
    float: left;
}

.header-menu .mega-static-column {
    display: block;
    width: 20%;
    float: right;
}

.header-menu .sublist li div span {
    display: block;
    position: relative;
    padding: 10px 20px 10px 30px;
    font-size: 16px;
    font-weight: 700;
}

.header-menu ul li span {
    text-transform: uppercase;
    text-align: left;
}

.submenu-header {
    color: var(--Gray-500);
    padding-bottom: 10px;
    font-weight: 700;
}

.header-menu .sublist li .mega-column span {
    color: var(--Gray-400);
}

.header-menu .sublist li .mega-static-column span {
    color: var(--Gray-400);
}

.header-menu .sublist li a {
    color: var(--Gray-400);
    text-align: left;
}

.header-menu .gated-indicator img {
    max-height: 12px;
}

.flex-spacer {
    display: none;
}




/******End Tablet******/

/***************End Mega Menu Classes*********************/

/********Customers Also Bought....***************/

.product-details-page .item-box .picture {
    max-width: 150px;
}

.product-details-page .item-box .availability-disclaimer {
    display: none;
}

.alsopurchased-item-grid .right-container .add-info .buttons .add-to-compare-list-button {
    display: none;
}

.alsopurchased-item-grid .details .right-container .add-info .buttons .product-box-add-to-cart-button {
    width: 80%;
    float: left;
    clear: both;
    margin-left: 1px;
    margin-top: 0px;
    max-width: 150px;
}


/********End Customers Also Bought....***************/

/******** Punchout ***************/

#button-complete-punchout {
    float: right;
    min-width: 102px;
    height: 36px;
    border: none;
    background-color: var(--Action);
    padding: 0 15px;
    text-align: center;
    color: var(--White);
    text-transform: uppercase;
    margin-bottom: 25px;
}

.cart-totals-wrapper .complete-button {
    display: inline-block;
    min-width: 160px;
    border: none;
    background-color: var(--Action);
    padding: 10px 10px;
    font-size: 16px;
    color: var(--White);
    font-weight: 700;
}

/******** End Punchout ***************/


/************Private Messages*************/
.private-message-send-page .mce-tinymce {
    margin-left: 33%;
    margin-top: -16px;
}



.header-links ul li a .inbox-unread {
    background-color: var(--Action);
    width: 18px;
    height: 18px;
    border-radius: 18px;
    color: var(--White);
    font-size: 12px;
    position: relative;
    top: -8px;
    text-align: center;
    line-height: 18px;
}

/*****************Inbox*****************/
.private-messages-page li.ui-state-default a {
    background-color: var(--White);
    color: var(--Gray-500);
    border-radius: 20px;
    border: solid 1px var(--Gray-500);
    margin-bottom: 1px;
}

.private-messages-page li.ui-state-active a {
    background-color: var(--Action);
    color: var(--White);
    border-radius: 20px;
    border: 1px solid var(--Action);
}

.private-messages-page .buttons .select-all-pm-button,
.private-messages-page .buttons .delete-selected-pm-button,
.private-messages-page .buttons .mark-unread-pm-button {
    border: var(--Action) solid 2px;
    background-color: var(--White);
    color: var(--Action);
    float: left;
    font-size: 10px;
    font-weight: 700;
    margin-right: 6px;
}

.private-messages-page .buttons {
    float: left;
    width: 100%;
    border-top: solid 1px var(--Gray-500);
    padding: 12px 0;
    margin-bottom: 2px;
}

.private-messages-page .ui-tabs-nav {
    border: none;
    margin: 40px 0 25px !important;
    background:initial;
}

.private-messages-page .ui-widget.ui-widget-content{
    border:none;
}

.private-messages-page .data-table .pm-unread .from-name {
    font-weight: 700;
    color: var(--Gray-400);
}

.private-messages-page td.subject a.pm-unread {
    color: var(--Gray-400);
    font-weight: 700;
}

.private-messages-page tr.odd {
    border-top: solid 1px var(--Gray-500);
}

.private-messages-page tr.even {
    border-top: solid 1px var(--Gray-500);
}

.private-messages-page .data-table .from-name,
.private-messages-page .data-table .to-name,
.private-messages-page .data-table .to-company,
.private-messages-page .data-table .from-company,
.private-messages-page .data-table .subject-line a,
.private-messages-page .data-table .message,
.private-messages-page .data-table .date,
.private-messages-page .data-table .time,
.private-messages-page td.subject a {
    color: var(--Gray-500);
}

.private-messages-page .data-table .pm-unread .from-company,
.private-messages-page .data-table .pm-unread .message,
.private-messages-page .data-table .pm-unread .message a,
.private-messages-page .data-table .pm-unread .time {
    color: var(--Gray-500);
}

.private-messages-page .data-table .pm-unread .date {
    color: var(--Gray-400);
}

.private-messages-page .data-table .time,
.private-messages-page .data-table .message,
.private-messages-page .data-table .from-company {
    line-height: 25px;
    font-size: 12px;
    font-weight: 400;
}

.private-messages-page .pm-unread .date {
    font-weight: 700;
}

.private-messages-page .date {
    width: 100px;
    font-weight: 400;
}

.private-messages-page br {
    display: none;
}

.private-messages-page .pm-unread .inbox-unread {
    height: 10px;
    width: 10px;
    background-color: var(--Action);
    border-radius: 20px;
    float: left;
    margin-left: -16px;
    margin-top: 4px;
}

.private-message-view-page .message-body {
    background-color: var(--White);
    text-align: left;
    padding-left: 0px
}

.private-messages-page .buttons,
.private-message-view-page .buttons {
    float: left;
}

.private-messages .message-body a {
    color: var(--Action);
}

    .private-messages .message-body a:hover {
        text-decoration: underline;
    }

.private-message-send-page .fieldset {
    margin-bottom: 10px;
}

.private-message-send-page .form-fields {
    padding-bottom: 5px;
}

.private-message-send-page .to-field {
    font-size: 14px;
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 400px;
}

.private-message-send-page .recipient-checkbox-group {
    padding: 8px;
    background: var(--Gray-500);
    cursor: pointer;
    color: var(--White);
}

    .private-message-send-page .recipient-checkbox-group.selected {
        background: #888;
    }

.private-message-send-page .recipient-group-wrapper {
    padding-right: 10px;
    padding-bottom: 10px;
}





/****************My Projects*************/
.text-input-view {
    cursor: pointer;
}

.text-input-view-icon {
    /*background: url(/themes/cbt/content/images/edit.png) no-repeat;*/
    background: url(/themes/CBT-Bootstrap-v2/content/images/edit.png) no-repeat;
    width: 12px;
    height: 12px;
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}

.text-input-edit {
    float: left;
}

.project.text-input-view {
    float: left;
}

.list.text-input-view {
    float: left;
    clear: both;
    font-weight: 400;
}

.list.text-input-edit {
    float: left;
    clear: both;
}

#mylist-name-field {
    float: left;
}

.mylist-name {
    margin-bottom: 20px;
}

.modal-body .list-modal-complete-icon {
    background-image: url('../images/checkmark.png');
    height: 80px;
    width: 80px;
    background-position: center;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
}

.modal-body .list-modal-complete {
    margin: 0 auto;
}

.list-modal-complete-message {
    font-weight: 700;
}

.mylist td.unit-price .add-to-cart {
    text-align: left;
}


/*****************My Projects Overview******************/
.mylists-content .collapse {
    display: block !important;
}

.myprojects {
    min-height: 50px;
    margin: auto;
    text-align: left;
}

    .myprojects .title {
        position: relative;
        border-bottom: 1px solid var(--Gray-500);
        background: var(--Action);
        padding: 12px 30px 12px 10px;
        font-size: 20px;
        color: var(--White);
    }

        .myprojects .title .edit-icon {
            display: inline-block;
        }

            .myprojects .title .edit-icon .icon {
                /*background: url(/themes/cbt/content/images/edit-white.png) no-repeat;*/
                background: url(/themes/CBT-Bootstrap-v2/content/images/edit-white.png) no-repeat;
                width: 12px;
                height: 12px;
                float: right;
                margin-left: 5px;
                margin-top: 5px;
            }

        .myprojects .title strong {
            font-weight: normal;
        }

    .myprojects .listGroup-header.sticky {
        position: fixed;
        top: 0;
        z-index: 1;
        padding: 10px;
        background-color: var(--White);
        border-bottom: 1px solid var(--Gray-500);
    }

    .myprojects .listGroup-footer {
        height: 1px;
    }

    .myprojects .sub-title {
        position: relative;
        margin: 0 0 10px 40px;
        padding: 12px 30px 12px 10px;
        font-size: 16px;
        color: #060606;
    }

        .myprojects .sub-title strong {
            line-height: 26px;
            padding-left: 10px;
        }

        .myprojects .sub-title span.list-item-count {
            font-size: 12px;
            text-transform: lowercase;
            padding-left: 10px;
        }

        .myprojects .sub-title .action-pane {
            border-top: 1px solid var(--Gray-500);
            border-bottom: 1px solid var(--Gray-500);
        }

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

.myprojects .action-pane {
    margin: 0 0 20px;
    padding: 30px;
    border-bottom: 1px solid black;
}

.myprojects .label-pane {
    float: left;
    display: inline-block;
    margin-top: -8px;
}

.myprojects .button-pane {
    display: inline-block;
    float: right;
}

    .myprojects .mylist-items .button-pane input,
    .myprojects .button-pane input {
        float: right;
        display: inline-block;
        margin: -18px;
        border: none;
        background-color: #777777;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
    }

        .myprojects .mylist-items .button-pane input:hover,
        .myprojects .button-pane input:hover {
            background-color: var(--Gray-500);
        }

.myprojects .project.expand-collapse {
    width: 40px;
    height: 25px;
    /* background: var(--Gray-500); */
    /* margin-left: 1%; */
    /* margin-bottom: 10px; */
    cursor: pointer;
    float: right;
    /* border-left: 1px solid white; */
    display: inline-block;
}

    .myprojects .project.expand-collapse .no-lists {
        margin-left: 40%;
    }

    .myprojects .project.expand-collapse .collapse,
    .myprojects .project.expand-collapse .expand {
        display: block;
        float: right;
        margin-right: -54px;
        margin-top: -35px;
        background-image: url('../images/toggle-single-white.png');
        background-position: 5px 10px;
        height: 50px;
        width: 50px;
        background-repeat: no-repeat;
        border-left: 1px solid var(--White);
    }

.myprojects .list.expand-collapse .collapse,
.myprojects .list.expand-collapse .expand {
    float: right;
    margin-right: -20px;
    margin-top: -22px;
    background-image: url('../images/toggle-single-black.png');
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.myprojects .project.expand-collapse .expand {
    transform: rotate(180deg);
    background-position: 10px 10px;
    margin-top: -38px;
    /* margin-left: -15px; */
    margin-right: -54px;
    border-right: 1px solid var(--White);
    border-left: 0px;
}

.myprojects .list.expand-collapse .expand {
    transform: rotate(180deg);
    margin-top: -40px;
}


.list-expand-collapse {
    position: relative;
    top: -11px;
    left: -26px;
}

.myprojects .expand-collapse img {
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.sub-title {
    border-bottom: solid 1px var(--Gray-500);
    padding-bottom: 10px;
}

.myprojects .mylist-items .button-pane input {
    margin-right: 23px;
}

    .myprojects .mylist-items .button-pane input:first-child {
        margin-right: -18px;
    }

.myprojects .tool-menu .tool-menu-options {
    right: 15px;
}

    .myprojects .tool-menu .tool-menu-options li {
        color: var(--Gray-400);
        text-decoration: none;
        cursor: pointer;
    }

        .myprojects .tool-menu .tool-menu-options li:nth-child(n+2) {
            margin-top: 10px;
        }

.mylists-page .myprojects .call-for-price {
    background-color: var(--Action);
}

    .mylists-page .myprojects .call-for-price:hover {
        background-color: var(--ActionHover);
    }

.myprojects .tool-menu .tool-menu-options li a:hover, .myprojects .tool-menu .tool-menu-options li span:hover {
    color: var(--Action);
    text-decoration: none;
}

.myprojects .edit-list {
    border: solid 1px var(--Gray-400);
    background-color: var(--White);
    margin-left: 10px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 5px;
    text-align: left;
    font-size: 14px;
    color: var(--Gray-400);
}

    .myprojects .edit-list:hover {
        background-color: #eee;
    }


.tool-menu {
    display: inline-block;
    float: right;
}

.tool-menu-icon {
    background: url('../images/dashboard-options-icon.png') no-repeat center;
    height: 16px;
    width: 20px;
    cursor: pointer;
    float: right;
    position: relative;
    right: -20px;
    top: -20px;
    background-size: contain;
}

.tool-menu-icon-white {
    background: url('../images/dashboard-options-icon-white.png') no-repeat center;
    height: 16px;
    width: 20px;
    cursor: pointer;
    float: right;
    position: relative;
    right: 25px;
    top: -20px;
    background-size: contain;
}

.tool-menu-options {
    display: none;
    float: right;
    position: absolute;
    border: 1px solid var(--Gray-500);
    padding: 10px;
    background-color: var(--White);
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
}

.mylist-items .table-wrapper {
    width: 100%;
}

.hidden-column {
    display: none;
}

#view-detail-modal {
    overflow-y: hidden;
}

    #view-detail-modal .modal-content {
        margin-top: 80px;
    }

/******************Start My Documents***********************/
.mydocuments-table .icon,
.mydocuments-table .icon img {
    max-height: 50px;
    max-width: 50px;
}

.mydocuments-table th {
    height: 40px;
    background-color: var(--Gray-600);
}

.mydocuments-wrapper a {
    text-decoration: underline;
}

.mydocuments-table td {
    padding: 10px 5px;
}

.mydocuments-wrapper .item-link {
    cursor: pointer;
}

    .mydocuments-wrapper .item-link:hover {
        text-decoration: underline;
    }

.mydocuments-wrapper .parent-breadcrumb {
    padding: 10px 0px;
}

    .mydocuments-wrapper .parent-breadcrumb div {
        display: inline-block;
        padding: 0px 10px;
        font-size: 14pt;
    }

    .mydocuments-wrapper .parent-breadcrumb .seperator {
        /*content: url("../images/next.png")*/
        content: url("/Themes/CBT-Bootstrap-v2/Content/images/next.png")
    }

.mydocuments-wrapper .action-menu {
    padding: 10px 0px;
}

    .mydocuments-wrapper .action-menu input[type=button] {
        display: inline-block;
        min-width: 75px;
        margin: 5px;
        border: none;
        padding: 10px 20px;
        font-size: 15px;
        color: var(--White);
        cursor: auto;
    }

        .mydocuments-wrapper .action-menu input[type=button].read {
            background-color: var(--Gray-500);
        }

        .mydocuments-wrapper .action-menu input[type=button].edit {
            background-color: var(--Action);
        }

.mydocuments-wrapper .action input[type=button]:hover.edit {
    background-color: var(--ActionHover);
}

.mydocuments-wrapper .mydocuments-item .action input[type=button] {
    margin-left: 10px;
    background-color: var(--White);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 10px;
    text-align: left;
    font-size: 14px;
    color: var(--Gray-500);
    cursor: auto;
    border: solid 1px var(--Gray-400);
    color: var(--Gray-400);
}

    .mydocuments-wrapper .mydocuments-item .action input[type=button]:hover {
        background-color: #eee;
    }

#mydocuments-delete-modal p,
#mydocuments-upload-modal p {
    padding: 15px 0px;
}
/******************End My Documents***********************/





/****Cart Checkout Project Addition Styles****/

.shopping-cart-page .empty-cart {
    cursor: pointer;
    color: var(--Gray-500);
    text-decoration: underline;
}

    .shopping-cart-page .empty-cart:hover {
        color: var(--Gray-500);
    }

/***********History Search Details Modal*************/

.modal-content .item-wrapper div:first-child {
    font-weight: 700;
}

.history-search-page + .modal .modal-content {
    width: 750px;
}

.modal-content .item-wrapper {
    display: inline-block;
    margin: 0 auto;
}

    .modal-content .item-wrapper div:first-child {
        font-weight: 700;
        line-height: 19px;
        margin-top: 20px;
    }

    .modal-content .item-wrapper div:nth-child(2) {
        line-height: 23px;
    }

.item-wrapper-split {
    border-right: 1px solid var(--Gray-500);
    width: 2px;
    padding-top: 20px;
}

.modal-body .item-wrapper .complete {
    background-image: url('/Images/checkmark.png');
    background-repeat: no-repeat;
    background-size: 19px;
    background-position-x: 10px;
    background-position-y: 4px;
}

.modal-buttons a {
    color: var(--Action);
    display: block;
    width: 111px;
    height: 40px;
    text-align: center;
    padding: 8px;
    border: solid 2px var(--Action);
    text-decoration: none;
    display: inline-block;
    margin: 12px 5px 6px 5px;
    font-weight: 700;
    font-size: 15px;
}
/******************Invoice Summary Chart***************************/

.chart-wrapper .title {
    font-weight: 700;
}

.chart-wrapper .filter-items {
    display: inline-block;
    margin-top: 10px;
}

    .chart-wrapper .filter-items .item {
        margin-left: 5px;
        display: inline-block;
        border: 1px solid var(--Gray-500);
        padding: 5px;
    }

        .chart-wrapper .filter-items .item div {
            display: inline-block;
        }

/******************End Invoice Summary Chart***********************/



/***Fix for Responsive iFrame Video****/
.video-size {
    margin: 20px auto 20px auto;
    max-width: 55%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe,
    .videoWrapper video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videoWrapperModal {
    position: relative;
    padding-bottom: 56.25%;
}

    .videoWrapperModal div {
        height: 100%;
        width: 100%;
        position: absolute;
    }

        .videoWrapperModal div iframe {
            height: 100%;
            width: 100%;
        }

.iframe-border-none iframe{
    border:none;
}
/***********Customer Managed Pages ****************************/

.customermanaged-permission #customermanaged-permission-table img {
    max-width: 45px;
    max-height: 28px;
}

.customermanaged-polist .item-save-indicator {
    padding-right: 10px;
}

.customermanaged-polist .item-count {
    padding-left: 20px;
}
/***********Corprate Access************/
.button-1.add-new-button,
.button-1.save-button {
    border: solid 1px var(--Action);
    background-color: var(--White);
    padding: 10px;
    color: var(--Action);
}

.button-1.save-button {
    margin-top: 10px;
}

.item-save-indicator {
    margin-left: 8px;
}

    .item-save-indicator img {
        width: 20px;
    }

.permission-input {
    padding: 6px;
}

.polist-item {
    margin-bottom: 10px;
}

.purchaselimit input {
    width: 130px;
}


/******************Right Column Blog Links********************/

.right-column .blog-posts .post-title,
.right-column .blog-posts .news-title {
    padding: 20px 10px 5px;
    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
}

.right-column .blog-posts .post-body .post-body-image img {
    max-width: 100%;
}

.right-column .blog-posts .buttons .read-more,
.right-column .news-items .buttons .read-more,
.right-column .topic-columnview-list .buttons .read-more {
    font-size: 12px;
    padding: 6px 10px;
    min-width: 100px;
    color: var(--Action);
    border: 2px solid var(--Action);
    background-color: var(--White);
    text-decoration: none;
}

/****************Category Search Widget**********************/
.search-category-selection-container {
    float: left;
    min-width: 50px;
    border: none;
    background-color: #eaeaea;
    border-radius: 7px 0 0 7px;
    cursor: pointer;
    min-height:45px;
}

    .search-category-selection-container .search-category-input {
        padding: 16px 10px 0px 15px;
        color: var(--Gray-400);
        text-align: center;
        display: inline-block;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        line-height: 37px;
    }

    .search-category-selection-container .search-category-input-arrow {
        padding-right: 15px;
        color: var(--White);
        text-align: center;
        display: inline-block;
        cursor: pointer;
        line-height:29px;
    }

.search-category-options {
    z-index: 9999;
    position: absolute;
    background: var(--White);
    border: 1px solid var(--Gray-500);
    padding: 5px 5px 5px 5px;
    min-width: 320px;
    overflow-y: scroll;
    border-right: none;
}

    .search-category-options .search-category-option {
        padding: 5px;
        cursor: pointer;
    }

    .search-category-options .selected {
        background-color: var(--Action);
        color: var(--white);
    }

    .search-category-options .search-category-option:hover {
        background-color: var(--Gray-600);
    }
/************End Category Search Widget**********************/

/************New Search Layout ******************************/
.search-tab-container {
    display: flex;
    padding-bottom: 1.25em;
}

    .search-tab-container .tab {
        border-bottom: 1px solid var(--Gray-500);
        text-transform: uppercase;
        cursor: pointer;
        border-radius: 100px;
        margin-right: 20px;
    }

.tab:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border: solid 1px var(--Action);
}

.tab:nth-child(2) {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border: solid 1px var(--Action);
}

.search-tab-container .tab.selected {
    color: var(--White);
    background-color: var(--Action);
    padding: 10px 20px;
}

.search-tab-container .tab {
    padding: 10px 20px;
}

    .search-tab-container .tab.selected .text {
        color: var(--White);
    }

.search-tab-container .text {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 2px;
    text-align: left;
    color: var(--Action);
}



.search-tab-container .helperText {
    color: var(--Gray-500);
    font-size: 12px;
    margin: 4px 0;
    text-align: left;
}

.search-tab-container .selected .helperText {
    color: var(--White);
}


.search-result-container .product-search-resultset-container {
    display: flex;
}

.product-search-resultset-container .product-search-resultset-right {
    flex-grow: 10;
}

.product-search-resultset-left{
    min-width:200px;
    padding-right: 20px;
}

.product-search-resultset-left div p:hover {
    color: var(--Action);
}


.site-search-resultset .slider-link-container {
    margin-bottom: 5px;
}

    .site-search-resultset .slider-link-container span img {
        max-height: 15px;
        width: auto;
        display: inline-block;
    }

.search-results .site-search-resultset .slider-link-container span.item-desc {
    font-size: 12px;
    display: inline-block;
}

.search-results .site-search-resultset .slider-longdescription {
    line-height: 23px;
}

.search-results .site-search-resultset .search-listview .slider-longdescription {
    margin-top: -10px;
}


.search-results .site-search-resultset .search-listview .slider-name {
    font-size: 16pt;
    font-weight: 700;
    text-decoration: none;
}


    .search-results .site-search-resultset .search-listview .slider-name:hover {
        font-size: 16pt;
        font-weight: 700;
        color: var(--Action);
    }

.search-tab-container {
    padding: 0px;
    margin-bottom: 1.25em;
    border-bottom: solid 1px var(--Gray-500);
    padding-bottom: 10px;
}

    .search-tab-container .tab-spacer {
        border: none;
    }


.search-listview-content .listview-item {
    text-align: left;
}

/***Responsive New Search***/

/************End New Search Layout **************************/

/************Config File Upload*******************************/
.customer-template-container {
    display: flex;
}

    .customer-template-container .customer-template-label {
        padding-right: 5px;
        padding-top: 5px;
    }

    .customer-template-container .customer-template-templatedownload {
        padding-left: 2em;
        padding-top: 8px;
    }

/************End Config File Upload **************************/

/************Configurator Mult Parts Found Modal**************/
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: top;
    padding-top: 2em;
    pointer-events: none;
}

#config-potential-matches-modal .modal-content {
    max-width: 100vw;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

#config-potential-matches-modal .modal-body .config-potential-matches-count {
    padding: 0 0 0 15px;
    margin: 0;
}

#config-potential-matches-modal .modal-body .product-list {
    margin: 0 15px 0 15px;
}

#config-potential-matches-modal .modal-body .item-grid {
    padding: 0;
    margin: 0;
}

    #config-potential-matches-modal .modal-body .item-grid div {
        margin: 0;
    }

#config-potential-matches-modal .modal-body .item-box {
    width: 100%;
}

#config-potential-matches-modal .modal-body .config-potential-matches-modal-overview-wrapper div {
    padding: 0;
    margin: 0;
}

#config-potential-matches-modal .modal-body .config-potential-matches-modal-overview-wrapper .config-potential-matches-modal-overview-header {
    padding-bottom: 20px;
}

#config-potential-matches-modal .modal-body .config-potential-matches-modal-overview-wrapper .item-box {
    padding-bottom: 20px;
}

#config-potential-matches-modal .modal-body .product-item {
    display: flex;
}

    #config-potential-matches-modal .modal-body .product-item .product-breadcrumb li {
        font-size: 14px;
    }

    #config-potential-matches-modal .modal-body .product-item .picture {
        max-width: 100px;
    }

        #config-potential-matches-modal .modal-body .product-item .picture + .details {
            margin: 0 0 0 2em;
        }

    #config-potential-matches-modal .modal-body .product-item .product-title {
        padding: 5px 0;
    }

    #config-potential-matches-modal .modal-body .product-item .left-container div {
        font-size: 14px;
        color: var(--Gray-500);
    }

    #config-potential-matches-modal .modal-body .product-item .right-container {
        position: inherit;
        right: auto;
        bottom: auto;
        float: left;
    }

.modal-body .item-box .button-1 {
    width: 60%;
    background-color: var(--Action);
    text-align: center;
    font-size: 15px;
    color: var(--White);
    text-transform: uppercase;
}

    .modal-body .item-box .button-1:hover {
        background-color: #194b6b;
    }

#config-potential-matches-modal .modal-body .item-box .buttons {
    margin: 0 0 0 125px;
}

#config-potential-matches-modal .modal-body .product-item .product-title.no-selected-product {
    color: var(--Gray-400);
    font-weight: 700;
    padding-bottom: 1.25em;
}

#config-potential-matches-modal .modal-body .product-item .right-container.no-selected-product {
    padding-bottom: 1.25em;
}

/************End Configurator Mult Parts Found Modal**********/

/************Product Detail Page Changes**********************/
.add-to-cart-row {
    display: flex;
    flex-wrap: wrap;
}

.product-details-page .add-to-cart input[type="button"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 43px
}


.product-lifecycle-status-container {
    border: solid 1px var(--Gray-500);
    padding: 20px;
    margin-left: 20px;
    height: 43px;
}

    .product-lifecycle-status-container span {
        background-color: var(--White);
        margin-top: -26px;
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        width: 45px;
        margin-left: -4px;
        padding: 0 5px;
    }

/************End Product Detail Page Changes******************/
/****SBU to Category Select Page*/

.category-select-page .search-infinitescroll .slider-link-container {
    height: 150px;
    width: 150px;
}

    .category-select-page .search-infinitescroll .slider-link-container:hover {
        border: var(--Action) 2px solid;
    }

.category-select-page .search-infinitescroll .infinitescroll-item p {
    padding-top: 0px;
}

/******Unslider Fix*****/
.topic-block ul.unslider-wrap {
    margin: 0px;
    padding: 0px;
}

.banner-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}


/***Removes shadow on pdp image****/
.xzoom {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0) !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0) !important;
}

/******New Menu****/
.header-menu .sublist .mega-column-wrapper {
    border: none;
}

.header-menu .mega-column {
    min-width: 200px;
}



/********PDP Head Banner**************/
.header-banner.large {
    width: 52%;
}

/********End PDP Head Banner*********/

/********Bootstrap Header Classes*****/
.dropdown-menu-arrow {
    top: -25px;
    left: 50%;
    width: 0;
    height: 0;
    position: relative;
}

.header-upper .header-logo {
    text-align: left;
}

.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 8px;
    border-style: solid;
    border-color: transparent;
    z-index: 1001;
}

.dropdown-menu-arrow:after {
    bottom: -18px;
    right: -8px;
    border-bottom-color: var(--Action);
}

.dropdown-menu-arrow:before {
    bottom: -17px;
    right: -8px;
    border-bottom-color: rgba(0,0,0,.15);
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 auto 0 0;
    background: var(--White);
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(200%,0);
    transform: translate(200%,0);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    flex-flow: column;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}

.cart-icon-indicator {
    content: url("/Images/cart-gray-icon-indicator.png");
}

    .cart-icon-indicator.mobile {
        content: url("/Images/cart-white-icon-indicator.png");
    }

.cart-icon {
    content: url("/Images/cart-gray-icon.png");
}

    .cart-icon.mobile {
        content: url("/Images/cart-white-icon.png");
    }

.account-menu-header-text-title {
    font-size: 1rem;
}

.account-menu-wrapper .dropdown-menu {
    -webkit-box-shadow: 0px 13px 21px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 13px 21px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 13px 21px -6px rgba(0,0,0,0.75);
}

#flyout-cart-wrapper .items .item {
    border-bottom: 1px solid var(--Gray-500);
}

#flyout-cart-wrapper .picture img {
    max-height: 70px;
}

.d-header-links-wrapper {
    position: relative;
    top: 14px;
}


.dropdown-menu .dropdown-header-between {
    background: var(--Action);
    margin-top: -10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding-top: 7px;
}

/**add to cart flyout**/

.flyout-add-confirmation {
    right: 0;
    z-index: 1;
    width: 300px;
    background-color: var(--White);
    color: var(--Gray-400);
    opacity: 0.95;
}

    .flyout-add-confirmation.active {
        display: block;
    }

.cart-add-confirmation {
    position: absolute;
    z-index: 1;
    background-color: var(--White);
    right: 0;
    width: 300px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .cart-add-confirmation .message {
        font-size: 20px;
        text-align: center;
    }

    .cart-add-confirmation .detail:first-child {
        border-top: 1px solid var(--Gray-500);
    }

    .cart-add-confirmation .detail {
        border-bottom: 1px solid var(--Gray-500);
        margin: 10px 0;
        padding: 5px 0;
    }

    .cart-add-confirmation .picture {
        float: left;
        width: 70px;
        text-align: center;
    }

        .cart-add-confirmation .picture a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            .cart-add-confirmation .picture a:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

        .cart-add-confirmation .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
        }

        .cart-add-confirmation .picture + .product {
            margin: 0 0 0 80px;
            padding: 15px;
            padding-left: 0px;
            text-align: left;
        }

    .cart-add-confirmation .name {
        margin: 0 0 10px;
        font-size: 14px;
        font-weight: 700;
    }

        .cart-add-confirmation .name a {
            color: var(--Action);
        }

            .cart-add-confirmation .name a:hover {
                color: var(--ActionHover);
            }



    .cart-add-confirmation input[type="button"] {
        height: 50px;
        border: none;
        background-color: var(--Action);
        font-size: 15px;
        color: var(--White);
        text-transform: uppercase;
        min-width: 240px;
        margin-top: 7px;
    }

        .cart-add-confirmation input[type="button"]:hover {
            background-color: var(--ActionHover);
        }


/********End Bootstrap Header Classes******/


/*****Hoffman on Demand PDP Banner ******/

.product-details-page .header-banner img {
    max-width: 325px;
}

/*****End Hoffman on Demand PDP Banner ******/


/*****Homepage Classes *********************/


.homepage-recentorders .picture img,
.homepage-recentquotes .picture img {
    width: 100%;
}

.card.product-item .picture {
    min-height: 108px;
}

.manufacturer-container .picture {
    min-height: 40px;
    max-height: 40px;
}

.home-page .card .card-footer {
    background-color: initial !important;
}

.my-account-team .oval-picture img {
    border-radius: 50%;
    border: 2px solid var(--Gray-600);
    background: var(--Gray-600);
    color: var(--White);
    max-height: 3.5em;
    max-width: 3.5em;
}

.btn-icon {
    padding-bottom: .25em !important;
    min-width: 10em; 
}

.overflow-x-scroll {
    overflow-x: auto !important;
    overflow-y: hidden;
}

.home-page .expertise-event-day {
    margin-left: -19px;
}

.home-page .manufacturer-container .card {
    flex: 0 0 auto;
}

.homepage-expertise-item {
    background: rgb(43,133,178);
    background: linear-gradient(180deg, rgba(43,133,178,1) 0%, rgba(22,67,89,1) 100%);
    display: inline-block;
    min-height:140px;
}

    .homepage-expertise-item a {
        text-decoration: none;
    }

    .homepage-expertise-item span {
        color: var(--White);
        font-weight: 700;
    }

.home-page .card-title {
    text-align: left;
}


/*****End Homepage Classes *****************/

/*****Start Configurators Classes***********/
.configurator-container {
    max-width: 300px;
}

.configurator-description {
    min-height: 73px;
}

.configurator-title-container {
    min-height: 60px;
}
/*****End Configurators Classes*************/

.disable-buybutton-messaging {
    max-width: 270px;
    padding-bottom: 10px;
    color: var(--Action);
    font-weight: 700;
    font-size: 13px;
}

.search-result-container .disable-buybutton-messaging {
    vertical-align: middle;
    height: 46px;
}

/***Owl Slider***/
.owl-slider-arrows .owl-next {
    color: var(--White) !important;
    position: relative;
    font-size: 68px !important;
    right: -53%;
    top: -146px;
}

.owl-slider-arrows .owl-prev {
    color: var(--White) !important;
    position: relative;
    font-size: 68px !important;
    right: 53%;
    top: -146px;
}

.owl-slider-arrows .owl-nav {
    height: 0px;
}



/***Item Grid***/

.flex-grid-wrap {
    margin-right: 1px;
}




/****Send input Blue Forms *** Dont remove*****/
#sib-form button {
    background-color: var(--Action) !Important;
    color: var(--White);
}

#sib-form button:hover {
    background-color: var(--ActionHover) !Important;
}

#sib-form a {
    color: var(--Action) !Important;
}

    #sib-form a:hover {
        color: var(--ActionHover) !Important;
        text-decoration: underline;
    }

#sib-form .entry__label::after {
    color: var(--Alert) !important;
}

#sib-form .entry__field:focus-within {
    box-shadow: 0 0 0 1px var(--Gray-500) !important;
}

/*****Gates Configurator******/

#gates-configuration-page .price-increase-message {
    display: none;
}

.featured-vendor {
    filter: grayscale(100%);
    transition: transform .3s;
    max-width: 230px;
    max-height: 80px;
    width: auto !important;
    margin: auto auto;
}

    .featured-vendor:hover {
        filter: grayscale(0%);
        transform: scale(1.05);
    }

.mfr-dynamic-wrapper .owl-nav {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    top: -110px;
    width: 100%;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    height:0px;
}

    .mfr-dynamic-wrapper .owl-nav span {
        font-size: 50px;
    }

    .desktop-header,
    .mobile-header{
        min-height:200px;
        background-size:cover;
        background-repeat:no-repeat;
    }

        .desktop-header h1,
        .mobile-header h1 {
            padding: 70px 20px;
            text-shadow:0 0 3px #dfdede;
        }

.no-bleed-wrapper{
    min-height:60px;
    margin-left:20px;
    margin-right:20px;
}

.pull-quote {
    border: solid 4px var(--Primary-500);
    margin: 20px;
    max-height: calc(100vh - 80px);
}

.pull-quote-span {
    font-size: 80px;
    position: relative;
    top: 100px;
    left: 14px;
    background: var(--white);
    padding-right: 30px;
    color: #20c997;
}


.pull-quote h5 {
    position: relative;
    margin: 20px;
    z-index: 9000;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 1 !important;
}

.jump-to-container .sticky {
    position: fixed;
    top: 0;
    width: 63%;
    background: var(--White);
    z-index: 999;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px !important;
    box-shadow: 0px 3px 6px -1px rgb(0 0 0 / 36%);
    width: 94% !important;
}

/* Loading animations for product loads
    Reference: https://www.freecodecamp.org/news/how-to-build-skeleton-screens-using-css-for-better-user-experience/
*/

.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 80%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}


.skeleton.skeleton-filter-specification {
    border: 1px solid hsl(200, 20%,95%);
    margin: 27px 0;
}

    .skeleton .skeleton-sub-title {
        margin: 0 0 10px;
        border-bottom: 1px solid hsl(200, 20%, 85%);
        background-color: hsl(200, 20%, 95%);
        padding: 12px 30px 12px 10px;
        color: white;
    }

    .skeleton .skeleton-filter-anchor {
        display: inline-block;
        margin: 2px 0 2px 20px;
        font-size: 14px;
        color: #060606;
        width: 80%;
        height: 0.7rem;
        margin-bottom: 0.5rem;
        border-radius: 0.25rem;
        background-color: hsl(200, 20%, 95%);
    }

.skeleton.box-200-200 {
    width: 200px;
    height: 200px;
    color: #eee;
    box-shadow: inset -1px -1px 100px 100px hsl(200, 20%, 95%);
    border-radius: 0.5rem;
}

.skeleton.fake-button {
    width: 100px;
    height: 1.4rem;
    color: #eee;
    box-shadow: inset -1px -1px 1.4rem 100px hsl(200, 20%, 95%);
    border-radius: 0.5rem;
    display: inline-block;
}

.skeleton.fake-text {
    height: 0.7rem;
    width: 95%;
    color: #eee;
    box-shadow: inset -1px -1px 0.7rem 200px hsl(200, 20%, 95%);
    border-radius: 0.5rem;
    margin-top: 5px;
    margin-bottom: 5px;
}

h3 .skeleton.fake-text {
    height: 2.1rem;
}

.skeleton .right-container {
    position: absolute;
    right: 0;
}


.skeleton-item-picture {
    width: 200px;
    height: 200px;
    margin: 2px;
    padding: 20px;
    border-radius: 0.25rem;
    background-color: hsl(200, 20%, 95%);
}

.skeleton-text {
    display: inline-block;
    width: 95%;
    height: 0.7rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    background-color: hsl(200, 20%, 95%);
}

.active.collapse:not(.show) {
    display: block !important;
}

.inactive.collapse:not(.show) {
    display: none !important;
}

.collapse:not(.show) {
    display: block !important;
}

.search-box-text{
    border-top-left-radius:7px !important;
    border-bottom-left-radius: 7px !important;
}

.search-autocomplete{
    max-width:370px
}