/* html elements */
body {padding:0; margin:0; top:0; left:0; right:0; bottom:0;}

h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; font-weight:500;}

/* bootstrap overwrite */
.container {width:100%; max-width:1012px; padding:0;}
.row {padding:0; margin:0}
/* end - bootstrap overwrite */


/* wrappers */
.full-width-wrapper {width:100%; padding:0; margin:0}


/* miscellaneous */
img {border:0; outline:none}
a {outline:none}
.clear {clear:both}
.height-10 {height:10px; padding:0; margin:0}
.height-15 {height:15px; padding:0; margin:0}
#content {background:#fff} /* this one is used by navobile navigation */
.show-970 {display:none}
.visible-smaller-than-1000, .visible-smaller-than-822, .visible-smaller-than-461, .visible-smaller-than-1035 {display:none}

/* mobile menu icon and <a> z index - to fix the url */
.mobile-nav-icon {height:45px; width:auto; padding:0 9px; float:left; display: table-cell;}
#show-navobile {position:relative; z-index:20000}


/* header styles */

.header-for-mobile {background: #192b3a; height:45px; position:relative; padding:0; margin:0}

.header-container {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/header-bg.jpg) top left repeat-x; height:auto; min-height:136px;}

.logo {width:38%; max-width:375px !important; float:left; padding:0; margin:10px 0 0 3px}

.header-right-container {width:61.4%; max-width:614px !important; float:right;}

    .header-top-links-container {width:100%; max-width:335px !important; margin:10px 0 0 0; float:left}
        .header-top-borders {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/top-links-borders.jpg) center no-repeat; height:1px; clear:both}
        .header-top-links {padding:0 0 0 4px; margin:0; list-style:none;}
        .header-top-links li {float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:23px; font-weight:normal; color:#b7b5a8; background:none;}
        .header-top-links li a {display:block; color:#b7b5a8; text-decoration:none; text-transform:uppercase}
        .header-top-links li .diff {color: #dad8d0}
        .header-top-links li .li-spacer {padding:0 6px; font-size:10px}

    .header-top-right {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/cart-chk-bg.jpg) top left no-repeat; float:right; width:100%; max-width:273px !important; height:44px; margin:3px 0 0 0}
        .header-top-right a {font-family: 'Oswald', sans-serif; font-weight:500; font-size:1em; line-height:39px; color:#253848; text-transform:uppercase; text-decoration:none; background:none; display:block; float:left;}
        .header-top-right a:first-child {margin-left:28px; padding-left:34px; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/cart-icon.jpg) 0px 12px no-repeat}
        .header-top-right a.green {color:#39765b}
        .header-top-right span {font-family: 'Oswald', sans-serif; font-weight:400; font-size:14px; line-height:36px; color:#39765b; text-transform:uppercase; text-decoration:none; background:none; display:block; float:left; padding:0 5px}

    .header-middle-container {clear:both; margin:14px auto 14px auto}
        .header-search-form {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/search-form-bg.jpg) right no-repeat; width:100%; max-width:380px !important; height:27px; margin:0 0 0 55px;}
        .header-search-input {background:none; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#7f7f7f; width:71%; float:right; padding:0; margin:6px 0 0 0;}
        .header-search-btn {border:0; background: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/search-submit.jpg) no-repeat; float:right; width:18px; height:18px; padding:0; margin:4px 8px 0 0;}

        .header-support {float:right; padding:0; margin:-2px 32px 0 0;}
        .header-support .title {font-family: 'Oswald', sans-serif; font-weight:500; font-size:1em; line-height:1em; color:#92a7b9; text-transform:uppercase; padding:0; margin:0; background:none}
        .header-support .phone {font-family: 'Oswald', sans-serif; font-weight:500; font-size:1em; color:#9bcae3; text-transform:uppercase; text-align:right; padding:0 0 0 15px; margin:0; background: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/phone-icon.jpg) 37px 3px no-repeat;}

    .header-v-line {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/header-v-2px-line.jpg) center no-repeat; width:100%; max-width:603px !important; height:2px; margin:0 auto; clear:both}

    .header-bottom-links-container {width: auto; max-width:600px !important; margin:0 auto; padding-left:0}
        .header-bottom-links {padding:0 0 0 4px; margin:0; list-style:none;}
        .header-bottom-links li {float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.875em; line-height:31px; font-weight:normal; color:#b5c3d0; background:none;}
        .header-bottom-links li a {display:block; color:#b5c3d0; text-decoration:none; text-transform:uppercase}
        .header-bottom-links li .li-spacer {padding:0 10px; font-size:0.875em}



/* navigation styles */
#navigation {position: relative;}
.navigation-container {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/header-nav-bg.jpg) top left repeat-x; height:54px; clear:both}
    .navigation-links {padding:0; margin:0; list-style:none;}
    .navigation-links li {float:left; font-family: 'Oswald', sans-serif; font-weight:500; font-size:1.125em; line-height:47px; color:#1a2731; padding:0 22px 0 0; margin:0;}
    .navigation-links li.last {padding:0 0 0 0}
    .navigation-links li a {display:block; color:#1a2731; text-decoration:none; text-transform:uppercase; background: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/header-nav-arrow.jpg) 96% 22px no-repeat; padding:0 22px 0 8px;}
    .navigation-links li.active a {background-color: #5f82a0;background-image: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/header-nav-arrow-white.jpg);color:#fff;}
    .subnav {
        display: none;
        width: 1012px;
        border: solid 4px #5f82a0;
        padding-top: 16px;
        position: absolute;
        left: 0;
        top: 47px;
        background: #faf9f9;
        -webkit-box-shadow: 0px 6px 13px -3px rgba(0,0,0,0.5);
        box-shadow: 0px 6px 13px -3px rgba(0,0,0,0.5);
        z-index: 10000;
    }
        .subnav-links {
            float: left;
            margin: 0 0 10px 17px;
            width: 478px;
        }
            .subnav-links h3 {
                font-size: 16px;
                margin: 0 0 8px;
                color: #243645;
                border-bottom: solid 1px #405566;
                padding-bottom: 4px;
                text-transform: uppercase;
            }
            .subnav-links-group {}
                .subnav-links-subgroup {
                    float: left;
                    width: 230px;
                }
                    .subnav-links-subgroup + .subnav-links-subgroup {
                        float: right;
                    }
                    .subnav-links-subgroup a {
                        display: block;
                        font: normal 14px Arial;
                        color: #395166;
                        border-bottom: solid 1px #e7ebee;
                        line-height: 27px;
                    }
                        .subnav-links-subgroup a:hover {
                            font-weight: bold;
                            text-decoration: none;
                            font-style: italic;
                            color: #80a8cb;
                        }
                        .subnav-links-subgroup a:before {
                            content: '\00b7';
                            font-size: 19px;
                            line-height: 27px;
                            vertical-align: middle;
                            color: #ACBDCC;
                        }
                    .subnav-links-subgroup .final-link {
                        font-weight: bold;
                        font-size: 15px;
                        border: none;
                        background: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/mega-menu-link-arrow.png) right center no-repeat;
                        display: inline-block;
                        padding-right: 20px;
                    }
                        .subnav-links-subgroup .final-link:before {
                            content: '';
                            display: none;
                        }
        .subnav-featured {
            float: right;
            margin: 0px 10px 0;
            width: 486px;
        }
        .subnav-brands {
            background: #d4e3e9;
            border-top: solid 2px #5f82a0;
            margin-top: 10px;
            padding: 10px 0 10px 20px;
        }
            .subnav-brands-title {
                display: inline-block;
                vertical-align: middle;
                font: normal 16px 'Oswald', Arial;
                color: #243645;
                text-transform: uppercase;
                line-height: 18px;
            }
                .subnav-brands-title em {
                    font-style: normal;
                    color: #5f82a0;
                    display: block;
                }
            .subnav-brands-list {
                display: inline-block;
                vertical-align: middle;
            }
                .subnav-brands-list-item {
                    float: left;
                    margin-left: 28px;
                }
            .subnav-brands-shop {
                float: right;
                margin-top: 7px;
            }

















/* skews ----------------------------------------- */
.skew-container {margin:13px 0 8px 10px;}

.skew {
    margin:0 8px 0 0;
    padding:0;
    height:38px;
    float:left;
    background-color:#253848;
    -ms-transform:skew(-20deg); /* IE 9 */
    -webkit-transform:skew(-20deg); /* Chrome, Safari */
    -moz-transform:skew(-20deg); /* Firefox */
    -o-transform:skew(-20deg); /* Opera */
    transform:skew(-20deg); /* Standard syntax */
    width: 24%;
}
.skew p {
    -ms-transform:skew(20deg);
    -moz-transform:skew(20deg);
    -o-transform:skew(20deg);
    -webkit-transform:skew(20deg);
    transform:skew(20deg);
    line-height:38px;
    padding:0 33px;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size:12px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
}

.skew-one {}
.skew-two {background:#5f82a0}
.skew-three {background:#9a967f}
    .skew-three p {line-height:15px; padding:4px 33px 0 33px}
.skew-four {background:#39765b}
    .skew-four p {line-height:15px; padding:4px 33px 0 33px}




/* crumbs */
.crumbs {height:42px; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#9a967f; text-align:left; text-transform:capitalize}
.crumbs a {color:#5e839b; text-decoration:none;}
.crumbs a.home {color:#9a967f; text-decoration:none}







/* leftside */
.leftside {width:194px; float:left; padding:0; margin:0 10px 0 0}
    .leftside .top-info {background:#e7e6e2; height:66px; padding:0; margin:0 0 15px 0}
    .leftside .top-info h4 {font-size:14px; line-height:14px; color:#243645; text-transform:uppercase; padding:9px 0 9px 9px; margin:0 0 0 0;}
    .leftside .top-info h3 {font-size:24px; line-height:24px; color:#5f82a0; text-transform:uppercase; padding:0 0 0 9px; margin:0 0 0 0;}
    .leftside p {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#3d5b75; text-align:left; text-transform:uppercase; line-height:22px; border-top:1px dashed #9dacb9; border-bottom:1px dashed #9dacb9; padding:0; margin:0}

    .leftside .menu {padding:0; margin:3px 0 20px 0; list-style:none}
    .leftside .menu li {font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:26px; color:#395166; padding:0; margin:0; border-bottom:1px solid #e8edf0}
    .leftside .menu li:last-child {border-bottom:0px}
    .leftside .menu li a {display:block; color:#395166; text-decoration:none; text-transform: capitalize; padding:0 0 0 24px; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/leftside-link-arrow-off.jpg) 1px 7px no-repeat; border-top:1px solid #fff; border-bottom:1px solid #fff}
    .leftside .menu li a:hover {background:#d8e1e9 url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/leftside-link-arrow-on.jpg) 1px 7px no-repeat; font-weight:normal; font-style:italic; color:#7a7763}
    .leftside .menu li a.active {background:#d8e1e9 url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/leftside-link-arrow-on.jpg) 1px 7px no-repeat; font-weight:normal; font-style:italic; color:#7a7763}

    .leftside .also-see {padding:0; margin:3px 0 20px 0; list-style:none}
    .leftside .also-see li {font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height:19px; color:#395166; padding:0 0 0 12px; margin:0; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/also-see-bullet.jpg) 0px 8px no-repeat}
    .leftside .also-see li a {display:block; color:#395166; text-decoration:none; text-transform: capitalize; padding:0;}
    .leftside .also-see li a:hover {}



.looking-for-brand {width: auto; max-width:558px !important; height: 45px; background:#e7e6e2; margin:10px auto 46px auto;}
.looking-for-brand div {float:left}
.looking-for-brand .bino {padding:0; margin:8px 0 0 24px}
.looking-for-brand .title h4 {font-size:18px; text-transform:uppercase; padding:0; margin:13px 0 0 14px}
.looking-for-brand .title h4 span {color:#5f82a0}
.looking-for-brand .click-here {float:right; margin:5px 9px 0 0}


















/* footer styles */
.footer-container {background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/footer-top-bg.jpg) top left repeat; height: auto; min-height:266px; padding:0; margin:30px 0 0 0}
    .footer-container h3 {font-family: 'Oswald', sans-serif; font-weight:500; font-size:1.125em; line-height:37px; color:#e0d4c7; text-transform:uppercase; padding:22px 0 0 4px; margin:0 0 0 14px;}
    .footer-container ul {padding:0; margin:12px 0 0 0; list-style:none}
    .footer-container li {font-family: Arial, Helvetica, sans-serif; font-size:0.875em; line-height:22px; color:#9cb1bf; padding:0 0 0 15px; margin:0; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/footer-links-bullet.jpg) 5px 11px no-repeat}
    .footer-container li a {display:block; color:#9cb1bf; text-decoration:none; text-transform: capitalize; padding:0;}
    .footer-container li a:hover {color:#fff}


    .footer-cell-one {width:100%; max-width:300px !important; float:left}
    .footer-cell-one h2 {font-family: 'Oswald', sans-serif; font-weight:500; font-size:1.625em; line-height:1.5em; color:#fafafa; text-transform:uppercase; padding:0; margin:0 0 0 17px;}
    .footer-cell-one h4 {font-family: 'Oswald', sans-serif; font-weight:500; font-size:1em; line-height:0.875em; color:#fafafa; text-transform:uppercase; padding:18px 0 0 0; margin:0 0 0 17px;}
    .footer-cell-one p {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:0.75em; font-weight:normal; color:#FFF; background:none; padding:0 0 0 0; margin:0 0 0 17px;}

        .social {clear:both; margin:8px 0 0 0;}
        .fb {float:left; padding:0 0 0 37px; margin:0 0 0 19px; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/facebook-icon.jpg) left 0px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:0.875em; line-height:1.1em; color:#a9bfcd}
        .tw {float:right; padding:0 43px 0 37px; margin:0 0 0 19px; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/twitter-icon.jpg) left 0px no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:0.875em; line-height:1.1em; color:#a9bfcd}

        .newsletter-container {clear:both; width:296px; height:131px; margin:19px auto 0 auto; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/newsletter-bg.png) top left no-repeat;}
        .newsletter-container .sign-up-form {width:254px; height:31px; background:#fff; border:1px solid #c7c7c6; padding:0; margin:10px 0 0 17px}
        .newsletter-container .email-field {background:none; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787878; text-transform:uppercase; width:160px; float:left; padding:0; margin:7px 0 0 9px;}
        .newsletter-container .submit {border:0; background:#7cb3d1; float:right; width:75px; height:26px; padding:0; margin:1px 2px 0 0; font-family: 'Oswald', sans-serif; font-weight:500; font-size:14px; color:#fff; text-transform:uppercase; text-align:center}

    .footer-cell-links-one {width:20%; max-width:160px !important; float:left; padding:0; margin:0 0 0 30px}
        .footer-cell-links-one h3 {margin:0; padding:22px 0 2px 4px; border-bottom:1px dashed #757674}
    .footer-cell-links-two {width:20%; max-width:160px !important; float:left; padding:0; margin:0 0 0 30px}
        .footer-cell-links-two h3 {margin:0; padding:22px 0 2px 4px; border-bottom:1px dashed #757674}

    .footer-cell-contact {width:30%; max-width:270px !important; float:left; padding:0; margin:0 0 0 30px}
        .footer-cell-contact h3 {margin:0; padding:22px 0 2px 4px; border-bottom:1px dashed #757674}
        .footer-cell-contact .phone {font-family: 'Oswald', sans-serif; font-weight:500; font-size:2em; color:#9bcae3; text-transform:uppercase; text-align:left; padding:0 0 0 43px; margin:10px 0 0 0; background: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/footer-phone-icon.jpg) 8px 6px no-repeat;}
        .footer-cell-contact .phone-local {font-family: Arial, Helvetica, sans-serif; font-size:0.875em; color:#9bcae3; text-align:left; padding:0 0 0 43px;}
        .footer-cell-contact .support-email {font-family: Arial, Helvetica, sans-serif; font-size:0.875em; line-height:20px; color:#fff; text-align:left; padding:0 0 0 43px; margin:12px 0 0 0; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/footer-email-icon.jpg) 4px 0px no-repeat}
        .footer-cell-contact .location {font-family: Arial, Helvetica, sans-serif; font-size:0.875em; line-height:16px; color:#fff; text-align:left; padding:0 0 0 43px; margin:19px 0 0 0; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/gps-icon.jpg) 5px 0px no-repeat}
        .footer-cell-contact .location span {color:#9bcae3}
        .footer-cell-contact .location a {color:#9bcae3; text-decoration:none}


.footer-copyright-container {background: #192b3a; height:auto; min-height:52px !important;}
    .footer-copyright-container p {font-family:Arial, Helvetica, sans-serif; font-size:0.875em; line-height:1em; font-weight:normal; color:#FFF; background:none; padding:15px 0 0 0; margin:0}
    .footer-copyright-container .cards {float:right; margin:7px 5px 0 0}









@media (max-width: 1030px) {
    /* skew =========================================== */
    .skew-container {margin:0 0 8px 10px;}
    .skew {margin-top:13px}
    .skew-one {width:48%}
    .skew-two {width:48%;}
    .skew-three {width:48%;}
    .skew-four {width:48%;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* this max-width value should be the same with the one from navobile.css - line 11 */
@media (max-width: 1017px) {

.visible-larger-than-1000 {display:none}

.visible-smaller-than-1000 {display:block}

/* this is a clearfix for search form on the header */
.show-970 {display:block}


/* restyle header ================================ */

    .logo {width:auto}

    .header-right-container {width:50%; max-width:614px !important;}
    /* sign in - cart container */
    .header-top {position:absolute; top:0; right:0; width:395px}
    /* top links - sign in */
    .header-top-links-container {width:100%; max-width:120px !important; margin:10px 0 0 0; float:right}
    /* cart checkout links */
    .header-top-right {width:100%; max-width:250px !important; height:44px; margin:3px 0 0 0; background:none}
    .header-top-right a {color:#7cb3d1}


    /* header customer support relocation and search form relocation*/
    .header-search-form {float:right; margin:7px 10px 0 0;}

    .header-support {float:right; margin:25px 10px 0 0;}
    .header-support .title {padding:0; margin:0; float:left}
    .header-support .phone {text-align:left; padding:0 0 0 15px; margin:-3px 0 0 15px; background: url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/phone-icon.jpg) 0px 3px no-repeat; float:left}

    /* hide header bottom links and vertical line */
    .header-v-line, .header-bottom-links-container {display:none}

    .crumbs {padding-left:10px}






/* restyle footer ================================ */
    .footer-container {padding-bottom:30px}

    .footer-cell-one {width:300px; max-width:300px !important; float:left; display:block}

    .footer-cell-links-one {width: 25%; max-width: none !important; float:left; padding:0; margin:0 0 0 50px; display:block}
    .footer-cell-links-two {width: 25%; max-width: none !important; float:left; padding:0; margin:0 0 0 50px; display:block}

    .footer-cell-contact {width:700px; max-width:100% !important; float:none; padding:0; margin:0 auto; clear:both}
        .footer-cell-contact h3 {border-bottom:0;}
        .footer-cell-contact .phone-container {display:block; float:left}
        .footer-cell-contact .support-email {display:block; float:left; margin:22px 30px 0 30px}
        .footer-cell-contact .location {display:block; float:left}


}

@media (max-width: 839px) {

    .visible-smaller-than-822 {display:block;}

/* restyle header ================================ */

    .logo {margin:10px auto 0 auto; float:none;}

    .header-support {display:none}

    .header-middle-container {margin:4px auto; text-align:center;}
        .header-search-form {width:100%; max-width:380px !important; margin:5px auto; float:none;}


/* restyle footer ================================ */

    .footer-cell-one {width:45%; max-width: none !important; float:left; display:block}
    .footer-cell-links-one {width: 45%; max-width: none !important; float:right; padding:0; margin:0 10px 0 0; display:block}

    .footer-cell-links-two {width: 45%; max-width: none !important; float:left; padding:0; margin:0 30px 0 10px; clear:left}
    .footer-cell-contact {width:45%; max-width:none !important; float:right; padding:0; margin:0 10px 0 0; clear: none}
        .footer-cell-contact h3 {border-bottom:1px dashed #757674;}
        .footer-cell-contact .phone-container {display:block; float:none}
        .footer-cell-contact .support-email {display:block; float:none; margin:12px 0 0 0;}
        .footer-cell-contact .location {display:block; float:none}

}



@media (max-width: 697px) {


/* restyle footer ================================ */

    .footer-cell-one {width:100%; max-width: 300px !important; float: none; display:block; margin:0 auto; clear:both}

    .footer-cell-links-one {width: 44%; max-width: none !important; float:left; padding:0; margin:0 10px 0 20px; display:block}
    .footer-cell-links-two {width: 44%; max-width: none !important; float:right; padding:0; margin:0 20px 0 10px; clear:none}

    .footer-cell-contact {width:100%; max-width:260px !important; float:none; padding:0; margin:0 auto; clear: both}
        .footer-cell-contact h3 {border-bottom:1px dashed #757674;}
        .footer-cell-contact .phone-container {display:block; float:none}
        .footer-cell-contact .support-email {display:block; float:none; margin:12px 0 0 0;}
        .footer-cell-contact .location {display:block; float:none}


}





@media (max-width: 585px) {

    .skew-container {margin:0 10px 8px 10px;}
    .skew-one {width:100%}
    .skew-two {width:100%;}
    .skew-three {width:100%;}
    .skew-four {width:100%;}

    .looking-for-brand .bino {display:none}
    .looking-for-brand .title h4 {font-size:16px; text-transform:uppercase; padding:0; margin:13px 0 0 10px}
    .looking-for-brand .click-here {float:right; margin:5px 9px 0 0}

}





@media (max-width: 557px) {


/* restyle footer ================================ */

    .footer-cell-links-one {width: 40%;}
    .footer-cell-links-two {width: 40%;}

    .footer-copyright-container {background: #192b3a; height:auto; min-height:52px !important;}
        .footer-copyright-container p {padding:15px 0 15px 0; margin:0 auto; text-align:center}
        .footer-copyright-container .cards {float: none; margin:15px auto 0px auto; text-align:center; clear:both}

}



@media (max-width: 478px) {

.visible-smaller-than-461 {display:inline}
.hide-under-461 {display:none}


/* restyle header ================================ */




    /* my account link - blue man */
    .header-top-links-container {width:45px; margin: 0;}
    #my-acc-link {padding:0; margin:8px 0 0 0; width:30px; height:30px; display:block}
    #my-acc-link img {width:100%; height:100%}

    /* cart checkout container */
    .header-top-right {max-width:170px !important;}
    /* cart link*/
    .header-top-right a:first-child {margin:0 10px 0 0; padding-left:0; background:none}
    /* checkout link */
    .header-top-right a.green {}
    /* green arrow */
    .header-top-right span {display:none}


    .logo-container {margin:0 auto; text-align:center; height:auto;}
    .logo {width:100%}


    .header-search-form {width:100%; max-width:283px !important; margin:5px auto; float:none; background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/mobile-search-form-bg.jpg) center no-repeat}
    .header-search-input {width:80%; margin-right:5px}



/* restyle footer ================================ */
    .newsletter-container {background:none}
    .footer-cell-links-one {width: 39%; margin:0 0 0 10px;}
    .footer-cell-links-two {width: 43%; margin:0 10px 0 0;}



    /* looking for a specific brand */
    .looking-for-brand {height: auto; min-height: 45px !important;}
    .looking-for-brand div {float:none}
    .looking-for-brand .title h4 {padding:10px 0 10px 10px; text-align:center}
    .looking-for-brand .click-here {float:none; padding:0 0 10px 0; margin:5px auto; text-align:center}


}

/* Bootstrap Tooltip */
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

/* Magnific Popup */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*.mfp-container:before { // unsure if needed...
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }*/

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* padding: 40px 0 40px; */
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
.mfp-gallery-div {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    padding: 15px 0;
}
.mfp-gallery-image {
    display: inline-block;
    cursor: pointer;
}
.mfp-gallery-image img {
    height: 70px;
    width: auto;
}
.mfp-gallery-image + .mfp-gallery-image {
    margin-left: 20px;
}
.mfp-active-gallery-image {
    outline: solid 3px black;
}

/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper {
  position: relative;
  margin: 0 0 10px;
  width: 300px;
  cursor: pointer;
}

.selectricResponsive {
  width: 100%;
}

.selectric {
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
  border-radius: 2px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 6px;
  font-size: 12px;
  line-height: 18px;
  color: #444;
  min-height: 18px;
  text-align: left;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #CCC;
}
.selectricHover .selectric .button {
  color: #888;
}
.selectricHover .selectric .button:after {
  border-top-color: #888;
}

.selectricOpen {
  z-index: 9999;
}
.selectricOpen .selectric {
  border-color: #CCC;
  background: #F0F0F0;
}
.selectricOpen .selectricItems {
  display: block;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectricItems {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F9F9F9;
  border: 1px solid #CCC;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectricItems .selectricScroll {
  height: 100%;
  overflow: auto;
}
.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%;
}
.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectricItems li {
  display: block;
  padding: 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0;
}
.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}

#revrat {
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    border: solid 1px #ADADAD;
    border-left: none;
    border-right: none;
    padding: 6px 0;
    margin: 6px 0;
}
#revrat img {
    margin-right: 8px;
}
#revrat a {
    vertical-align: middle;
    color: rgb(124, 124, 124);
    font-weight: bold;
    text-decoration: underline;
}

#ytimesModalOverlay {
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.60;
    -moz-opacity: 0.60;
    cursor: wait;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100000;
}
#ytimesModalContainer {
    height:400px;
    width:600px;
    background-color: white;
    border:1px solid black;
    padding: 0px;
    z-index: 100001;
}
#ytimesModalClose {
    background:url(https://turbifycdn.com/ty/cdn/yhst-135249874549389/x.png) no-repeat;
    width:39px;
    height:39px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-24px;
    right:-24px;
    cursor:pointer;
    z-index: 100002;
}