body {
    margin: 0;
    padding: 0;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
    position: relative;
    color: #444;
    -webkit-font-smoothing: antialiased
}

/* Focus rules */
:focus, .sudoFocus {
    outline: .2rem solid rgba(128, 170, 243, 0.95);
    outline-offset: .1rem;
}

.accountH1 {
    line-height: 1.2;
    margin: .5rem 0 0 0;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.25rem;
}

.mayAlsoLikeItem:focus-within, .categoryItem a:focus-within, .pdpVideo a:focus-within {
    outline: .2rem solid rgba(128, 170, 243, 0.95);
    outline-offset: .1rem;
}

.skip-link {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

    .skip-link:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
    }

strong, h4, h3 {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-style: normal;
}

em {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: italic;
}

a {
    color: #16619D;
    text-decoration: underline;
    transition: color 200ms
}

    a:hover {
        color: #c00;
        text-decoration: none
    }

img {
    border: none
}

ul {
    list-style-type: square
}

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

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    border: none;
    vertical-align: top
}

    table th {
        font-weight: 400;
        text-align: left
    }

td, th {
    border-top: 1px solid #ddd;
    padding: 5px 8px
}

form fieldset {
    border: none
}

.error, .siteHighlight, .highlightColor {
    color: #c00;
}

.clearIt {
    clear: both
}

.noJS {
    color: red;
    padding: 10px;
    border: 1px solid red;
    margin-bottom: 10px
}

.legacyBrowser {
    padding: 10px;
    border: 1px solid red;
    margin: 20px auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center;
    max-width: 960px
}

input[type=submit] {
    -webkit-appearance: none
}

.btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.btn {
    font-size: 1.5em;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    border: 0 none;
    margin: 0;
    padding: 0 1em;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    height: 2em;
    line-height: 2;
    background-color: #5f7f37;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer
}

    .btn:hover {
        color: #fff;
        background-color: #acc637;
    }

.shorter {
    font-size: 1.25em;
    padding: 0 .75em;
    height: 1.5em;
    line-height: 1.55
}

.inactiveBtn, .inactiveBtn:hover {
    cursor: not-allowed
}

.btn.secondTier {
    background-color: #555
}

    .btn.secondTier:hover {
        background-color: #999;
        color: #ccc
    }

.btn.accountBack {
    background-color: #fff;
    border: 1px solid #16619D;
    color: #16619D
}

    .btn.accountBack:hover {
        border-color: #c00;
        background-color: #efefef
    }

    .btn.accountBack::before {
        content: "\226A  "
    }

#addToCart .btn, #addToCartSoldOut .btn {
    width: 100%
}

.returnAnotherButton, .finishReturnButton {
    width: 100%;
    margin-bottom: .25em
}

#addToCartWarning {
    display: none;
    text-align: center;
    font-size: 1em;
    color: #c00;
    position: relative;
    margin-bottom: .25em
}

.eu #addToCartSoldOut {
    margin-bottom: 10px
}

#productWarning {
    font-size: 11px;
    font-weight: 700;
    margin-top: 10px
}

.soldOutNew {
    margin-bottom: .571428571428571em
}

.TTteaser {
    font-size: 1rem;
    /*     font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
}

.TTteaser__rating {
    /*     display: block; */
    vertical-align: middle;
    margin: .25rem 0 0 0;
    line-height: 0;
    text-align: center;
}

.TTteaser__star svg {
    width: 1rem;
    height: 1rem;
}

.TTteaser__icon--full {
    /*fill: #000;*/
    fill: #adc72e;
}

.TTteaser__icon--half {
    /*stroke: #000;*/
    stroke: #adc72e;
    fill: transparent;
    /*color: #000;*/
    color: #adc72e;
}

.TTteaser__icon--empty {
    /*stroke: #000;*/
    stroke: #adc72e;
}

.TTteaser__read-qa,
.TTteaser__read-comments,
.TTteaser__read-reviews,
.TTteaser__write-review {
    font-size: .875rem;
    /*     font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
    /*color: #000;*/
    color: #16619D;
    text-decoration: underline;
}

.TTteaser__write-review {
    border: none;
    text-decoration: underline;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.tt-c-ratings-breakdown__rating-number, .tt-c-answer__best-answer-label {
    color: #5e7f1f !important;
}

.tt-o-badge {
    background-color: #5e7f1f !important;
}

/* 
.nrs-stars-small {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
float: left;
display: block;
background-repeat: no-repeat;
height: 16px;
margin: 0 .25em 0 0;
padding: 0;
line-height: 16px;
width: 83px;
background-image: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/stars_small.png)
}

.nrs-stars-5-sm {
    background-position: 0 -180px
}

.nrs-stars-4_5-sm {
    background-position: 0 -162px
}

.nrs-stars-4-sm {
    background-position: 0 -144px
}

.nrs-stars-3_5-sm {
    background-position: 0 -126px
}

.nrs-stars-3-sm {
    background-position: 0 -108px
}

.nrs-stars-2_5-sm {
    background-position: 0 -90px
}

.nrs-stars-2-sm {
    background-position: 0 -72px
}

.nrs-stars-1_5-sm {
    background-position: 0 -54px
}

.nrs-stars-1-sm {
    background-position: 0 -36px
}

.nrs-stars-0_5-sm {
    background-position: 0 -18px
}

.nrs-stars-0-sm {
    background-position: 0 0
}
 */

#CSRBarWrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #fff
}

ul#CSRnav, ul.CSRnav {
    width: 100%;
    margin: 0 auto;
    padding: .5em;
    text-align: left;
    position: relative;
    list-style: none;
    box-sizing: border-box;
}

    ul#CSRnav li, ul.CSRnav li {
        display: inline-block;
        margin: 0;
        padding: 0 5px 0 0;
        line-height: 1
    }

#cookieBarWrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #5f7f37
}

div.cookieBar {
    width: 100%;
    margin: 0 auto;
    padding: .5em;
    text-align: left;
    position: relative;
    background-color: #5f7f37
}

    div.cookieBar p {
        font-size: .75em;
        margin: 0;
        padding: 0;
        line-height: 1.3;
        width: 90%;
        color: #fff
    }

        div.cookieBar p a {
            color: #acc637
        }

            div.cookieBar p a:hover {
                color: #fff
            }

    div.cookieBar .close-panel {
        position: absolute;
        right: .25em;
        top: 0;
        color: #fff
    }

        div.cookieBar .close-panel:hover {
            color: #acc637
        }

#nrsLogo {
    position: absolute;
    z-index: 13;
    left: 50%;
    top: 0;
    width: 125px;
    height: 61px;
    margin-left: -62px;
    padding: 0
}

    #nrsLogo a {
        display: block;
        width: 125px;
        height: 61px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/mobile-nrs-logo-tag2.png) no-repeat;
        background-size: 125px 61px
    }

.eu #nrsLogo a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/nrs-logo-europe.png) no-repeat;
    background-size: 125px 61px
}

.no-backgroundsize #nrsLogo a {
    display: block;
    width: 125px;
    height: 61px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/mobile-nrs-logo-tag-small.png) no-repeat
}

.eu .no-backgroundsize #nrsLogo a {
    display: block;
    width: 125px;
    height: 61px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/nrs-logo-europe_125.png) no-repeat
}

#topNavBarWrapper, #topNavBar {
    width: 100%;
    height: 1.875em;
    margin: 0 auto;
    padding: 0;
    background: #666;
    color: #fff;
    position: relative;
    z-index: 12;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
}

    #topNavBarWrapper.warning, #topNavBar.warning {
        background: #983b3b
    }

    #topNavBar ul {
        float: left;
        margin: 0 0 0 .25em;
        padding: 0;
        position: relative;
        list-style: none
    }

        #topNavBar ul.righty {
            float: right;
            margin: 0 .75em 0 0;
            padding: 0;
            text-align: right
        }

.eu #topNavBar ul.righty {
    margin-right: 0
}

#topNavBar ul li {
    float: left;
    margin: .313em 0 0 .5em;
    padding: 0
}

#topNavBar .myAccount a, #topNavBar .myCart a.cartIcon, #topNavBar .searchIcon a, #topNavBar .open-panel a {
    display: block;
    width: 1.25em;
    height: 1.25em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: 1.25em 1.25em
}

#topNavBar .myAccount a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/account-icon-white.png) no-repeat;
    background-size: 1.25em 1.25em;
    margin-right: .5em
}

.eu #topNavBar .myAccount a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/business-icon-white.png) no-repeat;
    background-size: 1.25em 1.25em;
    margin-right: .5em
}

#topNavBar .myCart a.cartIcon {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/cart-icon-white.png) no-repeat;
    background-size: 1.25em 1.25em
}

#topNavBar .searchIcon a {
    display: none;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/search-icon-white.png) no-repeat;
    background-size: 1.25em 1.25em;
    margin-left: 0
}

#topNavBar .open-panel a {
    width: 4.5em;
    height: 1.25em;
    line-height: 1;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/menu-icon-white.png) no-repeat;
    background-size: 1.25em 1.25em;
    text-indent: 0;
    white-space: normal;
    color: #fff;
    text-decoration: none;
    margin-right: 0
}

    #topNavBar .open-panel a span.menuLabel {
        padding-left: 1em;
        font-size: 1.43em
    }

    #topNavBar .open-panel a i {
        display: none
    }

.openNav #topNavBar .open-panel a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/menu-icon-white.png) no-repeat;
    background-size: 1.25em 1.25em
}

.no-backgroundsize #topNavBar .myAccount a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/account-icon-white-small.png) no-repeat
}

.no-backgroundsize #topNavBar .myCart a.cartIcon {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/cart-icon-white-small.png) no-repeat
}

.no-backgroundsize #topNavBar .searchIcon a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/search-icon-white-small.png) no-repeat
}

.no-backgroundsize #topNavBar .open-panel a {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/menu-icon-white-small.png) no-repeat
}

#secondaryNavBarWrapper, #secondaryNavBar {
    width: 100%;
    min-height: 1.875em;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    position: relative;
    z-index: 11;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
}

    #secondaryNavBar ul {
        margin: .313em 0 0 0;
        padding: 0;
        list-style: none;
        width: auto
    }

        #secondaryNavBar ul li {
            margin: 0;
            padding: 0 .75em 0 0;
            display: inline;
            color: #444
        }

            #secondaryNavBar ul li.company {
                display: none
            }

            #secondaryNavBar ul li a {
                text-decoration: none;
                color: #444
            }

                #secondaryNavBar ul li a:hover {
                    text-decoration: underline
                }

        #secondaryNavBar ul.topNavOne {
            float: left;
            margin-left: .75em
        }

ul.topNavTwo {
    float: right
}

.chat .activeChat span, .chat .inactiveChat span {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/NRS-chat-icon-sprite-4.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: -.125em;
    margin-right: 5px;
    margin-left: 6px
}

.chat .inactiveChat {
    color: #aaa
}

    .chat .inactiveChat span {
        background-position: 0 -15px
    }

#topNavBar .pipe, .pipe, .customerServiceDropDown, .myCartDropDown, #secondaryNavBar ul, .freeShippingNotice, .myAccountDropDown {
    display: none
}

form.mainSearch {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 1em;
    line-height: 0
}

.mainSearch input {
    border-radius: 0
}

input {
    -webkit-border-radius: 0
}

.mainSearch fieldset.search {
    border: none;
    width: 100%;
    height: 1.5em;
    margin: 0;
    padding: 0;
    position: relative
}

.mainSearch .search input {
    border: none;
    margin: 0;
    padding: 0
}

    .mainSearch .search input.box {
        color: #666;
        font-size: 1em;
        width: 100%;
        height: 1.5em;
        line-height: 1.5;
        padding: 0 5px;
        margin: 0;
        box-sizing: border-box;
        border-top: 2px solid #16619c;
        border-bottom: 2px solid #16619c;
        border-left: 2px solid #16619c
    }

.mainSearch .search button.searchBtn {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1em;
    width: 30px;
    height: 1.5em;
    cursor: pointer;
    text-indent: -9999px;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/main-search-sprite.png) -220px 0 no-repeat;
    background-size: cover;
    line-height: 1
}

    .mainSearch .search button.searchBtn:hover {
        background-position: -220px -24px
    }

#searchFromIcon {
    opacity: 0;
    height: 0;
    width: 100%;
    background-color: #efefef;
    transition: all 250ms ease
}

    #searchFromIcon.showSearch {
        opacity: 1;
        height: 2.5em
    }

    #searchFromIcon form.mainSearch {
        padding: 0
    }

    #searchFromIcon .mainSearch fieldset.search {
        display: none;
        width: 90%;
        margin: 0 auto;
        padding-top: .5em
    }

    #searchFromIcon.showSearch .mainSearch fieldset.search {
        display: block
    }

    #searchFromIcon .mainSearch .search button.searchBtn {
        margin-top: .5em
    }

#mainNavBar .dropDownCol.fifthColAd, #mainNavBar .dropDownCol.emptyColumn, .navExtraItems {
    display: none
}

nav#mainNavBar {
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    width: 80%;
    position: absolute;
    left: -80%;
    top: 0;
    height: 100%;
    background: #ecedee;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow-y: auto;
    box-shadow: inset -5px 0 15px rgba(0,0,0,.3)
}

.no-backgroundsize nav#mainNavBar {
    display: none;
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 11;
    height: auto;
    -webkit-transform: none;
    transform: none;
    overflow-y: auto;
    box-shadow: none
}

.no-backgroundsize.openNav nav#mainNavBar {
    display: block
}

.openNav #page {
    left: 0;
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease,-webkit-transform 500ms ease
}

#page {
    position: relative;
    left: 0;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease,-webkit-transform 500ms ease
}

section.pr-modal-modal {
    position: relative !important;
    background-color: green
}

ul.menu {
    border-top: 1px solid #999;
    margin: 0;
    padding: 0
}

    ul.menu li {
        color: #333;
        list-style-type: none;
        float: none;
        text-align: left;
        border-bottom: 1px solid #999
    }

        ul.menu li a {
            color: #333;
            text-decoration: none
        }

.dropDownExtra a {
    padding: 0 .4em
}

ul.menu li a:hover {
    color: #c00;
    text-decoration: underline
}

ul.menu > li > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: .5em 1em
}

.dropDownCol ul {
    margin: 0;
    padding: 0
}

    .dropDownCol ul li, .dropDownExtra, .touchClose {
        display: block;
        margin: 0;
        padding: .25em 0;
        border-bottom: none
    }

        .dropDownCol ul li.sectionHeader {
            display: none;
            padding: .375em 1em
        }

            .dropDownCol ul li.sectionHeader.showSubNav {
                display: block
            }

.close-panel {
    display: block;
    padding: .25em .5em;
    text-decoration: none;
    color: #444;
    font-size: 2em;
    font-family: Arial
}

    .close-panel span {
        display: none
    }

ul.menu2 {
    margin: 3em 0 0 0;
    padding: 0
}

    ul.menu2 li a {
        display: block;
        list-style-type: none;
        float: none;
        width: 100%;
        text-align: left;
        color: #333;
        text-decoration: none;
        padding: .5em 1em;
        box-sizing: border-box;
        border-bottom: 1px solid #999
    }

#content {
    display: flex;
    flex-flow: row wrap;
    width: 95%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left
}

    #content.no-flex {
        display: block
    }

.breadcrumb {
    flex: 0 0 100%;
    order: -2;
    margin: .625rem 0;
    font-size: .75rem;
    color: #16619D;
    line-height: 1;
    max-width: 60.625rem
}

    .breadcrumb a {
        text-decoration: none
    }

        .breadcrumb a:hover {
            text-decoration: underline
        }

.productPage .col1 {
    order: -1;
    flex: 0 0 100%;
    width: 100%;
    position: relative
}

.zoomIcon {
    display: none
}

.popupMoreViews {
    cursor: pointer
}

.activeSlide p {
    text-align: center
}

.productPage .col2 {
    flex: 0 0 100%;
    margin: 0;
    padding: 0
}

    .productPage .col2 #productTitleAndAddToCartWrapper {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative
    }

        .productPage .col2 #productTitleAndAddToCartWrapper ul li {
            margin-bottom: 8px
        }

h1#prodTitle {
    margin: 0;
    font-size: 2.25em;
    line-height: 1;
    color: #222;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.productPage .itemInfo {
    font-size: 1.2em;
    color: #555;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    ;
    margin: .5em 0 0 0;
    padding: 0
}

    .productPage .itemInfo strong {
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
    }

.productPage .prodPrice {
    font-size: 1.6rem;
    color: #444;
    margin: .25rem 0 0 0;
    padding: 0;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
}

    .productPage .prodPrice.sale {
        color: #c00
    }

    .productPage .prodPrice del {
        color: #666
    }

.productPage .youSave {
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin: 0;
    font-size: 1rem;
    color: #c00
}

.productPage h3 {
    font-size: 1.6rem;
    color: #444;
    margin: .2rem 0 0 0;
    padding: 0;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
}

    .productPage h3 span.discountNotice {
        color: #c00;
        font-size: 12px;
        font-style: italic
    }

    .productPage h3.clearanceSale {
        font-size: 1.6em;
        line-height: .8;
        color: #777
    }

.productPage p.sale {
    color: #c00;
    margin: 3px 0 6px 0;
    padding: 0
}

.col2 .reviewLinkBlock {
    font-size: .75em
}

    .col2 .reviewLinkBlock .nrs-stars-small {
        cursor: pointer
    }

.reviewLinkBlock .TTteaser {
    margin-top: 0;
}

.reviewLinkBlock .TTteaser__star {
    margin-right: 0;
    vertical-align: -.2rem;
}

    .reviewLinkBlock .TTteaser__star:last-of-type {
        margin-right: .125rem;
    }

#productTitleAndAddToCartWrapper .reviewLinkBlock {
    margin: .375rem 0 0 0;
    padding: 0;
    line-height: 1;
}

.reviewLinkBlock img {
    vertical-align: middle
}

.productPage .col2 #productTitleAndAddToCartWrapper #addToCart {
    box-sizing: border-box;
    width: 100%;
    margin-top: 1em;
    position: relative
}

.stylesOnSaleDivider {
    border-bottom: 1px dotted #aaa;
    margin: 10px 0 10px 30px
}

h3#stylesNotOnSaleHeading, h3#stylesOnSaleHeading {
    float: right;
    margin-top: 5px;
    margin-right: 8px;
    text-align: right;
    font-size: 18px;
    line-height: 15px
}

h3#stylesOnSaleHeading {
    color: #c00
}

    h3#stylesOnSaleHeading del {
        color: #444;
        font-weight: 400
    }

    h3#stylesOnSaleHeading span {
        color: #666;
        font-size: 12px;
        font-weight: 400
    }

.viewSizeChart {
    font-size: .875em;
    text-decoration: none
}

#addToCart #opt1Picker, #addToCart #opt2Picker, #addToCart #quantityPicker, #addToCart #optGiftCardNames, #addToCart #optGiftCardMethod {
    margin: 0;
    padding: 0 0 1em 0;
    position: relative;
}

#addToCart #quantityPicker {
    border-bottom: none
}

/* 
#addToCart #opt2Picker, #addToCart #quantityPicker, #addToCart #optGiftCardNames, #addToCart #optGiftCardMethod {
    margin-top: 14px
}
 */

#quantityPicker input {
    font-size: 1em
}

.checkoutNumber {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0
}

    .checkoutNumber.one {
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/checkout-numbers-1.png) no-repeat;
        background-size: cover
    }

    .checkoutNumber.two {
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/checkout-numbers-2.png) no-repeat;
        background-size: cover
    }

    .checkoutNumber.three {
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/checkout-numbers-3.png) no-repeat;
        background-size: cover
    }

    .checkoutNumber.four {
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/checkout-numbers-4.png) no-repeat;
        background-size: cover
    }

#quantityPicker .checkoutNumber {
    top: 4px
}

#opt1Picker p, #opt2Picker p, #quantityPicker p, #optGiftCardNames p, #optGiftCardMethod p, #addToCart p {
    margin: 0;
    padding: 0 0 0 28px
}

    #opt2Picker p span.displayOpt2Name, #opt1Picker p span.displayOpt1Name {
        font-style: italic
    }

#opt1Picker ul.pickerContainer, #opt2Picker ul.pickerContainer {
    margin: .5rem 0 .5rem 0;
    padding: 0 0 0 1.75rem;
    list-style: none
}

    #opt1Picker ul.pickerContainer li, #opt2Picker ul.pickerContainer li {
        float: left;
        margin: 0;
        padding: 0
    }

#opt1Picker .fitGuideLink, #opt2Picker .fitGuideLink {
    padding: .5rem 0 .25rem .875rem;
    font-size: .875rem;
}

.fitGuideLink a {
    text-decoration: none;
}

.pickerContainer label {
    padding: .375rem .5rem;
    background-color: #fff;
    border: 2px solid #ddd;
    text-decoration: none;
    cursor: pointer;
    color: #16619D;
    display: inline-block;
    margin: .25rem 0 0 0;
}

    .pickerContainer label.swatch {
        display: inline-block;
        width: 35px;
        height: 35px;
        padding: 1px;
    }


    .pickerContainer label:hover {
        border: 2px solid #999;
        color: #c00;
    }

    .pickerContainer label input[type=radio] {
        clip: rect(0,0,0,0);
        position: absolute;
    }

    .pickerContainer label.optremoved {
        background: #fff url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/inactive-option.svg) 100% 100%;
        border: .125rem solid #ccc;
        color: #555;
        cursor: not-allowed;
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .pickerContainer label.optselected {
        border: 2px solid #c00;
    }

.pickerContainer .swatch.optremoved img.notAvailable, .pickerContainer .swatch img.saleItem {
    position: absolute;
    z-index: 9;
}

#optGiftCardNames label {
    font-weight: 700;
    float: left;
    width: 45px
}

#optGiftCardNames input {
    margin: 3px 0 3px 0
}

#optGiftCardNames ul, #optGiftCardMethod ul {
    margin: 8px 0 0 0;
    padding: 0 0 0 28px;
    list-style: none
}

    #optGiftCardNames ul li, #optGiftCardMethod ul li {
        margin: 0;
        padding: 0
    }

        #optGiftCardMethod ul li.or {
            margin: 7px 0 10px 0
        }

        #optGiftCardNames ul li span {
            font-size: .75em;
            line-height: 1.3em;
            font-style: italic
        }

        #optGiftCardMethod ul li span {
            margin-left: 25px;
            display: block;
            font-size: 11px;
            font-style: italic
        }

ul.pickerContainer li a {
    display: block;
    padding: 6px 8px;
    margin: 4px 4px 0 0;
    background-color: #fff;
    border: 2px solid #ddd;
    text-decoration: none
}

ul.pickerContainer li.swatch a {
    display: block;
    width: 35px;
    height: 35px;
    padding: 1px;
    margin: 4px 3px 0 0;
    background-color: #fff;
    border: 2px solid #ddd;
    text-decoration: none;
    position: relative
}

ul.pickerContainer li a:hover {
    border: 2px solid #999
}

ul.pickerContainer li a.optselected {
    border: 2px solid #c00
}

ul.pickerContainer li a.optremoved, ul.pickerContainer li.swatch a.optremoved, ul.pickerContainer li a:hover.optremoved {
    background-color: #fff;
    border: 2px solid #aaa;
    color: #aaa;
    cursor: default;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

    ul.pickerContainer li.swatch a.optremoved img.notAvailable, ul.pickerContainer li.swatch a img.saleItem {
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: 9
    }

#quantityPicker input {
    display: inline;
    width: 36px;
    height: 24px;
    margin: 0;
    padding: 0 0 0 3px;
    border: 2px solid #ddd
}

#quantityPicker .selectedPrice {
    float: left;
    font-size: 17px;
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #444;
    margin: 0 14px 0 4px;
    padding: 0;
    display: none
}

#quantityPicker #selectedPriceSymbol {
    display: none
}

#addToCart div.stockStatus {
    margin-top: 0 !important;
    padding: .5rem !important;
    border: 1px dotted #16619D;
    margin-bottom: 1rem;
    background-color: #eee;
    text-align: center;
    font-size: .875rem;
    color: #16619D;
    border-radius: .125rem;
}

    #addToCart div.stockStatus.not-in-stock {
        border: 1px dotted #c00;
    }

    #addToCart div.stockStatus a {
        text-decoration: none;
    }

    #addToCart div.stockStatus.not-in-stock a {
        color: #c00;
    }

        #addToCart div.stockStatus.not-in-stock a:hover {
            color: #16619D;
        }

.buy-used {
    margin: .25em 0 0 0;
    text-align: center;
    font-size: .875em;
    border-bottom: 1px dotted #ccc;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

    .buy-used a {
        color: #c00;
        text-decoration: none;
    }

.surchargeNotice {
    height: 28px;
    display: block;
    float: left;
    margin: 0;
    padding: 0 6px 0 0;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
    color: #16619D
}

    .surchargeNotice .surchargeIcon, #tabProdInfo .surchargeNotice2 span {
        display: block;
        float: left;
        width: 24px;
        height: 24px;
        margin-top: 2px;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/surcharge-notice.png) no-repeat;
        background-size: cover
    }

    .surchargeNotice a, #tabProdInfo .surchargeNotice2 a {
        font-weight: 400;
        color: #16619D
    }

#tabProdInfo .surchargeNotice2 {
    height: 28px;
    display: block;
    margin: 15px 0 0 0;
    padding: 0 6px 0 0;
    line-height: 28px
}

#tabProdInfo .salesFinal {
    font-weight: 700
}

.productPage #socialBlock {
    margin: 8px 0 0 0;
    padding: 2px 0 2px 12px;
    width: 490px;
    color: #777;
    border-bottom: 1px solid #ddd
}

.productPage p#shippingNotice {
    font-size: 1.125rem;
    margin-top: 0;
    margin-bottom: .25rem;
    padding-top: .35rem;
    padding-bottom: .25rem;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
}

    .productPage p#shippingNotice a, .productPage p#shippingNotice a:hover {
        color: #16619D;
        text-decoration: none
    }

        .productPage p#shippingNotice a strong {
            color: #c00;
            letter-spacing: normal;
            text-shadow: none
        }

#alternateProductImages {
    display: none
}

ul.detailNav {
    height: 2em;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box
}

    ul.detailNav.stayPut {
        height: 3em;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
        background: #fff;
        margin-top: 0;
        padding-top: 1em
    }

    ul.detailNav li {
        list-style: none;
        display: inline-block;
        padding-right: .3em;
        margin: 0;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.25em;
        line-height: 1
    }

        ul.detailNav li a {
            text-decoration: none;
            font-weight: 700;
            border-bottom: 5px solid transparent;
            padding-bottom: .25em
        }

.detailNavGhostDiv {
    height: 2em
}

#btn_tabCSRNotes, #btn_tabCSR {
    display: none
}

ul.detailNav li a:hover {
    border-bottom: 5px solid #16619D
}

ul.detailNav li a.active {
    border-bottom: 5px solid #16619D;
    color: #c00
}

.backToTop {
    text-align: center;
    margin: .25em 0;
    padding: 0
}

#tabs {
    flex: 0 0 100%;
    width: 100%;
    margin: 1em auto 0 auto;
    padding: 0
}

    #tabs h3, #tabProdInfo h2 {
        font-size: 1.75rem;
        margin-top: .5rem;
        margin-bottom: .25rem
    }

.productPage h2 {
    font-size: 1.6em;
    color: #444;
    margin: .2rem 0 0 0;
    padding: 0;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
}

#tabVideos p.videoThumb {
    width: 120px;
    height: 90px;
    margin: 0 1em .5em 0;
    box-sizing: border-box
}

#tabVideos .videoThumbDescription {
    width: 100%;
    margin: 0 0 2em 0
}

    #tabVideos .videoThumbDescription p {
        margin: 0;
        padding: 0
    }

        #tabVideos .videoThumbDescription p a {
            font-weight: 700;
            font-size: 14px
        }

#tabVideos .clearIt {
    height: 12px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px
}

#tabSizing #howToMeasure {
    width: 100%;
    margin-top: 20px
}

#fitIllustrationsFormFit, #fitIllustrationsSemiFit, #fitIllustrationsRelaxed {
    display: none;
    box-sizing: border-box;
    width: 16.363636363636364em;
    height: 565px;
    margin: 0 0 1em 0;
    padding: 0 1em;
    border: 2px solid #efefef;
    border-radius: 5px;
    font-size: .6875em;
    text-align: center
}

    #fitIllustrationsFormFit.active, #fitIllustrationsSemiFit.active, #fitIllustrationsRelaxed.active {
        display: block
    }

#fitIllustrations.womens #fitIllustrationsFormFit, #fitIllustrations.womens #fitIllustrationsSemiFit, #fitIllustrations.womens #fitIllustrationsRelaxed {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/Female-fit-series2.gif) 0 bottom no-repeat
}

#fitIllustrations.womens #fitIllustrationsSemiFit {
    background-position: -180px bottom
}

#fitIllustrations.womens #fitIllustrationsRelaxed {
    background-position: -360px bottom
}

#fitIllustrations.mens #fitIllustrationsFormFit, #fitIllustrations.mens #fitIllustrationsSemiFit, #fitIllustrations.mens #fitIllustrationsRelaxed {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/Male-fit-series2.gif) 0 bottom no-repeat
}

#fitIllustrations.mens #fitIllustrationsSemiFit {
    background-position: -180px bottom
}

#fitIllustrations.mens #fitIllustrationsRelaxed {
    background-position: -360px bottom
}

#fitIllustrationsFormFit.active, #fitIllustrationsSemiFit.active, #fitIllustrationsRelaxed.active {
    border-color: #16619D
}

table.sizingTable {
    border: 1px solid #eee;
    float: left;
    margin-bottom: 20px
}

    table.sizingTable th {
        min-width: 3.75rem;
        font-weight: 700;
    }

    table.sizingTable.apparel {
        float: none
    }

        table.sizingTable.apparel th {
            min-width: 75px
        }

    table.sizingTable tbody tr:nth-child(even) td {
        background-color: transparent
    }

#tabSizing p {
    clear: left
}

.sizingTableModifyLinks {
    text-align: center
}

#tabSizing .pr-summary-snippet-body {
    clear: left;
    max-width: 500px;
    border: none;
    padding-left: 0
}

#tabSizing .pr-other-attributes-list {
    border: 1px solid #eee;
    padding: 5px
}

.productPage #tabs div ul li {
    margin-bottom: 8px
}

.productPage #tabs div .col1, .productPage #tabs div .col2 {
    width: 100%;
    border: none;
    margin: 0
}

.vendorLogo {
    display: none
}

.productPage #tabs div .col2 .reviewLinkBlock {
    width: 162px;
    margin-bottom: 1.5em;
    float: left;
    margin-right: 1em
}

.readReviews:first-of-type {
    text-decoration: none;
}

a.readReviews:not(:first-of-type) {
    font-size: .875rem;
    float: none;
    height: auto;
    line-height: 1;
    padding-right: 0;
}

.TTteaser a {
    font-size: .875rem;
}

.col2 .TTteaser > span {
    margin-left: .375rem;
    margin-right: .375rem;
}

.QnAResponsiveBreak {
    display: block;
    margin-top: .25em
}

.productPage #tabs div .col2 .reviewLinkBlock .nrs-stars-small {
    cursor: pointer
}

.pdpVideoWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.pdpVideo {
    box-sizing: border-box;
    flex: 0 0 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: .5rem;
    border: 0.09375rem solid #ddd;
    background-color: #eee;
    text-align: center;
}

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

/* 
.pdpVideo h4 {
        margin: 0;
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1em
    }
 */

.pdpVideo p {
    display: block;
    margin: 0;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
}

.productPage #Reviews {
    width: 100%;
    margin: .75em auto 0 auto;
    padding: 0;
    overflow: hidden
}

#productError {
    min-height: 500px
}

#mayAlsoLike {
    margin: 1em 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.mayAlsoLikeItem {
    box-sizing: border-box;
    padding: .125rem;
    flex: 0 0 50%;
    max-width: 50%
}

    .mayAlsoLikeItem a {
        text-decoration: none;
    }

#mayAlsoLike .mayAlsoLikeItem img {
    display: block;
    width: 100%;
    height: auto
}

#mayAlsoLike h2 {
    flex: 0 0 100%;
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: .25rem;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
}

#mayAlsoLike h3, #mayAlsoLike .backToTop {
    flex: 0 0 100%
}

#mayAlsoLike .reviewLinkBlock {
    overflow: hidden
}

    #mayAlsoLike .reviewLinkBlock .nrs-stars-small {
        display: block;
        float: none;
        width: 83px;
        margin-left: auto;
        margin-right: auto
    }

.mayAlsoLikeItem p {
    font-size: 1rem;
    margin: 0 0 .5rem 0;
    line-height: 1.2rem;
    text-align: center
}

    .mayAlsoLikeItem p span {
        font-weight: 700;
        color: #c00
    }

        .mayAlsoLikeItem p span.sale {
            font-weight: 700;
            color: #c00;
            text-transform: uppercase;
            margin: 0
        }

#mayAlsoLike a img {
    margin-top: .25rem
}

#mayAlsoLike ul {
    text-align: left;
    margin: 0 0 .5rem -1.25rem;
    width: auto
}

    #mayAlsoLike ul li {
        margin-bottom: .5rem
    }

.categoryListings h1 {
    flex: 0 0 100%;
    order: -2;
    margin: 0 0 .5rem 0;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.25rem;
    line-height: 1.2em
}

.filterCategoryBtn {
    order: -1;
    display: block;
    width: 100%;
    margin: .75rem auto;
    text-transform: uppercase;
    border: 1px solid #eee;
    text-align: center;
    padding: 1em 0
}

#sideNav {
    order: -1;
    opacity: 0;
    height: 0;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    transition: opacity 250ms ease
}

    #sideNav.showSideNav {
        opacity: 1;
        height: auto
    }

    #sideNav ul {
        list-style-type: none;
        margin: 0 0 7px 0;
        padding: 0 0 7px 0;
        border-bottom: 1px solid #eee
    }

    #sideNav #priceSlider ul {
        border-bottom: none
    }

    #sideNav ul li {
        padding: 3px 3px 3px 0;
        margin: 0;
        font-size: 12px;
        display: block;
        float: none;
        line-height: 15px
    }

        #sideNav ul li.sectionHeader {
            text-transform: uppercase;
            font-weight: 700;
            padding-top: 0
        }

            #sideNav ul li.sectionHeader a {
                font-weight: 700
            }

        #sideNav ul li a {
            color: #58585B;
            text-decoration: none;
            display: block;
            float: none;
            padding: 0;
            margin: 0;
            height: auto;
            line-height: 15px
        }

            #sideNav ul li a:hover {
                color: #c00;
                text-decoration: underline;
                background-color: transparent
            }

        #sideNav ul li.sectionHeader a {
            color: #111
        }

    #sideNav ul.filterTags {
        list-style-type: none;
        width: 100%;
        margin: 0 0 7px 0;
        padding: 0 0 7px 0;
        border-bottom: none
    }

        #sideNav ul.filterTags li {
            box-sizing: border-box;
            width: 100%;
            text-align: left;
            padding: 6px 20px 6px 10px;
            margin: 0 0 4px 0;
            background-color: #16619D;
            border-radius: 3px;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
            position: relative
        }

            #sideNav ul.filterTags li.sectionHeader {
                padding-left: 0;
                height: auto;
                line-height: 1;
                margin: 0 0 2px 0;
                background-color: transparent;
                border-radius: none;
                box-shadow: none;
                -webkit-box-shadow: none;
                position: relative;
                width: auto
            }

                #sideNav ul.filterTags li.sectionHeader a {
                    color: #444;
                    text-decoration: none;
                    padding: 0;
                    margin: 0;
                    text-transform: lowercase;
                    font-size: 11px;
                    text-shadow: none
                }

                    #sideNav ul.filterTags li.sectionHeader a:hover {
                        text-decoration: underline;
                        text-shadow: none
                    }

            #sideNav ul.filterTags li a {
                display: inline;
                color: #fff;
                text-decoration: none;
                padding: 0;
                margin: 0;
                text-shadow: 1px 1px 2px #6b6b6b;
                -webkit-filter: dropshadow(color=#6b6b6b,offx=1,offy=1);
                filter: dropshadow(color=#6b6b6b,offx=1,offy=1)
            }

                #sideNav ul.filterTags li a:hover {
                    text-decoration: underline;
                    text-shadow: 1px 1px 6px #333
                }

            #sideNav ul.filterTags li span a {
                text-indent: -9999px;
                position: absolute;
                right: 3px;
                top: 3px;
                width: 20px;
                height: 20px;
                margin: 0;
                padding: 0;
                background: transparent url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/compare-close-x-2.png) no-repeat;
                background-size: cover
            }

                #sideNav ul.filterTags li span a:hover {
                    background: transparent url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/compare-close-x.png) no-repeat;
                    background-size: cover
                }

    #sideNav ul li a.filter-checkbox {
        margin-left: 20px
    }

        #sideNav ul li a.filter-checkbox span {
            display: block;
            float: left;
            width: 15px;
            height: 15px;
            margin-left: -20px;
            background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/filter-checkbox-open.png) no-repeat;
            background-size: cover
        }

        #sideNav ul li a.filter-checkbox.active span {
            background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/filter-checkbox-active.png) no-repeat;
            background-size: cover
        }

        #sideNav ul li a.filter-checkbox.inactive span {
            background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/filter-checkbox-mixed.png) no-repeat;
            background-size: cover
        }

        #sideNav ul li a.filter-checkbox.inactive, #sideNav ul li a:hover.filter-checkbox.inactive {
            color: #D1D2D4;
            text-decoration: none;
            cursor: default
        }

    #sideNav ul li.filter-size {
        height: 25px;
        display: block;
        width: auto;
        float: left
    }

        #sideNav ul li.filter-size a {
            height: 25px;
            line-height: 25px;
            font-size: 15px;
            font-weight: 700;
            padding: 0 8px;
            margin: 0 3px 3px 0;
            border: 1px solid #aaa
        }

        #sideNav ul li.filter-size.active a {
            height: 23px;
            line-height: 23px;
            border: 2px solid #aaa
        }

.catBanner2 {
    display: block;
    width: 100%;
    margin: 0 0 .25em 0;
    overflow: hidden
}

    .catBanner2 img {
        width: 100%;
        height: auto
    }

.paginationSortBar {
    flex: 0 0 100%;
    padding-top: .5rem;
    border-bottom: 0;
    border-top: 1px solid #eee;
    font-size: .75rem;
    color: #555;
    box-sizing: border-box;
    margin-bottom: 1rem
}

#paginationSortBar1 {
    order: -1
}

#paginationSortBar2 {
    display: flex;
    justify-content: center
}

.paginationSortBar form, .paginationSortBar form fieldset, .paginationSortBar form fieldset input {
    margin: 0;
    padding: 0
}

.sortBox label {
    display: none
}

.itemCountInfo {
    display: none;
    width: auto
}

.paginationSortBar ul.pagination-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem
}

    .paginationSortBar ul.pagination-nav li {
        display: inline;
        padding-left: .25rem;
        padding-right: .25rem
    }

ul.pagination-nav li.previous a, ul.pagination-nav li.next a {
    font-size: 1.45rem;
    text-decoration: none
}

.categoryItemInnerGrouping {
    display: flex;
    flex-flow: row wrap
}

.categoryDescription {
    order: 1;
    flex: 0 0 100%
}

.categoryItem {
    box-sizing: border-box;
    margin-bottom: 1em;
    flex: 1 1 100%;
    position: relative;
    text-align: center;
    padding-bottom: 2.5rem
}

    .categoryItem a {
        text-decoration: none;
        color: #444;
    }

.productImageThumb {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: .25rem;
}

.productColorOptions, .searchResults .productColorOptions {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .productColorOptions li img, .searchResults .productColorOptions li {
        width: 1rem;
        height: 1rem;
        text-decoration: none;
        padding: .125rem;
        margin: 0;
    }

.categoryItem p:first-of-type {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
    padding: 0
}

    .categoryItem p:first-of-type a {
        text-decoration: none;
        color: #444
    }

        .categoryItem p:first-of-type a:hover {
            text-decoration: underline
        }

.categoryItem .reviewLinkBlock {
    float: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: .25rem 0 0 0;
    padding: 0
}

.categoryItemPricing {
    font-size: .875rem;
    margin-top: .25rem;
    padding: 0
}

    .categoryItemPricing a {
        color: #444;
        text-decoration: none
    }

    .categoryItemPricing del {
        color: #666
    }

    .categoryItemPricing .sale {
        color: #c00
    }

.availableSizes {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.1;
    color: #666;
    margin-top: .6rem;
    padding: 0
}

.compareButton {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

    .compareButton button {
        box-sizing: border-box;
        font-size: .8125rem;
        padding: .5rem 1rem;
        margin: 0;
        border: .0625rem solid #ddd;
        color: #444;
        text-decoration: none;
        border-radius: .0625rem .0625rem .0625rem .0625rem;
        transition: background-color 200ms;
        background-color: #fff;
    }

        .compareButton button:hover {
            background-color: #efefef
        }

.cancelCompare button {
    background-color: #eee;
    border-radius: .25rem .25rem .25rem .25rem;
}

.cancelCompare {
    display: none
}

.compareBar {
    display: none;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
    float: none;
    width: 270px;
    height: 32px;
    padding: 20px 20px 10px 20px;
    background-color: #fff;
    margin: 0;
    border-top: 2px solid #16619D;
    border-left: 2px solid #16619D;
    border-right: 2px solid #16619D;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
}

.compare1, .compare2, .compare3, .compare4 {
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    float: left;
    margin-right: 8px;
    position: relative
}

    .compare1 a div.closeX, .compare2 a div.closeX, .compare3 a div.closeX, .compare4 a div.closeX {
        width: 20px;
        height: 20px;
        position: absolute;
        top: -10px;
        right: -10px;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/compare-close-x.png) no-repeat;
        background-size: cover;
        opacity: .5
    }

    .compare1 a:hover div.closeX, .compare2 a:hover div.closeX, .compare3 a:hover div.closeX, .compare4 a:hover div.closeX {
        opacity: 1
    }

.compareBarButton a {
    padding: 3px 10px;
    margin: 0;
    background-color: #ddd;
    text-align: center;
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-size: 11px;
    border-radius: 4px 4px 4px 4px
}

#categorySearch {
    width: 100%;
    margin: 0 0 40px 15px
}

    #categorySearch fieldset.search {
        border: none;
        width: 306px;
        height: 34px;
        margin: 0;
        padding: 0
    }

.hideTitle {
    position: absolute;
    text-indent: -10000px
}

#searchTabs div.active {
    margin-top: 10px;
    height: 29px;
    line-height: 29px;
    background-color: #fff;
    color: #222;
    font-weight: 400;
    margin-bottom: -1px;
    padding-bottom: 1px;
    border-bottom: 0
}

#searchTabs div {
    width: auto;
    height: 39px;
    line-height: 39px;
    border: 1px solid #eee;
    background-color: #16619D;
    font-weight: 400;
    color: #fff;
    padding: 0 .4em;
    margin: 0 5px 0 0;
    text-align: center;
    float: left
}

    #searchTabs div:hover {
        background-color: #c00
    }

#searchTabs {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    clear: both
}

.infoPageListingHeading {
    margin: 0
}

    .infoPageListingHeading a {
        font-weight: 700;
        flex: 0 0 100%
    }

.infoPageListingDescription {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    flex: 0 0 100%
}

.categoryItemWrapper h3 {
    font-size: 1.5em;
    flex: 0 0 100%;
    min-width: 100%
}

    .categoryItemWrapper h3:not(:first-child) {
        margin-top: 1em
    }

    .categoryItemWrapper h3:before {
        content: "";
        display: table;
        clear: both
    }

#sideNav h3 {
    margin-top: .25em
}

.broad .categoryHeaderImage {
    background-color: #eee
}

.broad .categoryItem {
    text-align: center
}

    .broad .categoryItem p:first-of-type {
        margin-left: 0;
        margin-bottom: 1em
    }

.broad #categorySearch p {
    margin-left: 0
}

.learnHeaderImage, .learnHeaderApparel, .learnHeaderRafting, .learnHeaderWWKayking, .learnHeaderTouring, .learnHeaderSUP, .learnHeaderCamping, .learnHeaderViewAll {
    width: 100%;
    height: 12.375rem;
    margin: 0 0 1em 0;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-header.jpg) center center no-repeat;
    background-size: cover;
    position: relative
}

.learnHeaderApparel {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-apparel.jpg) center center no-repeat;
    background-size: cover
}

.learnHeaderRafting {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-rafting.jpg) center center no-repeat;
    background-size: cover
}

.learnHeaderWWKayking {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-ww-kayaking.jpg) center center no-repeat;
    background-size: cover
}

.learnHeaderTouring {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-touring.jpg) center center no-repeat;
    background-size: cover
}

.learnHeaderSUP {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-sup2.jpg) center center no-repeat;
    background-size: cover
}

.learnHeaderCamping {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-camping.jpg) center center no-repeat;
    background-size: cover
}

.learnHeaderViewAll {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/learn/layout/learn-header.jpg) center center no-repeat;
    background-size: cover
}

    .learnHeaderImage h1, .learnHeaderApparel h1, .learnHeaderRafting h1, .learnHeaderWWKayking h1, .learnHeaderTouring h1, .learnHeaderSUP h1, .learnHeaderCamping h1, .learnHeaderViewAll h1 {
        color: #fff;
        text-transform: uppercase;
        background-color: #000;
        background-color: rgba(0,0,0,.6);
        margin: 0;
        padding: .5rem;
        font-size: 1.2rem;
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .learnHeaderApparel h1, .learnHeaderRafting h1, .learnHeaderWWKayking h1, .learnHeaderTouring h1, .learnHeaderSUP h1, .learnHeaderCamping h1, .learnHeaderViewAll h1 {
        padding: .75rem;
        font-size: 2em;
        font-weight: 400;
        bottom: 1.25rem;
        left: 0;
        line-height: 1.1;
        background-color: rgba(0,0,0,.4)
    }

        .learnHeaderApparel h1 a, .learnHeaderRafting h1 a, .learnHeaderWWKayking h1 a, .learnHeaderTouring h1 a, .learnHeaderSUP h1 a, .learnHeaderCamping h1 a, .learnHeaderViewAll h1 a {
            color: #fff;
            text-decoration: none
        }

.infoPage h1, .basket h1 {
    line-height: 1.2;
    margin: 0 0 .5rem 0;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.25rem
}

#compare {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden
}

#tabSpecs #compare, #tabSpecs .frameSpecBlock {
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden
}

    #compare table, #tabSpecs .frameSpecBlock table {
        font-size: 1em;
        width: 100%;
        border-collapse: collapse;
        text-align: left;
        table-layout: fixed
    }

        #compare table th {
            font-size: 1em;
            font-weight: 400;
            padding: 0 8px 10px 8px;
            vertical-align: top;
            border-top: none
        }

            #compare table th:first-child {
                vertical-align: bottom
            }

            #compare table th:first-child {
                border-right: 1px dotted #ddd
            }

        #compare table td, #tabSpecs .frameSpecBlock table td {
            border-top: none
        }

        #compare table ul {
            list-style-type: none;
            margin: 0;
            padding: 0
        }

#compare .oarLengthTable {
    width: 325px
}

    #compare .oarLengthTable tr td {
        border: 1px dotted #ddd
    }

.productTitle {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0;
    line-height: 18px
}

.price {
    margin: 6px 0 0 0
}

.shopItem a {
    width: 100%;
    background-color: #c00;
    text-align: center;
    color: #fff;
    padding: 4px 10px;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
    text-shadow: 1px 1px 2px #6b6b6b;
    -webkit-filter: dropshadow(color=#6b6b6b,offx=1,offy=1);
    filter: dropshadow(color=#6b6b6b,offx=1,offy=1)
}

    .shopItem a:hover, .intlDealerLocator a:hover {
        box-shadow: none
    }

.remove {
    font-size: 11px
}

#compare table tbody tr td {
    padding: .5em;
    vertical-align: top
}

    #compare table tbody tr td:first-child, #tabSpecs .frameSpecBlock table tbody tr td:first-child {
        border-right: 1px dotted #ddd
    }

#compare table tbody tr, #tabSpecs .frameSpecBlock table tbody tr {
    border-bottom: 1px dotted #ddd
}

    #compare table tbody tr:last-child {
        border-bottom: none
    }

    #compare table tbody tr:hover td, #compare table tbody tr:hover th {
        background-color: #eee
    }

    #compare table tbody tr th {
        font-weight: 700;
        width: 10rem;
    }

        #compare table tbody tr th a {
            font-weight: 700;
            text-decoration: underline
        }

            #compare table tbody tr th a:hover {
                text-decoration: none
            }

    #compare table tbody tr td.heading {
        font-weight: 700;
        width: 10em
    }

        #compare table tbody tr td.heading a {
            font-weight: 700;
            text-decoration: underline
        }

            #compare table tbody tr td.heading a:hover {
                text-decoration: none
            }

#compare p a.toggleFeatures {
    display: block;
    width: 140px;
    padding: 10px 0;
    margin: 0 auto;
    color: #555
}

#compare .legacySpecs ul {
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 0
}

#compare .legacySpecs li {
    padding-top: 2px;
    padding-bottom: 2px
}

    #compare .legacySpecs li ul {
        padding-left: 0;
        margin-left: 0;
        list-style-type: none
    }

#compare .legacySpecs .typeBullet {
    list-style-type: square
}

#compare .legacySpecs .typeIndent {
    list-style-type: none
}

#compare .legacySpecs .typeNoIndent {
    list-style-type: none
}

#compare .legacySpecs .heading {
    font-weight: 700
}

#compareError {
    min-height: 500px
}

.learn table th span {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/down-arrow-gray.png) no-repeat;
    background-size: cover;
    margin-right: 3px;
    width: 12px;
    height: 6px;
    display: inline-block;
    vertical-align: middle
}

    .learn table th span.desc {
        background-position: -128px -41px
    }

td.learn-icon-video div, td.learn-icon-checklist div, td.learn-icon-article div {
    margin: 10px 0 0 15px;
    width: 15px;
    height: 15px;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/learn-type-video.png) no-repeat;
    background-size: cover
}

td.learn-icon-checklist div {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/learn-type-checklist.png) no-repeat;
    background-size: cover
}

td.learn-icon-article div {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/learn-type-article.png) no-repeat;
    background-size: cover
}

.learnSectionHeader {
    padding: 1rem;
    margin: .5vh .5%;
    width: 100%;
    box-sizing: border-box;
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc
}

    .learnSectionHeader h3 {
        text-transform: uppercase;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        margin: 0 0 4px 0;
        padding: 0
    }

        .learnSectionHeader h3 a {
            text-decoration: none;
            color: #222
        }

            .learnSectionHeader h3 a:hover {
                text-decoration: underline;
                color: #c00
            }

    .learnSectionHeader ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .learnSectionHeader ul li {
            padding: 2px 0
        }

            .learnSectionHeader ul li a span {
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 0 2px;
                width: 15px;
                height: 15px;
                background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/learn-type-video.png) no-repeat;
                background-size: cover
            }

.learnTable td p {
    margin-top: .25em;
    margin-bottom: .25em;
    font-size: 1em
}

    .learnTable td p > a {
        font-weight: 700
    }

.learnTable thead th {
    white-space: nowrap
}

.libraryContainer {
    width: 100%
}

figure {
    margin: 0;
    display: table;
}

    figure img {
        display: block;
        max-width: 100%;
        height: auto;
    }

figcaption {
    padding: .5rem;
    font-style: italic;
    display: table-caption;
    caption-side: bottom;
    background-color: #efefef;
}

img.libraryImage, img.libraryImageLeft, img.libraryImageRight, img.libraryImageCenter {
    max-width: 100%;
    height: auto;
}

figure.libraryImageRight, img.libraryImageRight {
    float: right;
    margin: 0 0 1rem 1rem
}

figure.libraryImageLeft, img.libraryImageLeft {
    float: left;
    margin: 0 1rem 1rem 0
}

.libraryImageCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}





#infoPage.landing .libraryContainer.learnPage {
    display: none
}

#footerWrapper {
    width: 100%;
    margin-top: 5rem;
    padding: 0;
    background-color: #ECEDEE;
    overflow: hidden;
    min-height: 20rem;
    position: relative;
    overflow: visible;
}

    #footerWrapper * {
        box-sizing: border-box;
    }

#footer {
    max-width: 50rem;
    margin: 0 auto;
}

#nl-signup-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
    width: auto;
    background-color: #666;
    position: relative;
    top: -1.875rem;
    padding: 1.875rem 1.875rem 1rem 1.875rem;
}

    #nl-signup-wrapper fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }

    #nl-signup-wrapper .nl-signup-form-container {
        display: flex;
        flex-flow: row wrap;
    }

#nl-signup-form-input {
    width: 100%;
    margin: 0;
    padding: .5em;
    font-size: 1em;
    border: none;
    border-radius: 0;
}

    #nl-signup-form-input::-webkit-input-placeholder {
        text-align: center;
    }

    #nl-signup-form-input::-moz-placeholder {
        text-align: center;
    }

    #nl-signup-form-input:-ms-input-placeholder {
        text-align: center;
    }

    #nl-signup-form-input:-moz-placeholder {
        text-align: center;
    }

#nl-signup-wrapper .nl-signup-button-container {
    width: 100%;
    margin-top: .25rem;
}

.nl-signup-form-container label.visuallyhidden {
    color: #fff !important;
}

#nl-signup-wrapper button {
    margin: 0;
    background: transparent;
    overflow: visible;
    cursor: pointer;
    box-sizing: border-box;
    padding: .5em;
    font-size: 1.125em;
    background-color: #01507b;
    border: none;
    color: #fff;
    width: 100%;
}

    #nl-signup-wrapper button:hover {
        background-color: #5e7f1f;
        color: #fff;
    }

#nl-signup-wrapper p {
    text-align: center;
}

    #nl-signup-wrapper p a {
        color: #fff;
        text-decoration: underline;
    }

        #nl-signup-wrapper p a:hover {
            text-decoration: none;
        }

    #nl-signup-wrapper p:first-of-type {
        font-size: 1rem;
        margin: 1rem 0;
        color: #fff;
        line-height: 1.3;
    }

    #nl-signup-wrapper p.signed-up {
        margin: 2.2rem 0;
        font-size: 1.25rem;
    }

    #nl-signup-wrapper p.nl-signup-disclaimer {
        font-size: .7rem;
        margin: 0 auto;
        max-width: 30rem;
        color: #efefef;
        line-height: 1
    }

#icons-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

    #icons-wrapper a {
        flex: 0 0 100%;
        text-decoration: none;
        color: #444;
        padding-top: .5rem;
        padding-right: .25rem;
        padding-left: .5rem;
    }

        #icons-wrapper a:hover {
            text-decoration: none;
            color: #444;
        }

.icons-content {
    flex: 0 0 100%;
    display: flex;
    flex-flow: row wrap;
    margin: .25rem 0;
}

.icon-symbol i {
    font-size: 2.5rem;
    margin-right: .25rem;
    color: #27aae1;
    min-width: 3.125rem;
    text-align: center;
}

.icon-copy {
    flex: 1;
}

    .icon-copy h3, .icon-copy h4 {
        color: #005380;
        margin: .25rem 0;
        padding: 0;
        text-transform: uppercase;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.25rem;
        line-height: .9;
        text-align: left;
    }

    .icon-copy p {
        line-height: 1.2;
        margin: 0;
        padding: 0;
    }

#links-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-top: 3.125rem;
}

.links-content {
    width: 100%;
    padding: 1rem;
}

    .links-content a {
        color: #444;
        text-decoration: none;
    }

        .links-content a:hover {
            text-decoration: underline;
        }

    .links-content h3, .links-content h4 {
        text-transform: uppercase;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.25rem;
        border-bottom: 1px solid #aaa;
        margin: 0;
        line-height: .9;
        text-align: left;
    }

        .links-content h3 a:hover {
            text-decoration: none;
        }

    .links-content ul {
        list-style-type: none;
        margin: .5rem 0 0 0;
        padding: 0;
    }

#social-media-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 3.125rem;
}

    #social-media-wrapper span {
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    #social-media-wrapper a {
        flex: 0 0 auto;
        width: 2.75rem;
        height: 2.75rem;
        margin: .25rem;
        border-radius: 50%;
        background-color: #005380;
        color: #fff;
        text-decoration: none;
        line-height: 2.75rem;
        text-align: center;
        font-size: 1.5rem;
    }

        #social-media-wrapper a:hover {
            background-color: #27aae1;
        }

#footer .copyright {
    text-align: center;
    margin-top: 3.125rem;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

    #footer .copyright a {
        color: #444;
    }

#bottomShadow {
    display: none
}

#sli_tabs2 {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    clear: both
}

    #sli_tabs2 div {
        width: auto;
        height: 39px;
        line-height: 39px;
        border: 1px solid #eee;
        background-image: none;
        background-color: #16619D;
        font-weight: 400;
        color: #fff;
        padding: 0 .4em;
        margin: 0 5px 0 0;
        text-align: center;
        float: left
    }

        #sli_tabs2 div a, #sli_tabs2 div a:hover {
            text-decoration: none;
            color: #fff;
            font-weight: 400
        }

        #sli_tabs2 div:hover {
            background-image: none;
            background-color: #c00
        }

        #sli_tabs2 div.active {
            margin-top: 10px;
            height: 29px;
            line-height: 29px;
            background-image: none;
            background-color: #fff;
            color: #222;
            font-weight: 400;
            margin-bottom: -1px;
            padding-bottom: 1px;
            border-bottom: 0
        }

            #sli_tabs2 div.active:hover {
                background-image: inherit
            }

.searchResults table tr td {
    vertical-align: top
}

#RelatedSearch2 {
    margin-top: 1em
}

    #RelatedSearch2 p {
        display: inline
    }

    #RelatedSearch2 ul {
        display: inline;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        #RelatedSearch2 ul li {
            display: inline;
            margin-left: 3px
        }

#customerServiceLandingBanner {
    box-sizing: border-box;
    margin: 0 0 1em 0;
    padding: 4em 0 0 .75em;
    width: 100%;
    height: 5.375em;
    background: #222 url(https://dh36nblqpps8a.cloudfront.net/assets/banners/customer-service-banner.jpg) right bottom no-repeat;
    background-size: cover;
    text-transform: uppercase;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 2.25em;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8)
}

.cs-col-1, .cs-col-2 {
    width: 100%
}

    .cs-col-1 h3, .cs-col-2 h3 {
        text-transform: uppercase;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        margin: .25rem 0 -.75rem 0;
        padding: 0
    }

    .cs-col-1 p {
        max-width: 90%
    }

    .cs-col-2 h3 {
        margin-bottom: 0
    }

.fauxDivider {
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #ccc;
    margin: 15px 10px 15px 0
}

.share_EmailFriend {
    float: left;
    padding: 0 5px 0 0
}

.share_AddThis {
    float: left
}

.share_GooglePlusOne {
    z-index: 0;
    float: left;
    padding: 2px 0 0 20px
}

.share_FaceBookLike {
    z-index: 0;
    float: left;
    padding: 0
}

.video-container {
    flex: 0 0 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    margin-top: 1em;
    margin-bottom: 1em
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

#aToolTip {
    position: absolute;
    display: none;
    z-index: 50000
}

    #aToolTip .aToolTipContent {
        position: relative;
        margin: 0;
        padding: 0
    }

.nrsToolTip {
    border: 2px solid #444;
    background: #555;
    color: #fff;
    margin: 0;
    padding: 6px 12px;
    max-width: 300px;
    border-radius: 12px 12px 12px 0;
    box-shadow: 2px 2px 5px #111
}

    .nrsToolTip #aToolTipCloseBtn {
        display: block;
        height: 18px;
        width: 18px;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/closeBtn.png) no-repeat;
        text-indent: -9999px;
        position: absolute;
        top: -20px;
        right: -30px;
        margin: 2px;
        padding: 4px;
        color: #fff !important;
    }

.region_alert_box {
    display: none;
    position: absolute;
    z-index: 10;
    top: 52px;
    right: 32px;
    width: 250px;
    height: auto;
    padding: 6px 12px;
    background-color: #fff;
    border: 2px solid #c00;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 17px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

    .region_alert_box:after, .region_alert_box:before {
        bottom: 100%;
        left: 94%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .region_alert_box:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 16px;
        margin-left: -237px
    }

    .region_alert_box:before {
        border-color: rgba(240,90,40,0);
        border-bottom-color: #c00;
        border-width: 19px;
        margin-left: -240px
    }

    .region_alert_box h2 {
        text-transform: uppercase;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        margin: 6px 0 0 0
    }

    .region_alert_box div.buttonRow {
        padding-top: 0;
        padding-bottom: 10px
    }

    .region_alert_box p.optOut input.hideRegionAlertPopup {
        display: inline-block;
        vertical-align: -2px;
        margin: 0
    }

    .region_alert_box .optOut {
        font-size: 12px;
        margin: 10px 0 0 0
    }

input.disableRegionMsg {
    display: inline-block;
    float: left;
    margin: 2px 2px 0 0
}

.account_alert_box {
    position: absolute;
    z-index: 10;
    top: 52px;
    right: 2px;
    width: 260px;
    height: auto;
    padding: 6px 20px;
    background-color: #fff;
    background-color: rgba(255,255,255,.95);
    border: 4px solid #c00;
    color: #000;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

    .account_alert_box:after, .account_alert_box:before {
        bottom: 100%;
        left: 83%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .account_alert_box:after {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 20px;
        margin-left: -20px
    }

    .account_alert_box:before {
        border-color: rgba(240,90,40,0);
        border-bottom-color: #c00;
        border-width: 26px;
        margin-left: -26px
    }

.eu .account_alert_box:after, .eu .account_alert_box:before {
    left: 92%
}

.account_alert_box .closeBtn {
    top: 5px
}

.account_alert_box p.account_alert_box_headline {
    text-transform: uppercase;
    font-size: 1.125em;
    font-weight: 700
}

.account_alert_box div.buttonRow {
    padding-top: 0;
    padding-bottom: 10px
}

.account_alert_box p.optOut input.hideAccountAlertBox {
    display: inline-block;
    vertical-align: 1px
}

#secondaryNavBar ul.topNavTwo li {
    margin: 0;
    padding: 0 0 0 7px;
    display: block;
    float: left
}

#compare table {
    overflow-x: auto;
    display: block
}

ul#contactPageChat, ul#contactPageChat .chat {
    list-style: none;
    margin: 0;
    padding: 0
}

    ul#contactPageChat li.chat {
        margin: .75em 0;
        padding: 0
    }

#contactPageChat .chat span.activeChat, #contactPageChat .chat span.inactiveChat {
    display: inline-block;
    background-color: #16619d;
    padding: .75em 1.25em;
    border-radius: 6px;
    width: auto
}

#contactPageChat .chat span.inactiveChat {
    background-color: #eee;
    color: #16619d;
    border: .0625rem solid #16619d;
}

#contactPageChat .chat .activeChat span, #contactPageChat .chat .inactiveChat span {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/NRS-chat-icon-sprite-2.png) no-repeat;
    width: 12px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px
}

#contactPageChat .chat .inactiveChat span {
    background-position: 0 -11px
}

#contactPageChat .chat .activeChat {
    color: #fff
}

#contactPageChat .chat .inactiveChat {
    color: #666
}

#contactPageChat li.chat a:hover {
    text-decoration: none
}

.closeBtn, #secondaryNavBar .closeBtn, .dropDown .closeBtn, #topNavBar .myAccount .myAccountDropDown .closeBtn {
    display: block;
    font-size: 1.25em;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    font-family: Arial;
    background-color: #444;
    color: #fff;
    border-radius: 20px;
    position: absolute;
    right: .5em;
    bottom: .5em;
    text-decoration: none
}

.dropDown .closeBtn {
    right: .75em;
    bottom: .99em
}

.compareClose .closeBtn {
    bottom: auto;
    right: .2em;
    top: .2em
}

.closeBtn span, #secondaryNavBar .closeBtn span, .dropDown .closeBtn span {
    display: none
}

.closeBtn:hover, #secondaryNavBar .closeBtn:hover, .dropDown .closeBtn:hover, #topNavBar .myAccount .myAccountDropDown .closeBtn:hover {
    background-color: #c00;
    color: #fff;
    text-decoration: none
}

.homepageMidGraphicsWrapper, .homepageLargePromoWrapper, .homepageShopByWrapper, .homepageConsumerInfoWrapper, .mediaStream2Wrappper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.mediaStream2Wrappper {
    background-color: #8a8686
}

.homepageMidGraphics, .homepageLargePromoBlock, .homepageShopBy, .homepageConsumerInfo, .mediaStream2 {
    width: 90%;
    margin: 0 auto
}

.homepageLargeAboutBlock {
    width: 90%;
    margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 0
}

    .homepageLargeAboutBlock h2 {
        font-size: 1.5em;
        font-style: normal;
        font-weight: 400;
        text-align: center
    }

    .homepageLargeAboutBlock .goToAbout {
        font-size: .875em;
        text-align: center
    }

.homepageMidGraphicsWrapper:after, .homepageLargePromoWrapper:after, .homepageProductWrapper:after, .homepageShopBy:after, .mediaStream2ContentContainer:after, .video-container-wrapper:after, .tabItem:after {
    content: "";
    display: table;
    clear: both
}

.usedPromoProducts {
    margin-bottom: 2rem;
}

.tabItem:after {
    height: 1em;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.5em
}

.homepageMidGraphics {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    box-sizing: border-box;
    padding: 1%;
    max-width: 60.625rem;
}

.homepageMidGraphic {
    display: flex;
    box-sizing: border-box;
    height: 10rem;
    background-color: #222;
    flex: 1 1 48%;
    max-width: 48%;
    margin: 1%;
    align-items: flex-end;
    text-decoration: none;
    color: #fff;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.25rem;
    text-transform: uppercase;
}

    .homepageMidGraphic span {
        height: 2.5rem;
        display: flex;
        flex: 1 1 100%;
        max-width: 100%;
        background-color: rgba(0, 0, 0, .7);
        justify-content: center;
        align-items: center;
        transition: height 0.15s ease-out;
    }

    .homepageMidGraphic:hover span {
        height: 4rem;
    }

.mensApparel {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-mens_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.womensApparel {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-womens_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.clearance {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-clearance_10_4_2021.jpg) no-repeat center center;
    background-size: cover
}

.homepageMidGraphics .used {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/homepage-shop-used-2020.jpg) no-repeat center center;
    background-size: cover
}

.homepageLargePromoBlock h2.promoHeadline {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1.01;
    margin-bottom: .4rem;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.homepageLargePromoBlock p.promoCopy, .homepageLargeAboutBlock p {
    font-size: 1.125em;
    line-height: 1.45;
    margin-top: 0;
    text-align: center;
}

.homepageHorizontalDivider {
    width: 100%;
    height: 0.125rem;
    background: transparent url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/homepage-horizontal-divider.png) center center no-repeat;
    background-size: contain;
    margin: 2rem auto
}

.homepageLargePromoBlock .homepageHorizontalDivider, .homepageShopBy .homepageHorizontalDivider {
    margin-top: .75rem;
}

.homepageProductWrapper {
    width: 100%;
    overflow: hidden
}

.homepageShopBy h3, .homepageConsumerInfo h3, .homepageLargeAboutBlock h3, .homepageShopBy h2 {
    font-size: 1.75rem;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: .25rem;
    line-height: 1.01;
}

.homepageShopBy h2 {
    font-size: 2.25rem;
    margin-top: 0;
}

.homepageShopBy {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    width: 100%;
    padding: 1%;
    max-width: 60.625rem;
    margin-bottom: 1rem;
}

    .homepageShopBy a {
        display: flex;
        text-decoration: none;
        height: 8rem;
        background-color: #222;
        color: #fff;
        text-shadow: 1px 1px 8px rgba(0,0,0,1);
        box-sizing: border-box;
        margin: 1%;
        flex: 1 1 48%;
        max-width: 48%;
        justify-content: center;
        align-items: center;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
    }


.shopBySUP {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-by-SUP_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.shopByRafting {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-by-rafting_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.shopByWWkayaking {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-by-whitewater-kayaking_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.shopByTouring {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-by-kayak-touring_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.shopByCamping {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-by-camping_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.shopByFishing {
    background: url(https://dh36nblqpps8a.cloudfront.net/homepage/layout/shop-by-fishing_10_2_2021.jpg) no-repeat center center;
    background-size: cover
}

.mediaStream2ContentContainer a {
    text-decoration: none;
    color: #222
}

.mediaStream2 h2 {
    color: #fff;
    font-family: proxima-nova-extra-condensed, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 3.125em;
    text-transform: uppercase;
    margin-top: .5em;
    /*	margin-bottom: 0; */
    margin-bottom: -1.5rem;
}

.mediaStream2ContentContainer {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    margin-bottom: 2em;
    display: flex;
    flex-flow: row wrap;
    padding: 5%
}

.mediaStream2Entry {
    width: 100%;
    box-sizing: border-box;
    background-color: #eee;
    margin-bottom: 1.5vh
}

    .mediaStream2Entry:last-child {
        margin-bottom: 0
    }

    .mediaStream2Entry img {
        width: 100%;
        height: auto
    }

    .mediaStream2Entry p {
        padding: .625em 1.25em 1.25em 1.25em;
        margin: 0
    }

#heroImageWrapper {
    width: 100%;
    background-color: #666;
    position: relative
}

    #heroImageWrapper a {
        text-decoration: none
    }

.heroCopy {
    padding: 1em 0
}

#heroImageWrapper h1, #heroImageWrapper h2, #heroImageWrapper h3, #heroImageWrapper h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.no-backgroundsize .homepageGrid {
    display: none
}

.fauxArrow {
    font-size: 1.4em;
    line-height: .8
}

.libraryContainer.fullWidth {
    width: 100%
}

#DealerLocator {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

/* 
    #DealerLocator #Map area {
        outline: none
    }
 */

.searchByContainer {
    margin: .5em 0;
    padding: .25em 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    clear: left
}

.searchByZip, .searchByStateProvince, .searchByCountry {
    padding: 1em;
    border-bottom: 1px dotted #eee;
    margin-bottom: 1em;
    overflow: hidden
}

.searchByCountry {
    border-bottom: none
}

.searchByZipZip {
    margin-bottom: .75em
}

.searchByZipDistance {
    margin-bottom: 1em
}

.searchParametersMessage {
    font-style: italic;
    color: #666;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
    margin-bottom: .5em;
    text-align: center
}

.searchResultsContainer h3 {
    font-size: 1em;
    margin: .25em 0 0 0
}

p.noResultYet {
    margin: 0
}

.searchResultEntry {
    margin: .5em 0;
    border-top: 1px solid #eee;
    padding-top: .75em
}

    .searchResultEntry:after, .searchResultsOutput:after {
        content: "";
        display: table;
        clear: both
    }

.airMilesCaveat {
    font-size: .65em;
    line-height: 1.2
}

.mapBlock {
    display: none
}

.mapPointerIcon {
    display: none
}

.searchResultEntryDetails p {
    margin-top: 0
}

p.productsAndDirections {
    font-size: .75em
}

.proLoginButtonWrapper {
    width: 100%;
    overflow: hidden
}

.takeToPro, .takeToRetail {
    font-size: 1.25em;
    display: block;
    width: 100%;
    margin-bottom: .25em
}

.saleBadge, .newBadge, .proBadge {
    display: inline-block;
    padding: .5rem .5rem .4rem .5rem;
    margin-bottom: .5rem;
    background-color: #c00;
    font-size: .626rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10rem;
    text-decoration: none;
    line-height: 1;
    letter-spacing: .1rem;
}

.newBadge {
    color: #fff;
    background-color: #005380;
}

.productTipsNote {
    background-color: #ffc;
    box-sizing: border-box;
    padding: 1rem;
    margin-bottom: 1rem;
    color: #222;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
}

.productTipsNoteIcon {
    width: 2.5rem;
    height: 3.0625rem;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/product-tips-icon.png) no-repeat;
    background-size: contain;
    flex: 0 0 2.5rem;
}

.productTipsNoteContent {
    flex: 1;
    padding-left: .5rem;
}

.productTipsNote h4 {
    font-size: 1.25rem;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.productTipsNote p {
    margin-top: .25rem;
    margin-bottom: 0
}

.pvc-warning {
    padding: 1rem 0;
    background-color: transparent;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    display: flex;
    flex-flow: row wrap;
    margin: 1rem 0 2rem;
}

.pvc-warning-icon {
    width: 1.5625rem;
    height: 1.375rem;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/product-warning_50.png) no-repeat;
    background-size: contain;
    flex: 0 0 1.5625rem;
    margin-top: .45rem;
    margin-right: 0;
}

.pvc-warning-content {
    flex: 1;
    padding-left: .5rem;
    margin: 0;
}

.shippingWarning {
    background-color: #ffc;
    box-sizing: border-box;
    padding: 1.5em;
    margin-bottom: 1em;
    color: #222;
    overflow: hidden;
    border-radius: .125rem;
}

    .shippingWarning.generalNotification {
        margin-top: 1em;
        margin-bottom: 1em
    }

        .shippingWarning.generalNotification.newerVersion {
            font-size: 1em
        }

.shippingWarningContent p {
    margin: 0;
    padding: 0 !important;
    line-height: 1.4
}

.shippingWarningIcon {
    float: left;
    width: 3.375em;
    margin-right: 3%;
    height: 2.5625em;
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/shipping-warning.png) no-repeat;
    background-size: cover
}

.shippingWarning.ground .shippingWarningIcon {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/shipping-notice.png) no-repeat;
    background-size: cover
}

.shippingWarning.generalNotification .shippingWarningIcon {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/notification-bell.png) no-repeat;
    background-size: cover
}

.shippingWarning.pvc .shippingWarningIcon {
    background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/shipping-notice.png) no-repeat;
    background-size: cover
}

.shippingWarningContent {
    float: left;
    margin-left: .5em;
    width: 70%
}

.learnSearch {
    width: 100%;
    margin-bottom: 1em;
    padding: 1em;
    box-sizing: border-box;
    background-color: #acc637;
    margin-top: -1em
}

    .learnSearch.narrow {
        margin-top: 1.5em;
        margin-bottom: 2em
    }

    .learnSearch form, .learnSearch fieldset {
        margin: 0;
        padding: 0
    }

    .learnSearch input {
        width: 68%;
        float: left;
        margin: 0 2% 0 0;
        box-sizing: border-box;
        padding: .5em;
        font-size: 1em;
        border: 1px solid #5f8038
    }

    .learnSearch button {
        border: 0 none;
        margin: 0;
        padding: 0;
        background: transparent;
        overflow: visible;
        cursor: pointer;
        width: 30%;
        float: left;
        box-sizing: border-box;
        padding: .5em;
        font-size: 1em;
        background-color: #5f8038;
        border: 1px solid #5f8038;
        color: #fff
    }

        .learnSearch button:hover {
            color: #acc637;
        }

.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer, .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer {
    border-bottom: none !important
}

.pr-rd-image-container {
    background-color: #444;
}

.flex-col-wrapper {
    display: flex;
    flex-flow: row wrap
}

.cookieConsentModal .mfp-ajax-holder .mfp-content {
    width: 90%
}

.frameSpecBlock {
    margin-bottom: 2rem
}

    .frameSpecBlock img, #tabSizing img {
        max-width: 100%;
        height: auto;
    }

    .frameSpecBlock h3 {
        padding: .5rem 0 0 .75rem;
        margin-bottom: 0;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd
    }

.frameQuickNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    column-count: 2
}

    .frameQuickNav li {
        line-height: 1.3;
        padding-bottom: .75rem
    }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.disableSizingRow {
    color: #666
}

table.sizingTable .disableSizingRow td {
    color: #666;
    font-style: italic;
}

/* Locally styles for Product pages */
a.lcly-primary-trigger {
    text-decoration: none;
    color: #16619D;
}

a:hover.lcly-primary-trigger {
    text-decoration: underline;
    color: #c00;
}

    a:hover.lcly-primary-trigger svg.icon-locally-outline {
        fill: #c00 !important;
    }

a.lcly-primary-trigger span {
    line-height: 2 !important;
    background: none !important;
    height: 2rem !important;
    font-size: 1rem !important;
    color: inherit !important;
}

svg.icon-locally-outline {
    height: 15px !important;
    width: 18px !important;
    fill: #16619D !important;
    margin: 0 0 -2px 0 !important;
}

.categoryItem a, .pdpVideo a {
    display: block;
}

.heroImageWrapper {
    order: 0;
}

.homepageMidGraphicsWrapper {
    order: 0;
}

.homepageLargePromoWrapper.promoProducts {
    order: 2;
}

.homepageShopByWrapper {
    order: 1;
}

.mediaStream2Wrappper {
    order: 2;
}

.homepageLargePromoWrapper.about {
    order: 2;
}

.homepageConsumerInfoWrapper {
    order: 2;
}

.homepageShopBy h3 {
    margin-top: .5rem;
}

.homepageShopBy .homepageHorizontalDivider {
    display: none;
}

#customernotes {
    width: calc(95% - 1.75rem);
    min-height: 4rem;
    margin-left: 1.75rem;
}

#customertextbox {
    margin: 1rem 0 0 0;
    padding: 0 0 1rem 0;
    position: relative;
    border-bottom: none;
}

    #customertextbox textarea {
        font-size: .875rem;
    }

    #customertextbox p {
        margin: 0;
        padding: 0 0 0 1.75rem;
    }

#productTitleAndAddToCartWrapper .affirm-as-low-as {
    margin: 0 0 .5rem;
}

.totalsTable .affirm-as-low-as {
    text-align: center;
}

    .totalsTable .affirm-as-low-as span {
        float: none;
    }

#slider video {
    width: 100%;
    height: auto;
}

.ot-msg {
    margin: 2rem auto;
    padding: 1rem;
    border: .1875rem solid #f1c21b;
    border-radius: .375rem;
    display: grid;
    grid-template-columns: auto 1fr;
    text-align: left;
    align-items: center;
    grid-gap: .5rem;
    max-width: 30rem;
}

.ot-msg i {
    color: #f1c21b;
    font-size: 2rem;
}

.ot-msg p {
    margin: 0;
    line-height: 1.25;
    padding: 0 !important;
}

.ot-msg a {
    text-decoration: underline;
}

.ot-show-on-inactive {
    display: none;
}

    .ot-show-on-inactive.ot-category-inactive {
        display: unset;
    }

.ot-hide-on-inactive.ot-category-inactive {
    display: none;
}

@media screen and (max-width:48em) {
    table {
        overflow-x: auto;
        display: block
    }
}

@media screen and (min-width:23.375rem) {
    #topNavBar .searchIcon a {
        display: block
    }

    .categoryItem {
        box-sizing: border-box;
        padding: 0 .25rem 2.5rem 0;
        flex: 0 1 50%;
        max-width: 50%
    }

    #howToMeasureImg {
        float: right
    }
}

@media screen and (min-width:27.5rem) {

    .QnAResponsiveBreak {
        display: inline;
        margin-top: auto
    }

    ul.detailNav {
        padding-left: 2em
    }

        ul.detailNav li {
            padding-right: 1em
        }

    #tabVideos p.videoThumb {
        width: 120px;
        height: auto;
        overflow: hidden;
        float: left
    }

    #tabVideos .videoThumbDescription {
        width: 65%;
        float: left
    }

    #tabSpecs #compare table, #tabSpecs .frameSpecBlock table {
        display: table
    }

    .searchByZipZip, .searchByZipDistance, .searchByZipSubmit {
        margin-bottom: 0;
        float: left;
        margin-right: 1.25em
    }

    .searchByZipSubmit {
        margin-top: 1em
    }

    .mayAlsoLikeItem {
        flex: 0 0 33%;
        max-width: 33%
    }

    #sli_tabs2 div {
        padding: 0 1em
    }

        #sli_tabs2 div a, #sli_tabs2 div a:hover {
            font-weight: 700
        }

    #searchTabs div {
        padding: 0 1em
    }

        #searchTabs div a, #searchTabs div a:hover {
            font-weight: 700
        }
}

@media screen and (min-width:30rem) {
    #nl-signup-form-input {
        font-size: 1.125em;
    }

    #nl-signup-wrapper p:first-of-type {
        font-size: 1.125rem;
    }

    #icons-wrapper a {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .links-content ul {
        column-count: 2;
    }

    #social-media-wrapper a {
        width: 3.75rem;
        height: 3.75rem;
        margin: .25rem;
        line-height: 3.75rem;
        font-size: 2rem;
    }

    .searchResultEntry {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-right: 1em;
        min-height: 280px
    }

    .homepageLargeAboutBlock .goToAbout {
        font-size: 1em
    }

    .mayAlsoLikeItem {
        flex: 0 0 33%;
        max-width: 33%
    }

    .learnSectionHeader {
        flex: 0 0 49%
    }

    .paginationSortBar {
        flex: 0 0 100%;
        justify-content: space-between;
        display: flex;
        flex-flow: row wrap
    }

    .itemCountInfo {
        display: flex
    }

    #customerServiceLandingBanner {
        font-size: 2.75em;
    }
}

@media screen and (min-width:37.75rem) {
    #topNavBar .community, #topNavBar .company {
        display: inline
    }

    .categoryItem {
        flex: 0 1 33%;
        margin-bottom: 2em;
        max-width: 33%
    }

    .breadcrumb #socialBlock {
        display: block;
        float: right;
        margin-right: 0;
        margin-left: 0
    }

    .QnAResponsiveBreak {
        display: block;
        margin-top: .25em
    }

    #fitIllustrationsFormFit, #fitIllustrationsSemiFit, #fitIllustrationsRelaxed {
        display: block;
        float: left;
        margin: 0;
        border: 2px solid #fff
    }

    #sli_tabs2 div {
        width: 155px;
        padding: 0 1em
    }

    #fitIllustrations {
        width: 34em;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

    #btn_tabCSRNotes, #btn_tabCSR {
        display: inline-block
    }

    #searchTabs div {
        width: 155px;
        padding: 0 1em
    }

    .cookieConsentModal .mfp-ajax-holder .mfp-content {
        width: 500px
    }
}

@media screen and (min-width:40rem) {
    .compareBar {
        margin-right: 2em
    }

    .learnHeaderImage h1 {
        bottom: auto;
        left: auto;
        right: 1rem;
        top: 1rem;
        font-size: 1.4rem;
        width: 15rem;
        line-height: 1.4;
        padding: 1rem
    }

    .mayAlsoLikeItem {
        flex: 0 0 25%;
        max-width: 25%
    }

    .homepageMidGraphics, .homepageLargePromoBlock, .homepageLargeAboutBlock, .homepageShopBy, .homepageConsumerInfo, .mediaStream2 {
        width: 96%;
        margin-top: .75em;
        overflow: hidden
    }

    .eu .homepageShopBy {
        margin-top: 0
    }

    .homepageShopBy a {
        margin: 1%;
        flex: 1 1 31%;
        max-width: 33%;
    }



    .eu .shopByOne, .eu .shopByTwo, .eu .shopByThree, .eu .shopByFour {
        width: 23%;
        margin-right: 2%;
        margin-left: 0
    }

    .eu .shopByFour {
        margin-right: 0
    }

    .homepageConsumerInfo {
        width: 80%
    }

    .mediaStream2ContentContainer {
        padding: 1.5%
    }

    .mediaStream2Entry:last-child {
        margin-bottom: 1vh
    }

    .mediaStream2Entry {
        margin: 1vh 1.5%;
        flex: 1 0 47%
    }

    #heroImage {
        height: 26em
    }

    .homepageLargePromoBlock p.promoCopy, .homepageLargeAboutBlock p {
        padding-left: 4%;
        padding-right: 4%
    }

    .eu .homepageLargePromoBlock p.promoCopy {
        text-align: left
    }

    .searchResultEntry {
        width: 33.3333%;
        min-height: 350px
    }

    .takeToPro, .takeToRetail {
        font-size: 1.5em;
        width: 48%;
        float: left;
        margin-bottom: 0
    }

    .takeToRetail {
        float: right
    }

    .shippingWarningContent p {
        padding-top: .75em !important
    }

    .learnSearch.narrow {
        display: none
    }

    .learnSearch {
        padding: 1.5em
    }

        .learnSearch input {
            width: 73%;
            font-size: 1.15em
        }

        .learnSearch button {
            width: 25%;
            font-size: 1.15em
        }

    .returnAnotherButton, .finishReturnButton {
        width: 48%;
        float: left
    }

    .finishReturnButton {
        float: right
    }

    .frameQuickNav {
        column-count: 3
    }

    #nl-signup-form-input {
        flex: 1;
    }

        #nl-signup-form-input::-webkit-input-placeholder {
            text-align: left;
        }

        #nl-signup-form-input::-moz-placeholder {
            text-align: left;
        }

        #nl-signup-form-input:-ms-input-placeholder {
            text-align: left;
        }

        #nl-signup-form-input:-moz-placeholder {
            text-align: left;
        }

    #nl-signup-wrapper .nl-signup-button-container {
        width: 12rem;
        margin-top: 0;
    }
}

@media screen and (min-width:48rem) {
    #content {
        width: 95%
    }

    #nrsLogo {
        left: 6px;
        width: 190px;
        height: 93px;
        margin-left: 0;
        z-index: 20
    }

    #nrsLogoWrapper {
        width: 190px;
        height: 93px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/mobile-nrs-logo-tag2.png) no-repeat;
        background-size: 190px 93px
    }

    .eu #nrsLogo #nrsLogoWrapper {
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/nrs-logo-europe.png) no-repeat;
        background-size: 190px 93px
    }

    #nrsLogo a {
        background-image: none;
        display: block;
        width: 190px;
        height: 78px
    }

    .no-backgroundsize #nrsLogoWrapper {
        display: block;
        width: 190px;
        height: 93px;
        background-size: 190px 93px;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/mobile-nrs-logo-tag2.png) no-repeat
    }

    .eu #nrsLogo a {
        background-image: none;
        display: block;
        width: 190px;
        height: 78px
    }

    .eu .no-backgroundsize #nrsLogo #nrsLogoWrapper {
        display: block;
        width: 190px;
        height: 93px;
        background-size: 190px 93px;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/nrs-logo-europe.png) no-repeat
    }

    .no-backgroundsize #nrsLogo a {
        background-image: none
    }

    .freeShippingNotice {
        display: block;
        float: left;
        margin: .25em 0 0 12.5em;
        font-family: proxima-nova, sans-serif;
        font-weight: 400;
        font-style: normal;
        text-transform: uppercase
    }

        .freeShippingNotice a {
            color: #fff;
            text-decoration: none
        }

    #topNavBar .pipe {
        display: block
    }

    #topNavBar .myAccount a, #topNavBar .myCart a.cartIcon, .no-backgroundsize #topNavBar .myAccount a, .no-backgroundsize #topNavBar .myCart a.cartIcon, .eu #topNavBar .myAccount a {
        width: auto;
        height: 1.25em;
        text-indent: 0;
        white-space: normal;
        overflow: hidden;
        background-size: auto auto;
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff
    }

    .eu #topNavBar .myAccount.flashy {
        display: block;
        box-sizing: border-box;
        height: 1.875em;
        margin-top: 0;
        padding-top: .313em;
        padding-left: .75em;
        padding-right: .75em;
        background-color: #c00
    }

    #topNavBar .myAccount a:hover, #topNavBar .myCart a.cartIcon:hover {
        text-decoration: underline
    }

    #topNavBar .myAccount > a::after {
        content: "\00a0";
        margin-left: .25em;
        display: inline-block;
        width: 1.25em;
        height: 1.25em;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/account-icon-white.png) no-repeat;
        background-size: 1.25em 1.25em
    }

    .eu #topNavBar .myAccount a::after {
        content: "\00a0";
        margin-left: .25em;
        display: inline-block;
        width: 1.25em;
        height: 1.25em;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/business-icon-white.png) no-repeat;
        background-size: 1.25em 1.25em
    }

    #topNavBar .myCart a.cartIcon::after {
        content: "\00a0";
        margin-left: .25em;
        display: inline-block;
        width: 1.25em;
        height: 1.25em;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/cart-icon-white.png) no-repeat;
        background-size: 1.25em 1.25em
    }

    .myCartDropDown {
        display: none;
        width: 375px;
        height: auto;
        position: absolute;
        z-index: 12;
        right: 0;
        top: 1.875em;
        background-color: #f6f6f6;
        color: #222;
        text-align: left;
        margin: 0;
        padding: 1em;
        line-height: 1em;
        font-family: proxima-nova, sans-serif;
        font-weight: 400;
        font-style: normal;
        box-shadow: rgba(0,0,0,.4) 0 3px 5px
    }

        .myCartDropDown h1 {
            font-size: 1.2em;
            margin-top: 0
        }

    #topNavBar .myCartDropDown a {
        color: #16619D;
        text-decoration: underline;
        height: auto
    }

        #topNavBar .myCartDropDown a:hover {
            color: #c00;
            text-decoration: none
        }

    .myCartDropOverflow {
        height: 16.5em;
        overflow: auto;
        background: #fff;
        border: 1px solid #ccc;
        border-width: 1px 0 1px 0;
        position: relative
    }

    .myCartDropEntry {
        margin: 1em .313em 1em 1em
    }

        .myCartDropEntry p {
            margin-top: 0;
            margin-bottom: .5em;
            line-height: 1.2em
        }

        .myCartDropEntry .myCartDropEntyImage {
            float: left;
            margin-right: 1em;
            position: relative
        }

        .myCartDropEntry .myCartDropEntyDetails {
            float: left;
            width: 13em
        }

    #topNavBar .myCartDropEntry .myCartDropEntyImage .editButton {
        position: absolute;
        left: -5px;
        top: 65px;
        width: 43px;
        height: 18px;
        text-indent: -10000px
    }

        #topNavBar .myCartDropEntry .myCartDropEntyImage .editButton .edit_btn {
            background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/edit-button.png) no-repeat;
            background-size: cover;
            width: 43px;
            height: 18px;
            display: block;
            position: relative;
            text-indent: -10000px
        }

    .myCartDropTotals {
        margin: 1em 0
    }

    .myCartDropTotalsLeft {
        float: left;
        width: 65%;
        text-align: right
    }

    .myCartDropTotalsRight {
        float: right;
        width: 30%
    }

    .myCartDropButtons {
        padding: .616em 0;
        text-align: right
    }

    #topNavBar .myCartDropButtons a {
        color: #555;
        text-decoration: none
    }

        #topNavBar .myCartDropButtons a:hover {
            color: #555;
            text-decoration: underline
        }

        #topNavBar .myCartDropButtons a.btn.btnHighlightGrad {
            color: #fff;
            text-decoration: none
        }

            #topNavBar .myCartDropButtons a.btn.btnHighlightGrad:hover {
                color: #fff;
                text-decoration: underline
            }

    li.customerService a span {
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/down-arrow-gray.png) no-repeat;
        background-size: cover;
        margin-left: 0;
        margin-bottom: 1px;
        width: 12px;
        height: 6px;
        display: inline-block;
        vertical-align: middle
    }

    .filterCategoryBtn {
        display: none
    }

    #secondaryNavBar {
        min-height: 4em
    }

        #secondaryNavBar .topNavTwo {
            display: block
        }

    ul.lefty {
        display: none
    }

    .customerServiceDropDown {
        display: none;
        width: 225px;
        height: auto;
        padding: 6px 12px 12px 12px;
        margin: 0;
        position: absolute;
        z-index: 10;
        top: 30px;
        right: 0;
        background-color: #f6f6f6;
        text-align: left;
        line-height: 1em;
        box-shadow: rgba(0,0,0,.4) 0 3px 5px
    }

    #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul {
        display: block;
        width: auto
    }

        #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li {
            float: none;
            margin: 0;
            padding: 0;
            display: block
        }

            #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUs, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsEmail, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.shippingInfo, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.returns, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.orderStatus, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsChat {
                height: 34px;
                width: 225px;
                padding: 3px 0;
                margin: 0;
                line-height: 34px;
                font-size: 16px;
                font-weight: 700;
                border-bottom: 1px solid #ccc
            }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.otherCustomerServiceLinks #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUs a, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsEmail a, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.shippingInfo a, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.returns a, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.orderStatus a, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsChat a {
                    display: block;
                    width: 225px;
                    height: 34px;
                    margin: 0;
                    padding: 0;
                    color: #444
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUs a:hover {
                    text-decoration: none;
                    cursor: default
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUs a span, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsEmail a span, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.shippingInfo a span, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.returns a span, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.orderStatus a span, #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsChat a span {
                    display: block;
                    float: left;
                    width: 34px;
                    height: 34px;
                    margin-right: 4px;
                    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/customer-service-phone.png) no-repeat;
                    background-size: cover
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUs a span {
                    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/customer-service-phone.png) no-repeat;
                    background-size: cover
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsEmail a span {
                    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/customer-service-email.png) no-repeat;
                    background-size: cover
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.contactUsChat a span {
                    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/customer-service-chat.png) no-repeat;
                    background-size: cover
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.shippingInfo a span {
                    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/customer-service-shipping.png) no-repeat;
                    background-size: cover
                }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.returns a span {
                    background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/customer-service-returns.png) no-repeat;
                    background-size: cover
                }

            #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.otherCustomerServiceLinks {
                height: 24px;
                line-height: 24px;
                width: 225px;
                padding: 0;
                margin: 0;
                font-size: 14px;
                font-weight: 400
            }

                #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.otherCustomerServiceLinks a {
                    display: block;
                    width: 225px;
                    height: 24px;
                    margin: 0;
                    padding: 0;
                    color: #444
                }

                    #secondaryNavBar ul.topNavTwo .customerServiceDropDown ul li.otherCustomerServiceLinks a span {
                        display: inline-block;
                        width: 18px;
                        height: 15px;
                        padding: 0;
                        margin: 0 0 0 0;
                        vertical-align: middle;
                        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/submit-arrow-gray.png) no-repeat;
                        background-size: cover
                    }

    .myAccountDropDown {
        display: none;
        width: 9em;
        height: auto;
        padding: 1em;
        margin: 0;
        position: absolute;
        z-index: 10;
        top: 1.875em;
        right: 4.75em;
        background-color: #f6f6f6;
        text-align: left;
        line-height: 1em;
        box-shadow: rgba(0,0,0,.4) 0 3px 5px
    }

    #topNavBar .myAccountDropDown li {
        float: none;
        display: block
    }

    #topNavBar li.signOut {
        border-top: 1px solid #ddd;
        padding-top: .65em
    }

    #topNavBar .myAccountDropDown a {
        color: #444;
        text-transform: none
    }

    #searchFromIcon {
        position: absolute;
        left: 12.5em;
        top: 2.18em;
        z-index: 11;
        opacity: 1;
        height: 1.5em;
        width: 14.5em;
        background-color: #fff;
        transition: none
    }

        #searchFromIcon .mainSearch fieldset.search {
            width: 100%;
            padding-top: 0
        }

        #searchFromIcon .mainSearch .search button.searchBtn {
            margin-top: 0
        }

        #searchFromIcon.showSearch .mainSearch fieldset.search, #searchFromIcon .mainSearch fieldset.search {
            display: block
        }

    .openNav #page {
        left: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        transition: -webkit-transform 500ms ease;
        transition: transform 500ms ease;
        transition: transform 500ms ease,-webkit-transform 500ms ease
    }

    .close-panel, nav#mainNavBar .mainSearch {
        display: none
    }

    nav#mainNavBar, .no-backgroundsize nav#mainNavBar, .no-backgroundsize.openNav nav#mainNavBar {
        display: block;
        width: 100%;
        position: relative;
        z-index: 10;
        left: auto;
        top: auto;
        min-height: 40px;
        background: transparent;
        -webkit-transform: none;
        transform: none;
        overflow-y: visible;
        box-shadow: none;
        position: relative;
        margin: -.6em auto 0 auto;
        border-bottom: 1px solid #efefef
    }

    ul.menu {
        border-top: none
    }

        ul.menu li {
            list-style-type: none;
            float: left;
            width: auto;
            text-align: left;
            padding: 0 0 0 0;
            box-sizing: border-box;
            border-bottom: none
        }

    #mainNavBar > ul > li > a {
        display: block;
        color: #222;
        text-decoration: none;
        font-size: 1.125em;
        height: 40px;
        line-height: 40px;
        padding: 0 .5em;
        margin-right: .0625em;
        margin-bottom: 0
    }

        #mainNavBar > ul > li > a:hover {
            color: #c00
        }

        #mainNavBar > ul > li > a.active {
            background-color: #ecedee;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

    ul.menu2 {
        display: none
    }

    .dropDown {
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        display: none;
        padding: .5%;
        font-family: proxima-nova-extra-condensed, sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 1em;
        width: 100%;
        min-height: 22em;
        position: absolute;
        left: 0;
        top: 40px;
        background-color: #ecedee;
        border-bottom: 5px solid #666;
        box-shadow: 0 5px 5px 0 rgba(0,0,0,.3)
    }

    .mainNavItems {
        display: flex;
        flex-flow: row wrap;
        flex: 1 0 100%
    }

    .dropDownCol {
        flex: 0 0 25%
    }

    c {
        display: none
    }

    .dropDownCol a {
        color: #333;
        text-decoration: none
    }

        .dropDownCol a:hover {
            color: #c00;
            text-decoration: underline
        }

    .dropDownColorWrapper .touchClose {
        position: absolute;
        right: 38px;
        bottom: 48px;
        display: block
    }

    .dropDownCol ul {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        padding: .5em
    }

        .dropDownCol ul li {
            display: block;
            float: none;
            margin: 0;
            padding: 0 0 0 .313em;
            border-bottom: none
        }

            .dropDownCol ul li.sectionHeader {
                display: block;
                padding: 0 .313em;
                text-transform: uppercase;
                margin: 0 0 .18em 0;
                border-bottom: 1px solid #aaa
            }

                .dropDownCol ul li.sectionHeader.showSubNav {
                    display: block
                }

    .dropDownExtra {
        width: 100%;
        padding: 1em .313em;
        margin: 0 .615em;
        border-top: 1px solid #aaa;
        position: relative
    }

        .dropDownExtra .giftCardMenuItem {
            float: right;
            width: 134px;
            height: 31px;
            background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/gift-cards-menu-item.png) no-repeat;
            background-size: cover;
            text-indent: -9999em;
            margin-right: 1.9em
        }

            .dropDownExtra .giftCardMenuItem a {
                display: block;
                width: 134px;
                height: 31px
            }

    #sideNav {
        margin: .75rem 0 0 0;
        opacity: 1;
        height: auto;
        flex: 0 0 20%;
        transition: none
    }

    .categoryItemWrapper {
        flex: 0 0 78%;
        padding-left: 2%
    }

    .productPage .col1 {
        text-align: center;
        box-sizing: border-box;
        flex: 0 0 50%;
        width: 50%;
        max-width: 50%
    }

    .productPage #tabs div .col1, .productPage #tabs div .col2 {
        text-align: left
    }

    .zoomIcon {
        display: block;
        position: absolute;
        z-index: 8;
        width: 112px;
        height: 42px;
        bottom: 2.5em;
        left: .5em;
        cursor: pointer;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/site-layout/product-zoom-button.png) no-repeat;
        background-size: cover
    }

    .productPage .col2 {
        box-sizing: border-box;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }

    .productPage #tabs div .col1, .productPage #tabs div .col2 {
        width: 70%;
        float: left;
        margin-right: 3%;
        border: none
    }

    .productPage #tabs div .col2 {
        width: 27%;
        margin: 0 auto;
        color: #444;
        border-left: 1px dotted #ddd;
        box-sizing: border-box
    }

        .productPage #tabs div .col2 .vendorLogo {
            display: block;
            margin-left: 1em
        }

        .productPage #tabs div .col2 .moreInfoBlock {
            padding: 0 1em 1em 1em;
            margin: 1em auto 0 auto
        }

        .productPage #tabs div .col2 ul {
            margin: 0;
            padding: 0 0 0 1em
        }

    #tabSizing #howToMeasure {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }

    #tabVideos p.videoThumb {
        width: 120px;
        height: 90px;
        margin: 0 15px 0 0;
        float: left;
        font-size: 11px;
        font-weight: 700;
        overflow: hidden
    }

    #tabVideos .videoThumbDescription {
        width: 550px;
        margin: 0;
        float: left
    }

    #alternateProductImages {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: auto;
        max-width: 490px;
        overflow: hidden;
        position: relative;
        text-align: center
    }

        #alternateProductImages.no-flexslider {
            display: inline-block
        }

        #alternateProductImages ul {
            list-style: none;
            margin: 0;
            padding: 0;
            float: left
        }

            #alternateProductImages ul.slides li {
                line-height: 0;
                float: left;
                margin-right: .5em;
                margin-bottom: .5em;
                border: 1px solid #ddd;
                cursor: pointer;
            }

                #alternateProductImages ul.slides li.current {
                    border: 1px solid #666
                }

        #alternateProductImages a.videoWithCarousel {
            display: block;
            float: right
        }

            #alternateProductImages a.videoWithCarousel.no-flexslider {
                display: block;
                float: left
            }

            #alternateProductImages a.videoWithCarousel img {
                border: 1px solid #ddd
            }

    .disable-flexslider-nav .flex-direction-nav {
        display: none
    }

    #secondaryNavBar .chat {
        display: none
    }

        #secondaryNavBar .chat span.activeChat::after, #secondaryNavBar .chat span.inactiveChat::after {
            content: " |";
            color: #222;
            margin-left: 5px;
            font-weight: 400
        }

    #secondaryNavBar li.chat a:hover {
        text-decoration: none
    }

    .xcomponent-component-frame {
        z-index: 9 !important
    }

    .libraryContainer {
        flex: 0 0 78%;
        padding-left: 2%
    }

    .homepageMidGraphics {
        margin-top: 0
    }

    .homepageMidGraphic {
        font-size: 1.5rem;
        flex: 1 1 23%;
        max-width: 23%;
    }

    .homepageHorizontalDivider {
        width: 75%
    }


    .searchByZip, .searchByStateProvince, .searchByCountry {
        padding: 0;
        float: left;
        border-bottom: none;
        margin-bottom: 0;
        overflow: hidden
    }

    .searchByZip, .searchByStateProvince {
        margin-right: 1em
    }

    .searchByZipZip, .searchByZipDistance, .searchByZipSubmit {
        margin-right: .75em
    }

    .searchResultEntry {
        min-height: 290px
    }

    #slider {
        border: none !important
    }

    .account_alert_box:after, .account_alert_box:before {
        left: 60%
    }

    .eu .account_alert_box:after, .eu .account_alert_box:before {
        left: 83%
    }

    .shippingWarningContent p {
        padding-top: 0 !important
    }

    .shippingWarningContent {
        float: left;
        width: 70%
    }

    .learnSearch {
        padding: 2em
    }

        .learnSearch input, .learnSearch button {
            font-size: 1.5em
        }

    div.cookieBar .close-panel {
        display: block;
        right: .25em
    }

    div.cookieBar p {
        font-size: .875em;
        width: 96%
    }

    .mayAlsoLikeItem {
        flex: 0 0 16.6666%;
        padding: .25rem;
        max-width: 16.6666%
    }

    .infoPage .mayAlsoLikeItem {
        flex: 0 0 25%;
        max-width: 25%
    }

    .links-content {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 1.5rem 0 .5rem;
    }

    .productTipsNote {
        padding: 1.5rem;
    }

    .productTipsNoteIcon {
        width: 5rem;
        height: 6.0625rem;
        background: url(https://dh36nblqpps8a.cloudfront.net/assets/pdp/product-tips-icon.png) no-repeat;
        background-size: contain;
        flex: 0 0 5rem;
    }

    .productTipsNoteContent {
        max-width: 80%;
    }

    .heroImageWrapper, .homepageMidGraphicsWrapper, .homepageLargePromoWrapper.promoProducts, .homepageShopByWrapper, .mediaStream2Wrappper, .homepageLargePromoWrapper.about, .homepageConsumerInfoWrapper {
        order: 0;
    }

    .homepageShopBy h3 {
        margin-top: .5rem;
    }

    .homepageShopBy .homepageHorizontalDivider {
        display: block;
    }
}

@media screen and (min-width:60.625rem) {
    #nrsLogo {
        left: 50%;
        margin-left: -491px;
        width: 193px;
        text-align: center
    }

    #topNavBar, #secondaryNavBar, .breadcrumb, #infoPage, .productPage.cart, #productError {
        display: block;
        width: 60.625rem;
        margin-left: auto;
        margin-right: auto
    }

    #content {
        width: 60.625rem
    }

        #content.productPage {
            width: 95%
        }

    #infoPage.searchResults {
        width: 60.625rem !important
    }

    #infoPage.fullWidth {
        width: 100%
    }

    .productPage #tabs, #mayAlsoLike {
        max-width: 68.75rem;
        margin-left: auto;
        margin-right: auto
    }

    .productPage.addToCartModal {
        width: 100%
    }

    #searchFromIcon {
        display: none
    }

    #secondaryNavBar ul.topNavOne {
        display: block;
        margin-left: 200px
    }

    .productPage .col1 {
        flex: 0 0 60%;
        width: 60%;
        max-width: 60%
    }

    .zoomIcon {
        bottom: 2.5em;
        left: 3em
    }

    .productPage .col2 {
        flex: 0 0 40%;
        max-width: 40%
    }

    nav#mainNavBar .mainSearch, nav#mainNavBar .mainSearch.has-touch {
        display: block;
        float: right;
        width: 230px;
        padding: .4em 0 0 0
    }

    nav#mainNavBar, .no-backgroundsize nav#mainNavBar, .no-backgroundsize.openNav nav#mainNavBar {
        display: block;
        width: 970px
    }

    ul.menu {
        float: left;
        width: auto
    }

    .mainNavItems {
        display: flex;
        flex-flow: row wrap;
        flex: 1 1 80%
    }

    .dropDownCol {
        flex: 0 0 25%
    }

    .libraryContainer {
        flex: 0 0 78%
    }

        .libraryContainer article {
            display: flex;
            flex-flow: row wrap
        }

    .articleContent {
        flex: 1;
        box-sizing: border-box;
        padding-right: 1rem
    }

    .infoPage aside#mayAlsoLike {
        flex: 0 0 20%;
        box-sizing: border-box;
        margin-top: 0
    }

    #mayAlsoLike h2.productsMentioned {
        text-align: center
    }

    #mayAlsoLike ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        #mayAlsoLike ul li {
            margin-bottom: .75rem
        }

    .infoPage .mayAlsoLikeItem {
        flex: 0 0 100%;
        max-width: 100%
    }

    .largeProductImage {
        border: 1px solid #ddd
    }

    .QnAResponsiveBreak {
        display: inline;
        margin-top: auto
    }

    .productPage #tabs div .col1, .productPage #tabs div .col2 {
        width: 73%
    }

    .productPage #tabs div .col2 {
        width: 24%
    }


    .cs-col-1 {
        flex: 0 0 65%
    }

    .cs-col-2 {
        box-sizing: border-box;
        flex: 0 0 35%;
        padding: 0 .875rem
    }

    .compareBar {
        margin-right: 3em
    }

    .homepageMidGraphicsWrapper, .homepageLargePromoWrapper, .homepageShopByWrapper, .homepageConsumerInfoWrapper {
        width: 100%
    }

    .homepageMidGraphics, .homepageLargePromoBlock, .homepageLargeAboutBlock, .homepageShopBy, .homepageConsumerInfo, .mediaStream2 {
        width: 60.625em;
        margin-top: 1rem;
    }

    .homepageMidGraphics {
        margin-top: 0;
    }

    .homepageConsumerInfo {
        margin-top: 0
    }

    .eu .homepageShopBy {
        margin-top: 0
    }

    .homepageLargePromoBlock p.promoCopy {
        padding-left: 14%;
        padding-right: 14%
    }

    .homepageLargeAboutBlock p {
        padding-left: 12%;
        padding-right: 12%
    }

    .homepageShopBy {
        margin-bottom: .5rem;
    }

        .homepageShopBy a {
            margin: 1%;
            flex: 1 1 14.666%;
            max-width: 16.666%;
            height: 8.875rem;
        }

    .homepageConsumerInfo {
        width: 48em;
        margin-bottom: 1em
    }

    .mediaStream2ContentContainer {
        padding: 1%
    }

    .mediaStream2Entry {
        margin: 1vh 1%;
        flex: 1 0 30%
    }

        .mediaStream2Entry:last-child {
            margin-bottom: 1vh
        }

    ul#CSRnav, ul.CSRnav, div.cookieBar {
        width: 970px
    }

        div.cookieBar .close-panel {
            right: .25em;
            top: -.1em
        }

        div.cookieBar p {
            font-size: .875em;
            width: 96%
        }

    .searchByZip, .searchByStateProvince {
        margin-right: 3em
    }

    .searchByZipZip, .searchByZipDistance, .searchByZipSubmit {
        margin-right: 1.5em
    }

    .searchResultsContainer {
        border-right: 1px solid #eee;
        width: 316px;
        margin: 0 5px 0 0;
        float: left
    }

    .searchResultsOutput {
        padding: .5em;
        height: 440px;
        overflow: auto
    }

    .mapBlock {
        display: block;
        width: 630px;
        float: left;
        margin: 0 0 0 5px
    }

    .mapPointerIcon {
        display: block;
        float: left;
        width: 30px;
        cursor: pointer
    }

    .searchResultsContainer h3 {
        margin-left: .5em
    }

    .searchResultEntry {
        width: 100%;
        height: auto;
        min-height: 0;
        padding-right: 0
    }

    .searchResultEntryDetails {
        float: left;
        max-width: 240px
    }

    .proLoginButtonWrapper {
        max-width: 80%;
        margin: 0 auto
    }

    .returnAnotherButton, .finishReturnButton {
        width: 30%;
        float: left;
        margin-right: .5em
    }

    #tabSizing #howToMeasure {
        width: 34%;
        float: left
    }

    #fitIllustrations {
        width: 63%;
        float: right;
        border-left: 1px dotted #ccc;
        box-sizing: border-box;
        padding-left: 3%
    }

    .categoryItem {
        margin-bottom: 3rem
    }

    #nl-signup-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    #icons-wrapper a {
        flex: 0 1 33.33%;
        max-width: 33.33%;
        padding-top: 2rem;
        padding-left: 0;
    }

    .pdpVideo {
        flex: 0 0 31%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
}

@media screen and (min-width:68.75rem) {
    #content.productPage {
        max-width: 75rem
    }

    .video-container {
        max-width: 68.75rem;
        margin-left: auto;
        margin-right: auto
    }
}

#pr-srw-container {
    position: fixed !important;
    bottom: 0;
    right: 0
}

.p-w-r .pr-srw {
    position: relative !important
}

.p-w-r .pr-srw-body.pr-srw-open {
    height: auto !important
}

.p-w-r .pr-srw-body {
    overflow: auto !important
}

.p-w-r .pr-srw-short, .p-w-r .pr-srw-long {
    bottom: 0 !important
}

@media (max-width:470px) {
    .p-w-r .pr-srw {
        width: 100% !important;
        padding-bottom: 0 !important
    }
}

@media (max-height:500px) {
    #pr-srw-container {
        display: none !important
    }
}