/* Minification failed. Returning unminified contents.
(3776,28): run-time error CSS1038: Expected hex color, found '#green'
(3786,32): run-time error CSS1038: Expected hex color, found '#green'
 */
@font-face {
    font-family: Futura-Book;
    src: url("fonts/futura/futura book.ttf") format("truetype");
}

@font-face {
    font-family: "Futura Bold";
    src: url("fonts/futura/futura bold.ttf") format("truetype");
}

@font-face {
    font-family: "Futura Medium";
    src: url("fonts/futura/futura medium.ttf") format("truetype");
}

@font-face {
    font-family: "Futura Heavy";
    src: url("fonts/futura/futura heavy.ttf") format("truetype");
}

html {
    overflow-x: visible !important;
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-size: 13px;
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    color: #232323;
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
}

    body.fixed {
        overflow: hidden;
    }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#container {
    height: auto;
    max-width: 96%;
    position: relative;
    margin: 0 auto;
}
/*.bg-container {
    background-color: #eff4f8;
}*/

#main-content {
    /*padding-bottom: 270px;*/
    margin-top: .6rem;
}

margin-t-10 {
    margin-top: 10px
}

a,
a:visited,
a:hover {
    color: #5091cd;
}

h2 {
    font-size: 20px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

header,
footer,
nav,
section {
    display: block;
}

select,
input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

textarea {
    min-height: 75px;
    font-family: inherit;
    resize: none;
}

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

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee;
}

.validation-summary-errors {
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    color: red;
}

.validation-summary-valid {
    display: none;
}

.hidden {
    display: none !important;
}

.full {
    width: auto;
}

.cycle-prev {
    top: 0;
    width: 12%;
    height: 100%;
    position: absolute;
    z-index: 800;
    cursor: pointer;
}

.cycle-next {
    top: 0;
    width: 12%;
    height: 100%;
    position: absolute;
    z-index: 800;
    cursor: pointer;
}

#home-slide-show .cycle-prev,
#home-slide-show .cycle-next {
    font-size: 120px;
    padding-top: 10%;
    text-align: center;
    font-family: "Arial";
    color: #fff;
}

    #home-slide-show .cycle-prev img,
    #home-slide-show .cycle-next img {
        opacity: 0;
    }

#home-slide-show:hover .cycle-prev img,
#home-slide-show:hover .cycle-next img {
    opacity: 0.7;
}

#home-slide-show .cycle-prev img:hover,
#home-slide-show .cycle-next img:hover {
    opacity: 1;
}

#home-slide-show-container .caption {
    color: #5091cd;
    font-size: 58px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    position: absolute;
    width: 450px;
    right: 50%;
    top: 200px;
    z-index: 150;
}

.home-quote-container {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-weight: 600;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 200;
    min-width: 910px;
}

    .home-quote-container #home-quote-gray-bar {
        background-color: #bcbec0;
        width: 80%;
        margin: 0 auto;
    }

    .home-quote-container .home-quote-inner {
        width: 80%;
        height: 90px;
        margin: 0 auto;
        color: #fff;
        position: relative;
    }

        .home-quote-container .home-quote-inner .home-quote {
            margin-left: 5px;
            font-size: 36px;
        }

        .home-quote-container .home-quote-inner .home-quote-source {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 24px;
            font-style: italic;
            font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
            font-weight: 600;
            padding: 10px;
        }

#homeslideposition {
    min-width: 910px;
    width: 80%;
    height: 806px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    /*z-index: 1;*/
    text-align: center;
}

#homeslidewrapper {
    position: absolute;
    width: 100%;
    z-index: 40;
    height: 100%;
    overflow: hidden;
    left: 0;
}

#homeslidebox {
    width: 100%;
    height: 100%;
    position: relative;
}

.homeslide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

#home-slide-show .cycle-prev {
    left: 0;
}

#home-slide-show .cycle-next {
    right: 0;
}

#home-slide-show .cycle-pager {
    bottom: 50px;
    width: 500px;
    right: 50%;
    height: 20px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    z-index: 500;
}

    #home-slide-show .cycle-pager span {
        width: 12px;
        height: 12px;
        display: inline-block;
        cursor: pointer;
        border: 1px solid #58595b;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        margin-right: 8px;
    }

        #home-slide-show .cycle-pager span.cycle-pager-active {
            background-color: #58595b;
        }

.cycle-pager-active > .thumb-container {
    outline: 1px solid #17497b;
}

#home-slide-show .cycle-pager > * {
    cursor: pointer;
}

.slide {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    -ms-behavior: url(/Scripts/backgroundsize.htc);
}

    .slide > a > div {
        height: 100%;
        width: 100%;
    }

    .slide img {
        width: 1280px;
        height: 806px;
    }

img {
    border: 0;
}

.email-dialog {
    width: 568px;
    height: 230px;
    text-align: left;
    opacity: 1;
    background-image: url(images/home/solumbra-medical.jpg);
    background-position: 433px 95px;
    background-repeat: no-repeat;
}

    .email-dialog button {
        padding: 0 15px 0 15px;
    }

   /* .email-dialog #email {
        height: 20px;
        border: 0;
        width: 229px;
    }*/

   /* .email-dialog #email-text-button {
        height: 29px;
        border: 1px solid #ddddde;
        display: inline-block;
        padding-left: 3px;
    }*/

#email-text-button{
    width:45%
}
#email-text-button input{
    border-radius:0;
}
#email-signup #SignUp {
    top: -1px
}

button.close.dialog-close {
    border-radius: 0;
    height: 33px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #17497b;
    color: #17497b;
    background-color: #ffffff;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    float: unset;
    opacity: 1;
    margin-left: 5px !important;
}

.email-dialog .close {
    height: 29px;
    margin-left: 22px;
}

    .email-dialog #solumbra-medical {
        position: absolute;
        right: 5px;
        height: 180px;
        bottom: 5px;
    }

    .email-dialog .input-validation-error {
        background-color: #fff;
    }

    .email-dialog .field-validation-error {
        font-size: 14px;
        margin-top: 6px;
    }

div.close.upper-right {
    background-image: url(images/common/x-dark.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    margin-top: -10px;
    margin-right: -10px;
}

.left-straight {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

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

.pop-up {
    background-color: #fff;
    display: none;
    border: 2px solid #bcbec0;
    border-radius: 0 0 8px 8px;
    margin: 0 auto;
    right: 0;
    left: 0;
    color: #58595b;
    padding: 15px;
}

a.dark-gray-button,
.dark-gray-button,
input[type="submit"].gray-button,
input[type="button"].gray-button,
a.gray-button {
    background-color: #e6e7e8;
    border: 1px solid #ddddde;
    color: #58595b;
}

a.dark-gray-button,
.dark-gray-button,
input[type="button"].dark-gray-button {
    background-color: #58595b;
    color: #fff;
    border: 1px solid #474849;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
}

a.orange-button,
.orange-button,
input[type="submit"].orange-button {
    background-color: #fcb515;
    color: #000;
    border: 1px solid #c99011;
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

a.gray-button {
    padding: 3px 8px 3px 8px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

a.gray-button,
a.orange-button,
a.dark-gray-button {
    cursor: pointer;
}

.pop-up-title {
    font-size: 28px;
    color: #58595b;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    margin-bottom: 6px;
    margin-right: 24px;
}

.pop-up-subtitle {
    font-size: 18px;
    margin-bottom: 10px;
}

#password-dialog {
    background-color: #fff;
    display: none;
    padding: 15px;
    text-align: center;
    border: 2px solid #333;
    opacity: 0.8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0 auto;
    width: 200px;
}

    #password-dialog div {
        margin: 5px;
    }

    #password-dialog #OK {
        margin-right: 10px;
    }

header {
    font-size: 14px;
    width: 100%;
}

#checkout a,
#checkout a:visited {
    color: #000;
}

.trigger {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
}

#header {
    width: 900px;
    padding-left: 10px;
    height: 104px;
    margin: 0 auto;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    #header a {
        text-decoration: none;
    }

        #header,
        #header a,
        #header a:visited {
            color: #000;
        }

            #header .line1 {
                font-size: 40px;
                margin-bottom: -11px;
            }

                #header .line1 sup {
                    font-size: 16px;
                }

            #header .line2 {
                font-size: 22px;
                font-family: "Futura Medium", sans-serif, Arial, Helvetica;
                font-weight: 500;
            }

                #header .line2 sup {
                    font-size: 10px;
                }

            #header #top-line {
                display: block;
                text-align: right;
                padding-top: 10px;
                padding-right: 12px;
            }

#checkout-data-container {
    width: 70%;
    /*display: inline-block;*/
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

    #checkout-data-container button {
        height: 32px;
    }

    #checkout-data-container #ccv-tooltip {
        display: none;
        z-index: 2000;
        background: #fff;
        border: 1px solid #000;
        width: 400px;
        padding: 10px;
    }

#checkout-data #PromoCode1 {
    width: 180px;
}


.accordion .ui-accordion-header {
    border-radius: 0;
    /*background-color: #8a8c8e;*/
    background-image: none;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform:capitalize;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    height: 16px;
    border: none;
    background: none;
}
.abutton {
    background-color: #17497b;
    font-size: 14px;
    height: 32px;
    color: #ffffff;

    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}
   a.abutton, a.abutton:visited, a.abutton:hover {
        color: #fff;
    }

#checkout-data .ui-accordion-content {
    border-radius: 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

    #checkout-data .ui-accordion-content table {
        width: 100%;
    }

select.select-field {
    /*width: 90%;*/
    background-color: #e5e5e5;
}
    select.state-field {
        /*width: 95%;*/
    }
        #checkout-data .ui-accordion-content table input[type="text"],
        #checkout-data .ui-accordion-content table input[type="password"] {
           /* width: 95%;*/
            margin: 5px 0;
        }

.select-right-td{
    width: 88%;
    margin-left: 30px;
}

.select-right-td-payment {
    width: 88%;
    margin-left: 28px;
}
.p25 {
    padding-top: 25px;
}
.promo-code {
    width: 82%;
    display: inline-block;
}
.checkout-number {
    background-color: #17497b;
    border-radius: 50px;
    padding: 3px 7px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
}
#checkout-data-container .apply-promo {
    border-radius: 0;
    height: 33px;
    position: relative;
    top: -2px;
    background-color: #17497b;
}

input[type="submit"].review-order {
/*    width: 40%;*/
    height:32px;
    border-radius:0;
}
#checkout-data .ui-accordion-content #CreditCardSecurityCode {
    width: 100px;
    margin-right: 10px;
}
#checkout-data-container button.next-button.exsting-user {
    height: 32px;
    border-radius: 0
}
.tbl-signin{
    width:100%;
}

#checkout-data .ui-accordion-header-active {
    /*background-color: #8a8c8e;*/
    background-image: none;
}

#checkout-data select.input-validation-error {
    background-color: #fff;
    border-color: #707070;
}

#checkout-data .orange-button {
    float: right;
}

#checkout-data input[type="text"],
#checkout-data input[type="password"] {
    border: 0;
    background-color: #e5e5e5;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.lblCartCount {
    font-size: 12px;
    background: #17497a;
    color: #fff;
    position: absolute;
    padding: 2px 4px;
    vertical-align: top;
    margin-left: -15px;
}

.mobile-menu .lblCartCount {
    margin-left: -5px;
}

#shoppingBagImage {
    background-image: url(images/common/shoppingbag.png);
    background-repeat: no-repeat;
    background-position: 120px 0;
    width: 140px;
    height: 18px;
    display: inline;
    text-align: left;
}

#shopping-bag-container {
    display: inline-block;
    /*vertical-align: top;*/
    width: 38%;
}
.checkout-form{
    width:61%;
    vertical-align: top;
}
.shoping-bag-header {
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
}

#shopping-bag-container h2,
#checkout-data-container h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

#shoppingBagContents {
    background-color: #fff;
    color: #58595b;
    text-align: left;
    margin-bottom: -5px;
}
.shoppingBagContents {
    margin-top: -500px;
}

#shoppingBagContents.checkout,
#order-detail-right #shoppingBagContents {
    background-color: #fff;
    box-shadow: 0px 0px 5px #888888;
}

    #shoppingBagContents .cart-new-container {
        padding: 0 29px;
    }
    #shoppingBagContents .order-summary-item {
        border-bottom: 1px solid #e5e5e5;
        font-size: 13px;
        vertical-align: top;
        padding-top: 8px;
        padding-left: 8px;
    }

        #shoppingBagContents .order-summary-item a.standard-blue {
            color: #5091cd;
        }

    #shoppingBagContents #bag-header,
    #view-bag-summary-header,
    #order-detail-right #bag-header {
        background-color: #888a8d;
        color: #fff;
        padding: 8px;
        font-size: 14px;
        height: 16px;
        box-sizing: content-box;
    }

    #shoppingBagContents table {
        width: 100%;
        font-size: 14px;
        border-spacing: 0;
    }

    #shoppingBagContents #bag-items {
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        max-height: 400px;
        overflow: auto;
        width: 100%;
    }

        #shoppingBagContents #bag-items #empty-cart {
            height: 80px;
            vertical-align: middle;
            text-align: center;
        }

    #shoppingBagContents .bag-bold {
        font-family: "Futura Medium", sans-serif, Arial, Helvetica;
        font-weight: 500;
        font-size: 16px;
    }

    #shoppingBagContents #bag-items td {
        border-bottom: 1px solid #e5e5e5;
    }

    #shoppingBagContents #bag-summary {
       /* background-color: #e5e5e5;*/
        width: 85%;
        margin:auto;
        margin-bottom:20px;
    }

        #shoppingBagContents #bag-summary .divider {
            border-bottom: 1px solid #888a8d;
        }

        #shoppingBagContents #bag-summary td {
            padding-top: 10px;
        }

        #shoppingBagContents #bag-summary #checkout {
            font-size: 14px;
            font-weight: normal;
            padding-top: 20px;
            vertical-align: middle;
        }

    #shoppingBagContents #estimaged-charges tbody td {
        border-bottom: 1px solid #bcbec0;
    }

    #shoppingBagContents #charges tbody td {
        border-bottom: 1px solid #bcbec0;
    }

.bold {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-weight: 400;
}

#home-link {
    float: left;
    margin: 0 5px 5px 5px;
    text-align: center;
}

.standard-blue {
    color: #5091cd;
}

#search-container {
    background-color: #fff;
    right: 0;
    z-index: 500;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom;
}

    #search-container input.watermark,
    #search-container input,
    #search {
        border:0;
        border-bottom: 1px solid rgb(35, 35, 35);
        outline: 0;
        width: 139px;
        vertical-align: bottom;
        height: 30px;
    }

    #search-container .search-placeholder {
        visibility: hidden;
    }

    #search-container #search {
        /*
  background-image: url("images/home/magnifier.png");
  background-repeat: no-repeat;
  */
        background-color: #fff;
        border: 0;
        width: 20px;
    }

  

.watermark {
    color: #58595b;
    font-family: inherit;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

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

input[type="submit"],
input[type="button"],
button {
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #17497b;
    color: #fff;
    border: 1px solid #4175a6;
    height: 25px;
    line-height: 1px;
}

a.blue-button {
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    display: inline-block;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    height: auto;
    color: #fff;
}

.btn.blue-button:hover, .btn.blue-button:focus, .btn.blue-button.focus {
    color: #fff;
}


.wide-button {
    width: 140px;
    text-align: center;
}

#shipping-options-container {
    min-height: 326px;
}

#shipping-options-container.waiting {
    background-image: url("images/common/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 102px;
}

#shipping-options-container .shipping-option {
    width: 250px;
    height: 54px;
    /*display: inline-block;*/
    margin-bottom: 10px;
    background-color: #eee;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #fff;
}

#shipping-options-container .shipping-option .price {
    font-size: 16px;
    color: #545a82;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    line-height: 1.3;
}

#shipping-options-container .shipping-option:hover {
    border: 1px solid #000;
    background-color: #eee;
}

#shipping-options-container .shipping-option.selected {
    background-color: #ccc;
    border: 1px solid #888a8d;
}

label.CheckoutAgreement {
    padding-left: .3rem;
}

#mti_wfs_colophon {
    height: 0;
}

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

.arrows {
    font-family: "ITC Zapf Dingbats W95";
}

.font600 {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

.font500 {
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

.font400 {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-weight: 400;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font28 {
    font-size: 28px;
}

#main-product-slideshow img,
#product_slideshow .cycle-slideshow img {
    display: none;
}

    #main-product-slideshow img.first,
    #product_slideshow .cycle-slideshow img.first {
        display: block;
    }

#product_slideshow .image-pager .thumb-container {
    border: 1px solid #888a8d;
    height: 72px;
    width: 54px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    border: none;
    display: block;
    margin: 1px 8px 8px 1px;
}

.swatch {
    cursor: pointer;
}

#bottom-right {
    height: 18px;
    font-size: 15px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    text-align: right;
    color: #58595b;
    margin: 10px 11px 0 0;
}

#side-nav {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
}

    #side-nav .side-nav-head {
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
        text-transform: uppercase;
        margin-top: 0;
    }

    #side-nav .side-nav-subhead {
        border-bottom: 1px solid #000;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
        margin-top: 8px;
    }

    #side-nav p {
        font-family: Futura-Book, sans-serif, Arial, Helvetica;
        font-weight: 400;
        margin-top: 4px;
        margin-bottom: 4px;
        color: #58595b;
    }

#toggle-mobile-cat-side {
    display: none;
}

#cat-side {
    display: inline-block;
    margin-right: 3px;
    /*width: 168px;*/
    vertical-align: top;
    list-style: none;
    list-style-image: none;
    font-size: 16px;
    width: 20%;
    margin-top: 15px;
}

    #cat-side.narrow {
        display: inline-block;
        margin-right: 4px;
        width: 156px;
        vertical-align: top;
        list-style: none;
        list-style-image: none;
    }

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

#about-page #cat-side,
#customer-service-page #cat-side {
    margin-right: 3px;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    list-style-image: none;
    font-size: 16px;
    width: 20%;
    margin-top: 15px;
}
#about-contents h2 {
    font-size: 18px;
    color: #222;
    margin: 0 0 8px 0;
}
#side-nav a,
#side-nav a:visited {
    text-decoration: none;
    color: inherit;
}
.cart-maindiv > div > div.shoppingBagContainer {
    width: 100% !important;
}
#side-nav ul,
#side-nav li {
    list-style: none;
    padding: 0;
}

    #side-nav ul.level0 > li > div {
        text-transform: uppercase;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
    }

    #side-nav ul.level1 > li > div {
        margin-top: 6px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
    }

    #side-nav ul.level1 li {
        padding: 5px 0 5px 10px;
    }

#cat-side.narrow #side-nav {
    padding: 3px 5px;
}

#product-details {
    display: flex;
    flex-direction:column;
    justify-content:space-between;
    vertical-align: top;
    padding-left: 8px;
    padding-right: 3px;
    color: #222;
    width:80%;
}

.product-detail-top{
    display: flex;
    flex-direction:row;
    justify-content:space-between;
}

#product-details #AddToCart, #popup-product-details-right #AddToCart {
    background-color: #17497b;
    color: #fff;
    font-size: 18px;
    height: 48px;
    text-transform: none;
    border: none;
    width: 100%;
    max-width:30rem
}

        #product-details #AddToCart:hover {
            background-color: #1b528a;
        }

    #product-details td {
        vertical-align: middle;
    }

    #product-details #name,
    #product-details #name h1,
    #product-popup #name {
        color: #231f20;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        font-size: 15px;
    }

        #product-details #name h1 {
            margin: 0;
        }

    #product-details #description {
        word-wrap: break-word;
    }

    #product-details h2 {
        margin: 0;
        width: 100%;
        border: none;
        padding-left: 0;
        padding-right: 0;
        color: #222;
        font-size: 24px;
        font-family: Futura-Book, sans-serif;
        font-weight: bold;
    }

    #product-details #itemno {
        width: 128px;
        margin-right: 8px;
    }

    #product-details #size {
        width: 88px;
        margin-right: 8px;
    }

    #product-details .orange-button {
        height: 19px;
        padding-left: 3px;
        padding-right: 3px;
    }

    #product-details #name h1 {
        font-size: 18px;
        color: #222;
        margin-bottom: 8px;
    }

#product-details-left {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin-right: 20px;
}

    #product-details-left .product-image {
      /*  height: 700px;
        height: 350px;*/
    }

    #product-details-left #product_slideshow {
        flex: 0 1 auto;
        display: flex;
        justify-content: flex-start;

    }


        #product-details-left #product_slideshow #image-pager {
            width: 80px;
            height: 380px;
            overflow-y: scroll;
            scrollbar-color: #17497b transparent;
            scrollbar-width: thin;
            margin-right: 5px;
        }

            #product-details-left #product_slideshow #image-pager::-webkit-scrollbar {
                width: 5px;
            }

            #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-track {
                background: transparent;
            }

            #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-thumb {
                background-color: #17497b;
                border-radius: 20px;
                border: 3px solid #17497b;
            }

#image-pager-mobile {
    display: none;
}

#product-details-right {
    display: inline-block;
    vertical-align: top;
    width: 55%;
}

    #product-details-right .icon {
        /*display: none;*/
    }

#style {
    font-size: 16px;
    margin-bottom: 20px;
}

#alternates {
    display: inline-block;
}

#alternates-mobile {
    display: none;
}

#alternates, #alternates-mobile {
    vertical-align: top;
    /* width: 600px;*/
    text-align: left;
    color: #58596d;
    cursor: pointer;
    font-size: 11px;
    margin-top: 15px;
}

    #alternates > span, #alternates-mobile > span {
        font-weight: 600;
        font-size: 18px;
        color: #222;
        text-align: left;
    }

    #alternates > div, #alternates-mobile > div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #alternates img, #alternates-mobile img {
        width: 100%;
    }

.alternate-products {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

#alternates .alternate-product, #alternates-mobile .alternate-product {
    line-height: 12px;
    cursor: pointer;
    width: 31%;
    display: block;
}

#alternates .alternate-product:last-child, #alternates-mobile .alternate-product:last-child {
    margin-right: 0;
}

#solumbra-reasons {
    display: flex;
}

    #solumbra-reasons .content {
        padding: 130px 100px;
        width: 650px;
        position: relative;
    }

        #solumbra-reasons .content ol {
            -moz-column-count: 2;
            -moz-column-gap: 50px;
            -webkit-column-count: 2;
            -webkit-column-gap: 50px;
            column-count: 2;
            column-gap: 50px;
            padding-inline-start: 20px;
            font-size: 14px;
        }

            #solumbra-reasons .content ol li {
                margin-bottom: 8px;
                white-space: pre;
            }

    #solumbra-reasons .image {
        width: 50%;
    }

    #solumbra-reasons img {
        width: 390px;
        height: auto;
    }

    #solumbra-reasons .content:before {
        content: "";
        background-image: url("/content/quietowl/SPF-100.svg");
        background-size: 100px 100px;
        position: absolute;
        top: 110px;
        left: -10px;
        width: 100px;
        height: 100px;
    }

#complements,
#complements-mobile {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

    #complements img,
    #complements-mobile img {
        width: 100%;
        display: block;
    }

    #complements table,
    #complements-mobile table {
        border-spacing: 0;
        text-align: center;
    }

        #complements table td {
            width: 115px;
            vertical-align: top;
        }

    #complements #head-to-toe {
        background-color: #5091cd;
        color: #fff;
        width: 113px;
        text-align: center;
        padding-right: 4px;
        height: 150px;
        display: table-cell;
        vertical-align: top;
    }

        #complements #head-to-toe #part1 {
            font-size: 22px;
            font-family: "Futura Medium", sans-serif, Arial, Helvetica;
            padding-top: 10px;
        }

        #complements #head-to-toe #part2 {
            font-size: 19px;
            font-family: "Futura Medium", sans-serif, Arial, Helvetica;
        }

        #complements #head-to-toe #part3 {
            font-size: 13px;
            font-family: "Futura Medium", sans-serif, Arial, Helvetica;
            padding-top: 10px;
            line-height: 1.1;
        }

        #complements #head-to-toe #part4 {
            font-size: 10px;
            padding-top: 9px;
        }

    #complements #title span,
    #complements-mobile #title span {
        font-size: 18px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        margin-bottom: 15px;
        display: block;
    }

.complements-products, .mobile-complements-products {
    display: flex;
    flex-wrap: nowrap;
}

.complements-product {
    cursor: pointer;
    width: 32.33%;
    margin-right: 2%;
    display: block;
}

    .complements-product:last-child {
        margin-right: 0;
    }

.selling-points,
.selling-points-mobile {
    background-color: #f8f8f8;
    display: flex;
    margin-top: 22px;
}

.selling-points-mobile,
#complements-mobile {
    display: none;
}

.free-shipping-block {
    width: 46%;
    margin-right: 2%;
    padding-right: 2%;
    border-right: 1px solid #d5d5d5;
    text-align: center;
    padding: 25px;
}

.dermatology-block {
    width: 46%;
    text-align: center;
    padding: 25px;
}

#category-contents,
#outfit-category-contents {
    display: inline-block;
    color: #58596d;
    width: 80%;
    margin-top:15px;
}
    .no-left-menu {
        width: 100% !important;
    }

    #category-contents #filter-container,
    #outfit-category-contents #filter-container {
        /*width: 900px;*/
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

        #category-contents #filter-container img,
        #outfit-category-contents #filter-container img {
            width: 100%;
        }

        #category-contents #filter-container #SortOptions {
            margin-top: 10px;
            display: inline-block;
            width: 255px;
        }

    #category-contents a,
    #category-contents a:visited,
    #category-contents a:hover {
        text-decoration: none;
        color: #58596d;
    }

    #category-contents .product-name {
        font-size: 13px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
    }

#breadcrumb {
    font-size: 12px;
    height: 30px;
    padding-left: 200px;
    line-height: 30px;
    color: #58596d;
}

#measuring-tape {
    border: none;
    text-decoration: underline;
    margin: 0;
}

    #measuring-tape img {
        margin-left: 0;
    }

#email-friend img {
    margin-left: 10px;
}

#measuring-tape td {
    width: 50%;
    vertical-align: top;
}

#measuring-tape,
#email-friend {
    border-color: #929396;
    color: #000;
    height: 19px;
    font-size: 12px;
    line-height: 13px;
    text-align: left;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 0 5px;
    cursor: pointer;
    width: 140px;
}

#measuring-tape {
    background-color: #fff;
    padding-left: -10px;
}

#email-friend {
    background-color: #e6e7e8;
    border: 1px solid #474849;
}

    #email-friend td {
        vertical-align: top;
    }

#footer .blue-button {
    color: #fff;
}

.screen-size-plus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#shoppingBagLink {
    cursor: default;
    position: relative;
}


.slider-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    width: 30px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    font-size: 13px;
}

.slider-container {
    font-size: 0;
    width: 116px;
    display: inline-block;
}

    .slider-container div {
        display: inline-block;
        vertical-align: top;
        clear: both;
    }

    .slider-container .vertical-bar {
        height: 10px;
        width: 2px;
        background-color: #a9a9a9;
        margin: 0;
        padding: 0;
    }

    .slider-container .horizontal-bar {
        height: 4px;
        width: 25px;
        border-bottom: 2px solid #a9a9a9;
        margin: 0;
        padding: 0;
    }

    .slider-container .dot {
        height: 8px;
        width: 8px;
        background-color: navy;
        border-radius: 4px;
        margin-top: 1px;
    }

    .slider-container .label {
        width: 58px;
        font-size: 10px;
        display: inline-block;
    }

#review-page {
    margin-top: 10px;
}

#review-list {
    padding-right: 6px;
}

.review-list-title,
.write-review-title {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ebebec;
}

.review-details {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    width: 380px;
}

    .review-details .top-line {
        width: 374px;
        margin-bottom: 20px;
    }

        .review-details .top-line .review-title {
            display: inline-block;
            width: 250px;
            font-size: 14px;
            font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
            font-weight: 600;
        }

        .review-details .top-line .review-date {
            display: inline-block;
            text-align: right;
            width: 100px;
            vertical-align: top;
        }

.review-title {
    text-transform: uppercase;
}

.single-review .reviewer {
    display: inline-block;
    border-collapse: collapse;
}

.single-review {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.fit-container {
    padding: 0;
    font-size: 0;
    width: 400px;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
}

    .fit-container div {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        margin: 0;
        height: 14px;
    }

        .fit-container div.between {
            background-image: url(images/common/gray-bar.jpg);
            background-repeat: repeat-x;
            background-position: center, center;
            height: 14px;
            width: 66px;
        }

        .fit-container div.spacer {
            width: 33px;
            height: 14px;
        }

        .fit-container div input {
            margin: 0;
            height: 14px;
            width: 14px;
        }

    .fit-container .radio-label {
        width: 80px;
        margin-top: 4px;
    }

    .fit-container div label {
        width: 80px;
        font-size: 12px;
    }

#write-review .msg {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    font-size: 18px;
}

#write-review .rating-error-message {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

#product-details-right #description {
    font-size: 16px;
    color: #222;
    padding: 30px 0;
}

#rating-box {
    height: 30px;
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 14px;
    vertical-align: top;
}

    #rating-box span {
        vertical-align: super;
        font-size: 14px;
        padding: 20px 0;
    }

        #rating-box span a,
        #rating-box span a:visited {
            color: #222;
        }

.prints-solids {
    padding-bottom: 25px;
}

.price {
    font-size: 16px;
}

#review-links {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    padding-top: 3px;
}

#write-review select,
#write-review textarea {
    margin-left: 0;
    margin-right: 0;
}

#write-review #text {
    width: 400px;
}

#write-review #Title {
    width: 387px;
}

#write-review #Nickname {
    width: 238px;
    text-transform: uppercase;
}

#ReviewSortOption {
    margin-left: 15px;
}

.input-validation-error {
    background: #fff;
}

.strikethrough {
    color: #ddd;
    position: relative;
    margin-right: 5px;
}

    .strikethrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid #a9a9a9;
        border-color: inherit;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

.medium-gray {
    color: #58595b;
}

.light-gray {
    color: #a7aabf;
}

.narrow-page {
    width: 754px;
    margin: 0 auto;
}

.full-page {
    margin: 10px auto 0 auto;
    position: relative;
    color: #58595b;
    width: 95%;
}

#login-container {
    font-size: 14px;
}

    #login-container #returning-customer {
        width: 365px;
        margin-right: 10px;
    }

    #login-container #guest-checkout {
        width: 317px;
    }

    #login-container #returning-customer,
    #login-container #guest-checkout {
        display: inline-block;
        background-color: #f1f1f2;
        vertical-align: top;
        padding: 14px;
    }

    #login-container h3 {
        font-size: 14px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        margin: 0 0 8px 0;
    }

    #login-container input[type="password"],
    #login-container input[type="email"] {
        width: 250px;
    }

    #login-container button {
        height: 22px;
    }

    #login-container .result {
        height: 38px;
        width: 100%;
        margin-top: 4px;
        color: red;
    }

.field-label {
    padding-top: 13px;
}

.required-field {
    color: red;
}

.required-field-legend {
    color: red;
    float: right;
    font-size: 11px;
}

#head-to-toe-container h2 {
    color: #5091cd;
    font-size: 28px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#head-to-toe-container .ui-spinner-input {
    width: 30px;
}

.free-item {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 200px;
    padding-top: 30px;
}

.free-item-title {
    font-size: 16px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#free-or {
    display: inline-block;
    width: 100px;
    height: 200px;
    padding-top: 30px;
    vertical-align: top;
    text-align: center;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

#cart-footer {
    height: 95px;
}

#summary-footer,
#head-to-toe-teaser {
    height: 142px;
}

#cart-footer,
#summary-footer,
#head-to-toe-teaser {
    background-color: #1762a7;
    color: #fff;
    padding-left: 15px;
}

    #cart-footer h2,
    #summary-footer h2,
    #head-to-toe-teaser h2 {
        padding-top: 10px;
        margin-bottom: 10px;
        margin: 0;
    }

#bag-items .link-button,
#view-bag-items .link-button {
    border: 0;
    background-color: transparent;
    color: #58595b;
    text-transform: none;
    text-decoration: underline;
    padding: 0;
}

#checkout-form a,
#checkout-form a:visited,
#checkout-form a:hover {
    color: #5091cd;
}

    #checkout-form a.text-decoration-none,
    #checkout-form a.text-decoration-none:visited,
    #checkout-form a.text-decoration-none:hover {
        text-decoration: none;
    }

#shipping-address-label {
    color: #58595b;
}

#need-help {
    background-color: #f1f1f2;
    margin-top: 30px;
    font-size: 14px;
    width: 100%;
}

    #need-help > div {
        margin: 15px;
    }

    #need-help h2 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 4px;
    }

#review-checkout-data h3 {
    background: none;
    font-size: 14px;
    border: none;
    border-image: none;
    color: #555;
    font-weight: 600;
    border-radius: 0;
    height: 14px;
    color: #000;
    text-transform: uppercase;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    background-image: none;
    background-color: none;
}

div.swatch.unavailable {
    display: none;
}

div.color-header {
    margin-bottom: 15px;
    margin-top: 6px;
    color: #231f20;
    font-size: 16px;
}

optgroup {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
    font-size: 12px;
}

option {
    font-family: Futura-Book, sans-serif, Arial, Helvetica;
}

#review-links a:visited,
#review-links a:link,
#review-links a:hover {
    text-decoration: none;
    color: #58596d;
}

#write-review {
    display: none;
}

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

.edit-order-link {
    /*margin-right: 10px;*/
    border: 0;
    background-color: transparent;
    text-transform: none;
    text-decoration: underline;
    color: #5091cd;
    padding: 0;
    height: 15px;
}

#email-friend-popup {
    width: 536px;
    height: 475px;
    background-position: 395px 335px;
    background-repeat: no-repeat;
    color: #58595b;
}

    #email-friend-popup input[type="text"],
    #email-friend-popup input[type="email"] {
        width: 248px;
    }

    #email-friend-popup input[type="text"],
    #email-friend-popup input[type="email"],
    #email-friend-popup textarea {
        border-radius: 3px;
        border: 1px solid #bcbec0;
    }

    #email-friend-popup .field-container,
    #email-friend-popup .field-container-right {
        display: inline-block;
        padding-top: 10px;
    }

    #email-friend-popup .field-container-right {
        padding-left: 25px;
    }

    #email-friend-popup #EmailProduct_Message {
        width: 100%;
    }

    #email-friend-popup .message-container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #email-friend-popup .product-name {
        font-size: 16px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        color: #000;
    }

    #email-friend-popup button {
        width: 100px;
        margin-top: 30px;
        margin-right: 20px;
    }

    #email-friend-popup.waiting {
        background-image: url("images/common/ajax-loader.gif");
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.8;
    }

.italics {
    font-style: italic;
}

#missing-colorways {
    border-collapse: collapse;
    margin: 20px auto;
}

    #missing-colorways td {
        border: 1px solid #bcbec0;
        padding: 2px;
    }

#admin-show-images th {
    font-size: 16px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    background-color: #bcbec0;
}

#admin-show-images img {
    border: 1px solid #bcbec0;
    width: 300px;
}

.light-tan {
    background-color: #f3ede0;
}

.tan {
    background-color: #e7dbc3;
}

.light-blue {
    background-color: #a9bfe7;
}

.very-light-blue {
    background-color: #edf1fa;
}

.medium-blue {
    background-color: #5a8fd2;
}

.font-white {
    color: #fff;
}

#sizing-info-popup {
    width: 700px;
    height: 630px;
    line-height: 1;
}

    #sizing-info-popup table {
        text-align: center;
        color: #232323;
    }

    #sizing-info-popup td {
        padding: 2px 4px 2px 4px;
        min-width: 34px;
    }

    #sizing-info-popup #hats {
        display: inline-block;
        text-align: center;
    }

    #sizing-info-popup #kids-hats {
        display: inline-block;
        margin-left: 10px;
        text-align: center;
    }

    #sizing-info-popup .sub-title {
        color: #5091cd;
        font-size: 14px;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        margin-top: 10px;
    }

#view-bag-left {
    margin-top: 15px;
    width: 770px;
    border-right: 1px solid #ebebec;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}

    #view-bag-left .wide-button {
        width: 120px;
        text-align: center;
    }

    #view-bag-left form {
        display: inline-block;
    }

#view-bag-right {
    margin-top: 15px;
    width: 100px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-left: 20px;
}

    #view-bag-right img {
        max-width: 100px;
    }

    #view-bag-right div {
        margin-bottom: 30px;
    }

    #view-bag-right a {
        text-decoration: none;
        color: inherit;
    }

#add-sunscreen {
    display: inline-block;
    width: 350px;
    border: 1px solid #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    height: 180px;
    vertical-align: top;
}

#view-bag-summary {
    display: inline-block;
    width: 350px;
    height: 215px;
    vertical-align: top;
    padding-left: 25px;
}

    #view-bag-summary table {
        width: 100%;
    }

    #view-bag-summary td {
        vertical-align: top;
        padding-bottom: 10px;
    }

    #view-bag-summary .font600 {
    }

    #view-bag-summary thead td {
        background-color: #888a8d;
        color: #fff;
        padding: 8px;
        font-size: 14px;
    }

#empty-cart {
    padding: 15px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
    font-size: 20px;
}

#product-popup {
    width: 600px;
}


#popup-product-details-right {
    display: inline-block;
    vertical-align: top;
    /*width: 290px;*/
}

.product-image {
    height: 372px;
}

#popup-product-details-alternates-horizontal {
    cursor: pointer;
    margin: 0 auto;
    width: 520px;
    text-align: center;
}

    #popup-product-details-alternates-horizontal div {
        width: 100px;
        vertical-align: top;
    }

#product-popup-contents.waiting {
    background-image: url("images/common/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

#products-grid th,
.outfit-title {
    font-size: 24px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    background-color: #58595b;
    text-align: center;
    text-decoration: none;
}

#products-grid .sale-price {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#products-grid .sale-regular-price {
    text-decoration: line-through;
}

#products-grid {
    width: 100%;
}

    #products-grid img {
        width: 100%;
    }

.category-product-blocks {
    display: flex;
    flex-wrap: wrap;
}

.category-product-block {
    width: 33%;
    /*  margin-right: 2.33333%;
  margin-bottom: 2.3333%;*/
    text-align: center;
}

.subcategory-heading {
    font-weight: bold;
    padding: 30px 0;
    color: #232323;
    font-size: 18px;
}

#customer-sign-in {
    background-color: #f1f1f2;
    width: 350px;
    margin: 30px auto;
    padding: 15px;
    font-size: 14px;
}

    #customer-sign-in input[type="email"],
    #customer-sign-in input[type="password"] {
        width: 200px;
    }

    #customer-sign-in .input-fields {
        padding: 10px 0;
    }

    #customer-sign-in a {
        color: #5091cd;
    }

#add-edit-account input[type="text"],
#add-edit-account input[type="password"],
#add-edit-account input[type="email"] {
    width: 208px;
}

#add-edit-account .required-field-legend {
    display: inline-block;
    float: none;
    margin-left: 85px;
}

.order-detail-container.waiting {
    background-image: url("images/common/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 102px;
}

#order-detail-right {
    width: 400px;
    vertical-align: top;
    float: right;
}

#order-detail-left {
    display: inline-block;
    width: 290px;
    vertical-align: top;
}

.order-detail-container td {
    vertical-align: top;
}

#order-history-container,
#account-information {
    width: 751px;
    margin: 0 auto;
}

    #order-history-container h3 {
        margin-top: 0;
        border-radius: 0;
        padding-bottom: 0;
        padding-top: 0;
        background: none;
        border: 0;
    }

    #order-history-container > div > h3 > div {
        display: table-cell;
        width: 120px;
        margin: 0;
        padding: 2px 0 2px 0;
        border-right: 1px solid #aaa;
        text-align: center;
    }

    #order-history-container > div > h3 {
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }

    #order-history-container > div > div {
        border-radius: 0;
        padding: 20px 20px 20px 20px;
    }

#order-history-header {
    margin: 0;
    border: 1px solid #000;
}

    #order-history-header div {
        background-color: #888a8d;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
    }

.dislay-table-cell {
    display: table-cell;
}

#account-information .header-bar {
    background-color: #888a8d;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 2px;
    text-align: center;
}

#account-information table {
    border-spacing: 0;
    padding-left: 40px;
}

#account-information td {
    padding-right: 4px;
}

#account-information a {
    color: #5091cd;
}

#account-information #need-help {
    margin-top: 0;
    margin-left: 8px;
}

#standard-left-right {
    margin-top: 20px;
}

    #standard-left-right #left-side {
        display: inline-block;
        width: 490px;
        margin-left: 10px;
    }

    #standard-left-right #right-side {
        display: inline-block;
        width: 400px;
        vertical-align: top;
        float: right;
    }

#account-summary #need-help {
    display: inline-block;
    width: 300px;
    margin-left: 30px;
}

#head-to-toe-popup {
    width: 600px;
    height: 260px;
}

.popup-trigger {
    cursor: pointer;
}

#about-contents {
    display: inline-block;
    width: 735px;
}

.colgroup {
    display: block;
    float: left;
}

.column {
    margin-left: 18px;
    display: block;
    float: left;
}

.first {
    margin-left: 0;
    clear: left;
}

.clear {
    float: left;
}

.width1 {
    width: 231px;
}

.width2 {
    width: 486px;
}

.width3 {
    width: 738px;
}

.width-half {
    width: 435px;
}

#hd #shopping_tools {
    float: none;
    position: absolute;
    top: 36px;
    right: 0;
    width: 330px;
    height: 79px;
    padding-bottom: 0;
}

.unitx3 {
    width: 360px;
}

.pos_rel {
    position: relative;
}

.pos_abs_bottom {
    position: absolute;
    top: auto;
    bottom: 18px;
}

.no_gutter {
    margin-left: 0;
}

.text_white {
    color: #fff;
}

.pos_abs {
    position: absolute;
    z-index: 100;
}

.child {
    float: none;
}

ol.about_list {
    font-size: 16px;
    margin-bottom: 0;
}

    ol.about_list li h2 {
        margin: 0;
        font-size: 18px;
        line-height: 27px;
    }

    ol.about_list li {
        color: #5091cd;
    }

        ol.about_list li span.title {
            margin: 0;
            font-size: 18px;
            line-height: 27px;
        }

        ol.about_list li p {
            color: #232323;
            font-size: 13px;
            margin: 0 0 18px;
        }

#product_features_tagline hgroup {
    width: 80%;
    margin: 0 auto;
    padding: 18px 0;
}

#product_features_tagline h1 {
    text-align: center;
    margin-bottom: 0;
}

#product_features_tagline h2 {
    margin: 0 36px;
}

    #product_features_tagline h2 span.fancy {
        color: #fff;
        font-family: "Futura Bold", sans-serif, Arial, Helvetica;
        font-size: 18px;
    }

    #product_features_tagline h2 span.copyright {
        color: #000;
        font-size: 12px;
    }

#shirt_spread {
    position: relative;
    min-height: 567px;
    background-image: url(images/about/active_shirt_spread.png);
    background-repeat: no-repeat;
}

    #shirt_spread div.column {
        position: relative;
    }

.color_block_blue {
    background: #5091cd;
    color: #232323;
}

    .color_block_blue h1 {
        color: #fff;
    }

li.trigger {
    position: absolute;
    z-index: 1;
    display: block;
    width: auto;
    font-family: "Futura Bold", sans-serif, Arial, Helvetica;
    color: #569ada;
    cursor: pointer;
    font-size: 14px;
}

li#sun_smart_design {
    top: 63px;
    left: 0;
    color: #fff;
}

li#wicking {
    left: 45px;
    top: 171px;
}

li#dry_wet_protection {
    left: 27px;
    top: 252px;
}

li#soft_and_light {
    left: 18px;
    top: 333px;
}

li#built_in {
    left: 189px;
    top: 199px;
}

li#easy_care {
    left: 234px;
    top: 297px;
}

li#ventilation {
    left: 216px;
    top: 378px;
}

li#so_lightweight {
    width: 189px;
    top: 27px;
    left: 54px;
    color: #fff;
}

li#medical_device {
    width: 144px;
    left: 0;
    top: 117px;
}

li#how_do_you {
    width: 144px;
    top: 279px;
    left: 99px;
    color: #fff;
}

li.tooltip {
    z-index: 1000;
    display: none;
    width: 180px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 9px 9px 0;
    color: #005b88;
    border: 1px solid #005b88;
}

    li.tooltip em {
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        margin-left: -20px;
        border: 10px solid;
        border-color: transparent #005b88 transparent transparent;
    }

    li.tooltip p {
        margin: 0 0 9px;
        font-size: 12px;
        font-weight: normal;
    }

    li.tooltip ul {
        font-size: 12px;
        padding-right: 9px;
    }

ul.topics {
    margin: 18px 0 18px 20px;
    position: relative;
    top: 5px;
    list-style: none;
}

.inset {
    padding: 9px 18px;
}

.dark-gray-text {
    color: #232323;
}

iframe.online_catalog {
    height: 540px;
    margin: 0 0 18px;
    width: 100%;
}

#basic-shipping {
    border: 1px solid #5a8fd2;
}

    #basic-shipping td {
        padding: 4px;
        vertical-align: middle;
    }

.table-header {
    background-color: #88aadf;
    color: #fff;
    text-align: center;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

#care-instructions h3 {
    margin: 10px 0 0 0;
    font-size: 14px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

#how-to-shop {
    outline-style: none;
    list-style: none;
    list-style-image: none;
    outline-width: 0;
}

    #how-to-shop ul,
    #how-to-shop li {
        outline-style: none;
        list-style: none;
        list-style-image: none;
        list-style-position: outside;
    }

    #how-to-shop table {
        border-collapse: collapse;
        border-spacing: 0;
    }

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
    width: 300px;
    padding: 0;
}

#contact-form textarea {
    height: 150px;
}

#contact-form select {
    width: 302px;
}

#product-specifics {
    padding-top: 15px;
    border-top: 1px solid #eee;
    color: #222;
    font-size: 14px;
}

    #product-specifics td {
        vertical-align: top;
        padding-bottom: 20px;
    }

.product-specifics-heading {
    font-weight: bold;
    padding-right: 35px !important;
}

#shipping-popup {
    width: 450px;
    z-index: 1101;
}

    #shipping-popup table {
        margin: 0 auto;
    }

#dynamic-header-popup {
    width: 400px;
}

#skw {
    margin-right: -10px !important;
}

select#ShippingTitle,
select#BillingTitle {
    width: 88px;
}

#promoCodeSuccess {
    color: #5091cd;
    font-size: 12px;
}

#order-error {
    font-size: 14px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    margin-top: 20px;
    color: red;
}

#spotlight-prompt {
    width: 565px;
    height: 210px;
}

#missing-category {
    width: 545px;
    height: 210px;
    text-align: left;
    opacity: 0.8;
    background-image: url(images/home/solumbra-medical.jpg);
    background-position: 400px 35px;
    background-repeat: no-repeat;
    line-height: 1.3;
}

    #missing-category a.orange-button,
    #missing-category .gray-button {
        font-size: 13px;
    }

    #missing-category h2 {
        margin-top: 0;
    }

#request-dr-catalog td input[type="text"],
#request-dr-catalog input[type="email"],
#request-dr-catalog textarea {
    width: 233px;
    padding-left: 0;
    padding-right: 0;
}

#request-dr-catalog select {
    width: 235px;
}

.size-prompt-container {
    position: absolute;
    left: -35px;
    top: 5px;
    width: 100px;
    font-size: 13px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
    display: none;
    color: #fff;
}

#size-blocks {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.size-block {
    background-color: #f8f8f8;
    margin-right: 8px;
    display: inline-block;
    width: 90px;
    height: 38px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #222;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    border: 1px solid #f8f8f8;
}

    .size-block.active {
        border: 1px solid #222;
    }

.size-prompt {
    padding: 5px;
    background-color: #5091cd;
    text-align: center;
}

.arrow_box {
    background: #5091cd;
    border: 1px solid #4175a6;
}

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

    .arrow_box:after {
        border-color: #5091cd;
        border-color: rgba(80, 145, 205, 0);
        border-bottom-color: #5091cd;
        border-width: 8px;
        margin-left: -8px;
    }

    .arrow_box:before {
        border-color: #4175a6;
        border-color: rgba(65, 117, 166, 0);
        border-bottom-color: #4175a6;
        border-width: 9px;
        margin-left: -9px;
    }

dt {
    font-size: 15px;
    font-family: "Futura Medium", sans-serif, Arial, Helvetica;
    font-weight: 500;
}

#h-nyt {
    height: 100px;
    width: 600px;
    background: url(images/about/h-nyt.jpg) 0 0 no-repeat;
    margin: 10px auto 0 auto;
}

#about-links li {
    margin-top: 2px;
    margin-bottom: 4px;
}

#side-nav ul.level1 #about-links li {
    padding-left: 15px;
    text-indent: -11px;
}

.outfit-product-image {
    height: 150px;
}

#outfit-page {
    margin-top: 10px;
}

#outfit-left {
    padding-right: 10px;
}

#outfit-title {
    text-transform: uppercase;
}

#outfit-page #product-details {
    width: 480px;
    border-right: 0;
    padding-right: 0;
}

.size-color-quantity {
    margin-bottom: 8px;
    margin-top: 10px;
}

#outfit-category-contents .outfit {
    width: 238px;
    margin-top: 20px;
    display: inline-block;
}

    #outfit-category-contents .outfit img {
        width: 100%;
    }

    #outfit-category-contents .outfit.left {
        margin-right: 7px;
    }

.outfit a {
    text-decoration: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

#product-bullets {
    color: #222;
    padding-left: 15px;
    margin-bottom: 0;
}

    #product-bullets ul li {
        margin-bottom: 10px;
    }

#rating-star-container {
    display: inline-block;
    cursor: pointer;
}

.star {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-image: url(images/common/star-gray.png);
}

    .star.hover,
    .star.stick {
        background-image: url(images/common/star-blue.png);
    }

.review-response {
    padding-left: 10px;
    padding-right: 10px;
    font-style: italic;
}

.review-response-date {
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

.blockWait {
    border-radius: 8px;
}

    .blockWait h1 {
        font-family: "Futura Medium", sans-serif, Arial, Helvetica;
        font-weight: 500;
    }

.sale-disclaimer {
    color: red;
}

.address-popup {
    width: 430px;
}

.address-popup-contents {
    line-height: 20px;
    font-size: 17px;
}

    .address-popup-contents #name {
        color: #231f20;
        font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
        font-weight: 600;
        font-size: 17px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .address-popup-contents .addressFooter {
        color: #231f20;
        font-size: 15px;
        text-align: center;
        margin-top: 20px;
        text-align: justify;
    }

    .address-popup-contents .originalAddress {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .address-popup-contents .suggestedAddress {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .address-popup-contents .addressContent {
        border-width: 1px;
        border-style: outset;
        border-color: #e5e5e5;
        padding: 5px 5px;
        background-color: #e5e5e5;
        cursor: pointer;
    }

    .address-popup-contents .addressButton {
        margin-top: 15px;
        text-align: center;
    }

    .address-popup-contents button {
        text-transform: inherit;
    }

.header {
    background: #fff;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.header-inner {
    margin: 0 auto;
    width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:16px;
}

.header a {
    text-decoration: none;
    color: inherit;
    padding: 5px 0;
}

.header ul {
    list-style: none;
}

.desktop-menu {
    width: 100%;
}

.top-banner {
    background-color: #17497a;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.top-menu {
    height: 65px;
    display: flex;
    align-items: center;
    position: relative;
}

.nav-banner {
    color: #222;
}

.top-nav {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}

.top-nav > .menu-items > li {
    padding: 2rem 1rem;
}

.logo .line1 {
    font-size: 4.2rem;
    font-weight: bold;
    line-height: 4rem;
}

.logo .line2 {
    font-size: 2.4rem;
    letter-spacing: -1px
}

.logo sup {
    font-size: 50%;
}

.right-nav {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
}
.menu-items {
    margin-bottom: 0;
    padding:5px;
}
.menu-items {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .menu-items li {
        padding: 0.5rem 1rem;
        transition: background 0.3s ease-in-out;
        font-weight: bold;
    }

.top-menu .menu-items li > a {
    border-bottom: 2px solid transparent;
}

.top-menu .menu-items li:hover > a {
    border-bottom: 2px solid #17497a;
}

.top-banner .menu-items {
    justify-content: flex-end;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    background: #17497a;
    width: 100%;
    top: 32px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 501;
}

.menu-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.banner-nav .dropdown:hover .dropdown-menu {
    top: 32px;
    opacity: 1;
    visibility: visible;
}

.mega-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 85px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 15px -15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 6px 15px -15px rgba(0, 0, 0, 0.8);
    box-shadow: 0 6px 15px -15px rgba(0, 0, 0, 0.8);
}

    .mega-menu .content {
        background: #fff;
        padding: 1rem 0;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
        width: 100%;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto;
    }

    .mega-menu .button {
        text-align: center;
        border: 1px solid #164879;
        color: #164879;
        width: 60%;
        padding: 15px 25px;
        margin: 10px auto;
        transition: all 0.3s ease;
    }

        .mega-menu .button:hover {
            background-color: #164879;
            color: white;
        }

.blog .content {
    grid-template-columns: repeat(3, 1fr);
}

.content .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1rem;
}

    .content .col .img-wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 20vw;
        overflow: hidden;
    }

    .content .col .img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .content .col img {
        width: 100%;
        transition: transform 0.3s ease-in-out;
    }

    .content .col .img-wrapper:hover img {
        transform: scale(1.1);
    }

    .content .col h2 {
        color: #222;
        font-size: 1.2rem;
        line-height: 3rem;
        font-weight: bold;
    }

    .content .col p {
        line-height: 1.2rem;
    }

ul.mega-links {
    margin-bottom: 30px;
}

.mega-links > li {
    padding: 0.8rem 0;
}

.col .mega-links li,
.col .mega-links li a {
}

    .col .mega-links li:not(.heading) {
        font-weight: normal;
    }

.menu-items li:hover .mega-menu {
    top: 60px;
    opacity: 1;
    visibility: visible;
}

.section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.menu-btn {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    z-index: 2;
}

.menu-btn__lines::before,
.menu-btn__lines::after {
    content: "";
    position: absolute;
}

.menu-btn__lines,
.menu-btn__lines::before,
.menu-btn__lines::after {
    width: 1.5rem;
    height: 0.1rem;
    background: #17497a;
    transition: all 0.5s ease-in-out;
}

    .menu-btn__lines::before {
        transform: translateY(-0.5rem);
    }

    .menu-btn__lines::after {
        transform: translateY(0.5rem);
    }

.menu-btn.open .menu-btn__lines {
    transform: translateX(2rem);
    background: transparent;
}

    .menu-btn.open .menu-btn__lines::before {
        transform: rotate(45deg) translate(-1.5rem, 1.5rem);
        background: #17497a;
    }

    .menu-btn.open .menu-btn__lines::after {
        transform: rotate(-45deg) translate(-1.5rem, -1.5rem);
        background: #17497a;
    }

.mobile-menu {
    display: none;
}

.mobile-nav {
    display: none;
}

.mobile-menu-dropdown {
    display: none;
}

.accordion .ui-accordion-header {
    box-sizing: content-box;
}

/******************* ****************/
.home-products-grid .category-product-block {
    text-decoration-color: #green;
    margin-top: 15px;
}

    .home-products-grid .category-product-block img {
        width: 88%;
        height: auto;
    }

    .home-products-grid .category-product-block h3 {
        text-decoration-color: #green;
        color: #000000;
        padding-top: 20px;
        margin-top: 20px;
        text-align: center;
        margin: 0 auto;
        font-family:"Futura Medium";
        font-size:25px;
    }

        .home-products-grid .category-product-block h3:hover {
            text-decoration: none;
        }

#homeslideposition #homeslidewrapper-mid {
    display: none;
}

.help-section {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 25px 0;
    margin: 20px 0;
}

.help-section-box {
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #000;
    margin: auto;
    text-align: center;
}

.help-box {
    display: inline-block;
    margin: 0 10px;
}

.txt-bold {
    font-weight: 600;
    font-family: Futura-heavy, sans-serif, Arial, Helvetica;
}

.ft-section-1 {
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
}

.txt-header {
    font-size: 24px;
    font-family: "Futura Heavy", sans-serif, Arial, Helvetica;
    font-weight: 600;
}

.txt-email {
    display: inline-block;
    width: 65%;
    margin-top: 20px;
}

    .txt-email > input {
        border-radius: 0;
    }

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

#SignUp {
    border-radius: 0;
    height: 34px;
    position: relative;
    top: -3px;
    left: -4px;
    background-color: #17497b;
    color:#fff;
}

.inline {
    display: inline-block
}

.btn-req {
    border-radius: 0;
    border: 1px solid #17497b;
    color: #17497b;
    background-color: #ffffff;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    padding: 12px 20px;
}

.inline .btnClrReverse {
    border-radius: 0;
}

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

.mr-10 {
    margin-right: 10px
}
.mb-10{
    margin-bottom: 10px;
}

.link-section {
    margin-top: 60px;
}

.followus-div {
    clear: both;
    height: 50px;
}

.putting-test {
    width: 80%;
    min-width: 360px;
    text-align: left;
}
.search-icon {
    width: 20px; 
    height: 20px; 
    margin-right: 10px;
}
.sum-tm {
    font-size: 16px;
    font-weight: bold;
    top: -0.8em;
    left: -8px;
}

.padding-10{
    padding:10px;
}
.complete-fit {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#main-product-slideshow img {
    z-index: auto !important;
}
/*popup product csss*/
/*
#popop-product-details-left {
    display: inline-block;
    vertical-align: top;
    width: 279px;
    margin-right: 15px;
}*/

#popop-product-details-left {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 20px;
}

#product_slideshow {
    display: flex;
}

#popop-product-details-left .popup-product-image {
    /*  height: 700px;
    height: 350px;*/
}

#popop-product-details-left #popup-product_slideshow {
    /*display: flex;*/
}

#popop-product-details-left #product_slideshow #image-pager-popup {
    width: 80px;
    height: 380px;
    overflow-y: scroll;
    scrollbar-color: #17497b transparent;
    scrollbar-width: thin;
    margin-right: 5px;
}

#popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar {
    width: 5px;
}

#popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-track {
    background: transparent;
}

#popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-thumb {
    background-color: #17497b;
    border-radius: 20px;
    border: 3px solid #17497b;
}

#continue-shopping {
    border: 1px solid #5091cd;
    padding: .5rem;
    font-size: 14px;
    border-radius: 27px;
    text-decoration: none;
}

@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1024px) {
    #container {
        /*padding: 0 25px;*/
        max-width: 100%;
    }

    .header-inner {
        width: 100%;
        font-size: 12px;
        padding: 0 10px;
    }

    .menu-items {
        margin-bottom: 0;
    }
    .search-icon {
        height: 15px;
        width: 15px;
        position: relative;
        top: -5px
    }
    #search-container input {
        border-bottom: 1px solid rgb(35, 35, 35);
        
        height: 15px;
        width: 139px;
        vertical-align: bottom;
        height: 30px;
    }

     /*   div {
        max-width: 100%;
    }*/

    #image-pager {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .pager-thumbnail div {
        display: inline-block;
    }

    #product-details-right {
        width: 100%;
        margin-top: 5px;
    }

    #complements {
        display: none;
    }

    .selling-points {
        display: none;
    }

    .selling-points-mobile {
        margin-bottom: 22px;
    }

    .selling-points-mobile {
        display: flex;
    }

    #complements-mobile {
        display: block;
    }

    #category-contents,
    #outfit-category-contents {
        width: 100%;
    }



        #cat-side.active {
            display: block;
        }

    .txt-email{
        width:35%;
    }

    .mb-text-center {
        text-align: center;
    }
    .mob-text-center {
        text-align: center;
    }
    .mob-flex {
        display: flex;
        justify-content: center;
    }
    .mob-mt-20 {
        margin-top: 20px;
    }
    .followus-div {
        clear: both;
        height: 20px;
    }

    #cat-side {
        /*width:20%;*/
        margin: 10px;
    }
    #category-contents {
        width: 80%;
    }
    .select-right-td {
        margin-left: 23px;
    }

    .select-right-td-payment {
        margin-left: 20px;
    }
    .promo-code {
        width: 77%;
    }
    #product-details {
        /* display: inline-block;
        vertical-align: top;
       width: 100%;*/
        padding-left: 8px;
        padding-right: 3px;
        color: #222;
    }
    #product-details-left {
        /*display: inline-block;
        vertical-align: top;*/
        width: 54%;
        margin-right: 20px;
    }
    #product-details-right {       
        width: 44%
    }
    #checkout-data-container {
        width: 80%;
    }
    
}

@media screen and (max-width: 960px) {
    .logo .line1 {
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 2.7rem;
    }

    .logo .line2 {
        font-size: 1.5rem;
    }

    form .txt-email {
        width: 60%;
    }
    #container {
        width:80%
    }
        /* <div id="homeslideposition">
    <div id="homeslidewrapper */

        #homeslideposition #homeslidewrapper {
        display: none;
    }

    #homeslideposition #homeslidewrapper-mid {
        display: inline-block;
    }

    .home-products-grid .category-product-blocks {
        margin: 0;
        padding: 0;
    }

    .home-products-grid .category-product-block {
        margin: 0;
        padding: 0;
        width: 50%;
    }

        .home-products-grid .category-product-block img {
            margin: 0;
            padding: 0;
            width: 85%;
            height: auto;
        }

    #header #top-line {
    }

    #search-form {
        display: none;
    }

    header {
        position: absolute;
        left: 0;
    }

    #header {
        height: 165px;
    }

    .top-banner,
    .top-menu {
        display: none;
    }

    .menu-btn {
        display: flex;
    }

    .desktop-menu {
        display: none;
    }

    .mobile-nav {
        position: fixed;
        padding: 0 0;
        width: 80%;
        transform: translateX(-100vw);
        background-color: #fff;
        transition: transform 0.3s ease-in-out;
        display: block;
        top: 65px;
        /*max-height: 80vh;*/
        overflow: hidden;
        height: 100%;
    }

    .menu-icons {
        display: flex;
        flex-direction: row;
        align-self: center;
        position: relative;
    }

    .menu-icon {
        align-self: center;
        margin-left: 35px;
    }

    .search-mobile {
        display: flex;
        position: absolute;
        position: absolute;
        background-color: #fff;
        padding: 10px;
        min-width: 200px;
        right: 0;
        top: 58px;
    }

    .search-mobile input {
        width: 180px;
    }

    #main-content {
        padding-top: 5.2rem;
    }

    /*.second-level,
    .third-level {
        display: none;
    }

    .top-level > .heading,
    .second-level ul > li > .heading,
    .third-level > ul > li {
        padding: 25px 5px;
        display: block;
        border-bottom: 1px solid #ddd;
    }

    .top-level > .heading.no-border {
        border-bottom: none;
        padding: 15px 5px;
    }*/

    .mobile-nav.active {
        transform: translateX(0);
    }

    /*.second-level .heading,
    .second-level ul > li .heading {
        padding-left: 20px;
    }

    .third-level ul > li {
        padding-left: 40px;
    }*/

    .heading.active {
        font-weight: bold;
        display: block;
    }

    /*.mobile-menu-items {
        display: block;
        padding: 0 0 30px 0;
        overflow-y: scroll;
        height: 100vh;
        overflow-y: scroll;
    }

    .mobile-menu-items::-webkit-scrollbar {
        display: none;
    }*/

    .mobile-menu {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        width: 100%;
        padding: 0 20px;
        position: fixed;
        top: 0;
        font-size: 16px;
        color: #222;
        background-color: #fff;
    }

    /*.mobile-menu-dropdown.active {
        display: block;
    }

    .mobile-menu-items li a {
        width: 100%;
        display: block;
    }*/

    .mobile-nav ul {
        list-style: none;
        padding: 10px 20px;
        margin: 0;
    }

    .mobile-nav li {
        padding: 0.4rem;
        border-bottom: 1px solid #e5e5e5;
    }

    .mobile-nav li:last-child {
        border-bottom: none;
    }

    .mobile-nav li a {
        display: block;
        text-decoration: none;
        color: #000;
        font-size: 2rem;
        /*font-weight: 500;*/
        margin-left: .5rem;
    }

    /* Submenu active state styles */

    .mobile-submenu {
        transform: translateX(-100%);
        transition: transform 0.4s ease-in-out;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #fff;
        z-index: 4; /* Updated z-index value */
        overflow-y: scroll;
        padding: 10px 20px;
    }

    .mobile-submenu-active {
        transform: translateX(0);
        z-index: 5; /* Added z-index value */
    }

    .size-block {
        width: 30%;
        margin-right: 1.5%;
        margin-bottom: 1.5%;
    }

    select.quantity {
        margin-left: 10px;
        padding: 5px;
    }

    #breadcrumb {
        display: none;
    }
    /*
  #image-pager {
	display: none;
  }
  */
    #container {
        padding: 0 0px;
        position: relative;
        max-width: 100%;
    }

    #product-details {
        flex-direction: column;
        width:100%
        /* padding: 0;*/
    }
    .product-detail-top {
        flex-direction: column;
    }

    #product-details-left {
        width: 100%;
    }
    #product-details-right {
        width: 100%;
    }
    .product-image {
        width: 100%;
        height: auto;
    }
    #product-details-left #product_slideshow {
        flex-direction: column-reverse;
    }
        #popop-product-details-left #product_slideshow {
            flex-direction: column-reverse;
        }

    #image-pager > a {
        user-select: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #product_slideshow .image-pager .thumb-container {
        outline: none;
        height: 15px;
        width: 15px;
    }

    .thumb-container:after {
        content: "\A";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #d7d7d7;
        display: inline-block;
    }

    .cycle-pager-active > .thumb-container:after {
        background: #17497b;
    }

    .pager-thumbnail {
        display: none;
    }

    #style, .font13 {
        font-size: 16px;
    }
    .cycle-slideshow {
        margin: 20px;
    }
    #popop-product-details-left #product_slideshow #image-pager-popup {
        width: 100%;
        height: 42px;
        overflow-x: scroll;
        margin-right: 0;
        margin-top: 25px;
        text-align: center;
    }
        #popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar {
            display: none;
        }

        #popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-track {
            background: transparent;
        }

        #popop-product-details-left #product_slideshow #image-pager-popup::-webkit-scrollbar-thumb {
            border: none;
            background-color: transparent;
        }

    #product-details-left #product_slideshow #image-pager {
        width: 100%;
        height: 42px;
        overflow-x: scroll;
        margin-right: 0;
        margin-top: 25px;
    }

        #product-details-left #product_slideshow #image-pager::-webkit-scrollbar {
            display: none;
        }

        #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-track {
            background: transparent;
        }

        #product-details-left #product_slideshow #image-pager::-webkit-scrollbar-thumb {
            border: none;
            background-color: transparent;
        }

    #complements-mobile table {
        width: 100%;
    }

        #complements-mobile table td {
            width: 24%;
            padding-right: 1%;
        }

    #complements-mobile img {
        margin-right: 0;
        width: 100%;
        height: auto !important;
    }

    #product_slideshow .image-pager .thumb-container {
        display: inline-block;
    }

    #product-details-left .product-image {
        width: 100%;
        height: auto;
    }

    .free-shipping-block,
    .dermatology-block {
        padding: 10px;
    }

    .review-details {
        margin-left: 0;
    }

    /* #product-details #AddToCart {
        padding: 20px 45px;
    } */
    #alternates {
        display: none;
    }

    #alternates-mobile {
        display: inline-block;
    }

    #alternates .alternate-product {
        /*width: 33.33%;*/
      
    }

        #alternates .alternate-product:nth-child(3) {
            margin-right: 0;
        }

        #alternates .alternate-product:last-child {
            display: none;
        }

    #alternates img {
        margin-right: 0;
    }

    #solumbra-reasons {
        width: 100%;
        display: block;
    }

        #solumbra-reasons .content {
            width: 100%;
            padding: 15px 0;
        }

            #solumbra-reasons .content:before {
                content: "";
                height: 0;
                width: 0;
            }

        #solumbra-reasons .image {
            width: 100%;
        }

        #solumbra-reasons h2 {
            text-align: center;
            font-size: 20px;
            margin-bottom: 15px;
        }

        #solumbra-reasons img {
            width: 100%;
        }

        #solumbra-reasons .content ol li {
            white-space: normal;
        }

    .category-product-block {
        width: 45%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    .header a {
        margin-left: 73px;
    }
    .mobile-menu-items li a {
        margin-left: 0px;
    }

    .mb-font-12 {
        font-size: 12px;
    }

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

    .mob-mt-20 {
        margin-top: 20px;
    }

    .inline .btnClrReverse, .inline .btn-req {
        padding: 12px
    }

    .mob-flex {
        display: flex;
    }

    .mob-hide {
        display: none
    }

    .followus-div {
        height: 20px;
    }

    .padding-left-right20 {
        padding: 0px 20px;
    }

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

    #toggle-mobile-cat-side {
        display: block;
        border: 1px solid #232323;
        width: 120px;
        padding: 5px;
        margin-bottom: 25px;
    }

    #cat-side {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 50%;
    }
    .tbl-signin, .checkout-form, #shopping-bag-container {
        width: 100%
    }
    #shopping-bag-container {
        margin-top: 1rem;
    }
    .select-right-td {
        margin-left: 20px;
        width: 93%;
    }
    .select-right-td-payment {
        margin-left: 20px;
        width: 92%;
    }
    a.buttonSized {
        font-size: 14px;
    }
}

@media screen and (max-width: 320px) {
    .header a {
        margin-left: 73px;
    }
    .header span.has-submenu a {
        margin-left: 0px;
    }
    a.buttonSized {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .inline .btnClrReverse, .inline .btn-req {
        padding: 8px
    }
    .promo-code{
        width:77px;
    }
    .txt-email {
        width: 60%;
    }
    a.buttonSized {
        font-size: 14px;
    }
    .select-right-td {
        margin-left: 11px;
        width: 93%;
    }
}
.col-1l {
    width: 48%
}
.col-2r {
    width: 48%;
    padding-left: 4%;
}
.pt5 {
    padding-top: 5px;
}
.bline h3 {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 12px !important;
}

/* Add this CSS to your stylesheet */
.loading-spinner-cart {
    display: none; /* Hidden by default */
    position: absolute; /* Positioned relative to the parent div */
    z-index: 9999; /* Sit on top */
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px; /* Center the spinner */
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.loading-spinner {
    display: block; /* Display block for inline usage */
    width: 60px;
    height: 60px;
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto; /* Center the spinner inside the message div */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*** ESSENTIAL STYLES ***/
.sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

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

#customer-service-menu {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    float: none;
    /*width: 115px;*/
    font-size: 14px;
}

    #customer-service-menu > li {
        text-align: center;
        width: 100%;
    }

    #customer-service-menu > li > a {
        /*padding: 0 10px 0 5px;*/
    }
    #customer-service-menu li {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #customer-service-menu .sf-mega {
        width: 130px;
        padding: 5px 0 0 20px;
    }

    #customer-service-menu ul {
        padding: 0px;
        line-height: 1.4;
    }

    #customer-service-menu div.sf-mega a, #customer-service-menu div.sf-mega a:visited, #customer-service-menu .sfHover a.sf-with-ul {
        color: #000000;
    }

    #customer-service-menu #customer-service-title > a:hover, #customer-service-menu #customer-service-title.sfHover > a {
        color: #5091CD;
    }
.sf-menu .sf-mega {
    position: absolute;
    display: none;
    top: 100%;
    /*left: 0;*/
    z-index: 200;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
    display: block;
}

.sf-menu > li > a {
    display: block;
    position: relative;
}

#mega-menu {
    width: 900px;
    position: absolute;
    bottom: 8px;
}

    #mega-menu .sf-mega a, #mega-menu .sf-mega a:visited {
        color: #58595B;
        padding-left: 16px;
    }

    #mega-menu a.mega-section-header, #mega-menu a.mega-section-header:visited {
        color: #5091CD;
        padding-left: 0;
    }

    #mega-menu td {
        vertical-align: top;
    }

#mega-menu .left-menu .sf-mega {
    width: 430px;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    /*margin-bottom: 1em;*/
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}

    .sf-menu .left-menu {
        background-color: #FFFFFF;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        height: 18px;
        box-shadow: 0 2px 0 0px #c0c0c0;
    }

        .sf-menu .left-menu a {
            padding-left: 5px;
            height: 18px;
        }

    .sf-menu .middle-menu {
        background-color: #FFFFFF;
        margin-left: -1px;
        height: 18px;
    }

    .sf-menu .right-menu {
        background-color: #FFFFFF;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        padding-right: 10px;
        margin-left: 3px;
        box-shadow: 0 2px 0 0px #c0c0c0;
    }

        .sf-menu .right-menu a {
            height: 18px;
            margin-left: 5px;
        }

    .sf-menu > li > a {
        /*padding: .75em 1em;*/
        text-decoration: none;
        zoom: 1; /* IE7 */
        color: #13a;
    }

    .sf-menu > li {
        -webkit-transition: background .2s;
        transition: background .2s;
        padding-top: 3px;
        padding-bottom: 2px;
        padding-right: 5px;
    }

        .sf-menu > li:hover, .sf-menu > li.sfHover {
            -webkit-transition: none;
            transition: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .sf-menu > li.middle-menu:hover {
            background: #FFFFFF;
            -webkit-transition: none;
            transition: none;
        }

#mega-menu > li:hover > a, #mega-menu > li.sfHover > a {
    color: #000000;
}

/*** mega menu dropdown ***/
.sf-mega {
    padding: 5px;
    /*box-sizing: border-box;*/
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: -1px;
}

    .sf-mega table {
        text-align: left;
    }

.sf-mega-section {
    float: left;
    width: 8em; /* optional */
    padding: 0 1em 1em 0;
    margin-right: 1em;
    border-right: 1px solid #b4c8f5;
}

.sf-mega .mega-section-header {
    font-weight: 600;
    color: #5091CD;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
    /* styling for both css and generated arrows */
    .sf-arrows .sf-with-ul:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        /* order of following 3 rules important for fallbacks to work */
        border: 5px solid transparent;
        border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
        border-top-color: rgba(255,255,255,.5);
    }

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

.menu-indent {
    padding-left: 20px;
}

header {
    position: absolute;
}

#header {
    z-index: 800;
}

    #header.black {
        background: rgb(220,245,245); /* Fallback */
        background: rgba(220,245,245,.3);
    }

        #header.black, #header.black a, #header.black a:visited {
            color: #000000;
        }

            #header.black .mega-section-header, #header.black .mega-section-header a, #header.black .mega-section-header a:visited {
                color: #5091CD;
            }


    #header.black-black {
        background: rgb(220,245,245); /* Fallback */
        background: rgba(220,245,245,.3);
    }

        #header.black-black .standard-blue {
            color: #000000;
        }

        #header.black-black, #header.black-black a, #header.black-black a:visited {
            color: #000000;
        }

            #header.black-black .mega-section-header, #header.black-black .mega-section-header a, #header.black-black .mega-section-header a:visited {
                color: #5091CD;
            }


    #header.white {
        background: #BCBEC0; /* Fallback */
        background: rgba(0,0,0,.5);
    }

        #header.white .standard-blue {
            color: #ffffff;
        }

        #header.white #shoppingBagImage {
            background-image: url(Images/Common/shoppingbag_white.png);
        }

        #header.white, #header.white a, #header.white a:visited, #header.white #bottom-right {
            color: #FFFFFF;
        }

            #header.white #mega-menu .mega-section-header, #header.white #mega-menu mega-section-header a, #header.white #mega-menu .mega-section-header a:visited {
                color: #5091CD;
            }

            #header.white #mega-menu, #header.white #mega-menu a, #header.white #mega-menu a:visited {
                color: #000000;
            }

.sf-mega, .sf-menu > li:hover, .sf-menu > li.sfHover {
    background: #E6E7E8;
}

body {
    background-color: #FFFFFF;
}