.navobile-mobile-only {
    display: none;
}

#navobile-device-pixel {
  width: 0;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* this max-width value should be the same with the one from styles.css - line 158 */
@media (max-width: 1097px) {
    /*    FARA html, AICI    */
    .navobile-bound {
      overflow-x: hidden;
      overflow-y: scroll;
      height: auto;
      width: 100%;
    }

    .overflowscrolling {
      -webkit-overflow-scrolling: touch;
    }

    #navobile-device-pixel {
      width: 1px;
    }

    .navobile-mobile-only {
      display: block;
    }

    .navobile-desktop-only {
      display: none;
    }

    .navobile-navigation {
      height: 100%;
      left: -100%;
      overflow: auto;
      position: absolute;
      top: -100%;
      /* WIDTH DE AICI are legatura cu WIDTH de la liniile 78 si 86, translateX(WIDTH) si translate3d(WIDTH) --- SA FIE LA FEL */
      width: 200px;
      z-index: -1;
      background:#003f68;
/*      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); */
    }

    .navobile-bound .navobile-navigation {
        xleft: -200px;
        left: 0;
        position: fixed;
        top: 0;
        z-index: 1;
    }



    .navobile-navigation ul {
      overflow: hidden;
    }

    .navobile-navigation li {
      float: none;
      overflow: hidden;
    }

    .navobile-content {
      position: relative;
      z-index: 3;
      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -ms-transform 0.2s linear;
      -ms-transition: -o-transform 0.2s linear;
      transition: transform 0.2s linear; 
    }

    .csstransforms #content.navobile-content-hidden {
      -webkit-transform: translateX(200px);
      -moz-transform: translateX(200px);
      -ms-transform: translateX(200px);
      -o-transform: translateX(200px);
      transform: translateX(200px);
    }

    .csstransforms #content.navobile-content-hidden {
      -webkit-transform: translate3d(200px,0,0);
      -moz-transform: translate3d(200px,0,0);
      -ms-transform: translate3d(200px,0,0);
      -o-transform: translate3d(200px,0,0);
      transform: translate3d(200px,0,0);
    }

    /*
    MY STYLES together with the jquery from home page, is hiding and showing the nav
    by moving it outside the visible area (left -200px). Before, it was only covered by the content and the left was set to 0.
    */

    .show-nav {
/*        left:-200px !important;
        -webkit-transition: -webkit-transform 0.2s linear;
        -moz-transition: -moz-transform 0.2s linear;
        -o-transition: -ms-transform 0.2s linear;
        -ms-transition: -o-transform 0.2s linear;
        transition: transform 0.2s linear;

        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -ms-transform: translateX(200px);
        -o-transform: translateX(200px);
        transform: translateX(200px); */
    }
    .hide-nav {
/*        left: 0;
        -webkit-transition: -webkit-transform 0.2s linear;
        -moz-transition: -moz-transform 0.2s linear;
        -o-transition: -ms-transform 0.2s linear;
        -ms-transition: -o-transform 0.2s linear;
        transition: transform 0.2s linear;

        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        -o-transform: translateX(-200px);
        transform: translateX(-200px);
*/
    }

    /*

    $("#show-navobile").click( function() {

            if ( $("#navobile-navigation").hasClass("show-nav") ) {
                $("#navobile-navigation").removeClass("show-nav");
                $("#navobile-navigation").addClass("hide-nav");
            }
            else {
                $("#navobile-navigation").removeClass("hide-nav");
                $("#navobile-navigation").addClass("show-nav");
            }
        });

    */





}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}

/* next - prev */
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a {position:absolute; width:15px; height:29px; font-size:0px; text-indent:30px; overflow:hidden; display:block;}
ul.bjqs-controls.v-centered li.bjqs-next a {right:-50px; background:url(/lib/crazyforbargains/t-next-btn.jpg) 0px 0px no-repeat; margin:-20px 0 0 0}
ul.bjqs-controls.v-centered li.bjqs-prev a {left:-50px; background:url(/lib/crazyforbargains/t-prev-btn.jpg) 0px 0px no-repeat; margin:-20px 0 0 0}

/* pagination */
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline; margin:0 8px 0 0}
ol.bjqs-markers li a{display:inline-block; width:10px; height:10px; background:url(/lib/crazyforbargains/cj2014-t-slider-off.jpg) 0px 0px no-repeat; font-size:0px; text-indent:30px; overflow:hidden}
ol.bjqs-markers li.active-marker a {background:url(/lib/crazyforbargains/cj2014-t-slider-on.jpg) 0px 0px no-repeat; width:10px; height:10px}

/* caption */
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}





@media (max-width: 1055px) {

    li.bjqs-slide{height:auto; min-height:70px !important;}
    ol.bjqs-markers {margin-top:-10px}

}
@media (max-width: 840px) {

    ul.bjqs, li.bjqs-slide {height:auto; min-height:90px !important}

    /* ul.bjqs-controls{display:none} */

}


@media (max-width: 730px) {

    ul.bjqs-controls.v-centered li.bjqs-next a {right:-25px;}
    ul.bjqs-controls.v-centered li.bjqs-prev a {left:-25px;}

}


@media (max-width: 680px) {

    ul.bjqs, li.bjqs-slide {height:auto; min-height:100% !important}

    ul.bjqs-controls.v-centered li.bjqs-next a {right:-10px;}
    ul.bjqs-controls.v-centered li.bjqs-prev a {left:-25px;}

    ol.bjqs-markers {margin-top:0px}
}


@media (max-width: 590px) {
    ul.bjqs-controls{display:none}
}

/* html elements */
body {padding:0; margin:0; top:0; left:0; right:0; bottom:0; background:#fff; font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight:700;}
p {font-size:13px; color:#003f68; line-height:19px}

/* bootstrap overwrite */
.container {width:100%; max-width:1080px; padding:0; margin:0 auto}
.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; border:0}
.clear {clear:both}
.height-6 {height:6px; padding:0; margin:0}
.height-10 {height:10px; padding:0; margin:0}
.height-15 {height:15px; padding:0; margin:0}
.height-20 {height:20px; padding:0; margin:0}
.height-30 {height:30px; padding:0; margin:0}
.height-38 {height:38px; padding:0; margin:0}
.height-44 {height:44px; padding:0; margin:0}
.height-50 {height:50px; padding:0; margin:0}
.height-80 {height:80px; padding:0; margin:0}
#content {background:#fff; z-index:900; /*MUST BE LESS than fancybox z indexes*/ position:relative; height: auto; min-height:100% !important} /* 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}

input:focus {border:0; outline:0}
select {
  color: #000;
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;
}
.no-textshadow select {
  color: #000;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* mobile menu icon and <a> z index - to fix the url visibility */
.mobile-nav-icon {height:31px; width:auto; padding:8px}
#show-navobile {position:relative; z-index:20000}






/* header styles  ========================================= */



.header-for-mobile {background: #014069; height:47px; position:relative; padding:0; margin:0}



.header-full-container {width:100%; background:url(/lib/crazyforbargains/body-top-bg.jpg) 0 0 repeat-x}
.header-container {width:100%; max-width:1080px !important; height:auto; min-height:188px !important; position:relative; background: url(/lib/crazyforbargains/header-bg.png) bottom center no-repeat; padding:0; margin:0}

    .header-container .logo {position:absolute; top:15px; left:-35px; text-align:center; width:53.88%; max-width:582px !important; height:auto; max-height:138px !important; padding:0; margin:0}
        .header-container .logo img {width:100%; max-width:582px !important}

    .header-container .top-links {font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#fff; text-transform:uppercase; line-height:47px; float:right; margin:0 173px 0 0;z-index: 2;position: relative;}
        .header-container .top-links span {padding:0 5px}
        .header-container .top-links a {color:#fff; text-decoration:none}

    .header-container .cart-checkout {position:absolute; top:0; right:3px; width:153px; height:47px; background:url(/lib/crazyforbargains/cart-checkout-bg.jpg) 0px 0px no-repeat}
        .header-container .cart {float:left; width:30px; height:22px; display:block; margin:12px 0 0 19px}
        .header-container .checkout {float:right; line-height:47px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#fff; text-transform:uppercase; margin:0 12px 0 0}
        .header-container .checkout a {color:#fff; text-decoration:none}

    .header-container .help {float:right; margin:8px 13px 0 0}
        .header-container .help div {float:left; line-height:24px; height:24px}
        .header-container .help .need {font-family: 'Roboto Condensed', sans-serif; color:#003f68; font-size:18px; font-weight:400; text-transform:uppercase}
        .header-container .help .call {font-family: 'Roboto Condensed', sans-serif; color:#000; font-size:18px; font-weight:700; text-transform:uppercase; background:url(/lib/crazyforbargains/phone-icon.png) 0px 0px no-repeat; padding:0 3px 0 23px; margin:0 0 0 9px}
        .header-container .help .phone {font-family: 'Roboto Condensed', sans-serif; color:#206d9a; font-size:18px; font-weight:700; text-transform:uppercase;}

    .search-container {width:44.44%; max-width:480px !important; height:50px; float:right; margin:8px 0 0 0; background:rgba(84,159,203,0.39); -ms-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
        .search-container .inner {width:96.25%; max-width:462px !important; height:32px; background:#fff; border:1px solid #9cb4c4; margin:8px auto 0 auto}
        .search-container .search-input {background:none; border:0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; text-transform: none; font-style:italic; color:#909090; width:400px; float:left; padding:0; margin:8px 10px 0 10px;}
        .search-container .search-btn {border:0; background:#003f68 url(/lib/crazyforbargains/search-btn.png) 8px 5px no-repeat; float:right; width:38px; height:32px; padding:0; margin:0; cursor:pointer}





/* navigation styles */
.navigation-container {width:100%; max-width:1151px !important; height:52px; margin:-35px auto 0 auto; background: url(/lib/crazyforbargains/nav-bg.png) 0 0 no-repeat; position:relative}
    .navigation-links {padding:0; margin:0 0 0 7px; list-style:none;}
    .navigation-links li {float:left; font-family: 'Roboto', sans-serif; font-weight:700; font-size:18px; line-height:39px; color:#fff; padding:0; margin:0;}
    .navigation-links li.last {}
    .navigation-links li a {display:block; color:#fff; text-decoration:none; text-transform:uppercase; padding:0 26px;}
    .navigation-links li > a:hover, .navigation-links li > a.selected {background: #5395bc; }

    .navigation-links .ytB {display: none;border: solid 3px #5395bc;box-shadow: 0px 0px 15px -7px #000;position: absolute;left: 26px;right: 26px;background: #fff;z-index: 200;padding: 11px 0;}
        .navigation-links .ytB .column {
    display: table-cell;
    padding: 0 24px;
    width: 200px;
}
        .navigation-links .ytB .column + .column {
    border-left: solid 1px #dbeaf5;
}
        .navigation-links .ytB a {
    color: #1d1d1d;
    padding: 5px 0;
    text-transform: none;
    font-weight: 100;
    font-size: 13px;
    line-height: 14px;
    font-family: Arial;
}
        .navigation-links .ytB a.title {
    color: #025388;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    padding: 14px 0 5px;
    font-family: 'Roboto';
}
        .navigation-links .ytB a.sale {
    background: #30b995;
    color: #fff;
    display: inline-block;
    padding: 8px 26px;
    font-size: 18px;
    margin-top: 15px;
    position: relative;
    font-family: 'Roboto';
}
.navigation-links .ytB a.sale:before, .navigation-links .ytB a.sale:after {
    content: '';
    display: block;
    position: absolute;
    border: solid 17px transparent;
    top: -2px;
}
.navigation-links .ytB a.sale:before {
    border-left-color: white;
    border-left-width: 6px;
    left: 0;
}
.navigation-links .ytB a.sale:after {
    border-right-color: white;
    right: 0;
    border-right-width: 6px;
}
        .navigation-links .ytB h4 {
    font-weight: 600;
    color: #1d1d1d;
    font-size: 15px;
    margin: 0;
}
        .navigation-links .ytB h5 {
    color: #982157;
    font-size: 16px;
    margin: 0;
}

.navigation-links li.simple {
    position: relative;
}
.navigation-links li.simple .ytB {
    left: 0;
    right: auto;
    width: 250px;
}
.navigation-links li.simple [href="matching-family-pajamas.html"] + .ytB {
    width: 300px;
}
.navigation-links li.simple .ytB .column {
    width: auto;
}


/* assurance messages */
.assurance-container {width:92.59%; max-width:1000px !important; position:relative; margin:-3px 0 0 63px}

    .free-shipping {font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; line-height:14px; color:#9a1c56; text-transform:uppercase; text-align:left; background: url(/lib/crazyforbargains/shipping-icon.jpg) 0px 0px no-repeat; padding:0 0 0 43px; margin:0 0 0 0; float:left}
        .free-shipping span {color:#003f68; font-weight:400; font-style:italic; font-size:11px; text-transform:none; padding-right:4px;}
        .free-shipping a {color:#839aa9; font-weight:400; font-style:italic; font-size:11px; text-transform:none; text-decoration:none;}
    .easy-returns {font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:15px; color:#e08f02; text-transform:none; text-align:left; background: url(/lib/crazyforbargains/easy-returns.jpg) 0px 0px no-repeat; padding:0 0 0 38px; margin:0 0 0 55px; float:left}
        .easy-returns a {color:#839aa9; font-weight:400; font-style:italic; font-size:11px; text-transform:none; text-decoration:none;}
    .fast-shipping {font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:14px; color:#0a9a69; text-transform:none; text-align:left; background: url(/lib/crazyforbargains/fast-shipping.jpg) 0px 0px no-repeat; padding:0 0 0 36px; margin:0 0 0 55px; float:left}
        .fast-shipping a {color:#839aa9; font-weight:400; font-style:italic; font-size:11px; text-transform:none; text-decoration:none;}
    .safe-secure {font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; line-height:14px; color:#387ab7; text-transform: uppercase; text-align:left; background: url(/lib/crazyforbargains/safe-secure-icon.jpg) 0px 0px no-repeat; padding:0 0 0 26px; margin:0 0 0 55px; float:left}
        .safe-secure span {font-weight:700; font-style:italic}
        .safe-secure a {color:#387ab7; text-decoration:none;}



/* crumbs */
.crumbs {display: none;height:30px; width:100%; font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px; color:#ac1f60; text-align:left; text-transform: capitalize; background:url(/lib/crazyforbargains/crumbs-dash.jpg) top left repeat-x;}
    .crumbs a {color:#737373; text-decoration:none; line-height:30px; display:block; float:left;}
    .crumbs a.active {color:#ac1f60; text-decoration:none; font-weight:400}
    .crumbs span {float:left; display:block; padding:0 7px; line-height:30px; color:#737373;}




.content-msg {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003f68; font-weight:normal; line-height:19px; text-align:left; padding:0 0 15px 0; margin:0}
.content-msg h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#003f68; font-weight: bold; line-height:28px; text-align:left; padding:14px 0 5px 0; margin:0}
.content-msg h2 {padding-top: 0;} /* temporary? */
.content-msg h6 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003f68; font-weight: bold; line-height:21px; text-align:left; padding:0; margin:0}
.content-msg a {color:#1185c9; text-decoration:underline}




.custom-select-menu {font-family:'Roboto', sans-serif; font-weight:400; font-size:13px; color:#000; width:160px; height:27px; line-height:25px; border:1px solid #cfcfcf; padding:0; margin:8px 0 0 0; background:#fff url(/lib/crazyforbargains/select-menu-arrow.jpg) 132px 10px no-repeat; position:relative; z-index:100; float:left}
    .custom-select-menu label {width:100%; display:block; cursor:pointer; padding:0 0 0 12px; width:148px}
        .custom-select-menu label:focus {color:#AC1F60; border:0; outline:0}
        .custom-select-menu label:hover {color:#AC1F60}
    .custom-select-menu ul {list-style:none; padding:5px 0 0 0; margin:4px 0 0 -1px; width:162px; background:#edf2f5; outline:none}
        .custom-select-menu ul li {line-height:27px; cursor:pointer; padding:0 0 0 7px}
            .custom-select-menu ul li:hover {color:#AC1F60; background:#dde7ed}





/* footer styles   ==========================================*/

.footer-container-full {background:#003c65 url(/lib/crazyforbargains/footer-top-bg.jpg) left top repeat-x; height:auto; min-height:387px !important}

    .footer-fun-club-container {width:100%; position:relative; padding:0; margin:0 0 0 0}
        .footer-fun-club-container .top-border {width:100%; height:9px; background:url(/lib/crazyforbargains/footer-dash.png) left top repeat-x; clear:both}

        .footer-fun-club-container .fun-club-logo {position:absolute; top:-41px; left:-15px; width:36.38%; max-width:393px !important; height:auto; max-height:149px !important;}
            .footer-fun-club-container .fun-club-logo img {width:100%}

        .footer-fun-club-container .form {width:62.03%; max-width:670px !important; height:auto; min-height:60px !important; float:right}
        .footer-fun-club-container .form div {float:left}
        .footer-fun-club-container .form form {padding:18px 0 0 0; margin:0}
        .footer-fun-club-container .form .input-txt {width:74px; height:24px; border:0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#787878; font-style:italic; text-transform:capitalize; padding:0 10px; margin:0 15px 0 0}
        .footer-fun-club-container .form .email-input {width:195px;}
        .footer-fun-club-container .form .join-btn {width:83px; height:24px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:400; font-size:12px; color:#fff; background:#ac1f60; border:0; cursor:pointer; text-transform:uppercase; vertical-align:middle; padding:0; margin:0 0 0 10px}
        .footer-fun-club-container .form .learn-btn {width:96px; height:24px; line-height:24px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:400; font-size:12px; color:#fff; background:#5395bc; border:0; cursor:pointer; text-transform:uppercase; text-decoration:none; vertical-align:middle; display:block; margin:0 0 0 8px}

        .footer-fun-club-container .bottom-border {width:100%; height:9px; background:url(/lib/crazyforbargains/footer-dash.png) left bottom repeat-x; clear:both}


    .footer-links {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:normal; text-transform:capitalize; line-height:27px; text-align:center; padding:0; position: relative; z-index: 2; }
        .footer-links a {color:#64a8d0; text-decoration:none}
        .footer-links span {padding:0 5px; color:#64a8d0;}
        .footer-links .title {padding:0 5px 0 0; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:400; color:#fff}



    .footer-cell {width:33.14%; max-width:358px !important; float:left}

        .safe-secure-online {font-family: 'Roboto', sans-serif; font-weight:700; font-size:16px; line-height:25px; color:#fec320; text-transform: uppercase; text-align:left; background: url(/lib/crazyforbargains/footer-safe-secure.png) 0px 0px no-repeat; padding:0 0 0 55px; margin:0 0 0 57px;}
        .safe-secure-online span {font-weight:400; color:#4aa5db}
        .safe-secure-online a {color:#387ab7; text-decoration:none;}

        .social-links {padding:0; margin:19px 0 0 28px}
        .social-links a {display:block; width:32px; height:32px; float:left; padding:0; margin:0 10px 0 0}

        .second {border-left:1px solid #012e4d; border-right:1px solid #012e4d}
        .second p {font-family: 'Roboto', sans-serif; font-weight:400; color:#fff; font-size:13px; padding:15px 0 10px 0; margin:0; line-height:18px; text-align:center}
        .second p a {color:#fad500; text-decoration: underline}
        .need-support {font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:18px; line-height:22px; color:#fff; text-transform: uppercase; text-align:left; background: url(/lib/crazyforbargains/footer-phone-icon.png) 0px 0px no-repeat; padding:0 0 0 30px; margin:0 0 0 36px;}
        .need-support span {font-weight:700; color:#fec320}
        .need-support .blue {color:#4aa5db}

        .f-free-shipping {font-family: 'Roboto', sans-serif; font-weight:700; font-size:18px; line-height:20px; color:#f9cd00; text-transform: uppercase; text-align:left; background: url(/lib/crazyforbargains/footer-free-shipping.png) 0px 0px no-repeat; padding:0 0 0 69px; margin:0 0 0 72px;}
        .f-free-shipping span {font-weight:400; color:#fff; font-style:italic; font-size:14px; text-transform:none; line-height:14px}
        .third p {font-family: 'Roboto', sans-serif; font-weight:400; color:#50aee6; font-size:13px; padding:7px 0 10px 0; margin:0; line-height:18px; text-align:center}
        .third p a {color:#fff; text-decoration: none; font-style:italic; font-size:11px}


    .footer-bottom {border-top:1px solid #012e4d; position:relative; height:auto; min-height:60px !important}
        .copy {position:absolute; top:0; left:3px;}
            .copy p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:normal; padding:21px 0 0 0; margin:0; line-height:18px}
        .cards {float:left; margin:16px 0 0 225px;}
        .badges {float:right; margin:8px 20px 0 0}
            .badges div {float:left; margin-left:10px}


.promo-bar {
    background: url(/lib/crazyforbargains/promo-bar-bg.png) center repeat-x;
    color: #9a1c56;
    font: 700 18px/33px 'Roboto';
    height: 33px;
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: 14px;
}
.promo-bar a {
    color: inherit;
    text-decoration: none;
}
.promo-bar:before, .promo-bar:after {
    content: '';
    display: block;
    height: 33px;
    width: 45px;
    position: absolute;
    top: 0;
}
.promo-bar:before {
    background: url(/lib/crazyforbargains/promo-bar-stars-left.png) center no-repeat;
    left: 4px;
}
.promo-bar:after {
    background: url(/lib/crazyforbargains/promo-bar-stars-right.png) center no-repeat;
    right: 4px;
}












@media (max-width: 1168px) {

    /* navigation styles */
        .navigation-container {max-width:100% !important; height:39px; background: #003f68 none; margin:-35px auto 13px auto;}

}

@media (max-width: 1140px) {

    /* header styles  ========================================= */
        .header-container .logo {left:0;}

}




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

    .promo-bar, .promo-bar:before, .promo-bar:after {
      background: none;
    }
    .promo-bar {
      height: auto;
      line-height: 18px;
    }

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

    /* header styles  ========================================= */

        .header-container .logo {top: 18%}

        .header-container .top-links {margin:0 5px 0 0}

        .header-container .cart-checkout {
          position:absolute;
          top: auto;
          right: 0px;
          bottom: -47px;
          z-index: 2;
        }

        .search-container {width: 305px; max-width:305px !important;}
            .search-container .inner {width:96.25%; max-width:289px !important;}
            .search-container .search-input {width:230px; margin:8px 5px 0 5px;}

        .assurance-container {width:98%; max-width:960px !important; position: static; margin:10px auto}

        .crumbs {padding:0 0 0 5px}


    /* footer styles ========================================= */

        .footer-cell {width:98%; max-width:570px !important; float:none; margin:0 auto; clear:both;}
            .first {height:70px}
            .safe-secure-online {float:left; margin:0;}
            .social-links {float:left; margin-top:9px}

            .second {border-left:0px; border-right:0px; max-width:635px !important; height:65px}
            .need-support {float:left; margin:0;}
            .second p {float:left; padding:0 0 0 25px;}

            .third {max-width:500px !important;}
            .f-free-shipping {float:left; margin:0}
            .third p {float:left; padding:0 0 0 25px;}

}


@media (max-width: 1075px) {

    /* footer styles ========================================== */
        .footer-fun-club-container .fun-club-logo {position: static; top:0; left:0; width:96%; margin:0 auto}
        .footer-fun-club-container .form {width:98%; max-width:670px !important; float: none; margin:0 auto; min-height:40px !important;}
            .footer-fun-club-container .form form {padding:0;}
}


@media (max-width: 1060px) {

    .crumbs {height:auto; min-height:30px !important; padding-top:5px}
    .crumbs a, .crumbs span {line-height:20px;}

}



@media (max-width: 985px) {

    /* header styles  ========================================= */
        .assurance-container {width:98%; max-width:500px !important; position: static; margin:10px auto}
            .fast-shipping {margin:10px 0 0 7px;}
            .safe-secure {padding:0 0 0 34px; margin:10px 0 0 88px;}

}


@media (max-width: 774px) {

    /* header styles  ========================================= */
        .header-container .logo {position:static; top:0; left:0; padding:15px 0 0 0; margin:0 auto; width:98%; max-width:400px !important;}
        .top-links, .help {display:none}
        .search-container {float:none !important; margin:0 auto;}
            .search-container .fix-float-for-xs {padding-top:8px}
            .search-container .inner {margin:0 auto 0 auto}


    /* footer styles ========================================== */
        .footer-links {margin:0 auto; width:90%}


        .footer-links .title {padding:0; display:block; clear:both; float:none; margin:0 auto; text-align:center}

}


@media (max-width: 774px) {

    /* footer styles ========================================== */
        .footer-bottom {height:auto; min-height:60px !important}
        .copy {position: static; top:0; left:0; text-align:center; clear:both}
            .copy p {padding:10px 5px 20px 5px;}
        .cards {float:none; margin:16px auto 0 auto; text-align:center}
        .badges {float:none; margin:8px auto; text-align:center; clear:both; width:100%; max-width:230px !important}

}


@media (max-width: 685px) {

    /* footer styles ========================================== */
        .footer-fun-club-container .form {max-width:200px !important;}
            .footer-fun-club-container .form div {float: none;}
            .footer-fun-club-container .form .input-txt {width:180px; margin:10px auto 0 auto}
            .footer-fun-club-container .form .email-input {width:180px; margin:10px auto 0 auto}
            .footer-fun-club-container .form .join-btn {width:200px; margin:10px auto 0 auto}
            .footer-fun-club-container .form .learn-btn {width:200px; margin:10px auto}

        .footer-cell {width:98%; max-width:358px !important; margin-bottom:10px;}

            .first {height:auto; min-height:100px !important}
            .safe-secure-online {float:none; margin:0 auto; width:200px;}
            .social-links {margin:10px auto; float:none; width:98%; max-width:290px !important;}

            .second {height:auto; min-height:100px !important}
            .need-support {float:none; margin:0 auto; width:270px;}
            .second p {float:none; margin:10px auto 0 auto}

            .f-free-shipping {float:none; margin:0 auto; width:170px;}
            .third p {float:none; margin:10px auto 0 auto}

}


@media (max-width: 525px) {

    /* header styles  ========================================= */
        .free-shipping {float:none; margin:0 auto; width:200px}
        .easy-returns {float:none; margin:10px auto 0 auto; width:200px}
        .fast-shipping {margin:10px auto 0 auto; float:none; width:200px}
        .safe-secure {padding:0 0 0 34px; margin:10px auto 0 auto; float:none; width:200px}

}


@media (max-width: 417px) {

    /* header styles  ========================================= */
        .header-container {height:auto; min-height:150px !important; max-height:188px !important; background:none}

        .search-container {width: 250px; max-width:250px !important;}
            .search-container .inner {width:234px; max-width:234px !important;}
            .search-container .search-input {width:186px; font-size:12px;}

        .define-height-under-400 {height:15px;}

    /* footer styles ==========================================*/
        .social-links a {width:10%; max-width:32px !important; height: auto; max-height:32px !important;}
            .social-links img {width:100%}
            a.blog-icon {width:40%; max-width:117px !important; height:23px}
                a.blog-icon img {width:100%}
        .need-support {font-size:14px; width:100%; max-width:210px !important}
        .need-support span {font-size:18px;}
        .second p {padding:10px 5px; margin:0}

        .third p {padding:7px 5px; margin:0;}

}