.clearfix:after {
    content: "";
    display: table;
    clear: both
}


.invisible {
    visibility: hidden !important
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.form-control {
    display: block;
    width: 100%;
    padding: 5.25px 10.5px;
    padding: .375rem .75rem;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .25rem
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: none
    }

    .form-control:-ms-input-placeholder {
        color: #999;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .form-control::placeholder {
        color: #999;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #eceeef;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .form-control:disabled {
        cursor: not-allowed
    }

.form-control-file, .form-control-range {
    display: block
}

.form-control-label {
    padding: 5.25px 10.5px;
    padding: .375rem .75rem;
    margin-bottom: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
        line-height: 2.25rem
    }

    input[type=date].input-sm, .input-group-sm input[type=date].form-control, input[type=time].input-sm, .input-group-sm input[type=time].form-control, input[type=datetime-local].input-sm, .input-group-sm input[type=datetime-local].form-control, input[type=month].input-sm, .input-group-sm input[type=month].form-control {
        line-height: 1.8625rem
    }

    input[type=date].input-lg, .input-group-lg input[type=date].form-control, input[type=time].input-lg, .input-group-lg input[type=time].form-control, input[type=datetime-local].input-lg, .input-group-lg input[type=datetime-local].form-control, input[type=month].input-lg, .input-group-lg input[type=month].form-control {
        line-height: 3.1666666667rem
    }
}

.form-control-static {
    min-height: 31.5px;
    min-height: 2.25rem;
    padding-top: 5.25px;
    padding-top: .375rem;
    padding-bottom: 5.25px;
    padding-bottom: .375rem;
    margin-bottom: 0
}

    .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: 3.85px 10.5px;
    padding: .275rem .75rem;
    font-size: 12.25px;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: 10.5px 17.5px;
    padding: .75rem 1.25rem;
    font-size: 17.5px;
    font-size: 1.25rem;
    line-height: 1.3333333333;
    border-radius: .3rem
}

.form-group {
    margin-bottom: 14px;
    margin-bottom: 1rem
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-bottom: 10.5px;
    margin-bottom: .75rem
}

    .radio label, .checkbox label {
        padding-left: 17.5px;
        padding-left: 1.25rem;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

        .radio label input:only-child, .checkbox label input:only-child {
            position: static
        }

    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
        position: absolute;
        margin-top: 3.5px;
        margin-top: .25rem;
        margin-left: -17.5px;
        margin-left: -1.25rem
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -3.5px;
        margin-top: -.25rem
    }

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 17.5px;
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10.5px;
        margin-left: .75rem
    }

input[type=radio]:disabled, input[type=radio].disabled, input[type=checkbox]:disabled, input[type=checkbox].disabled {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label {
    cursor: not-allowed
}

.form-control-success, .form-control-warning, .form-control-danger {
    padding-right: 31.5px;
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right 7.875px;
    background-position: center right .5625rem;
    background-size: 1.4625rem 1.4625rem
}

.has-success .text-help, .has-success .form-control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-feedback {
    color: #5cb85c
}

.has-success .form-control-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==)
}

.has-warning .text-help, .has-warning .form-control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: white
}

.has-warning .form-control-feedback {
    color: #f0ad4e
}

.has-warning .form-control-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+)
}

.has-danger .text-help, .has-danger .form-control-label, .has-danger .radio, .has-danger .checkbox, .has-danger .radio-inline, .has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-feedback {
    color: #d9534f
}

.has-danger .form-control-danger {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=)
}

@media(min-width:544px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
            z-index: 3
        }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell
    }

        .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0
        }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 5.25px 10.5px;
    padding: .375rem .75rem;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #55595c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid #ccc;
    border-radius: .25rem
}

    .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 3.85px 10.5px;
        padding: .275rem .75rem;
        font-size: 12.25px;
        font-size: .875rem;
        border-radius: .2rem
    }

    .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10.5px 17.5px;
        padding: .75rem 1.25rem;
        font-size: 17.5px;
        font-size: 1.25rem;
        border-radius: .3rem
    }

    .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
            z-index: 3
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

        .input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover, .input-group-btn:last-child > .btn-group:focus, .input-group-btn:last-child > .btn-group:active, .input-group-btn:last-child > .btn-group:hover {
            z-index: 3
        }



em {
    font-style: italic
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none
    }


@media only screen and (min-width:48em) {
    body {
        min-width: 0;
        overflow: visible;
        width: 100%;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none
    }
}

body.generic {
    background: white url(/~/media/Images/CPUS/Global/Logos/MapleBackground_gradient.jpg?mw=1245) 0 0 repeat-x
}




p {
    padding-bottom: 1em
}

fieldset h2, fieldset label {
    font-weight: 700
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    zoom: 1
}

input, textarea, select {
    color: #999
}

option {
    color: #999;
    color: #66552a
}

.j_on input.clear_value_off {
    color: #999 !important
}

.j_on input.order_input.email.clear_value_off {
    color: #6f5a39 !important
}

input[type=checkbox], input[type=radio] {
    border: none !important
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

@media only screen and (min-width:60em) {
    .ttip:after, .ttip:before {
        display: none
    }
}

.wrapper {
    clear: both;
    margin: 0 auto;
    padding: 0;
    max-width: 960px
}

    .wrapper + .wrapper {
        border-bottom: 5px #000 dashed
    }

.cols {
    position: relative;
    float: left;
    width: 100%
}

.site_body {
    background: #fff;
    padding: 10px
}

.generic .site_body {
    overflow: hidden
}

h2.subhead {
    color: #7a6535;
    line-height: 14px;
    margin: 0 0 15px
}

@media only screen and (min-width:48em) {
    h2.subhead {
        font-size: 18px
    }
}

@media only screen and (min-width:60em) {
    h2.subhead {
        font-size: 20px
    }
}

.search-wrap .dropdown-link, .sel_wrap1, .sel_wrap2 {
    display: inline-block
}

    .sel_wrap1 a, .sel_wrap2 a {
        font-size: 12px;
        font-size: 11.999px;
        font-size: .8571428571rem;
        line-height: 24px;
        color: #776138;
        display: block
    }

        .sel_wrap1 a.sel_label1, .sel_wrap2 a.sel_label2 {
            background: #f2efe5 url(/_Images/CPUS/Global/arrow-down-brown-lg.png) right 10px no-repeat;
            height: 23px;
            padding: 0 10px 0 5px;
            border-left: 1px solid #c5bbad;
            margin: 3px 0
        }

        .sel_wrap1 a:hover, .sel_wrap2 a:hover {
            color: #bd1d01
        }

.sel_drop1, .sel_drop2 {
    position: absolute;
    top: 29px;
    left: -1px;
    background-color: #f2efe5;
    width: 92%;
    border: 1px solid #c5bbad;
    z-index: 100
}

    .sel_drop1 ul, .sel_drop2 ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .sel_drop1 ul li, .sel_drop2 ul li {
            border-top: 1px solid #c5bbad;
            padding-bottom: 5px
        }

            .sel_drop1 ul li a, .sel_drop2 ul li a {
                padding: 5px 5px 0 10px
            }

            .sel_drop1 ul li:first-child, .sel_drop2 ul li:first-child {
                border-top: 0
            }


.editor-notes-wrapper .editor-notes-pad {
    background: url(/_Images/CPUS/Global/editors-notes-bg.png) 0 0 repeat;
    padding: 3px 20px 20px
}

.editor-notes-wrapper .editor-notes-content {
    background-color: #fff;
    padding: 25px 20px;
    margin-top: -5px
}

    .editor-notes-wrapper .editor-notes-content .page-content {
        font-size: 14px;
        font-size: 1rem;
        line-height: 22px;
        color: #66552a
    }


.video-player {
    margin-bottom: 35px
}

.comments input, .comments textarea {
    width: 100%;
    display: block;
    padding: 7px 0 7px 7px;
    font: 13px Arial,Helvetica,sans-serif;
    color: #382e16;
    border-radius: 3px;
    border: 1px solid #ccc3b8;
    box-shadow: inset 6px 6px 1px -4px #b9b5a9;
    background: #f2efe5
}

.comments fieldset {
    float: left;
    padding: 10px 10px 10px 0;
    margin-right: 10px
}

.comments a {
    float: right;
    clear: left
}

.comments h2 {
    font-weight: 700;
    font-size: 14px
}

.comments .half {
    width: 40%
}

.comments .full {
    width: 82%
}


.new-search-box {
    float: right;
    background-color: #fff;
    border: 1px solid #e7e3b2;
    padding: 10px 25px 20px 10px;
    box-shadow: 0 3px 3px #f2efe5
}

    .new-search-box .new-search-box-title {
        color: #5c4827;
        font-family: Minion W01,sans-serif;
        font-size: 22px;
        font-size: 21.999px;
        font-size: 1.5714285714rem;
        line-height: 22px;
        margin-bottom: 10px
    }

    .new-search-box .search-box {
        width: 250px
    }

#at4-share, #at4m-dock.ats-light {
    background-color: #d7d7d7;
    border: 1px solid #fff;
    box-shadow: 0 0 1px 1px #898989
}

#at4-share {
    padding: 15px 5px 5px !important
}

    #at4-share:before {
        content: 'Share';
        display: block;
        font-size: 11px;
        font-size: 10.999px;
        font-size: .7857142857rem;
        height: 20px;
        left: 15px;
        line-height: 11px;
        margin-bottom: 5px;
        position: absolute;
        top: 5px;
        width: 100%
    }

    #at4-share a {
        display: block;
        float: none;
        height: 30px;
        margin: 5px auto;
        padding: 5px 0;
        width: 40px
    }

#at4m-mobile-container {
    position: relative;
    z-index: 99999
}

.page-content {
    color: #7a6535;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 24px
}

    .page-content strong {
        font-weight: 700
    }

    .page-content h3 {
        margin-bottom: 10px;
        font-weight: 700
    }

    .page-content a {
        text-decoration: underline
    }

        .page-content a:hover {
            color: #6f5a39
        }

    .page-content ul {
        margin: 0 0 0 15px;
        padding: 0;
        list-style-image: url(/_Images/CPUS/Global/bullet-red.png)
    }

        .page-content ul li {
            margin-bottom: 5px
        }

.room-solutions-wrapper .arrow.next {
    float: right
}


#reset {
    border-color: #bfbeb9;
    border-radius: 7px;
    box-shadow: none;
    font-weight: 400;
    height: 30px;
    margin-left: 10px;
    text-transform: none;
    width: 100px
}


.acct-info input[type=text], .acct-info input[type=password], .acct-info input[type=email], .acct-subscriptions input[type=text], .acct-subscriptions input[type=password], .acct-subscriptions input[type=email], .contact-info input[type=text], .contact-info input[type=password], .contact-info input[type=email] {
    padding: 5px;
    width: 95%
}

@media only screen and (min-width:30em) {
    .acct-info input[type=text], .acct-info input[type=password], .acct-info input[type=email], .acct-subscriptions input[type=text], .acct-subscriptions input[type=password], .acct-subscriptions input[type=email], .contact-info input[type=text], .contact-info input[type=password], .contact-info input[type=email] {
        width: auto
    }
}

.acct-info input.add-new-btn, .acct-subscriptions input.add-new-btn, .contact-info input.add-new-btn {
    float: right;
    margin-top: -48px
}

.acct-info select, .acct-subscriptions select, .contact-info select {
    padding: 4px;
    width: 98%
}

@media only screen and (min-width:30em) {
    .acct-info select, .acct-subscriptions select, .contact-info select {
        max-width: 165px
    }
}

.account-info {
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px;
    border-top: 1px solid #e6e2af;
    margin-bottom: 10px
}

    .account-info input[type=text], .account-info input[type=password] {
        width: 220px;
        height: 29px
    }

    .account-info input.add-new-btn {
        float: right;
        margin-top: -48px
    }

    .account-info.edit {
        background-color: #ff9
    }

        .account-info.edit input[type=text], .account-info.edit input[type=password] {
            height: 34px
        }

        .account-info.edit .account-info-label {
            line-height: 40px
        }

        .account-info.edit .account-info-field {
            line-height: 40px
        }

        .account-info.edit .account-info-btns-wrap {
            float: right
        }

        .account-info.edit .cancel-link {
            display: inline
        }

    .account-info .account-info-fields-wrap {
        float: left
    }

    .account-info .account-info-title {
        font-size: 18px;
        font-size: 17.999px;
        font-size: 1.2857142857rem;
        line-height: 18px;
        color: #998b63;
        padding: 25px 0 30px;
        background-color: #fff
    }

    .account-info .account-info-fields-row {
        margin-bottom: 15px
    }

    .account-info .account-info-label {
        width: 123px;
        text-align: right;
        margin-right: 15px;
        color: #998b63;
        vertical-align: top;
        line-height: 30px
    }

    .account-info .account-info-field {
        color: #5c4827;
        line-height: 30px;
        width: 226px
    }

    .account-info .account-info-btns-wrap {
        float: left
    }

    .account-info .account-info-label, .account-info .account-info-field {
        display: inline-block;
        line-height: 18px
    }

    .account-info .cancel-link {
        font-size: 12px;
        font-size: 11.999px;
        font-size: .8571428571rem;
        line-height: 12px;
        color: #5c4827;
        text-decoration: underline;
        margin-right: 25px;
        display: none
    }


.my-acct-section, .invoice-detail-wrapper, .payment-detail-wrapper, .order-detail-wrapper, .quote-detail-wrapper {
    background: #f2efe6;
    position: relative;
    margin-bottom: 20px;
    padding: 2% !important;
    box-shadow: 1px 1px 3px #ddd;
    border-bottom: 2px solid #c5bbad
}


.subscription-freq input {
    display: inline-block
}

.my-acct-section h3, .form-section h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 21.999px;
    font-size: 1.5714285714rem;
    color: #5c4827
}

@media only screen and (min-width:48em) {
    form .select-company {
        width: 46.875%;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:48em) {
    form .filter-results {
        margin-bottom: 0;
        width: 46.875%;
        float: right
    }
}

form .select-company, form .filter-results {
    display: inline-block;
    vertical-align: top
}

    form .select-company input, form .select-company label, form .filter-results input, form .filter-results label {
        margin: .25em 0
    }

    form .select-company span, form .select-company input, form .select-company select, form .select-company label, form .filter-results span, form .filter-results input, form .filter-results select, form .filter-results label {
        max-width: 100%;
        width: 100%
    }

form .inline-name {
    width: auto
}

.custom-section a.modal-link {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 10px 10px 5px;
    background: url(/_Images/cpus/global/icon-info.png) no-repeat left top;
    text-indent: -9999px
}

.custom-section .custom-title a.modal-link {
    margin-top: 10px
}

.new-inquiry {
    text-align: center;
    padding-right: 0;
    padding-left: 0
}

.zipcode-input-instructions {
    display: inline-block;
    text-align: left;
    width: 35%
}

@media only screen and (min-width:48em) {
    .zipcode-input-instructions {
        vertical-align: top;
        width: 40%
    }
}

@media only screen and (min-width:60em) {
    .zipcode-input-instructions {
        vertical-align: middle;
        width: auto
    }
}

.order-header {
    margin-top: 10px;
    padding: 10px 20px
}

@media only screen and (min-width:48em) {
    .order-header {
        padding: 30px 15px 10px
    }
}

.order-header .form-button {
    border-top: #846b42
}

    .order-header .form-button a {
        margin: 0
    }

.order-section {
    clear: both;
    margin-bottom: 7px
}

    .order-section h4 {
        background: #fbf5e7;
        border-left: 4px solid #846b42;
        color: #846b42;
        cursor: pointer;
        font-size: 16px;
        font-size: 1.1428571429rem;
        font-weight: 700;
        padding: 15px 30px 12px 16px;
        position: relative
    }

        .order-section h4:after {
            content: '';
            display: block;
            background: #fbf5e7 url(/Content/Images/bg-toggle.gif) no-repeat right 12px;
            height: 32px;
            position: absolute;
            top: 0;
            right: 0;
            width: 30px
        }

    .order-section.active h4:after {
        background-position: right -29px
    }

    .order-section.cart-wrapper {
        padding: 30px
    }

    .order-section.payment .form-section {
        margin-top: 20px
    }

    .order-section.payment p.card-no {
        font-weight: 700;
        margin-bottom: 20px
    }

    .order-section label {
        color: #846b42
    }

.order-section-info {
    display: none;
    padding: 10px 20px
}

    .order-section-info .info ul {
        list-style: disc;
        padding: 0 10px 15px
    }

    .order-section-info .form-section {
        display: none
    }

.order_text {
    margin-bottom: 10px
}

.address_block {
    float: left;
    margin: 0 10px 20px 20px;
    width: 223px
}

.payment_block {
    float: left;
    margin: 0 0 10px;
    width: 243px
}

.shipping_instr {
    margin: 0 350px 10px 0;
    max-width: 600px;
    width: 100%
}

.summary-wrapper {
    padding: 15px 10px 10px;
    background: #ededed
}

    .summary-wrapper h3 {
        font-size: 22px;
        font-size: 21.999px;
        font-size: 1.5714285714rem;
        color: #58aaaa
    }

.order-detail-section .summary-wrapper, .cart-wrapper .summary-wrapper {
    float: right;
    padding: 0;
    background: none;
    width: 100%
}

@media only screen and (min-width:30em) {
    .order-detail-section .summary-wrapper, .cart-wrapper .summary-wrapper {
        width: 50%
    }
}

.zipcode-input-wrap {
    border-top: 1px #dad2a2 solid;
    margin: 1em 0 0;
    padding: 1em 0 0
}

@media only screen and (min-width:20em) {
    .zipcode-input-wrap {
        border-bottom: 1px #dad2a2 solid;
        color: #5c4827;
        float: left;
        padding: 1em 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (min-width:30em) {
    .zipcode-input-wrap {
        border-bottom: none;
        text-align: left;
        width: 65.625%
    }
}

@media only screen and (min-width:60em) {
    .zipcode-input-wrap {
        width: 75%
    }
}

.zipcode-input-wrap label {
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

@media only screen and (min-width:48em) {
    .zipcode-input-wrap label {
        width: auto
    }
}

@media only screen and (min-width:20em) {
    .zipcode-input-wrap input {
        margin-right: 15px
    }
}

@media only screen and (min-width:20em) {
    .zipcode-input-wrap input, .zipcode-input-wrap span, .zipcode-input-wrap label {
        margin-top: 0;
        vertical-align: top
    }
}

@media only screen and (min-width:60em) {
    .zipcode-input-field {
        margin: 0 10px
    }
}

.zipcode-input-error {
    font-size: 12px;
    font-size: 11.999px;
    font-size: .8571428571rem;
    line-height: 12px;
    color: #ed1c24;
    margin-top: 10px
}

.order_total_wrapper {
    border-top: 1px #dad2a2 solid;
    font-size: 14px;
    font-size: 1rem;
    color: #5c4827;
    float: none;
    line-height: 14px;
    margin: 1em 0 0;
    width: 100%
}

@media only screen and (min-width:48em) {
    .order_total_wrapper {
        float: right;
        width: 31.25%
    }
}

@media only screen and (min-width:60em) {
    .order_total_wrapper {
        width: 25%
    }
}

.order_total_wrapper .delivery_note {
    font-size: 12px;
    font-size: 11.999px;
    font-size: .8571428571rem;
    line-height: 18px;
    color: #998b63
}

    .order_total_wrapper .delivery_note td {
        border-bottom: 1px solid #dad2a2;
        padding: 5px
    }

.order_total_wrapper .total_row {
    font-weight: 700
}

    .order_total_wrapper .total_row td {
        padding: 15px 0 15px 5px
    }

.order_total {
    margin: auto
}

@media only screen and (min-width:48em) {
    .order_total {
        margin: 0
    }
}

.order_total td {
    padding: 10px 0 10px 5px
}

.order_total .total_row td {
    font-weight: 700
}

.order_total tr td {
    display: table-cell
}

.listing-desc {
    font-size: 14px;
    font-size: 1rem;
    color: #7a6535;
    height: auto;
    line-height: 22px;
    width: 100%
}

@media only screen and (min-width:48em) {
    .listing-desc {
        width: 96.875%;
        margin: 15px 0 0 20px
    }
}

.listing-desc ul {
    list-style: initial;
    margin-left: 20px
}


.featured-image {
    display: block;
    float: right;
    margin: 0 0 15px;
    width: 100%
}

@media only screen and (min-width:48em) {
    .featured-image {
        margin: 5px 5px 15px;
        width: 50%
    }
}

.order-detail-section {
    position: relative;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 1px 1px 3px #ddd;
    border-bottom: 2px solid #c5bbad
}

    .order-detail-section h1 {
        padding: 15px;
        font-size: 2em
    }

    .order-detail-section.order {
        height: 75px;
        margin-top: -10px;
        padding-top: 7px;
        background: #fbf5e7;
        border: none;
        text-align: center
    }

        .order-detail-section.order .summary-section {
            position: absolute;
            font-size: 22px;
            font-size: 21.999px;
            font-size: 1.5714285714rem;
            color: #fff;
            padding: 22px 0 0 25px
        }

            .order-detail-section.order .summary-section .amount {
                padding-left: 20px
            }

    .order-detail-section fieldset input[type=text] {
        border: 1px #dad2a3 solid;
        padding: .5em .25em;
        width: 100%
    }

@media only screen and (min-width:30em) {
    .order-detail-section fieldset input[type=text] {
        width: 43.75%
    }
}

@media only screen and (min-width:48em) {
    .order-detail-section fieldset input[type=text] {
        width: 31.25%
    }
}

.order-detail-section select {
    border: 1px #dad2a3 solid;
    padding: .4em .25em;
    margin: 0;
    width: 100%
}

@media only screen and (min-width:30em) {
    .order-detail-section select {
        width: 43.75%
    }
}

@media only screen and (min-width:48em) {
    .order-detail-section select {
        width: 31.25%
    }
}

.order-detail-section label {
    display: inline-block;
    max-width: initial;
    width: 100%
}

.order-detail-section .summary-section {
    padding: 20px !important
}

@media only screen and (min-width:30em) {
    .order-detail-section .summary-section {
        margin-right: 40px;
        padding: 10px 0 0 50px !important
    }
}

.order-detail-section .summary-section:last-of-type {
    border: none
}

.order-detail-section .summary {
    padding: 0
}

    .order-detail-section .summary p {
        line-height: initial;
        padding: 0
    }

    .order-detail-section .summary .total-price {
        overflow: visible
    }

.order-detail-section .total-price .option {
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 700
}

.order-detail-section .total-price .price {
    padding: 5px 0;
    text-align: left;
    width: 100%;
    font-size: 25px;
    font-size: 24.999px;
    font-size: 1.7857142857rem;
    color: #af1b00
}

.order-detail-section input[type=radio], .order-detail-section input[type=checkbox] {
    margin-top: 2.1px;
    margin-top: .15rem;
    margin-left: 0
}

.order-detail-section .form-chkbox {
    position: relative;
    float: left
}

    .order-detail-section .form-chkbox + label {
        width: 90%;
        max-width: 600px
    }

.order-detail-section .shipping_instr {
    display: block;
    margin: 0 0 1.25em
}

.order-detail-section .order_input {
    height: auto
}

.order-detail-section .k-input[type=text] {
    padding: 0.0em 0;
    text-align: left
}

.order-detail-section:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.order-detail-section .field-validation-error {
    float: none
}

@media only screen and (min-width:30em) {
    .order-detail-section .field-validation-error {
        margin-left: 45.3125%
    }
}

@media only screen and (min-width:48em) {
    .order-detail-section .field-validation-error {
        margin-left: 25%
    }
}

.quote-header .quote-date {
    float: left;
    width: 50%
}

.quote-header .quote-placed {
    float: left;
    width: 50%
}

    .quote-header .quote-placed input {
        float: left;
        width: 200px;
        margin-top: 0
    }

.quote-header p {
    margin-bottom: 15px
}

    .quote-header p strong, .quote-header p span {
        float: left
    }

    .quote-header p strong {
        padding-right: 5px;
        font-size: 16px;
        font-size: 1.1428571429rem;
        font-weight: 700
    }

        .quote-header p strong label {
            padding-top: 7px;
            color: #534d4d
        }

    .quote-header p span {
        font-size: 14px;
        font-size: 1rem
    }

.quote-summary .add-more-items {
    float: left
}

    .quote-summary .add-more-items .cta-button {
        margin: 20px
    }

.order .cta-button {
    float: right;
    clear: none;
    margin-right: 30px
}

    .payment .cta-button.light, .order .cta-button.light {
        padding: 12px 15px
    }

a.cancel-section {
    display: block;
    padding: 10px 0
}

.configurator .summary-wrapper-container {
    float: left;
    width: 40%
}

    .configurator .summary-wrapper-container .summary-wrapper {
        width: 376px
    }

.configurator .sticky .summary-wrapper-container .summary-wrapper {
    position: fixed;
    top: 0;
    z-index: 1000
}

.configurator .bottomed .summary-wrapper-container .summary-wrapper {
    position: absolute;
    bottom: 0;
    right: 0
}

.summary {
    margin-top: 15px;
    padding: 15px 10px 0;
    background: #fff
}

    .summary .summary-section {
        padding: 20px 0;
        border-bottom: 1px solid #e7ddd1;
        overflow: hidden
    }

        .summary .summary-section:first-of-type {
            padding-top: 0;
            border-bottom: 1px solid #e7ddd1
        }

    .summary p {
        margin-bottom: 10px;
        overflow: hidden
    }

    .summary .prod-rules p {
        color: #b94a48;
        background-color: #ededed;
        padding: 8px 35px 8px 14px;
        border-radius: 4px
    }

    .summary .qty {
        float: left;
        padding-right: 5px
    }

    .summary .option {
        float: left;
        text-align: left
    }

    .summary .price {
        float: right;
        text-align: right
    }

    .summary .prod-discount a {
        text-decoration: underline
    }

    .summary .how-many {
        float: left;
        margin-top: 20px
    }

        .summary .how-many label {
            margin-bottom: 5px
        }

    .summary .total {
        float: right;
        text-align: right
    }

        .summary .total .total-label {
            display: block;
            color: #999
        }

        .summary .total .total-price {
            display: block;
            padding-top: 15px;
            font-size: 28px;
            font-size: 2rem;
            color: #534d4d
        }

    .summary .summery-cta {
        text-align: center
    }

        .summary .summery-cta > div {
            margin: 0 -10px;
            padding: 15px 0;
            text-align: center;
            background: #fff;
            font-size: 18px;
            font-size: 17.999px;
            font-size: 1.2857142857rem;
            color: #534d4d
        }

            .summary .summery-cta > div.cta-primary {
                background: #af1b00
            }

            .summary .summery-cta > div.cta-secondary {
                background: #BBB
            }

            .summary .summery-cta > div .cta-button {
                position: relative;
                float: none;
                display: inline-block;
                margin-top: 0;
                padding: 15px 45px;
                font-size: 19px;
                font-size: 18.999px;
                font-size: 1.3571428571rem;
                color: #af1b00;
                background: #fff;
                text-transform: uppercase;
                border-radius: 2px;
                width: 75%
            }

        .summary .summery-cta .add-cart {
            padding: 15px 70px 15px 30px;
            background: #fff url(/_Images/CPUS/Global/bg-cart-button.gif) no-repeat 185px 12px
        }

    .summary .print-it .cta-button {
        width: 220px;
        padding: 15px 0;
        color: #b55425
    }

.order_input_wrap {
    position: relative
}

    .order_input_wrap .required-text {
        left: 150px;
        right: 0;
        top: 5px
    }

    .order_input_wrap.password {
        margin-bottom: 0
    }

.order_input {
    color: #5c4827;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-size: .9285714286rem;
    height: 30px;
    margin: 0 0 15px;
    padding: 0 88px 0 5px;
    width: 127px
}

    .order_input.email, .order_input.password {
        color: #5c4827;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        font-size: .9285714286rem;
        height: 30px;
        margin: 0 0 15px;
        padding: 0 88px 0 5px;
        width: 127px
    }

.order_input_notreq {
    color: #5c4827;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-size: .9285714286rem;
    height: 30px;
    margin: 0 0 15px;
    padding: 0 88px 0 5px;
    padding-right: 0;
    width: 127px;
    width: 215px
}

.payment-options-label {
    margin: 30px 80px 0 0
}

.checkout_left {
    color: #7a6535;
    font-size: 14px;
    font-size: 1rem;
    line-height: 22px
}

@media only screen and (min-width:48em) {
    .checkout_left {
        float: left;
        width: 50%
    }
}

@media only screen and (min-width:60em) {
    .checkout_left {
        float: left;
        width: 45%;
        margin: 0 0 30px 20px;
        padding-right: 0
    }
}

@media only screen and (min-width:20em) {
    .checkout_left .form-label {
        font-size: .8em;
        padding: 0;
        margin: 0;
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .checkout_left .form-label {
        font-size: .8em;
        width: 23%
    }
}

@media only screen and (min-width:20em) {
    .checkout_left .form-input {
        padding: 0;
        margin: 0;
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .checkout_left .form-input {
        width: 30%
    }
}

@media only screen and (min-width:60em) {
    .checkout_left .form-input {
        width: 30%
    }
}

@media only screen and (min-width:20em) {
    .checkout_left .form-select {
        padding: 0;
        margin: 0;
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .checkout_left .form-select {
        width: 50%
    }
}

@media only screen and (min-width:60em) {
    .checkout_left .form-select {
        width: 50%
    }
}

.checkout_left .form-radio-wrapper {
    margin-bottom: 0
}

@media only screen and (min-width:20em) {
    .checkout_left .form-box-label {
        margin-top: 10px;
        text-align: left;
        width: 100%
    }
}

.checkout_left .form-box-label.error .error-msg {
    text-align: right
}

.checkout_left .errmessage {
    color: #af1b00;
    margin-top: 10px;
    text-align: right
}

@media only screen and (min-width:20em) {
    .checkout_left .required-text {
        display: none
    }
}

.checkout_right {
    color: #7a6535;
    font-size: 14px;
    font-size: 1rem;
    line-height: 22px
}

@media only screen and (min-width:48em) {
    .checkout_right {
        float: right;
        width: 45%
    }
}

@media only screen and (min-width:60em) {
    .checkout_right {
        float: right;
        margin: 0 20px 0 0;
        padding-left: 0;
        width: 46.5211%
    }
}

@media only screen and (min-width:48em) {
    .checkout_right table th {
        font-size: .65em;
        text-align: center
    }
}

@media only screen and (min-width:60em) {
    .checkout_right table th {
        font-size: .85em;
        padding: 10px
    }
}

@media only screen and (min-width:48em) {
    .checkout_right .order_total_wrapper {
        width: 100%
    }
}

@media only screen and (min-width:60em) {
    .checkout_right .order_total_wrapper {
        width: 65%
    }
}

.checkout_left h2, .checkout_right h2 {
    color: #7a6535;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 24px
}

.home-callouts-wrap {
    margin-top: 30px
}

@media only screen and (min-width:20em) {
    .home-callouts-wrap {
        margin-bottom: 30px;
        text-align: center
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap {
        border: none;
        vertical-align: top
    }
}

@media only screen and (min-width:60em) {
    .home-callouts-wrap {
        margin-bottom: 20px
    }
}

.home-callouts-wrap .callout-header {
    font-size: 1.45em
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout-header {
        font-size: 1.75em
    }
}

@media only screen and (min-width:60em) {
    .home-callouts-wrap .callout-header {
        font-size: 2em
    }
}

.home-callouts-wrap .callout {
    display: inline-block;
    margin: auto;
    text-align: center;
    vertical-align: top;
    width: 68.75%
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout {
        width: 31.5625%
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout .callout-desc-wrap {
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout .callout-desc-wrap p {
        padding: 10px
    }
}

.home-callouts-wrap .callout .callout-img-wrap {
    width: 100%
}

@media only screen and (min-width:20em) {
    .home-callouts-wrap .callout .callout-img-wrap {
        max-width: 300px
    }
}

@media only screen and (min-width:60em) {
    .home-callouts-wrap .callout img {
        width: 100%
    }
}

@media only screen and (min-width:20em) {
    .home-callouts-wrap .callout .callout-img-wrap, .home-callouts-wrap .callout.img-callout {
        margin: 10px auto
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout .callout-img-wrap, .home-callouts-wrap .callout img {
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout:first-child {
        padding-left: 0
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout:first-child + .callout {
        padding: 0 15px
    }
}

@media only screen and (min-width:48em) {
    .home-2-cols-wrap {
        margin-top: 2em;
        padding-top: 1em
    }
}

@media only screen and (min-width:60em) {
    .home-2-cols-wrap {
        border-top: 1px solid #e6e2af;
        margin-bottom: 4em;
        padding-top: 3em
    }
}

.home-2-cols-wrap img {
    display: none
}

@media only screen and (min-width:60em) {
    .home-2-cols-wrap img {
        display: inline
    }
}

.home-2-cols-wrap .callout-desc-link-wrap {
    max-width: 100% !important;
    width: 75%
}

@media only screen and (min-width:60em) {
    .home-2-cols-wrap .callout-desc-link-wrap {
        margin-right: 3.125%;
        width: 56.25%
    }
}

.home-2-cols-wrap .img-sm-callout {
    display: inline-block;
    font-size: 13px;
    font-size: .9285714286rem;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width:48em) {
    .home-2-cols-wrap .img-sm-callout {
        padding: 10px 10px 10px 6.25%;
        width: 25%
    }
}

@media only screen and (min-width:60em) {
    .home-2-cols-wrap .img-sm-callout {
        padding: 0;
        width: 31.25%
    }
}

.home-2-cols-wrap .img-sm-callout .callout-header {
    margin-bottom: 5px
}

@media only screen and (min-width:20em) {
    .home-2-cols-wrap .img-sm-callout .callout-header {
        display: block;
        width: 100%
    }
}

.home-2-cols-wrap .two-col-callout {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width:48em) {
    .home-2-cols-wrap .two-col-callout {
        border-left: 1px solid #e6e2af;
        padding-left: 6.25%;
        width: 53.125%
    }
}

.home-2-cols-wrap .two-col-callout .callout-img {
    display: none;
    vertical-align: top
}

@media only screen and (min-width:60em) {
    .home-2-cols-wrap .two-col-callout .callout-img {
        display: inline-block
    }
}

.home-2-cols-wrap .two-col-callout .two-col-callout-right {
    display: inline-block;
    margin-top: 1.5em
}

@media only screen and (min-width:48em) {
    .home-2-cols-wrap .two-col-callout .two-col-callout-right {
        margin-top: 0
    }
}

@media only screen and (min-width:60em) {
    .home-2-cols-wrap .two-col-callout .two-col-callout-right {
        margin-left: 6.25%;
        width: 50%
    }
}

.home-2-cols-wrap .two-col-callout .two-col-callout-right strong + span {
    font-size: 13px;
    font-size: .9285714286rem
}

@media only screen and (min-width:48em) {
    .homepage #hero li.slide .slide-content {
        background: none;
        padding: 0;
        width: 97%;
        left: initial;
        top: 300px;
        text-align: center
    }
}

.homepage #hero li.slide .slide-content p {
    line-height: 24px;
    text-shadow: 2px 2px 5px #666
}

@media only screen and (min-width:60em) {
    .homepage #hero li.slide .slide-content p {
        text-shadow: 2px 2px 5px #222
    }
}

.redBold {
    color: #bd1e02
}

.inline-pdf {
    margin-top: 30px;
    display: block;
    width: 100%;
    position: relative
}

@media only screen and (min-width:48em) {
    .inline-pdf {
        display: none
    }
}

.inline-pdf iframe {
    width: 100%
}

@media only screen and (min-width:48em) {
    .inline-pdf iframe {
        display: none
    }
}

.inline-pdf-close {
    background: #ccc;
    padding: 5px;
    content: "Close PDF";
    display: block;
    top: -32px;
    right: 0;
    position: absolute;
    cursor: pointer;
    z-index: 1000
}

@media only screen and (min-width:48em) {
    .inline-pdf-close {
        display: none
    }
}

.other-sizes-wrapper {
    background-color: #dbd5c8;
    position: relative;
    margin-bottom: 25px
}

@media only screen and (min-width:20em) {
    .other-sizes-wrapper {
        display: none;
        padding: 5px 10px 10px 5px
    }
}

@media only screen and (min-width:30em) {
    .other-sizes-wrapper {
        display: block
    }
}

@media only screen and (min-width:20em) {
    .other-sizes-wrapper a.other-sizes-expand-link {
        display: none
    }
}

@media only screen and (min-width:30em) {
    .other-sizes-wrapper a.other-sizes-expand-link {
        display: inline
    }
}

@media only screen and (min-width:48em) {
    .other-sizes-wrapper a.other-sizes-expand-link {
        display: block
    }
}

.other-sizes-wrapper a.other-sizes-expand-link, .other-sizes-wrapper a.view-all-products-link {
    color: #bd1d01;
    font-size: 13px;
    font-size: .9285714286rem;
    line-height: 13px;
    text-decoration: underline
}

    .other-sizes-wrapper a.other-sizes-expand-link:hover {
        color: #6f5a39
    }

.other-sizes-wrapper a.view-all-products-link {
    margin-top: 4px
}

    .other-sizes-wrapper a.view-all-products-link:hover {
        color: #6f5a39
    }

.other-sizes-wrapper .other-sizes-pad {
    padding: 7px 15px 6px
}

@media only screen and (min-width:20em) {
    .other-sizes-wrapper .other-sizes-pad {
        margin-top: 15px
    }
}

@media only screen and (min-width:48em) {
    .other-sizes-wrapper .other-sizes-pad {
        margin-top: 0
    }
}

.other-sizes-wrapper .other-sizes-arrow {
    background: url(/_Images/CPUS/Global/other-sizes-arrow.png) 0 0 no-repeat;
    bottom: -13px;
    height: 13px;
    left: 25px;
    position: absolute;
    width: 26px
}

.other-sizes-wrapper .other-sizes-available {
    float: left
}

.other-sizes-wrapper .view-all-products-link {
    float: left;
    margin: 5px
}

@media only screen and (min-width:30em) {
    .other-sizes-wrapper .view-all-products-link {
        float: right
    }
}

.other-sizes-wrapper .other-sizes-available-text {
    color: #5c4827;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 5px;
    max-height: 16px;
    overflow: hidden
}

.other-sizes-wrapper .other-sizes-img {
    float: left;
    margin-right: 5px
}

@media only screen and (min-width:20em) {
    .other-sizes-wrapper .other-sizes-img {
        display: none
    }
}

@media only screen and (min-width:48em) {
    .other-sizes-wrapper .other-sizes-img {
        display: inline
    }
}

.other-sizes-wrapper .other-sizes-available-right {
    float: left;
    padding: 4px 0 3px
}

.other-sizes-dropdown {
    background-color: #dbd5c8;
    left: 0;
    position: absolute;
    z-index: 50;
    text-align: center;
    vertical-align: top
}

@media only screen and (min-width:30em) {
    .other-sizes-dropdown {
        padding: 25px 20px 20px 15px
    }
}

@media only screen and (min-width:48em) {
    .other-sizes-dropdown {
        text-align: left
    }
}

@media only screen and (min-width:60em) {
    .other-sizes-dropdown {
        min-width: 905px
    }
}

.other-sizes-dropdown .other-sizes-dropdown-pad {
    background-color: #fff;
    padding: 30px;
    text-align: center
}

@media only screen and (min-width:48em) {
    .other-sizes-dropdown .other-sizes-dropdown-pad {
        text-align: left
    }
}



.gallery-wrapper .new-banner {
    background: url(~/media/9A12AB46637B446F997C3D05FC27D95D.png?w=200) 0 0 no-repeat;
    background-size: contain;
    height: 90px;
    position: absolute;
    width: 90px;
    z-index: 3
}

@media only screen and (min-width:48em) {
    .gallery-wrapper .new-banner {
        height: 120px;
        width: 120px
    }
}

@media only screen and (min-width:60em) {
    .gallery-wrapper .new-banner {
        height: 150px;
        width: 150px
    }
}

.tabs-wrap {
    padding-top: 10px;
    position: relative;
    background: #e1dbcf;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZGJjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmM4YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,#e1dbcf 0,#cfc8ba 100%);
    margin-bottom: 15px
}

@media only screen and (min-width:48em) {
    .tabs-wrap {
        margin-bottom: 0
    }
}

.tabs-wrap ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:30em) {
    .tabs-wrap ul.tabs {
        text-align: center
    }
}

.tabs-wrap ul.tabs li.tab {
    position: relative;
    display: inline-block;
    width: 96.875%
}

@media only screen and (min-width:30em) {
    .tabs-wrap ul.tabs li.tab {
        display: inline-block;
        width: auto
    }
}

.tabs-wrap ul.tabs li.tab > a {
    background: #f1eee9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZWVlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWU3ZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,#f1eee9 0,#eae7e1 100%);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #776138;
    display: block;
    font-size: .95em;
    font-weight: 700;
    min-width: 50px;
    width: 100%;
    padding: 10px 3px 6px;
    text-align: center
}

@media only screen and (min-width:30em) {
    .tabs-wrap ul.tabs li.tab > a {
        padding: 10px;
        width: auto
    }
}

@media only screen and (min-width:60em) {
    .tabs-wrap ul.tabs li.tab > a {
        padding: 14px 20px 10px
    }
}

.tabs-wrap ul.tabs li.tab > a:hover {
    color: #bd1d01
}

.tabs-wrap ul.tabs li.tab > a .result-count {
    color: #bd1d01
}

.tabs-wrap ul.tabs li.tab.active > a {
    background: none;
    background-color: #fff
}

    .tabs-wrap ul.tabs li.tab.active > a:hover {
        color: #776138
    }

@media only screen and (min-width:48em) {
    .tabs-wrap ul.tabs li.active {
        position: relative;
        left: inital;
        bottom: inital
    }
}

.tabs-wrap ul.tabs li.active > a {
    background: #fff;
    border-bottom: 1px solid #fff;
    height: 100%;
    border-top: 4px solid #bd1e02;
    padding-top: 10px;
    color: #776138
}

    .tabs-wrap ul.tabs li.active > a:hover {
        background: #fff;
        border-bottom: 1px solid #fff;
        border-top: 4px solid #bd1e02;
        color: #776138;
        height: 100%
    }


.tab-content {
    display: none;
    padding: 0
}

@media only screen and (min-width:30em) {
    .tab-content {
        padding: 0 25px
    }
}

.tab-content ul {
    margin: 0 0 0 20px
}

@media only screen and (min-width:48em) {
    .tab-content ul {
        margin: 0 0 0 15px
    }
}

.tab-content.active {
    display: block
}

.tab-content .page-content {
    color: #756036;
    font-size: 13px;
    font-size: .9285714286rem;
    line-height: 22px
}


.tabs-content-wrap {
    background-color: #fff;
    clear: both
}

.iters-ecers-wrapper {
    border-top: 1px solid #e0dace;
    margin-top: 15px;
    padding-top: 10px
}

@media only screen and (min-width:48em) {
    .iters-ecers-wrapper {
        margin-top: 35px;
        padding-top: 30px
    }
}

.iters-ecers-wrapper .iters-ecers-img {
    border: 1px solid #d1d1c7;
    float: left;
    margin-right: 10px
}

.iters-ecers-wrapper .iters-ecers-info {
    color: #756036;
    float: left;
    font-size: 13px;
    font-size: .9285714286rem;
    line-height: 13px
}

.iters-ecers-wrapper .iters-wrapper, .iters-ecers-wrapper .ecers-wrapper {
    margin-top: 8px
}

.iters-ecers-wrapper .iters-label {
    color: #69f;
    font-weight: 700;
    text-transform: uppercase
}

.iters-ecers-wrapper .ecers-label {
    color: #cc0;
    font-weight: 700;
    text-transform: uppercase
}

.counter {
    display: table;
    border-collapse: collapse
}

.counter__amount {
    display: table-cell;
    width: 60px;
    height: 30px
}

.counter__number, .counter__arrows {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    height: 30px;
    border: 2px solid #e2e2e2
}

.counter__number-amount {
    width: 100%;
    height: 32px;
    text-align: center;
    color: #614c2c;
    border: 0
}

.counter__arrows-up, .counter__arrows-down {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 16px;
    font-weight: 700;
    padding: 0;
    background: none;
    border: none;
    color: #614c2c;
    cursor: pointer;
    overflow: hidden
}

    .counter__arrows-up .fa, .counter__arrows-down .fa {
        font-size: 16px
    }

.counter__label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    color: #614c2c;
    font-weight: 500
}

.filterable-list {
    font-family: Arial
}

    .filterable-list:before, .filterable-list:after {
        display: table;
        clear: both;
        content: ""
    }

    .filterable-list .accordion__section {
        border-bottom: 1px solid #e4e4b0
    }

        .filterable-list .accordion__section:first-child {
            border-top: 1px solid #e4e4b0
        }

    .filterable-list .checkbawks {
        margin-top: 8px
    }

        .filterable-list .checkbawks:first-child {
            margin-top: 0
        }

    .filterable-list .pagination {
        margin: 15px 0;
        text-align: center
    }

    .filterable-list .col-md-9 {
        padding-left: 0
    }

    .filterable-list h1, .filterable-list h2, .filterable-list h3, .filterable-list h4, .filterable-list h5, .filterable-list h6 {
        font-family: Minion W01,sans-serif;
        font-weight: lighter
    }

.filterable-list__search {
    margin-bottom: 20px
}

.filterable-list__search-input, .filterable-list__search-cta {
    line-height: 1 !important;
    height: 32px
}

.filterable-list__search-input {
    font-weight: 700;
    color: #614c2c;
    border-color: #9b8a78;
    background-color: #f2efe5;
    border-radius: 4px
}

    .filterable-list__search-input:placeholder-shown {
        font-weight: 700;
        color: #614c2c
    }

.filterable-list__search-cta {
    border-color: #9b8a78;
    background: #dadada;
    background: linear-gradient(#fff,#dadada)
}

    .filterable-list__search-cta .fa {
        color: #9b8a78
    }

    .filterable-list__search-cta:active, .filterable-list__search-cta:active:focus, .filterable-list__search-cta:focus, .filterable-list__search-cta:focus:active {
        outline: none
    }

.filterable-list__label {
    display: inline-block;
    margin-bottom: 8px;
    color: #4d4d4f
}

.filterable-list__meta {
    font-size: 14px;
    text-align: right;
    color: #4d4d4f
}

@media(max-width:991px) {
    .filterable-list__meta {
        text-align: left
    }
}

.filterable-list__meta-stats {
    float: left;
    padding: 7px 0
}

@media(max-width:991px) {
    .filterable-list__meta-stats {
        display: block;
        float: none;
        margin-bottom: 10px
    }
}

.filterable-list__meta-control {
    padding: 5px 10px;
    color: #614c2c;
    border: 0;
    border-radius: 4px;
    outline: none;
    background: #f1efe4
}

.filterable-list__form-group {
    display: inline-block
}

@media(max-width:767px) {
    .filterable-list__form-group {
        margin-right: 20px
    }
}

.filterable-list__results-wrapper {
    padding-left: 15px;
    border-left: 1px solid #e4e4b0
}

@media(max-width:767px) {
    .filterable-list__results-wrapper {
        border-left: 0
    }
}

.filterable-list__result {
    padding: 25px 0 15px;
    border-bottom: 1px solid #e4e4b0
}

.filterable-list__result-header {
    font-size: 22.24px;
    margin: 0 0 6px;
    color: #4d4d4f
}

.filterable-list__result-media {
    display: table
}

.filterable-list__result-thumbnail, .filterable-list__result-meta {
    display: table-cell;
    vertical-align: top
}

@media(max-width:543px) {
    .filterable-list__result-thumbnail, .filterable-list__result-meta {
        display: block
    }
}

.filterable-list__result-thumbnail {
    width: 230px;
    padding-right: 20px;
    border: 0;
    outline: none
}

@media(max-width:767px) {
    .filterable-list__result-thumbnail {
        margin-bottom: 10px
    }
}

.filterable-list__result-meta {
    font-size: 14px;
    color: #97814e
}

.filterable-list__result-type {
    display: inline-block;
    margin-bottom: 15px;
    padding: 2px 15px;
    color: #fff;
    background: #4d4d4f
}

.filterable-list__result-type--article {
    background: #53345e
}

.filterable-list__result-type--literature {
    background: #75843e
}

.filterable-list__result-type--slide-show, .filterable-list__result-type--video {
    background: #f96235
}

.filterable-list__result-type--blog, .filterable-list__result-type--blog-post {
    background: #41afde
}

.filterable-list__result-topics {
    display: block;
    margin-bottom: 10px;
    max-width: 30em
}

@media(max-width:1199px) {
    .filterable-list__result-topics {
        max-width: 30em
    }
}

@media(max-width:991px) {
    .filterable-list__result-topics {
        max-width: 17em
    }
}

@media(max-width:767px) {
    .filterable-list__result-topics {
        max-width: 17em
    }
}

@media(max-width:543px) {
    .filterable-list__result-topics {
        max-width: inherit
    }
}

.filterable-list__result-topic {
    text-decoration: none;
    color: #af1b00
}

.filterable-list__result-link:link, .filterable-list__result-link:visited {
    text-decoration: none;
    color: #4d4d4f
}

.filterable-list__result-link:hover {
    color: #e42635
}

.filterable-list__result-description {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 1em;
    padding-bottom: 0;
    letter-spacing: -.2px;
    color: #614c2c
}

.control-label {
    font-size: 16px;
    font-family: Arial;
    display: inline-block;
    margin-bottom: 10px;
    color: #614c2c
}

.form-control + .field-validation-error {
    float: none;
    margin: 5px 0 0
}

select.form-control {
    padding: 6.762px 10.5px;
    padding: .483rem .75rem
}

.radio.radio-static label, .checkbox.checkbox-static label {
    padding-left: 0
}

.radio.radio-static input[type=radio], .checkbox.checkbox-static input[type=radio] {
    position: static;
    margin-left: 0;
    transform: translateY(1px)
}

.checkbawks {
    position: relative
}

.checkbawks__checkbox {
    display: none
}

.checkbawks__label {
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    display: block;
    padding-left: 20px;
    cursor: pointer
}

    .checkbawks__label:before {
        font-size: 9px;
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        display: inline-block;
        padding: 1px;
        content: "\f00c";
        color: transparent;
        border: 1px solid #4d4d4f;
        border-radius: 3px
    }

.checkbawks__checkbox:checked + .checkbawks__label:before {
    color: #fff;
    border-color: #e42635;
    background: #e42635
}

.btn-clear-filters, .btn-clear-filters:active, .btn-clear-filters:focus, .btn-clear-filters:active:focus, .btn-clear-filters:focus:active {
    margin-top: 10px;
    color: #594923;
    border-color: #dadada;
    background: #dadada;
    background: linear-gradient(#fff,#dadada)
}

.dropdown-with-bg-color {
    background-color: #f1efe4;
    border: none;
    border-radius: 3px;
    color: #5c4827;
    height: 35px;
    padding: 0 12px;
    width: 100%
}

.fullscreen {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #666;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    transform: translate(-50%,-50%);
    z-index: 50
}

    .fullscreen:link, .fullscreen:visited {
        color: #fff
    }

.fullscreen--open {
    overflow: hidden
}

.fullscreen-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(/_Images/CPUK/preloader.gif) center center no-repeat
}

    .fullscreen-overlay.no-background {
        background-image: none
    }

.fullscreen-error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 20px
}

.fullscreen-close {
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    padding: 12px;
    background: #55595c;
    color: #fff;
    cursor: pointer
}

.fullscreen-content {
    position: relative;
    width: 100%;
    height: 100%
}

    .fullscreen-content iframe, .fullscreen-content object {
        width: 100%;
        height: 100%
    }

.fullscreen-content-item {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.fullscreen-content-img {
    max-width: 100%;
    max-height: 100%
}

.fullscreen-content-img-wrapper {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    background: center center / contain no-repeat
}

.fullscreen-content-caption {
    width: 100%;
    background: rgba(255,255,255,.6);
    padding: 10px;
    position: absolute;
    bottom: 10px
}

.fullscreen-controls-prev, .fullscreen-controls-next {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 999;
    background-color: transparent;
    border: 0;
    outline: none;
    text-indent: 9999px;
    cursor: pointer;
    z-index: 1000
}

    .fullscreen-controls-prev:hover, .fullscreen-controls-prev:active, .fullscreen-controls-prev:focus, .fullscreen-controls-prev:active:focus, .fullscreen-controls-prev:focus:active, .fullscreen-controls-next:hover, .fullscreen-controls-next:active, .fullscreen-controls-next:focus, .fullscreen-controls-next:active:focus, .fullscreen-controls-next:focus:active {
        background-color: transparent
    }

.fullscreen-controls-prev {
    background-image: url(sprites/icons.png);
    background-position: -47px 0;
    width: 47px;
    height: 103px;
    margin-left: 38px;
    left: 0
}

    .fullscreen-controls-prev:hover, .fullscreen-controls-prev:active, .fullscreen-controls-prev:focus, .fullscreen-controls-prev:active:focus, .fullscreen-controls-prev:focus:active {
        background-image: url(sprites/icons.png);
        background-position: -47px 0;
        width: 47px;
        height: 103px
    }

.fullscreen-controls-next {
    background-image: url(sprites/icons.png);
    background-position: 0 0;
    width: 47px;
    height: 103px;
    margin-right: 38px;
    right: 0
}

    .fullscreen-controls-next:hover, .fullscreen-controls-next:active, .fullscreen-controls-next:focus, .fullscreen-controls-next:active:focus, .fullscreen-controls-next:focus:active {
        background-image: url(sprites/icons.png);
        background-position: 0 0;
        width: 47px;
        height: 103px
    }

.fullscreen-template {
    width: 100%;
    height: 100%
}

.slick-slide:hover .fullscreen {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

.icon {
    display: inline-block
}

.icon-envelope {
    background-image: url(sprites/icons.png);
    background-position: -136px -72px;
    width: 27px;
    height: 26px
}

.icon-comment {
    background-image: url(sprites/icons.png);
    background-position: -84px -145px;
    width: 27px;
    height: 26px
}

.icon-comment-alt {
    background-image: url(sprites/icons.png);
    background-position: -163px -72px;
    width: 15px;
    height: 14px
}

.icon-comment-add-this {
    background-image: url(sprites/icons.png);
    background-position: -116px -103px;
    width: 32px;
    height: 32px
}

.icon-print {
    background-image: url(sprites/icons.png);
    background-position: -138px -145px;
    width: 26px;
    height: 26px
}

.icon-download {
    background-image: url(sprites/icons.png);
    background-position: -51px -175px;
    width: 32px;
    height: 32px
}

.icon-resource {
    background-image: url(sprites/icons.png);
    background-position: -84px -103px;
    width: 32px;
    height: 42px
}

.icon-stamp {
    background-image: url(sprites/icons.png);
    background-position: -83px -175px;
    width: 32px;
    height: 32px
}

.icon-fullview {
    background-image: url(sprites/icons.png);
    background-position: -99px -223px;
    width: 18px;
    height: 17px
}

.icon-btn-download {
    background-image: url(sprites/icons.png);
    background-position: -178px -146px;
    width: 26px;
    height: 28px
}

.slick-prev {
    background-image: url(sprites/icons.png);
    background-position: -151px -175px;
    width: 18px;
    height: 31px
}

.slick-next {
    background-image: url(sprites/icons.png);
    background-position: -169px -175px;
    width: 18px;
    height: 31px
}

.slick-prev-sm {
    background-image: url(sprites/icons.png);
    background-position: -121px -86px;
    width: 11px;
    height: 11px
}

.slick-next-sm {
    background-image: url(sprites/icons.png);
    background-position: -163px -86px;
    width: 11px;
    height: 11px
}

.modal {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 100%;
    max-width: 500px;
    padding: 20px;
    transition: transform .2s;
    transform: translate(-50%,-50%) scale(.3);
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}

.modal--active {
    visibility: visible;
    transform: translate(-50%,-50%) scale(1)
}

.modal__bg {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: opacity .2s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #000
}

.modal__bg--active {
    visibility: visible;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.modal__close {
    font-size: 12.8px;
    font-family: Arial;
    font-weight: 700;
    position: absolute;
    top: -1px;
    right: 0;
    padding: 9px 13px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    background: #4d4d4f
}

.pagination__first, .pagination__prev, .pagination__next, .pagination__last {
    padding: 2px 7px;
    border: 1px solid #d1d2cd;
    color: #97814e;
    cursor: pointer
}

.pagination__page {
    font-size: 12px;
    font-family: Arial;
    color: #4d4d4f
}

.show-hide .show-hide-trigger {
    font-size: 14px;
    font-family: Arial;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin: 15px 0;
    padding-right: 20px;
    cursor: pointer;
    text-decoration: none;
    color: #e42635
}

    .show-hide .show-hide-trigger:after {
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        margin-left: 5px;
        content: "\f067";
        transform: translateY(-50%)
    }

.show-hide.is-open .show-hide-trigger:after {
    content: "\f068"
}

.show-hide.is-open .show-hide-content {
    display: block
}

.sticky {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    transition: transform .2s;
    transform: translateY(-120%);
    border: 1px solid #e4e4b0;
    border-right: 0;
    border-left: 0;
    background: #f9f6ef;
    box-shadow: 0 0 20px rgba(0,0,0,.5)
}

@media(max-width:767px) {
    .sticky {
        padding: 0
    }
}

@media(max-width:767px) {
    .sticky .show-hide-content {
        display: none
    }
}

.sticky .is-comments-open .comments {
    display: none
}

.sticky .slick-slider {
    padding: 0 20px
}

@media(max-width:767px) {
    .sticky .slick-slider {
        padding: 20px
    }
}

.sticky .slick-prev, .sticky .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    cursor: pointer;
    transform: translateY(-50%);
    text-indent: -9999px;
    border: 0;
    outline: none;
    background-color: transparent
}

.sticky .slick-prev {
    background-image: url(sprites/icons.png);
    background-position: -260px -125px;
    width: 18px;
    height: 33px;
    left: 0
}

.sticky .slick-next {
    background-image: url(sprites/icons.png);
    background-position: -260px -90px;
    width: 19px;
    height: 35px;
    right: 0
}

.sticky .comments__trigger-wrapper {
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle
}

.sticky__mobile .col-xs-4 {
    padding: 0
}

    .sticky__mobile .col-xs-4:nth-child(even) {
        border: 1px solid #e4e4b0;
        border-top: 0;
        border-bottom: 0
    }

.sticky__mobile .share__trigger, .sticky__mobile .more-articles__trigger, .sticky__mobile .comments__trigger {
    font-weight: 400;
    display: block;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    color: #55595c;
    border: 0
}

    .sticky__mobile .share__trigger:after, .sticky__mobile .more-articles__trigger:after, .sticky__mobile .comments__trigger:after {
        display: none
    }

.sticky__mobile .show-hide-content:not(.comments__show-hide) {
    position: fixed;
    right: 0;
    left: 0;
    display: none;
    padding: 0 13.125px;
    padding: 0 .9375rem;
    border: 1px solid #e4e4b0;
    border-right: 0;
    border-left: 0;
    background: #f9f6ef
}

.sticky__mobile .article__action-icons {
    line-height: 0;
    padding: 20px 0 !important;
    text-align: center
}

    .sticky__mobile .article__action-icons .comments__trigger {
        display: inline-block;
        padding: 0
    }

@media(max-width:550px) {
    .sticky__mobile .comments__trigger .comments__count {
        display: none
    }
}

.sticky__mobile .comments {
    position: fixed;
    left: 0;
    width: 100%
}

.sticky--active {
    transform: translateY(0)
}

    .sticky--active .is-open .show-hide-content {
        display: block
    }

        .sticky--active .is-open .show-hide-content:not(.comments__show-hide) {
            display: block
        }

    .sticky--active .is-comments-open .comments {
        display: block
    }

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.callout .callout-header {
    font-family: Minion W01,sans-serif;
    font-size: 28px;
    line-height: 28px
}

    .callout .callout-header:hover {
        color: #5c4827 !important
    }

.callout .callout-img-wrap {
    margin-top: 20px;
    max-width: 275px;
    position: relative
}

.callout .callout-img-link {
    display: block
}

.callout-img .callout-img {
    height: 381px;
    width: 300px
}

.desc-callout {
    color: #7a6535;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 22px
}

    .desc-callout .callout-header {
        color: #bd1d01
    }

    .desc-callout .callout-img {
        margin-top: 25px
    }

    .desc-callout .callout-desc-rtf {
        margin-top: 20px
    }

.linked-callout {
    max-width: 255px
}

    .linked-callout .callout-desc-link-wrap {
        color: #5c4827;
        float: left;
        max-width: 147px
    }

    .linked-callout a {
        display: block
    }

.two-col-callout {
    color: #7a6535;
    padding-top: 0;
    font-size: 18px;
    font-size: 17.999px;
    font-size: 1.2857142857rem;
    line-height: 22px;
    padding-top: 25px
}

    .two-col-callout .callout-img {
        float: none;
        margin: 20px 0
    }

    .two-col-callout .two-col-callout-right {
        color: #5c4827
    }

    .two-col-callout .callout-link {
        font-size: 12px;
        font-size: 11.999px;
        font-size: .8571428571rem;
        margin-left: 30px
    }

a.callout-btn {
    background: #f9f9f9;
    background: linear-gradient(to bottom,#f9f9f9 0,#eee 100%);
    border-radius: 3px;
    box-shadow: 1px 1px 2px #999;
    color: #5c4827;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 14px;
    margin-top: 20px;
    padding: 8px 10px;
    text-transform: uppercase;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

    a.callout-btn:hover {
        color: #ef3f34;
        cursor: pointer
    }

    a.callout-btn + .callout-btn {
        margin-left: 15px
    }

  

a.callout-link {
    color: #bd1d01;
    text-decoration: underline
}

    a.callout-link:hover {
        color: #7a6535
    }


.contact-callout-title {
    color: #998b63;
    font-size: 18px;
    font-size: 17.999px;
    font-size: 1.2857142857rem;
    line-height: 18px;
    margin-bottom: 20px
}

.contact-callout-desc {
    color: #7a6535;
    font-size: 14px;
    font-size: 1rem;
    line-height: 19px
}

.contact-callout-section {
    margin-top: 20px
}

.contact-callout-label {
    color: #5c4827;
    float: left;
    font-size: 18px;
    font-size: 17.999px;
    font-size: 1.2857142857rem;
    line-height: 24px;
    width: 110px
}

.contact-callout-info {
    color: #5c4827;
    float: left;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 24px
}

.testimonial-wrapper {
    display: inline-block
}

@media only screen and (min-width:20em) {
    .testimonial-wrapper {
        margin: 0 0 30px;
        padding: 0;
        text-align: center;
        float: left;
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .testimonial-wrapper {
        margin-left: 4.6875%;
        width: 31.25%
    }
}

@media only screen and (min-width:20em) {
    .testimonial-wrapper .testimonial-quote {
        padding: 0 15px;
        text-align: center
    }
}

@media only screen and (min-width:60em) {
    .testimonial-wrapper .testimonial-quote {
        text-align: left
    }
}

@media only screen and (min-width:48em) {
    .testimonial-wrapper + .landing-callouts-wrapper {
        margin-top: 30px;
        width: 46.875%
    }
}

@media only screen and (min-width:60em) {
    .testimonial-wrapper + .landing-callouts-wrapper {
        width: 50%
    }
}

.testimonial-title {
    margin-bottom: 30px
}

.testimonial-quote {
    color: #48843d;
    font-family: Minion W01,sans-serif;
    font-size: 23px;
    font-size: 1.6428571429rem;
    line-height: 32px;
    margin-top: 30px
}

.testimonial-name {
    color: #998b63;
    font-size: 15px;
    font-size: 14.999px;
    font-size: 1.0714285714rem;
    line-height: 15px;
    margin-top: 25px
}

.testimonial-wrapper + .landing-callouts-wrapper .landing-desc-option-text {
    float: left;
    font-size: 15px;
    font-size: 14.999px;
    font-size: 1.0714285714rem;
    line-height: 15px
}

.testimonial-wrapper + .landing-callouts-wrapper .landing-desc-option-link {
    float: right;
    font-size: 15px;
    font-size: 14.999px;
    font-size: 1.0714285714rem;
    line-height: 15px;
    margin-top: 20px
}

.landing-callouts-wrapper {
    display: inline-block
}

.landing-desc-callout {
    box-shadow: 0 0 4px 4px #e3d3c2;
    margin-top: 40px
}

@media only screen and (min-width:48em) {
    .landing-desc-callout {
        width: 96.875%
    }
}

.landing-desc-callout:first-child {
    margin-top: 0
}

.landing-desc-callout .landing-desc-callout-img-wrapper, .landing-desc-callout .landing-desc-callout-header-right {
    display: none
}

@media only screen and (min-width:60em) {
    .landing-desc-callout .landing-desc-callout-img-wrapper, .landing-desc-callout .landing-desc-callout-header-right {
        display: inline-block
    }
}

.landing-desc-callout .landing-desc-callout-header {
    padding: 25px 25px 15px
}

.landing-desc-callout .landing-desc-callout-header-left {
    float: left;
    font-family: Minion W01,sans-serif;
    font-size: 28px;
    font-size: 2rem;
    line-height: 28px
}

.landing-desc-callout .landing-desc-callout-header-right {
    float: right;
    text-align: right;
    font-size: 13px;
    font-size: .9285714286rem;
    line-height: 22px
}

.landing-desc-callout .landing-desc-callout-browse-label {
    font-weight: 700
}

.landing-desc-callout .landing-desc-callout-browse-link {
    color: #614c2c;
    text-decoration: underline
}

    .landing-desc-callout .landing-desc-callout-browse-link:hover {
        color: #ed1c24
    }

.landing-desc-callout .landing-desc-callout-content {
    padding: 20px 25px 15px
}

.landing-desc-callout .landing-desc-callout-description {
    background: url(/_Images/CPUS/Global/landing-callout-bg.png) 0 0 repeat;
    padding: 15px 20px
}

    .landing-desc-callout .landing-desc-callout-description .landing-desc-callout-left {
        float: left;
        padding-right: 20px;
        width: 90%
    }

@media only screen and (min-width:48em) {
    .landing-desc-callout .landing-desc-callout-description .landing-desc-callout-left {
        width: 100%
    }
}

@media only screen and (min-width:60em) {
    .landing-desc-callout .landing-desc-callout-description .landing-desc-callout-left {
        display: inline-block;
        max-width: 220px
    }
}

.landing-desc-callout .landing-desc-callout-description .landing-desc-callout-right {
    float: left;
    text-align: center;
    width: 90%
}

@media only screen and (min-width:60em) {
    .landing-desc-callout .landing-desc-callout-description .landing-desc-callout-right {
        width: 100%;
        max-width: 100px
    }
}

.landing-desc-callout .landing-desc-callout-content .page-content {
    font-size: 14px;
    font-size: 1rem;
    line-height: 22px;
    color: #fff
}

.landing-desc-callout .landing-desc-description-link {
    font-size: 13px;
    font-size: .9285714286rem;
    color: #fff;
    display: inline-block;
    line-height: 13px;
    margin-left: 15px;
    margin-top: 15px;
    text-decoration: underline
}

    .landing-desc-callout .landing-desc-description-link:hover {
        color: #ed1c24
    }

.landing-desc-callout .landing-desc-option-text {
    display: inline-block;
    font-size: 13px;
    font-size: .9285714286rem;
    line-height: 13px;
    color: #fff;
    margin-top: 20px
}

.landing-desc-callout .landing-desc-option-link {
    display: inline-block;
    font-size: 13px;
    font-size: .9285714286rem;
    line-height: 13px;
    color: #fff;
    text-decoration: underline
}

    .landing-desc-callout .landing-desc-option-link:hover {
        color: #ed1c24
    }

@media only screen and (min-width:48em) {
    .home-2-cols-wrap .two-col-callout {
        width: 60%
    }
}

@media only screen and (min-width:48em) {
    .home-callouts-wrap .callout:first-child + .callout {
        padding: 0;
        margin: 10px 15px
    }
}

.two-item-callout {
    padding: 30px 0
}

    .two-item-callout .callout {
        position: relative;
        border: 1px solid #e4e4b0;
        background: #fff
    }

    .two-item-callout .callout__bg {
        background: #fff bottom center/contain no-repeat
    }

    .two-item-callout .callout__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 20px
    }

    .two-item-callout .callout__image {
        margin-bottom: 15px
    }

        .two-item-callout .callout__image + .callout__description {
            width: 50%;
            margin: auto
        }

    .two-item-callout .callout__cta {
        font-size: 14px;
        font-family: Arial;
        font-weight: 700;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-bottom: -15.5px;
        transform: translateX(-50%);
        text-decoration: none;
        box-shadow: 0 1px 1px rgba(0,0,0,.26)
    }

        .two-item-callout .callout__cta, .two-item-callout .callout__cta:active, .two-item-callout .callout__cta:focus, .two-item-callout .callout__cta:active:focus, .two-item-callout .callout__cta:focus:active {
            color: #594923;
            border-color: #dadada;
            background: #dadada;
            background: linear-gradient(#fff,#dadada)
        }

    .two-item-callout .callout__title {
        font-size: 24px;
        font-family: Minion W01,sans-serif;
        font-weight: 500;
        line-height: 1;
        margin: 0 0 10px;
        letter-spacing: .3px;
        color: #4d4d4f
    }

    .two-item-callout .callout__description {
        -ms-flex: 1 100%;
        flex: 1 100%
    }

        .two-item-callout .callout__description, .two-item-callout .callout__description p {
            font-size: 12px;
            font-family: Arial;
            font-weight: 500;
            line-height: 1.9;
            margin: 0 0 7px;
            letter-spacing: -.2px;
            color: #614c2c
        }

            .two-item-callout .callout__description + .callout__image, .two-item-callout .callout__description p + .callout__image {
                max-width: 60%;
                width: 100%;
                height: auto;
                margin: 0 auto -20px;
                -ms-flex-item-align: end;
                align-self: flex-end
            }

@media(max-width:991px) {
    .two-item-callout .callout__description + .callout__image, .two-item-callout .callout__description p + .callout__image {
        max-width: 100%
    }
}

.booklets {
    border-bottom: 1px solid #e4e4b0;
    margin-bottom: 30px
}

@media(max-width:767px) {
    .booklets {
        margin-bottom: 30px
    }
}

.booklets .row {
    margin-bottom: 30px
}

@media(max-width:767px) {
    .booklets .row {
        margin-bottom: 0
    }
}

.booklets__header {
    margin: 10px 0 20px
}

    .booklets__header .row {
        margin-bottom: 0
    }

.booklets__title {
    font-size: 18px;
    display: inline-block;
    margin: 0;
    padding: 7px 0;
    color: #97814e;
    font-family: Arial;
    font-weight: 400
}

.booklets__content {
    padding-top: 45px;
    background: transparent url(/_Images/CPUS/Global/gradient.png) top center/100% no-repeat;
    font-family: Arial
}

.booklets__cta {
    font-size: 14px;
    font-family: Arial;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 0 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.26)
}

    .booklets__cta, .booklets__cta:active, .booklets__cta:focus, .booklets__cta:active:focus, .booklets__cta:focus:active {
        color: #594923 !important;
        border-color: #dadada;
        background: #dadada;
        background: linear-gradient(#fff,#dadada)
    }

.booklets .booklet:after {
    display: table;
    content: '';
    clear: both
}

.booklets .booklet__image, .booklets .booklet__rtf {
    float: left
}

.booklets .booklet__image {
    max-width: 23%;
    width: 100%
}

@media(max-width:767px) {
    .booklets .booklet__image {
        max-width: 15%
    }
}

.booklets .booklet__rtf {
    max-width: 77%;
    padding-left: 15px
}

@media(max-width:767px) {
    .booklets .booklet__rtf {
        max-width: 85%
    }
}

.booklets .booklet__rtf h2 {
    font-size: 22px;
    font-weight: 400;
    font-family: Minion W01,sans-serif;
    margin: 0 0 6px;
    color: #614c2c
}

    .booklets .booklet__rtf h2 a {
        color: #614c2c;
        text-decoration: none
    }

.booklets .booklet__rtf p {
    font-size: 14px;
    color: #614c2c;
    margin: 0 0 10px;
    padding-bottom: 0
}

    .booklets .booklet__rtf p a {
        color: #614c2c;
        text-decoration: none
    }

.booklets .booklet__download {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #e42635;
    position: relative
}

    .booklets .booklet__download .icon {
        vertical-align: middle;
        margin-right: 10px
    }

.publication-mail {
    display: none;
    margin: 30px 0
}

@media(max-width:767px) {
    .publication-mail {
        margin: 30px 0 20px
    }
}

.publication-mail:before, .publication-mail:after {
    display: table;
    content: '';
    clear: both
}

.publication-mail__title {
    font-size: 27.5px;
    display: none;
    font-family: Minion W01,sans-serif;
    font-weight: 400;
    color: #614c2c;
    margin: 0 0 20px
}

.publication-mail__image, .publication-mail__content {
    float: left
}

.publication-mail__image {
    max-width: 11%;
    width: 100%
}

@media(max-width:767px) {
    .publication-mail__image {
        max-width: 18%
    }
}

@media(max-width:543px) {
    .publication-mail__image {
        max-width: 100%;
        margin-bottom: 10px
    }
}

.publication-mail__content {
    font-size: 14px;
    max-width: 89%;
    width: 100%;
    padding-left: 30px;
    font-family: Arial
}

@media(max-width:767px) {
    .publication-mail__content {
        max-width: 82%
    }
}

@media(max-width:543px) {
    .publication-mail__content {
        max-width: 100%;
        padding-left: 0
    }
}

@media(max-width:767px) {
    .publication-mail__content .counter {
        margin-bottom: 10px
    }
}

.publication-mail__content .row {
    margin-bottom: 20px
}

@media(max-width:767px) {
    .publication-mail__content .row {
        margin-bottom: 0
    }
}

.publication-mail__content .row:last-child {
    margin-bottom: 0
}

@media(max-width:767px) {
    .publication-mail__content .checkbawks {
        margin-bottom: 10px
    }
}

.publication-mail__content .checkbawks__label {
    font-size: 14px;
    font-weight: 400;
    padding-left: 25px;
    color: #614c2c
}

    .publication-mail__content .checkbawks__label:before {
        border-width: 2px;
        border-color: #e2e2e2
    }

#publications-mail .publication-mail {
    display: block
}

#publications-mail .publication-mail__title {
    display: block
}

#publications-mail .form-desc {
    font-size: 16px;
    font-family: Arial;
    line-height: 1.5;
    color: #97814e
}

#publications-mail .article__publications-form {
    display: block
}

.products {
    border-bottom: 1px solid #e4e4b0;
    margin-bottom: 30px
}

@media(max-width:767px) {
    .products {
        margin-bottom: 30px
    }
}

.products .row {
    margin-bottom: 30px
}

@media(max-width:767px) {
    .products .row {
        margin-bottom: 0
    }
}

.products__header {
    margin: 0 0 20px
}

    .products__header .row {
        margin-bottom: 0
    }

.products__title {
    font-size: 18px;
    display: inline-block;
    margin: 0;
    padding: 7px 0;
    color: #97814e;
    font-family: Arial;
    font-weight: 400
}

.products .product:before, .products .product:after {
    display: table;
    content: '';
    clear: both
}

.products .product__image, .products .product__rtf {
    float: left
}

.products .product__image {
    max-width: 23%;
    width: 100%
}

@media(max-width:767px) {
    .products .product__image {
        max-width: 15%
    }
}

.products .product__rtf {
    max-width: 77%;
    padding-left: 15px
}

@media(max-width:767px) {
    .products .product__rtf {
        max-width: 85%
    }
}

.products .product__rtf h2 {
    font-size: 20px;
    font-weight: 400;
    font-family: Minion W01,sans-serif;
    margin: 0 0 6px;
    color: #614c2c
}

    .products .product__rtf h2 a {
        color: #614c2c;
        text-decoration: none
    }

.products .product__rtf p {
    font-size: 14px;
    color: #614c2c;
    font-family: Arial;
    margin: 0 0 10px
}

@media(max-width:767px) {
    .products .product__rtf p {
        padding: 0
    }
}

.products .product__rtf p a {
    color: #614c2c;
    text-decoration: none
}

.products .product__download {
    display: inline-block;
    margin-bottom: 10px;
    position: relative
}

    .products .product__download .icon {
        vertical-align: middle;
        margin-right: 10px
    }

.section-details:before, .section-details:after {
    display: table;
    clear: both;
    content: ''
}

.section-details-subheader {
    font-size: 20px;
    margin-bottom: 7px;
    font-weight: 700;
    font-family: Arial;
    color: #97814e
}

.section-details-image {
    float: left;
    padding: 0 15px 15px 0;
    max-width: 100%
}

@media(max-width:543px) {
    .section-details-image {
        float: none;
        padding-bottom: 0
    }
}

.section-details-content {
    font-size: 16px;
    line-height: 1.5;
    font-family: Arial;
    color: #97814e
}

    .section-details-content blockquote {
        margin: 16px 0;
        line-height: 200%
    }

        .section-details-content blockquote:before, .section-details-content blockquote:after {
            font-weight: 700
        }

        .section-details-content blockquote:before {
            content: '“'
        }

        .section-details-content blockquote:after {
            content: '”';
            position: absolute
        }

 

#jquery-fullsizable {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999
}

    #jquery-fullsizable.fullsized_spinner {
        background-image: url(/_Images/preloader.gif);
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

#fullsized_image_holder {
    text-align: center
}

#fullsized_go_prev, #fullsized_go_next {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 999
}

#fullsized_go_prev {
    background-image: url(sprites/icons.png);
    background-position: -47px 0;
    width: 47px;
    height: 103px;
    margin-left: 38px;
    left: 0
}

#fullsized_go_next {
    background-image: url(sprites/icons.png);
    background-position: 0 0;
    width: 47px;
    height: 103px;
    margin-right: 38px;
    right: 0
}

#fullsized_close {
    font-size: 14px;
    font-family: Arial;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1;
    outline: none;
    text-decoration: none;
    padding: 9px 38px 8px 13px;
    background: #4d4d4f
}

    #fullsized_close:before {
        content: "Close";
        text-transform: uppercase;
        color: #fff
    }

    #fullsized_close:after {
        background-image: url(sprites/icons.png);
        background-position: -204px -146px;
        width: 15px;
        height: 16px;
        position: absolute;
        top: 50%;
        right: 13px;
        display: inline-block;
        transform: translateY(-50%);
        content: ""
    }

#teaserContent {
    font-family: Arial;
    width: 100%;
    padding: 10px;
    background: rgba(255,255,255,.8);
    text-align: center;
    position: absolute;
    bottom: 15px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

@media print {
    .slick-track {
        left: 0 !important;
        width: auto !important
    }
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

@media print {
    .slick-slide {
        float: none !important
    }
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@media print {
    .slick-arrow {
        display: none
    }
}

.slick-dots {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    text-align: center
}

@media print {
    .slick-dots {
        display: none
    }
}

.slick-dots li {
    display: inline-block
}

    .slick-dots li.slick-active button {
        background: #ed1c24
    }

.slick-dots button {
    width: 12px;
    height: 12px;
    margin: 0 3px;
    text-indent: -9999px;
    border: 0;
    border-radius: 20px;
    outline: none;
    background: #55595c
}

@media print {
    .slick-cloned {
        display: none !important
    }
}

@media only screen and (min-width:48em) {
    .row {
        margin-left: 0;
        margin-right: 0;
        min-width: 0;
        width: 100%
    }

        .row .row .column, .row .row .columns {
            padding: 0
        }

        .row .centered {
            margin-left: 0
        }

    .column, .columns {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: auto
    }

        .column:last-child, .columns:last-child {
            margin-right: 0;
            float: none
        }

    [class*="column"] + [class*="column"]:last-child {
        float: none
    }

    [class*=column]:before {
        display: table
    }

    [class*=column]:after {
        display: table;
        clear: both
    }

    [class^=push_], [class*=push_], [class^=pull_], [class*=pull_] {
        margin-left: 0
    }
}

@media only screen and (min-width:72em) {
    .hero-wrap .bx-controls-direction a.bx-prev {
        background: url(/_Images/CPUS/Global/hero-arrow-left-brown.png) 0 0 no-repeat;
        left: -67px
    }

    .hero-wrap .bx-controls-direction a.bx-next {
        background: url(/_Images/CPUS/Global/hero-arrow-right-brown.png) 0 0 no-repeat;
        right: -67px
    }

    .hero-wrap .bx-controls-direction a.bx-prev:hover {
        background: url(/_Images/CPUS/Global/hero-arrow-left-hover-red.png) 0 0 no-repeat
    }

    .hero-wrap .bx-controls-direction a.bx-next:hover {
        background: url(/_Images/CPUS/Global/hero-arrow-right-hover-red.png) 0 0 no-repeat
    }

    .se-by-callout select {
        width: auto
    }
}


.row-table {
    display: table;
    width: 100%;
    height: 100%
}

@media(max-width:767px) {
    .row-table {
        height: auto
    }
}

.row-table > .col-md-6, .row-table > .col-md-4 {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top
}

@media(max-width:767px) {
    .row-table > .col-md-6, .row-table > .col-md-4 {
        display: block;
        float: inherit
    }
}

.row-table > .col-md-6 > *, .row-table > .col-md-6 > * > *, .row-table > .col-md-4 > *, .row-table > .col-md-4 > * > * {
    height: 100%
}

@media(max-width:767px) {
    .row-table > .col-md-6:first-child, .row-table > .col-md-4:first-child {
        margin-bottom: 1.875rem
    }
}


.loggedin-wrap {
    color: #5c4827;
    float: left;
    font-size: 13px;
    font-size: .9285714286rem;
    padding-top: 7px;
    position: relative
}

@media only screen and (min-width:60em) {
    .loggedin-wrap {
        position: absolute;
        z-index: 100
    }
}

@media only screen and (min-width:60em) {
    .loggedin-wrap .loggedin-menu {
        background: #eee2c8;
        border: 1px #c6ae88 solid;
        border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        margin: 0 5px 5px 0;
        position: relative;
        width: 140px;
        padding: 7px 0 7px 30px
    }
}



a.callout-btn, span.callout-btn {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) #f9f9f9;
    background: linear-gradient(to bottom,#f9f9f9 0,#eee 100%);
    border-radius: 3px;
    box-shadow: 1px 1px 2px #999;
    color: #5c4827 !important;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 20px;
    padding: 8px 10px;
    text-transform: uppercase
}

    a.callout-btn[disabled=disabled], span.callout-btn[disabled=disabled] {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }

        a.callout-btn[disabled=disabled]:hover, span.callout-btn[disabled=disabled]:hover {
            color: #5c4827 !important
        }

    a.callout-btn:hover, span.callout-btn:hover {
        color: #ef3f34 !important;
        cursor: pointer
    }


    a.callout-btn.view-all-btn, span.callout-btn.view-all-btn {
        bottom: -14px;
        font-size: 12px;
        font-weight: 400;
        left: 18.75%;
        line-height: 12px;
        position: absolute
    }

input.callout-btn, input.edit-btn, input.update-btn, input.empty, input.continue, input.checkout, input.login-btn, input.forgot-pw-btn, input.zipcode-input-submit, input.new-checkout-btn, input.button_back, input.cancel-btn, input.print-btn, input.create-login-btn, input.submit-changes-btn {
    background: #f9f9f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,#f9f9f9 0,#eee 100%);
    border-radius: 3px;
    box-shadow: 1px 1px 2px #999;
    color: #5c4827;
    display: inline-block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 20px;
    padding: 8px 10px;
    text-transform: uppercase
}

input.callout-btn, input.edit-btn, input.update-btn, input.empty, input.continue, input.checkout, input.login-btn, input.forgot-pw-btn, input.zipcode-input-submit, input.new-checkout-btn, input.button_back, input.cancel-btn, input.print-btn, input.create-login-btn, input.submit-changes-btn {
    border: 0;
    padding: 5px 10px
}

input.edit-btn, input.update-btn {
    background: #f1ece3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZWNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmUxZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom,#f1ece3 0,#e6e1d9 100%);
    color: #bd1d01;
    margin-top: 0
}

.cta-button {
    position: relative;
    clear: both;
    float: left;
    display: block;
    margin-top: 10px;
    padding: 7px 30px;
    font-size: 15px;
    color: #fff;
    text-decoration: none !important;
    border: none;
    background: #208dab;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 3px;
    box-shadow: 0 2px 2px #CCC
}

    .cta-button[disabled] {
        color: #fff !important;
        background: #CCC !important
    }

        .cta-button[disabled]:hover {
            background: #CCC !important;
            cursor: default !important
        }

    .cta-button.request {
        position: relative;
        float: left;
        clear: none;
        margin: 5px 0 0 10px;
        padding: 8px 15px;
        font-size: 14px;
        border-radius: 3px;
        background: #a19589
    }

    .cta-button.light {
        position: relative;
        color: #b55425;
        background: #fff;
        box-shadow: 0 2px 2px #999
    }

    .cta-button:hover {
        color: #fff !important;
        background: #af1b00
    }

    .cta-button.arrow {
        padding: 0 18px 0 0;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        box-shadow: initial;
        border-radius: initial;
        background: url(/_Images/CPUS/global/bg-cta-arrow.png) no-repeat right top
    }

        .cta-button.arrow span {
            color: #fff;
            position: relative;
            display: block;
            padding: 11px 35px;
            border-radius: 3px;
            background: #af1b00
        }

        .cta-button.arrow.back {
            padding: 0 0 0 18px;
            background: url(/_Images/CPUS/global/bg-cta-arrow.png) no-repeat left bottom
        }

            .cta-button.arrow.back span {
                padding: 11px 30px 11px 22px;
                background: #a19589
            }

        .cta-button.arrow.btnCheckout span {
            padding: 11px 75px
        }

input.callout-btn:hover, input.empty:hover, input.continue:hover, input.checkout:hover, input.login-btn:hover, input.forgot-pw-btn:hover, input.zipcode-input-submit:hover, input.new-checkout-btn:hover, input.button_back:hover, input.cancel-btn:hover, input.print-btn:hover, input.create-login-btn:hover, input.submit-changes-btn:hover {
    color: #af1b00;
    cursor: pointer
}

input.edit-btn:hover, input.update-btn:hover {
    color: #5c4827;
    cursor: pointer
}

.video .play-btn {
    background: url(/_Images/CPUS/Global/play-btn.png) 0 0 no-repeat;
    height: 44px;
    position: absolute;
    width: 43px
}

.video:hover .play-btn {
    background-image: url(/_Images/CPUS/Global/play-btn-hover.png)
}

a.resource-listing-download-link, a.classroom-download-link {
    background: url(/_Images/CPUS/Global/dl-btn.png) 0 0 no-repeat;
    color: #66552a;
    display: inline-block;
    margin-top: 5px;
    padding: 6px 0 8px 40px
}

    a.resource-listing-download-link:hover, a.classroom-download-link:hover {
        background: url(/_Images/CPUS/Global/dl-btn-hover.png) 0 0 no-repeat;
        color: #ed1c24;
        text-decoration: underline
    }

#video.resource-listing-download-link {
    background: url(/_Images/CPUS/Global/play-btn.png) 0 0 no-repeat;
    background-size: 30px 30px;
    padding: 6px 0 8px 40px
}

    #video.resource-listing-download-link:hover {
        background: url(/_Images/CPUS/Global/play-btn-hover.png) 0 0 no-repeat;
        background-size: 30px 30px;
        color: #ed1c24;
        text-decoration: underline
    }

.simplemodal-container .close-btn {
    background: url(/_Images/CPUS/Global/close-btn.png) 0 0 no-repeat;
    height: 14px;
    position: absolute;
    left: 85%;
    top: 20px;
    width: 15px
}

@media only screen and (min-width:48em) {
    .simplemodal-container .close-btn {
        left: 92%
    }
}

.simplemodal-container .close-btn:hover {
    background-image: url(/_Images/CPUS/Global/close-btn-hover.png);
    cursor: pointer
}

.search-wrap .dropdown-link:hover {
    background: #f2efe5 url(/_Images/CPUS/Global/arrow-down-red-lg.png) 10px 10px no-repeat
}

.search-wrap .search-submit-btn {
    background-image: url(sprites/icons.png);
    background-position: -246px -146px;
    width: 14px;
    height: 14px;
    background-color: #f3f2ee;
    border: 8px solid #f3f2ee;
    width: 29px;
    height: 29px;
    vertical-align: top
}

    .search-wrap .search-submit-btn:hover {
        background-image: url(sprites/icons.png);
        background-position: -121px -72px;
        width: 14px;
        height: 14px;
        width: 29px;
        height: 29px;
        cursor: pointer
    }

.search-wrap:after {
    content: "";
    width: 1px;
    display: block;
    border-left: 1px solid #c5bbad;
    height: 2.1em;
    float: right
}

.download-btn {
    background: url(/_Images/CPUS/Global/dl-btn-icon.png) 0 center no-repeat;
    padding-left: 23px
}

    .download-btn .video {
        background: url(/_Images/CPUS/Global/play-btn.png) 0 center no-repeat;
        background-size: 20px 20px;
        padding: 5px 5px 5px 28px
    }

.add-cart-btn .add-cart-icon {
    background: url(/_Images/CPUS/Global/cart-icon-hover.png) 0 0 no-repeat;
    padding-left: 30px
}

a.sm-font-btn {
    font-size: 11px
}

ul.product_detail_nav_thumbs li a .play-btn {
    background: url(/_Images/CPUS/Global/play-btn.png) 0 0 no-repeat;
    height: 44px;
    margin: 20px 31px;
    position: absolute;
    width: 43px
}

ul.product_detail_nav_thumbs li a:hover .play-btn, ul.product_detail_nav_thumbs li a.playing .play-btn {
    background-image: url(/_Images/CPUS/Global/play-btn-hover.png)
}

.form-button .cta-button {
    background: #ef3f34;
    float: none;
    margin-bottom: 15px;
    padding: 10px 0 8px;
    text-align: center;
    text-transform: uppercase;
    width: 220px
}

.order-section-info .form-button .cta-button {
    margin: 0
}

#followingBallsG {
    position: relative;
    width: 100%;
    height: 10px;
    margin-left: 0;
    margin-top: 10px
}

.followingBallsG {
    background-color: #bd1d01;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    -moz-border-radius: 0;
    -moz-animation-name: bounce_followingBallsG;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -webkit-border-radius: 0;
    -webkit-animation-name: bounce_followingBallsG;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -ms-border-radius: 0;
    -ms-animation-name: bounce_followingBallsG;
    -ms-animation-duration: 1.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -o-border-radius: 0;
    -o-animation-name: bounce_followingBallsG;
    -o-animation-duration: 1.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    border-radius: 0;
    animation-name: bounce_followingBallsG;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal
}

#followingBallsG_1 {
    -moz-animation-delay: 0s
}

#followingBallsG_1 {
    -webkit-animation-delay: 0s
}

#followingBallsG_1 {
    -ms-animation-delay: 0s
}

#followingBallsG_1 {
    -o-animation-delay: 0s
}

#followingBallsG_1 {
    animation-delay: 0s
}

#followingBallsG_2 {
    animation-delay: .13s
}

#followingBallsG_3 {
    animation-delay: .26s
}

#followingBallsG_4 {
    animation-delay: .39s
}

@keyframes bounce_followingBallsG {
    0% {
        left: 0;
        background-color: #fff
    }

    50% {
        left: 50%;
        background-color: #bd1d01
    }

    100% {
        left: 100%;
        background-color: #fff
    }
}

input[type=text].form-input, input[type=password].form-input, input[type=email].form-input, input[type=tel].form-input {
    padding: 0 5px
}

    input[type=text].form-input.input-validation-error, input[type=password].form-input.input-validation-error, input[type=email].form-input.input-validation-error, input[type=tel].form-input.input-validation-error {
        margin-bottom: 0
    }

input.print-btn, input.create-login-btn {
    margin-top: 0 !important
}

input.zipcode-input-field {
    width: 50px;
    height: 24px
}

input.zipcode-input-submit {
    margin-top: 0
}

select.input-validation-error {
    margin-bottom: 0
}

textarea.form-textarea.input-validation-error {
    margin-bottom: 8px !important
}

.form-wrapper {
    color: #fff
}

@media only screen and (min-width:20em) {
    .form-wrapper .form-pad {
        padding: 15px
    }
}

@media only screen and (min-width:48em) {
    .form-wrapper .form-pad {
        padding: 25px
    }
}

.form-wrapper .form-title {
    font-family: Minion W01,sans-serif;
    font-size: 28px;
    font-size: 2rem;
    line-height: 28px
}

.form-wrapper .form-desc {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 22px;
    margin: 20px 0 25px
}

@media only screen and (min-width:20em) {
    .form-wrapper .form-content {
        padding: 10px 20px 10px 0
    }
}

@media only screen and (min-width:48em) {
    .form-wrapper .form-content {
        padding: 15px 30px 15px 15px
    }
}

@media only screen and (min-width:60em) {
    .form-wrapper .form-content {
        padding: 15px
    }
}

.form-wrapper .form-content .callout-btn {
    float: right;
    clear: both
}

@media only screen and (min-width:60em) {
    .form-wrapper .form-box-label {
        width: 100%
    }
}

@media only screen and (min-width:60em) {
    .form-wrapper .form-box-label .form-label {
        float: left;
        padding: 7px 0;
        text-align: right;
        max-width: 200px;
        width: 30%
    }
}

@media only screen and (min-width:60em) {
    .form-wrapper .form-input {
        max-width: 130px;
        width: 100%
    }
}

.form-section {
    padding-top: 15px
}

    .form-section label {
        display: inline-block;
        max-width: 140px;
        width: 100%
    }

.form-label {
    width: 30%
}

    .form-label label {
        padding: 7px 0;
        max-width: 94px
    }

.form-box-label {
    float: right;
    position: relative;
    text-align: right
}

@media only screen and (min-width:48em) {
    .form-box-label {
        width: 100%
    }
}

.form-box-label.chkbox-wrap {
    text-align: right;
    margin-bottom: 15px
}

@media only screen and (min-width:48em) {
    .form-box-label .form-label {
        float: left;
        max-width: 200px;
        padding: 7px 0;
        text-align: right;
        width: 30%
    }
}

.form-input {
    height: 30px;
    margin: 0 0 15px 15px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-size: .9285714286rem;
    color: #5c4827;
    float: right;
    width: 15%
}

@media only screen and (min-width:48em) {
    .form-input {
        width: 100px
    }
}

.browser_ie8 .form-input {
    line-height: 30px
}

.form-select {
    float: right;
    height: 30px;
    padding: 6px 5px;
    margin: 0 0 15px 15px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #5c4827;
    width: 180px
}

@media only screen and (min-width:48em) {
    .form-select {
        width: 196px
    }
}

.form-textarea {
    float: right;
    margin: 0 0 0 15px;
    width: 215px;
    height: 85px;
    max-width: 215px;
    max-height: 85px;
    min-width: 215px;
    min-height: 85px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-size: 1rem;
    color: #5c4827
}

.form-radio-wrapper {
    float: right;
    margin: 0;
    width: 100%;
    padding: 7px 0;
    max-width: 186px
}

@media only screen and (min-width:48em) {
    .form-radio-wrapper {
        max-width: 255px
    }
}

.form-radio-wrapper label {
    width: auto
}

@media only screen and (min-width:48em) {
    .pw_wrapper {
        margin-left: 20px
    }
}

.form-chkbox-text {
    font-size: 12px;
    font-size: 11.999px;
    font-size: .8571428571rem
}

.form-button {
    margin-top: 10px
}

    .form-button input + a {
        margin-left: .5em
    }

.checkout_left .form-label {
    padding: 0;
    line-height: 18px
}

.fieldset-validation {
    float: none
}

.field-validation-valid, .validation-summary-valid {
    display: none
}

.field-validation-error {
    color: #af1b00;
    display: inline-block;
    margin: 2px 0 10px;
    max-width: 282px;
    width: 100%
}

@media only screen and (min-width:48em) {
    .field-validation-error {
        float: left
    }
}

@media only screen and (min-width:60em) {
    .field-validation-error {
        float: right
    }
}

.input-validation-error {
    border: 1px solid #af1b00;
    background-color: #ededed
}

.validation-summary-errors {
    font-weight: 700;
    color: #af1b00
}

.form-box-label.error .form-input {
    border: 1px solid #af1b00
}

.form-box-label.error .required-text {
    color: #af1b00
}

.form-box-label.error .error-msg {
    display: block
}

.error-msg {
    line-height: 15px;
    float: right;
    font-size: 12px;
    font-size: 11.999px;
    font-size: .8571428571rem
}

.form-item-listing .error-msg {
    background-color: #fff;
    color: #af1b00;
    float: none;
    font-size: 14px;
    font-size: 1rem;
    margin: 10px 0 -10px;
    padding: 5px 0;
    width: 100%
}

.checkout_left .error-msg {
    color: #af1b00;
    text-align: right
}

.thank-you-message {
    text-align: center
}

.search-wrap {
    background: #f2efe5;
    border: 1px solid #c3b199;
    float: right;
    margin: 15px 65px 0 0;
    overflow: hidden;
    position: relative;
    width: 165px;
    z-index: 200
}

@media only screen and (min-width:30em) {
    .search-wrap {
        margin: 15px 85px 0 0;
        width: 250px
    }
}

@media only screen and (min-width:60em) {
    .search-wrap {
        margin: 0;
        width: 175px
    }
}

.search-wrap a span {
    color: #000
}

.search-wrap input[type=text] {
    float: left;
    outline: none;
    width: 100%;
    max-width: 120px
}

@media only screen and (min-width:30em) {
    .search-wrap input[type=text] {
        width: 100%;
        max-width: 200px
    }
}

@media only screen and (min-width:60em) {
    .search-wrap input[type=text] {
        max-width: 134px
    }
}

.search-wrap .search-box {
    font-size: 13px;
    font-size: .9285714286rem;
    background: #f2efe5;
    border: 0;
    color: #382e16;
    font-family: Arial;
    height: 27px;
    padding-left: 10px;
    vertical-align: top
}

.search-wrap .search-submit-btn {
    float: right
}

.login-wrapper {
    vertical-align: top
}

    .login-wrapper .container {
        padding: 15px
    }

@media only screen and (min-width:48em) {
    .login-wrapper .container {
        min-width: 0;
        margin-left: 0;
        margin-right: 0
    }
}


.login-wrapper .login {
    border-bottom: 1px #e0c8a0 solid;
    vertical-align: top;
    padding-bottom: 15px
}

@media only screen and (min-width:20em) {
    .login-wrapper .login {
        border-right: none
    }
}

@media only screen and (min-width:48em) {
    .login-wrapper .login {
        border-right: 1px #e0c8a0 solid;
        border-bottom: none;
        padding-left: 0 !important;
        padding-bottom: 0
    }
}

.login-wrapper .create-account {
    padding-top: 15px
}

    .login-wrapper .create-account h2 {
        font-size: 21px;
        font-size: 1.5rem;
        margin: 0 0 .5em
    }

@media only screen and (min-width:48em) {
    .login-wrapper .create-account {
        padding-top: 0;
        padding-right: 0 !important
    }
}

.login-wrapper .create-account ul {
    list-style: disc;
    margin: .5em;
    padding: 0 0 0 .5em
}

.login-wrapper .login, .login-wrapper .create-account {
    display: inline-block;
    margin: 10px 0 0
}

@media only screen and (min-width:20em) {
    .login-wrapper .login, .login-wrapper .create-account {
        width: 93.75%
    }
}

@media only screen and (min-width:48em) {
    .login-wrapper .login, .login-wrapper .create-account {
        width: 44.6875%;
        padding: 0 1.5625%
    }
}

@media only screen and (min-width:60em) {
    .login-wrapper .login, .login-wrapper .create-account {
        width: 46.875%;
        padding: 0 2.8125%
    }
}

.login-wrapper .login label, .login-wrapper .create-account label {
    width: 100%
}

@media only screen and (min-width:48em) {
    .login-wrapper .login label, .login-wrapper .create-account label {
        max-width: 31.25%;
        width: 100%
    }
}

.login-wrapper .login input[type=text], .login-wrapper .login input[type=password], .login-wrapper .login input[type=email], .login-wrapper .create-account input[type=text], .login-wrapper .create-account input[type=password], .login-wrapper .create-account input[type=email] {
    border: 1px #dad2a3 solid;
    display: inline-block;
    padding: 5px
}

@media only screen and (min-width:20em) {
    .login-wrapper .login input[type=text], .login-wrapper .login input[type=password], .login-wrapper .login input[type=email], .login-wrapper .create-account input[type=text], .login-wrapper .create-account input[type=password], .login-wrapper .create-account input[type=email] {
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .login-wrapper .login input[type=text], .login-wrapper .login input[type=password], .login-wrapper .login input[type=email], .login-wrapper .create-account input[type=text], .login-wrapper .create-account input[type=password], .login-wrapper .create-account input[type=email] {
        max-width: 56.25%;
        width: 100%
    }
}

.login-wrapper .login input[type=checkbox] + label, .login-wrapper .create-account input[type=checkbox] + label {
    max-width: 87.5%;
    width: 100%
}

.login-wrapper .login input[type=checkbox], .login-wrapper .create-account input[type=checkbox] {
    margin-top: 2.1px;
    margin-top: .15rem;
    margin-left: 0
}

.login-wrapper .callout-btn + .form-link {
    margin-left: 15px
}

.login-wrapper .checkbox label {
    max-width: 250px;
    width: 90%
}

.login-wrapper h3 {
    font-size: 1.5em;
    margin: 0 0 .5em
}

.forgot-password p {
    display: block;
    margin: 5px 0 0;
    padding: 0
}

.forgot-password input {
    clear: both;
    margin: 0 20px 0 0;
    padding: 5px
}

.forgot-password .message {
    color: #bd1d01;
    display: block;
    width: 100%
}

.forgot-password .callout-btn {
    margin: 20px 0 0
}

.forgot-password .field-validation-error {
    color: #bd1d01;
    clear: both;
    display: block;
    float: none;
    max-width: 310px;
    text-align: right
}

.password_over {
    color: #5c4827;
    font-size: 13px;
    font-size: .9285714286rem;
    margin: 6px 0 0 5px;
    position: absolute
}

.forgot-password-link {
    display: inline-block;
    margin-top: 15px
}

.login_submit {
    margin-bottom: 10px
}

.edlit-listing-wrapper .edlit-listing-title {
    font-size: 18px;
    font-size: 17.999px;
    font-size: 1.2857142857rem;
    line-height: 18px;
    color: #998b63;
    float: left;
    padding: 10px 0
}

.cd-listing-wrapper {
    border-top: 1px solid #e6e2af
}

    .cd-listing-wrapper .cd-listing-title {
        color: #998b63;
        font-size: 18px;
        font-size: 17.999px;
        font-size: 1.2857142857rem;
        line-height: 18px;
        margin: 30px 0
    }

.edlit-listing-wrapper .callout-btn {
    float: right;
    margin-top: 0
}

.edlit-listing-wrapper .edlit-listing-divider-wrapper {
    height: 34px;
    margin: 20px 0 10px;
    overflow: hidden
}

.account-info-wrap .edlit-listing-divider-wrapper, .classroom-download-listing-wrapper .edlit-listing-divider-wrapper, h1 + .edlit-listing-divider-wrapper {
    height: 34px;
    margin: 20px 0 10px;
    overflow: hidden
}

.edlit-listing-wrapper .edlit-listing-divider {
    width: 100%
}

.edlit-listing-item, .cd-listing-item {
    float: left;
    height: 130px;
    margin-bottom: 30px;
    width: 330px
}

    .edlit-listing-item .edlit-listing-img-link, .cd-listing-item .cd-listing-img-link {
        float: left;
        margin-right: 20px
    }

    .edlit-listing-item .edlit-listing-info, .cd-listing-item .cd-listing-info {
        float: left;
        width: 232px
    }

    .edlit-listing-item a.edlit-listing-item-title, .cd-listing-item a.cd-listing-item-title {
        color: #5c4827;
        display: inline-block;
        font-family: Minion W01,sans-serif;
        font-size: 20px;
        font-size: 1.4285714286rem;
        line-height: 22px;
        margin-bottom: 10px
    }

        .edlit-listing-item a.edlit-listing-item-title:hover, .cd-listing-item a.cd-listing-item-title:hover {
            color: #af1b00
        }

    .edlit-listing-item .edlit-listing-item-teaser, .cd-listing-item .cd-listing-item-teaser {
        color: #5c4827
    }


.literature-form-wrapper {
    background-color: #75843e;
    width: 100%
}

    .literature-form-wrapper .literature-form {
        background-color: #8f9a61
    }

@media only screen and (min-width:48em) {
    .literature-form-wrapper .literature-form {
        max-width: 720px
    }
}

.literature-form-wrapper .literature-form.form-content {
    padding: 5%
}

.literature-form-wrapper .literature-form label {
    display: inline-block;
    text-align: left;
    width: 100%
}

@media only screen and (min-width:20em) {
    .literature-form-wrapper .literature-form label {
        max-width: 100%
    }
}

@media only screen and (min-width:60em) {
    .literature-form-wrapper .literature-form label {
        max-width: 110px
    }
}

.literature-form-wrapper .literature-form input[type=radio] {
    height: 20px;
    width: 20px
}

.literature-form-wrapper .literature-form input[type=text].form-input, .literature-form-wrapper .literature-form input[type=tel].form-input, .literature-form-wrapper .literature-form input[type=email].form-input, .literature-form-wrapper .literature-form input[type=password].form-input {
    margin: 0;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .literature-form input[type=text].form-input, .literature-form-wrapper .literature-form input[type=tel].form-input, .literature-form-wrapper .literature-form input[type=email].form-input, .literature-form-wrapper .literature-form input[type=password].form-input {
        max-width: 175px
    }
}

@media only screen and (min-width:60em) {
    .literature-form-wrapper .literature-form input[type=text].form-input, .literature-form-wrapper .literature-form input[type=tel].form-input, .literature-form-wrapper .literature-form input[type=email].form-input, .literature-form-wrapper .literature-form input[type=password].form-input {
        max-width: 218px
    }
}

.literature-form-wrapper .literature-form select {
    width: 100%
}

@media only screen and (min-width:20em) {
    .literature-form-wrapper .literature-form select {
        margin: 0;
        padding: 5px 0
    }
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .literature-form select {
        max-width: 179px;
        padding: 6px 0;
        float: right
    }
}

@media only screen and (min-width:60em) {
    .literature-form-wrapper .literature-form select {
        max-width: 222px
    }
}

.literature-form-wrapper .form-item-listing-img-wrapper {
    background-color: #8f9b62;
    float: left;
    height: 90px;
    padding: 10px;
    width: 78px
}

@media only screen and (min-width:20em) {
    .literature-form-wrapper .form-item-listing-img-wrapper {
        display: none
    }
}

@media only screen and (min-width:60em) {
    .literature-form-wrapper .form-item-listing-img-wrapper {
        display: block
    }
}

.literature-form-wrapper .form-item-listing-img-wrapper .form-item-listing-img {
    display: none
}

.literature-form-wrapper .form-item-listing-checkboxes {
    display: inline;
    float: left
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .form-item-listing-checkboxes {
        width: 65%
    }
}

@media only screen and (min-width:60em) {
    .literature-form-wrapper .form-item-listing-checkboxes {
        width: 80%
    }
}

.literature-form-wrapper .form-item-listing .form-checkbox-label {
    float: left;
    margin: 0 0 15px 40px;
    width: 210px
}

    .literature-form-wrapper .form-item-listing .form-checkbox-label input {
        margin-right: 5px;
        text-align: center;
        width: 30px
    }

        .literature-form-wrapper .form-item-listing .form-checkbox-label input[type=checkbox] {
            height: 20px
        }

    .literature-form-wrapper .form-item-listing .form-checkbox-label .error-msg {
        position: absolute !important;
        width: 20% !important
    }

.literature-form-wrapper .form-item-listing .form-checkbox {
    margin: 0 10px 0 0
}

    .literature-form-wrapper .form-item-listing .form-checkbox:hover + .form-checkbox-name {
        text-decoration: underline
    }

.literature-form-wrapper .form-item-listing .form-checkbox-name {
    max-width: 140px
}

    .literature-form-wrapper .form-item-listing .form-checkbox-name:hover {
        text-decoration: underline;
        cursor: pointer
    }

.literature-form-wrapper .form-item-listing .form-checkbox-img {
    display: none
}

.literature-form-wrapper .form-box-label {
    display: inline-block;
    text-align: left;
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .form-box-label {
        margin: .5em 0 0
    }
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .form-label label {
        float: left;
        max-width: 150px;
        text-align: left
    }
}

@media only screen and (min-width:20em) {
    .literature-form-wrapper .form-radio-wrapper {
        text-align: left;
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .form-radio-wrapper {
        text-align: right;
        max-width: 175px
    }
}

.literature-form-wrapper .form-radio-wrapper label {
    width: auto
}

@media only screen and (min-width:48em) {
    .literature-form-wrapper .form-radio-wrapper label {
        float: none;
        max-width: 120px
    }
}

.form-item-listing {
    margin-bottom: 10px
}

.customer-form-wrapper {
    background-color: #c60
}

    .customer-form-wrapper .customer-form {
        background-color: #d68330
    }

        .customer-form-wrapper .customer-form label {
            font-weight: 700;
            display: inline-block;
            float: left;
            max-width: 100%;
            width: 100%;
            text-align: left
        }

        .customer-form-wrapper .customer-form .form-input {
            max-width: 100% !important;
            width: 91.875%
        }

@media only screen and (min-width:30em) {
    .customer-form-wrapper .customer-form .form-input {
        width: 94.0625%
    }
}

@media only screen and (min-width:48em) {
    .customer-form-wrapper .customer-form .form-input {
        width: 53.125%
    }
}

@media only screen and (min-width:60em) {
    .customer-form-wrapper .customer-form .form-input {
        width: 59.375%
    }
}

.customer-form-wrapper .customer-form .form-textarea {
    min-width: 0;
    max-width: 100%;
    width: 92.5%
}

@media only screen and (min-width:30em) {
    .customer-form-wrapper .customer-form .form-textarea {
        margin-bottom: 15px;
        text-align: left;
        width: 94.6875%
    }
}

@media only screen and (min-width:48em) {
    .customer-form-wrapper .customer-form .form-textarea {
        text-align: left;
        margin-bottom: 15px;
        width: 53.125%
    }
}

@media only screen and (min-width:60em) {
    .customer-form-wrapper .customer-form .form-textarea {
        margin-bottom: 15px;
        max-width: 59.6875%;
        min-width: 59.6875%;
        width: 59.6875%
    }
}

.customer-form-wrapper .customer-form .form-box-label {
    width: 100%
}

.customer-form-wrapper .customer-form .form-label {
    text-align: left;
    max-width: 100% !important;
    margin-left: 12.5%;
    width: 65.625% !important;
    margin-left: 4.6875%
}

@media only screen and (min-width:30em) {
    .customer-form-wrapper .customer-form .form-label {
        margin-left: 4.6875%;
        width: 34.375% !important
    }
}

@media only screen and (min-width:48em) {
    .customer-form-wrapper .customer-form .form-label {
        margin-left: 0
    }
}

.customer-form-wrapper .customer-form .form-select {
    width: 92.5%
}

@media only screen and (min-width:30em) {
    .customer-form-wrapper .customer-form .form-select {
        width: 95%
    }
}

@media only screen and (min-width:48em) {
    .customer-form-wrapper .customer-form .form-select {
        width: 54.0625%
    }
}

@media only screen and (min-width:60em) {
    .customer-form-wrapper .customer-form .form-select {
        width: 60.3125%
    }
}

.customer-form-wrapper .customer-form input[type=text], .customer-form-wrapper .customer-form input[type=email], .customer-form-wrapper .customer-form input[type=phone], .customer-form-wrapper .customer-form input[type=tel], .customer-form-wrapper .customer-form textarea {
    height: 25px !important;
    padding: 5px 0
}

.customer-form-wrapper .customer-form select {
    height: 35px !important
}

.planning-questions .input-validation-error {
    background: #fee
}

.planning-questions .field-validation-error {
    width: 100%;
    max-width: 100%
}

.planning-questions .conditional {
    margin: 0 0 0 10px
}

@media only screen and (min-width:48em) {
    .planning-questions .conditional {
        margin: 0 0 0 20px
    }
}

.room-planning {
    background-color: #faf6ef;
    border: 2px solid #e6e2af
}

@media only screen and (min-width:20em) {
    .room-planning {
        padding: 40px 20px;
        width: 85%;
        margin-left: 0
    }
}

@media only screen and (min-width:48em) {
    .room-planning {
        padding: 40px 30px;
        width: 75%;
        margin-left: 20px
    }
}

@media only screen and (min-width:60em) {
    .room-planning {
        padding: 40px 40px 40px 60px;
        width: 75%;
        margin-left: 20px
    }
}

.room-planning h1 {
    color: #bd1d01;
    font-size: 30px;
    font-weight: 700
}

@media only screen and (min-width:20em) {
    .room-planning h1 {
        margin: 20px 0;
        line-height: normal;
        margin-bottom: 0
    }
}

@media only screen and (min-width:48em) {
    .room-planning h1 {
        line-height: normal;
        margin: 20px 0
    }
}

@media only screen and (min-width:60em) {
    .room-planning h1 {
        margin: 20px 0
    }
}

.room-planning h2 {
    color: #5c4827;
    font-size: 18px;
    font-size: 17.999px;
    font-size: 1.2857142857rem;
    font-weight: 700;
    margin: 15px 0
}

.room-planning h3 {
    color: #997b5a;
    font-size: 15px;
    font-size: 14.999px;
    font-size: 1.0714285714rem;
    font-weight: 700;
    margin-bottom: 5px
}

    .room-planning h3.left {
        padding: 7px 7px 7px 0
    }

        .room-planning h3.left label {
            display: inline
        }

.room-planning input[type=checkbox], .room-planning input[type=radio] {
    float: left;
    height: 20px;
    width: 20px
}

.room-planning input, .room-planning select {
    border: 1px solid #e6e2af;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 5px;
    width: 95%
}

.room-planning textarea {
    border: 1px solid #e6e2af;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 95%
}

.room-planning .conditional {
    margin-left: 0
}

@media only screen and (min-width:48em) {
    .room-planning .conditional {
        margin-left: 20px
    }
}

.room-planning .stepper {
    width: 100%;
    height: 45px
}

.room-planning .planning-input {
    margin-bottom: 15px
}

.room-planning .submit {
    font-size: 20px;
    font-size: 1.4285714286rem;
    height: 50px;
    width: 110px
}

@media only screen and (min-width:20em) {
    .room-planning .submit {
        margin-left: 30%
    }
}

@media only screen and (min-width:48em) {
    .room-planning .submit {
        margin-left: 40%
    }
}

.room-planning .radio {
    margin-bottom: 15px
}

.room-planning .k-widget.k-numerictextbox {
    float: left;
    margin-right: 10px;
    width: 60px
}

.form-modal {
    padding: 0 15px 45px;
    height: auto
}

    .form-modal h2 {
        font-weight: 700;
        margin: 0 0 5px
    }

.company-name em {
    display: inline-block
}

.company-name label {
    max-width: initial;
    width: auto
}

@media only screen and (min-width:30em) {
    .company-name label {
        max-width: 140px;
        width: 100%
    }
}

.company-name input[type="text"][name="CompanyName"] {
    max-width: 300px;
    width: 95%
}

@media only screen and (min-width:30em) {
    .company-name input[type="text"][name="CompanyName"] {
        margin-left: 145px;
        width: 60%
    }
}

@media only screen and (min-width:48em) {
    .company-name input[type="text"][name="CompanyName"] {
        width: 95%
    }
}

.company-name .change-company {
    margin: 0
}

@media only screen and (min-width:30em) {
    .company-name .change-company {
        margin-left: 145px;
        margin-top: 5px
    }
}

@media only screen and (min-width:48em) {
    .company-name .change-company {
        margin-left: 145px;
        margin-top: 5px
    }
}

@media only screen and (min-width:60em) {
    .company-name .change-company {
        margin-left: 0;
        font-size: inherit
    }
}

.request-info-form-wrapper {
    background-color: #7b9898
}

    .request-info-form-wrapper .request-info-form {
        background-color: #94babd
    }

        .request-info-form-wrapper .request-info-form .form-box-label {
            float: none;
            text-align: left
        }

        .request-info-form-wrapper .request-info-form .form-label {
            text-align: left
        }

        .request-info-form-wrapper .request-info-form .form-input, .request-info-form-wrapper .request-info-form .form-select, .request-info-form-wrapper .request-info-form .form-textarea {
            float: none;
            max-width: 250px;
            width: 100%
        }


.resource-listing-header h1 .resource-type, .resource-listing-header h1 .resource-topic {
    color: #bd1d01;
    display: inline-block
}

#hero.resource-slider {
    position: relative
}

ul.slider li.slide {
    background-size: cover
}

@media only screen and (min-width:48em) {
    ul.slider li.slide {
        overflow: hidden
    }
}

@media only screen and (min-width:60em) {
    ul.slider li.slide {
        height: 416px
    }
}

ul.slider li.slide .slide-media {
    float: left;
    width: 100%
}

ul.slider li.slide .slide-content {
    float: none;
    padding: 0
}

@media only screen and (min-width:20em) {
    ul.slider li.slide .slide-content {
        background: #bbaf9a;
        left: -10px;
        position: relative;
        top: 213px;
        padding: 6.25%;
        width: 87.5%
    }
}

@media only screen and (min-width:30em) {
    ul.slider li.slide .slide-content {
        top: 395px;
        padding: 3.125%;
        width: 93.75%
    }
}

@media only screen and (min-width:48em) {
    ul.slider li.slide .slide-content {
        background: none;
        padding: 30px 30px 30px 60px;
        width: 50%;
        left: 10px;
        top: 10px
    }
}

@media only screen and (min-width:20em) {
    ul.slider li.slide .slide-content p {
        line-height: 25px;
        text-shadow: 0 0 3px #999;
        padding: 0
    }
}

@media only screen and (min-width:48em) {
    ul.slider li.slide .slide-content p {
        line-height: normal
    }
}

ul.slider li.slide .slide-header {
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    font-size: 1.75em
}

@media only screen and (min-width:48em) {
    ul.slider li.slide .slide-header {
        font-size: 32px;
        font-size: 2.2857142857rem;
        line-height: normal
    }
}

ul.slider li.slide a.slide-link {
    font-size: 14px;
    font-size: 1rem;
    border-radius: 5px;
    color: #5c4827;
    display: inline-block;
    font-weight: 700;
    height: 100%;
    line-height: 14px;
    margin-top: 30px;
    padding: 8px 10px;
    text-transform: uppercase;
    width: 100%
}

    ul.slider li.slide a.slide-link:hover {
        color: #ed1c24
    }

.hero-wrap {
    position: relative;
    max-width: 941px;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:60em) {
    .hero-wrap {
        height: 416px
    }
}

.hero-wrap ul {
    overflow: visible
}

@media only screen and (min-width:20em) {
    .hero-wrap li {
        background-position: right bottom;
        overflow: visible
    }
}

@media only screen and (min-width:48em) {
    .hero-wrap li {
        background-position: right bottom
    }
}

.hero-wrap .slider {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative
}

@media only screen and (min-width:48em) {
    .hero-wrap .slider {
        overflow: hidden
    }
}

@media only screen and (min-width:60em) {
    .hero-wrap .slider {
        height: 416px;
        width: 941px
    }
}

.hero-wrap .slide-content {
    padding: 10px 10px 10px 30px
}

.hero-wrap .bx-pager {
    position: relative;
    z-index: 8;
    text-align: center;
    width: 100%;
    margin: auto;
    max-width: 200px
}

@media only screen and (min-width:20em) {
    .hero-wrap .bx-pager {
        bottom: 35px
    }
}

@media only screen and (min-width:48em) {
    .hero-wrap .bx-pager {
        bottom: 30px
    }
}

.hero-wrap .bx-viewport {
    z-index: 1;
    overflow: visible !important
}

@media only screen and (min-width:20em) {
    .hero-wrap .bx-viewport, .hero-wrap .slider, .hero-wrap .slide {
        height: 250px !important
    }
}

@media only screen and (min-width:30em) {
    .hero-wrap .bx-viewport, .hero-wrap .slider, .hero-wrap .slide {
        height: 435px !important
    }
}

@media only screen and (min-width:20em) {
    .hero-wrap .bx-controls-direction a.bx-prev {
        background-image: url(sprites/icons.png);
        background-position: -219px 0;
        width: 41px;
        height: 73px;
        left: 5px
    }
}

@media only screen and (min-width:60em) {
    .hero-wrap .bx-controls-direction a.bx-prev {
        background-image: url(sprites/icons.png);
        background-position: -219px 0;
        width: 41px;
        height: 73px;
        left: 7px
    }
}

@media only screen and (min-width:76.25em) {
    .hero-wrap .bx-controls-direction a.bx-prev {
        background-image: url(sprites/icons.png);
        background-position: -42px -103px;
        width: 42px;
        height: 72px;
        left: -67px
    }
}

@media only screen and (min-width:20em) {
    .hero-wrap .bx-controls-direction a.bx-prev:hover {
        background-image: url(sprites/icons.png);
        background-position: -219px 0;
        width: 41px;
        height: 73px
    }
}

@media only screen and (min-width:60em) {
    .hero-wrap .bx-controls-direction a.bx-prev:hover {
        background-image: url(sprites/icons.png);
        background-position: -219px 0;
        width: 41px;
        height: 73px
    }
}

@media only screen and (min-width:76.25em) {
    .hero-wrap .bx-controls-direction a.bx-prev:hover {
        background-image: url(sprites/icons.png);
        background-position: 0 -103px;
        width: 42px;
        height: 72px
    }
}

@media only screen and (min-width:20em) {
    .hero-wrap .bx-controls-direction a.bx-next {
        background-image: url(sprites/icons.png);
        background-position: -178px 0;
        width: 41px;
        height: 73px;
        right: 5px
    }
}

@media only screen and (min-width:60em) {
    .hero-wrap .bx-controls-direction a.bx-next {
        background-image: url(sprites/icons.png);
        background-position: -178px 0;
        width: 41px;
        height: 73px;
        right: 5px
    }
}

@media only screen and (min-width:76.25em) {
    .hero-wrap .bx-controls-direction a.bx-next {
        background-image: url(sprites/icons.png);
        background-position: -136px 0;
        width: 42px;
        height: 72px;
        right: -67px
    }
}

@media only screen and (min-width:20em) {
    .hero-wrap .bx-controls-direction a.bx-next:hover {
        background-image: url(sprites/icons.png);
        background-position: -178px 0;
        width: 41px;
        height: 73px
    }
}

@media only screen and (min-width:60em) {
    .hero-wrap .bx-controls-direction a.bx-next:hover {
        background-image: url(sprites/icons.png);
        background-position: -178px 0;
        width: 41px;
        height: 73px
    }
}

@media only screen and (min-width:76.25em) {
    .hero-wrap .bx-controls-direction a.bx-next:hover {
        background-image: url(sprites/icons.png);
        background-position: -94px 0;
        width: 42px;
        height: 72px
    }
}

.bx-pager .bx-pager-item {
    display: inline-block;
    margin-right: 10px
}

    .bx-pager .bx-pager-item a {
        background-image: url(sprites/icons.png);
        background-position: -204px -162px;
        width: 12px;
        height: 12px;
        text-indent: -9999px;
        display: block
    }

.bx-pager a:hover, .bx-pager a.active {
    background-image: url(sprites/icons.png);
    background-position: -246px -160px;
    width: 12px;
    height: 12px
}

.bx-controls-direction a {
    width: 42px;
    height: 72px;
    position: absolute;
    z-index: 8;
    top: 170px;
    text-indent: -9999px
}

    .bx-controls-direction a.bx-prev {
        background-image: url(sprites/icons.png);
        background-position: -42px -103px;
        width: 42px;
        height: 72px;
        left: 0
    }

    .bx-controls-direction a.bx-next {
        background-image: url(sprites/icons.png);
        background-position: -136px 0;
        width: 42px;
        height: 72px;
        right: 0
    }

    .bx-controls-direction a.bx-prev:hover {
        background-image: url(sprites/icons.png);
        background-position: 0 -103px;
        width: 42px;
        height: 72px
    }

    .bx-controls-direction a.bx-next:hover {
        background-image: url(sprites/icons.png);
        background-position: -94px 0;
        width: 42px;
        height: 72px
    }

@media only screen and (min-width:20em) {
    .resource-slider {
        margin-bottom: 15px;
        width: 100%
    }
}

@media only screen and (min-width:20em) {
    .resource-slider img {
        width: 100%;
        margin: 0
    }
}

.resource-slider ul.slider li.slide {
    height: 305px
}

.resource-slider ul.slider {
    margin: 0
}

.resource-slider ul.pager-slider {
    margin: 0
}

.resource-slider #slider-prev a {
    background: url(/_Images/CPUS/Global/hero-arrow-left-sm-off-white.png) 0 0 no-repeat;
    background-size: 30px 50px;
    display: block;
    height: 50px;
    left: 10px;
    position: relative;
    width: 30px;
    z-index: 1000
}

@media only screen and (min-width:20em) {
    .resource-slider #slider-prev a {
        top: -180px
    }
}

@media only screen and (min-width:48em) {
    .resource-slider #slider-prev a {
        top: -215px
    }
}

.resource-slider #slider-next {
    float: right
}

    .resource-slider #slider-next a {
        background: url(/_Images/CPUS/Global/hero-arrow-right-sm-off-white.png) 0 0 no-repeat;
        background-size: 30px 50px;
        display: block;
        height: 50px;
        right: 10px;
        position: relative;
        width: 30px;
        z-index: 1000
    }

@media only screen and (min-width:20em) {
    .resource-slider #slider-next a {
        top: -230px
    }
}

@media only screen and (min-width:48em) {
    .resource-slider #slider-next a {
        top: -265px
    }
}

.resource-slider #slider-prev a:hover {
    background: url(/_Images/CPUS/Global/hero-arrow-left-sm.png) 0 0 no-repeat;
    background-size: 30px 50px
}

.resource-slider #slider-next a:hover {
    background: url(/_Images/CPUS/Global/hero-arrow-right-sm.png) 0 0 no-repeat;
    background-size: 30px 50px
}

.resource-slider .pager-slider img.inactive {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.resource-slider .pager-wrapper {
    margin-top: -80px
}

@media only screen and (min-width:20em) {
    .resource-slider .main-resource-hero .bx-viewport {
        height: auto;
        margin-bottom: 46px;
        max-height: 200px
    }
}

@media only screen and (min-width:48em) {
    .resource-slider .main-resource-hero .bx-viewport {
        max-height: 300px
    }
}

.resource-slider .bx-wrapper {
    max-width: 100% !important;
    margin-bottom: 35px
}

.resource-slider .bx-viewport {
    width: 100% !important
}

.resource-slider .bx-controls-direction .bx-prev {
    display: none
}

.resource-slider .bx-controls-direction .bx-next {
    display: none
}

.resource-slider .bx-caption {
    background: rgba(255,255,255,.75)
}

@media only screen and (min-width:20em) {
    .resource-slider .bx-caption {
        bottom: 105px;
        padding: .5em 0;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media only screen and (min-width:48em) {
    .resource-slider .bx-caption {
        bottom: 0
    }
}

.resource-slider .bx-caption span {
    color: #5c4827;
    display: block;
    font-style: italic;
    height: 100%;
    text-align: center;
    width: 100%
}

.modal-content {
    display: none;
    overflow: hidden;
    padding: 50px 20px 20px
}

.configure-modal h2 {
    margin-bottom: 20px;
    font: 28px Arial,Helvetica,sans-serif;
    color: #58aaaa
}

.configure-modal .img {
    position: relative;
    float: left;
    margin-right: 30px;
    border: 1px solid #ddd
}

.configure-modal p {
    margin-bottom: 10px;
    font: 16px Arial,Helvetica,sans-serif;
    line-height: 22px
}

.configure-modal .cta-button {
    float: left;
    clear: none;
    margin-right: 20px
}


#simplemodal-overlay {
    width: 100% !important;
    background-color: #000
}

@media only screen and (min-width:48em) {
    #simplemodal-overlay {
        z-index: 10002 !important
    }
}

#simplemodal-container {
    background-color: #FFF;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,.3);
    color: #534d4d;
    min-height: 385px;
    height: auto !important;
    padding: 15px 0 20px;
    position: relative;
    width: 100% !important;
    max-width: 650px !important
}

@media only screen and (min-width:48em) {
    #simplemodal-container {
        z-index: 10003 !important;
        padding: 10px
    }
}

#simplemodal-container a.modal-close {
    background: url(/Content/Images/bg-exit.gif) no-repeat right top;
    color: #534d4d;
    display: block;
    font: 19px Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 30px;
    position: absolute;
    right: 5px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 20px;
    z-index: 1
}

#simplemodal-container .modal-message {
    overflow: auto
}

    #simplemodal-container .modal-message p {
        font: 18px Arial,Helvetica,sans-serif;
        line-height: 22px;
        margin-bottom: 10px
    }

#simplemodal-container .email #Email_Address {
    padding: 5px 2px;
    width: 100%
}

@media only screen and (min-width:48em) {
    #simplemodal-container .email #Email_Address {
        margin: 0 0 0 5px;
        width: 50%
    }
}

#simplemodal-container .email textarea {
    width: 100%
}

#simplemodal-overlay {
    background-color: #fff
}

#roomDetail-modal-container {
    box-shadow: 0 0 5px 0 #999;
    left: .15% !important;
    position: absolute !important;
    top: 15px !important
}

@media only screen and (min-width:48em) {
    #roomDetail-modal-container {
        box-shadow: none;
        left: 250px !important;
        top: 50px !important
    }
}

#contact-form-modal {
    background-color: #FFF;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,.3);
    color: #534d4d;
    min-height: 385px;
    height: auto !important;
    position: relative
}

    #contact-form-modal a.modal-close {
        background: url(/_Images/Rifton/bg-exit.gif) no-repeat right top;
        display: block;
        font: 19px Arial,Helvetica,sans-serif;
        margin-bottom: 10px;
        margin-right: 10px;
        padding-right: 30px;
        position: absolute;
        right: 5px;
        text-indent: -9000px;
        top: 20px
    }

@media print {
    body {
        min-width: 100%;
        background: none;
        font-size: 12pt
    }

    .no-print {
        display: none !important
    }

 

    body.generic {
        background: none
    }

    .header-right {
        display: none !important
    }


    .site_body {
        padding: 0
    }

 
    .comments {
        display: none
    }

    .social-actions {
        display: none
    }
    
 
 
     a {
        color: inherit !important;
        text-decoration: none !important
    }

    .listing-desc {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 11px;
        line-height: 16px;
        float: left;
        width: 45%
    }

      
    .hero-wrap, .slide, .bx-viewport {
        height: auto !important
    }

    .home-callouts-wrap .callout {
        display: inline-block;
        width: 31%
    }
    
    .wrapper {
        width: 100%
    }

    a {
        color: #333 !important
    }

    .page-content a:link:after {
        color: #333;
        content: " (" attr(href) ") ";
        font-size: 11px;
        font-style: italic
    }
    
 

    .page-content {
        color: #333
    }

 
    .page-content ul {
        margin: 0 0 15px
    }

 
    .k-state-disabled {
        opacity: 1 !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

        .k-state-disabled .k-input {
            opacity: 1 !important;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
        }

    .k-grid {
        height: auto !important
    }

    .k-grid-header {
        padding: 0 !important
    }

    .k-grid-content {
        overflow: visible;
        height: auto !important
    }

    .accessories-wrapper, .accessories-pad {
        margin: 0 !important;
        padding: 0 !important
    }

 
 
    .listing-desc {
        font-size: 14px;
        font-size: 1rem
    }

        .listing-desc ul {
            list-style: initial;
            margin: 1em 0 1em 20px
        }

        .listing-desc strong {
            font-weight: 700
        }

    .k-grid .k-grid-header .k-header {
        max-width: 101px !important;
        width: auto !important;
        display: table-cell !important
    }

    tbody td {
        display: table-cell !important
    }

    .order_total_wrapper {
        float: right;
        display: block !important;
        width: 37.5%
    }

    .zipcode-input-wrap {
        float: left;
        width: 62.5%
    }

    .listing-desc {
        width: 100%
    }

    .order-section-info {
        display: block !important
    }

    .quote-header p {
        margin: 0;
        padding: 0
    }

    .my-acct-section, .invoice-detail-wrapper, .payment-detail-wrapper, .order-detail-wrapper, .quote-detail-wrapper, .order-section h4, .order-detail-section {
        border: none !important;
        box-shadow: none !important
    }

    .smooth_zoom_preloader {
        margin: 0 auto
    }
}

table.overseasreps {
    width: 100%
}

    table.overseasreps td.flagimg img {
        max-width: 50px
    }

    table.overseasreps td.companyname a {
        display: inline-block;
        max-width: 145px;
        width: 100%;
        word-wrap: normal
    }

@media only screen and (min-width:20em) {
    table.overseasreps tr {
        border-bottom: 1px #7a6535 solid
    }
}

@media only screen and (min-width:20em) {
    table.overseasreps caption, table.overseasreps th, table.overseasreps td {
        padding: 5px;
        word-break: break-all
    }
}

@media only screen and (min-width:48em) {
    table.overseasreps caption, table.overseasreps th, table.overseasreps td {
        padding: 5px;
        word-break: break-all
    }
}

@media only screen and (min-width:20em) {
    table.line_items {
        table-layout: auto
    }
}

@media only screen and (min-width:20em) {
    table.line_items td, table.line_items th {
        font-size: 9px
    }
}

@media only screen and (min-width:48em) {
    table.line_items td, table.line_items th {
        font-size: 12px
    }
}

@media only screen and (min-width:60em) {
    table.line_items td, table.line_items th {
        font-size: 14px
    }
}

table.line_items .line_item_desc {
    width: 150px
}

@media only screen and (min-width:60em) {
    table.line_items .line_item_qty {
        padding-right: 20px
    }
}

@media only screen and (min-width:60em) {
    table.line_items .line_item_price {
        padding-right: 25px
    }
}

@media only screen and (min-width:20em) {
    table.line_items .line_item_view, table.line_items .line_item_num {
        display: none
    }
}

@media only screen and (min-width:20em) {
    table.line_items .line_item_options_select {
        width: 50px
    }
}

@media only screen and (min-width:48em) {
    table.line_items .line_item_options_select {
        width: 65px
    }
}

@media only screen and (min-width:60em) {
    table.line_items .line_item_options_select {
        width: 120px
    }
}

.invoice-detail-wrapper {
    box-shadow: none
}

    .invoice-detail-wrapper table {
        display: block;
        overflow-x: scroll;
        max-height: 350px
    }

@media only screen and (min-width:30em) {
    .invoice-detail-wrapper table {
        max-height: 450px
    }
}

@media only screen and (min-width:48em) {
    .invoice-detail-wrapper table {
        max-height: initial
    }
}

@media only screen and (min-width:60em) {
    .invoice-detail-wrapper table {
        display: table;
        overflow: visible
    }
}

.invoice-detail-wrapper table tbody td:first-child, .invoice-detail-wrapper table tbody th:first-child, .invoice-detail-wrapper table thead td:first-child, .invoice-detail-wrapper table thead th:first-child {
    max-width: 28px;
    min-width: 30px !important
}

.order-detail-wrapper {
    box-shadow: none
}

    .order-detail-wrapper table {
        display: block;
        overflow-x: scroll;
        max-height: 350px
    }

@media only screen and (min-width:30em) {
    .order-detail-wrapper table {
        max-height: 450px
    }
}

@media only screen and (min-width:48em) {
    .order-detail-wrapper table {
        max-height: initial
    }
}

@media only screen and (min-width:60em) {
    .order-detail-wrapper table {
        display: table;
        overflow: visible
    }
}

.my-payments table {
    display: block;
    overflow-x: scroll;
    max-height: 350px
}

@media only screen and (min-width:30em) {
    .my-payments table {
        max-height: 450px
    }
}

@media only screen and (min-width:48em) {
    .my-payments table {
        max-height: initial
    }
}

@media only screen and (min-width:60em) {
    .my-payments table {
        display: table;
        overflow: visible
    }
}

.my-payments table tbody td.k-hierarchy-cell, .my-payments table tbody th.k-hierarchy-cell, .my-payments table thead td.k-hierarchy-cell, .my-payments table thead th.k-hierarchy-cell {
    display: none
}

.my-payments table .k-header {
    min-width: 180px !important
}

@media only screen and (min-width:48em) {
    .my-payments table .k-header {
        min-width: 160px !important
    }
}

.order-detail-section.my-lists, .order-detail-section.list-detail {
    box-shadow: none;
    padding: 0 0 1em
}

    .order-detail-section.my-lists select, .order-detail-section.list-detail select {
        width: 100%
    }

    .order-detail-section.my-lists table[role=grid], .order-detail-section.my-lists table[role=treegrid], .order-detail-section.list-detail table[role=grid], .order-detail-section.list-detail table[role=treegrid] {
        display: block;
        overflow-x: scroll
    }

@media only screen and (min-width:60em) {
    .order-detail-section.my-lists table[role=grid], .order-detail-section.my-lists table[role=treegrid], .order-detail-section.list-detail table[role=grid], .order-detail-section.list-detail table[role=treegrid] {
        display: table;
        overflow: visible
    }
}

.order-detail-section.my-lists table[role=grid] .k-header, .order-detail-section.my-lists table[role=treegrid] .k-header, .order-detail-section.list-detail table[role=grid] .k-header, .order-detail-section.list-detail table[role=treegrid] .k-header {
    min-width: 140px !important
}

@media only screen and (min-width:48em) {
    .order-detail-section.my-lists table[role=grid] .k-header, .order-detail-section.my-lists table[role=treegrid] .k-header, .order-detail-section.list-detail table[role=grid] .k-header, .order-detail-section.list-detail table[role=treegrid] .k-header {
        min-width: 105px !important
    }
}

.order-detail-section.my-lists:after, .order-detail-section.list-detail:after {
    margin-top: 20px
}

.order-detail-section.my-lists table, .order-detail-section.list-detail table {
    margin-bottom: 10px
}

@media only screen and (min-width:60em) {
    .order-detail-section.my-lists table, .order-detail-section.list-detail table {
        margin-bottom: 0
    }
}

.order-detail-section.my-lists .order_total_wrapper, .order-detail-section.list-detail .order_total_wrapper {
    border: none
}

@media only screen and (min-width:60em) {
    .order-detail-section.my-lists table[role=treegrid] .k-header {
        min-width: 160px !important
    }
}

#ListDetails th:first-child {
    min-width: 20px !important
}

#OrderDetails table tbody tr > *, #OrderDetails table thead tr > * {
    width: 12%;
    display: none
}

    #OrderDetails table tbody tr > *:nth-child(6), #OrderDetails table thead tr > *:nth-child(6) {
        max-width: 55px
    }

@media only screen and (min-width:20em) {
    #OrderDetails table tbody tr > *:nth-child(3), #OrderDetails table tbody tr > *:nth-child(4), #OrderDetails table tbody tr > *:nth-child(5), #OrderDetails table thead tr > *:nth-child(3), #OrderDetails table thead tr > *:nth-child(4), #OrderDetails table thead tr > *:nth-child(5) {
        display: table-cell;
        max-width: 55px
    }
}

@media only screen and (min-width:30em) {
    #OrderDetails table tbody tr > *:nth-child(2), #OrderDetails table tbody tr > *:nth-child(3), #OrderDetails table tbody tr > *:nth-child(4), #OrderDetails table tbody tr > *:nth-child(5), #OrderDetails table thead tr > *:nth-child(2), #OrderDetails table thead tr > *:nth-child(3), #OrderDetails table thead tr > *:nth-child(4), #OrderDetails table thead tr > *:nth-child(5) {
        display: table-cell;
        max-width: 65px
    }
}

@media only screen and (min-width:48em) {
    #OrderDetails table tbody tr > *:nth-child(2), #OrderDetails table tbody tr > *:nth-child(3), #OrderDetails table tbody tr > *:nth-child(4), #OrderDetails table tbody tr > *:nth-child(5), #OrderDetails table thead tr > *:nth-child(2), #OrderDetails table thead tr > *:nth-child(3), #OrderDetails table thead tr > *:nth-child(4), #OrderDetails table thead tr > *:nth-child(5) {
        display: table-cell;
        max-width: 110px
    }
}

@media only screen and (min-width:60em) {
    #OrderDetails table tbody tr > *, #OrderDetails table thead tr > * {
        display: table-cell
    }
}

#OrderDetails table tbody tr > *:nth-child(7) .k-button, #OrderDetails table thead tr > *:nth-child(7) .k-button {
    text-indent: -9999em;
    position: relative;
    min-width: 30px
}

@media only screen and (min-width:30em) {
    #OrderDetails table tbody tr > *:nth-child(7) .k-button, #OrderDetails table thead tr > *:nth-child(7) .k-button {
        text-indent: 0;
        position: relative;
        width: auto
    }
}

#OrderDetails table tbody tr > *:nth-child(7) .k-button:before, #OrderDetails table thead tr > *:nth-child(7) .k-button:before {
    content: 'X';
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    width: 30px;
    height: 20px;
    text-indent: 0
}

@media only screen and (min-width:30em) {
    #OrderDetails table tbody tr > *:nth-child(7) .k-button:before, #OrderDetails table thead tr > *:nth-child(7) .k-button:before {
        display: none
    }
}

#OrderDetails table tbody [role=gridcell], #OrderDetails table thead [role=gridcell] {
    border: none
}

.k-grid-pager:before, .my-lists:after, .list-detail .k-grid:after {
    content: "Scroll left or right for more details.";
    display: block;
    font-weight: 700;
    padding: 0 0 10px;
    width: 100%
}

@media only screen and (min-width:60em) {
    .k-grid-pager:before, .my-lists:after, .list-detail .k-grid:after {
        display: none
    }
}

.invoice-detail-wrapper table::-webkit-scrollbar-track, .order-detail-wrapper table::-webkit-scrollbar-track, .my-payments table::-webkit-scrollbar-track, .my-lists table::-webkit-scrollbar-track, #ListDetails table::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.invoice-detail-wrapper table::-webkit-scrollbar, .order-detail-wrapper table::-webkit-scrollbar, .my-payments table::-webkit-scrollbar, .my-lists table::-webkit-scrollbar, #ListDetails table::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #f5f5f5
}

.invoice-detail-wrapper table::-webkit-scrollbar-thumb, .order-detail-wrapper table::-webkit-scrollbar-thumb, .my-payments table::-webkit-scrollbar-thumb, .my-lists table::-webkit-scrollbar-thumb, #ListDetails table::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #b9b0a7
}