/*---------- SUBNAV ----------*/
#bcsubnav ul { border: 0; border-bottom: 2px; border-style: solid; border-color: #ccc;}
#bcsubnav ul li { display: inline-block;  font-size: 14px; font-weight: 700; margin: 0; padding: 12px 16px; position: relative; top: 8px;}
#bcsubnav ul li a { color: #000; display: block; padding: 6px;}
#bcsubnav ul li.selected { background: url('/bizcontent/marketing/beauty-trends/subnav-selected.png') repeat-x bottom left; position: relative; top: 8px;}
#bcsubnav ul li a:hover { text-decoration: none; color:#cc0000; }
/*---------- /SUBNAV ----------*/


/*---------- FORM STYLES ----------*/
.beautyclup_exce2 {width: auto !important;}
.beautyclup_exce #beautyClubECWholeBox li.col2 p {font-size: 12px;}
/*---------- /FORM STYLES ----------*/



/*---------- GENERAL STYLES ----------*/
#bcpage .nobreak {white-space: nowrap;}
#bcpage .spacer-top {padding-top: 32px;}
#bcpage .spacer-bottom {padding-bottom: 32px;}
#bcpage .spacer-left {padding-left: 32px;}
#bcpage .spacer-right {padding-right: 32px;}
#bcpage img {max-width: 100%; vertical-align: bottom;}
#bcpage sup.dollarsign {vertical-align: baseline !important; position: relative; top: -9px;}
#bcpage .super {position:relative; bottom:.55em; font-size:.55em; line-height:.55em;}
#bcpage .superlg {position:relative; bottom:.8em; font-size:16px; line-height:.55em;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     #bcpage sup.dollarsign {vertical-align: baseline; position: relative; top: -13px;}
}

@media screen and (max-width: 640px) {
    a.pbtn-large.pbtn-black.ptxt-white{width: 100%; display: inline-block; text-align: center;}
}

@media screen and (min-width: 641px) {
    #bcpage .disclaimers {padding-left: 34px; padding-right: 34px;}
    #bcpage .bclogo {padding-left: 24px; padding-right: 24px;}
}
/*---------- /GENERAL STYLES ----------*/



/*---------- BAR LINK CTAS ----------*/
#bcpage .bar-ctas {background: #fff;}
#bcpage .bar-ctas li {border-top: 1px solid #cccccc;}
#bcpage .bar-ctas li:last-child {border-bottom: 1px solid #cccccc;}
#bcpage .bar-ctas a, 
#bcpage .bar-ctas a:visited {background: rgba(0, 0, 0, 0) url(/bizcontent/general/buttons/caret-black.png) no-repeat scroll 96% center; background-size: 7px 12px; color: #000000; display: block; font-size: 14px; font-weight: 600; padding: 12px 14px 12px 10px; vertical-align: middle; text-align: left; text-decoration: none;}
#bcpage .bar-ctas a:hover {background: #f2f2f2 url(/bizcontent/general/buttons/caret-black.png) no-repeat scroll 96% center; background-size: 7px 12px; color: #000000; display: block; font-size: 14px; font-weight: 600; padding: 12px 14px 12px 10px; vertical-align: middle; text-align: left; text-decoration: none;}

@media screen and (max-width: 640px) {
    #bcpage .bar-ctas li.second-col {border-top: none;}
}
/*---------- /BAR LINK CTAS ----------*/



/*---------- OFFER BANNER ----------*/
#bcpage .banner-offer {background: url('/bizcontent/marketing/beauty_club/images/bc-offer-banner.jpg') no-repeat bottom right; min-height: 150px; background-position: -265px -135px; padding: 24px;}

@media screen and (max-width: 768px) {
    #bcpage .banner-offer {background: url('/bizcontent/marketing/beauty_club/images/bc-zig-zag-background.jpg') no-repeat bottom right;}
}

/*---------- /OFFER BANNER ----------*/



/*---------- OFFER BANNER - JOIN BOTTOM ----------*/
#bcpage #bcjoinbottom .banner-offer {background: url('/bizcontent/marketing/beauty_club/images/bc-offer-banner.jpg') no-repeat bottom right; min-height: 230px; background-position: -265px -135px;}

@media screen and (max-width: 768px) {
    #bcpage #bcjoinbottom .banner-offer {background: url('/bizcontent/marketing/beauty_club/images/bc-zig-zag-background.jpg') no-repeat bottom right;}
}

@media screen and (min-width: 641px) {
    #bcpage #bcjoinbottom .main-block-text {padding-left: 24px; padding-right: 24px;}
} 
/*---------- /OFFER BANNER ----------*/



/*---------- OFFER BANNER - COMFIRM WELCOME BOTTOM ----------*/
#bcpage #bcexistingbottom .banner-offer {background: url('/bizcontent/marketing/beauty_club/images/bc-offer-banner.jpg') no-repeat bottom right; min-height: 230px; background-position: -265px -135px;}

@media screen and (max-width: 768px) {
    #bcpage #bcexistingbottom .banner-offer {background: url('/bizcontent/marketing/beauty_club/images/bc-zig-zag-background.jpg') no-repeat bottom right;}
}

@media screen and (min-width: 641px) {
    #bcpage #bcexistingbottom .main-block-text {padding-left: 24px; padding-right: 24px;}
} 
/*---------- /OFFER BANNER ----------*/



/*---------- BLACK BANNER ----------*/
#bcpage .bottom-banner-black {background: #000;}

@media screen and (max-width: 640px) {
    #bcsubnav ul {border-bottom: none;}
    #bcsubnav ul li{border-bottom: 1px solid #ccc; display: block;}
    #bcsubnav ul li.selected {background: none; border-left: 2px solid #cc0000;}
    #bcpage .spacer-left {padding-left: 16px;}
    #bcpage .spacer-right {padding-right: 16px;}
}
/*---------- /BLACK BANNER ----------*/



/*---------- BC WHAT'S NEW PAGE ----------*/
#bcwhatsnew .main-block {background: url('/bizcontent/marketing/beauty_club/images/bc-rewards-background.jpg') no-repeat bottom right; height: 563px; background-size: 800px; background-position-y: -65px;}
#bcwhatsnew .right-block {height: auto; float: right;}
#bcwhatsnew .subblocks {border: 1px solid #cccccc;}

@media screen and (min-width: 641px) {
    #bcwhatsnew .weeklyadcta {padding-left: 34px; padding-right: 34px;}
    #bcwhatsnew .subblocks {padding-right: 24px; padding-left: 24px;}
}

@media screen and (max-width: 900px) {
    #bcwhatsnew .main-block {background-position: -180px -30px;}
}

@media screen and (max-width: 768px) {
    #bcwhatsnew .main-block {height: 593px; background-position: -275px -15px;}
}

@media screen and (max-width: 640px) {
    #bcwhatsnew .main-block {height: 468px; background-position: -55px -110px;}
    #bcwhatsnew .subblocks {border: none; border-bottom: 1px solid #cccccc;}
}

@media screen and (max-width: 475px) {
    #bcwhatsnew .main-block {background-position: -200px -110px;}
}

@media screen and (max-width: 320px) {
    #bcwhatsnew .main-block {background-size: 600px; background-position: -175px 0;}
}
/*---------- /BC WHAT'S NEW PAGE ----------*/



/*---------- BC HOW IT WORKS PAGE ----------*/
#bchowitworks h4 {font-size: 22px; line-height: 24px; color: #000; margin: 0 0 20px 0;}
#bchowitworks .main-block {background: url('/bizcontent/marketing/beauty_club/images/bc-rewards-makeup.png') no-repeat bottom right; height: 364px; border-bottom: 1px solid #cccccc; background-position: 270px -60px;}
#bchowitworks .main-block-text ul li {list-style-type: disc;}
#bchowitworks .right-ctas {float: right;}

@media screen and (min-width: 641px) {
    #bchowitworks .main-block-text {padding-left: 24px; padding-right: 24px; padding-top: 36px; padding-bottom: 36px;}
}

@media screen and (max-width: 640px) {
    #bchowitworks .main-block {background: #fff; height: auto; border: none; margin-top: 30px;}
    #bchowitworks .main-block img {width: 173px;}
    #bchowitworks .right-ctas {float: left;}
}
/*---------- /BC HOW IT WORKS PAGE ----------*/



/*---------- BC DEALS PAGE ----------*/
#bcdeals .main-block {background: url('/bizcontent/marketing/beauty_club/images/bc-rewards-makeup-tilted.jpg') no-repeat bottom right; height: 364px; border-bottom: 1px solid #cccccc; background-position: 270px -60px;}
#bcdeals .main-block-text {padding-top: 40px; padding-bottom: 40px; padding-left: 24px; padding-right: 24px;}

@media screen and (max-width: 640px) {
    a.pbtn-large.pbtn-black.ptxt-white{width: 100%; display: inline-block; text-align: center;}
    #bcdeals .main-block {height: 450px; background-size: 500px; background-position: -155px 175px; margin-top: 30px;}
    #bcdeals .main-block-text {padding: 0;}
}

@media screen and (max-width: 320px) {
    #bcdeals .main-block {background-position: -155px 240px;}
}
</style>
/*---------- /BC DEALS PAGE ----------*/



/*---------- BC JOIN TOP OF PAGE ----------*/
#bcjointop h4 {font-size: 22px; line-height: 24px; color: #000; margin: 0 0 20px 0;}
#bcjointop .top-banner {background: #000; padding-top: 15px; padding-bottom: 15px; color: #fff;}
#bcjointop .main-block {background: url('/bizcontent/marketing/beauty_club/images/bc-rewards-makeup-tilted.jpg') no-repeat bottom right; min-height: 364px; border-bottom: 1px solid #cccccc; background-position: 390px -225px; background-size: 600px;}
#bcjointop .main-block-text {padding-top: 40px; padding-bottom: 40px;}
#bcjointop .main-block-text ul li {list-style-type: disc;}

@media screen and (min-width: 641px) {
    #bcjointop .main-block-text {padding-left: 24px; padding-right: 24px; padding-top: 36px; padding-bottom: 36px;}
}

@media screen and (max-width: 640px) {
    #bcjointop .main-block {background: #fff; height: auto; margin-top: 30px;}
    #bcjointop .main-block-text {padding-top: 0; padding-bottom: 0;}
    #bcjointop .main-block img {width: 173px;}
}
/*---------- /BC JOIN TOP OF PAGE ----------*/



/*---------- BC JOIN BOTTOM OF PAGE ----------*/
@media screen and (max-width: 640px) {
    #bcjoinbottom .main-block {background: #fff; height: auto; border: none;}
    #bcjoinbottom .main-block img {width: 173px;}
}
/*---------- /BC JOIN BOTTOM OF PAGE ----------*/



/*---------- BC GUARANTEE ----------*/
#bcguarantee .main-block-text ul li {list-style-type: disc;}
#bcguarantee .guarantee-text {margin-top: 30px;}

@media screen and (max-width: 768px) {
    #bcguarantee .guarantee-text {margin-top: 16px;}
}

@media screen and (max-width: 640px) {
    #bcguarantee .guarantee-text {margin-top: 0;}
}

/*---------- /BC GUARANTEE ----------*/