/* Spotlight 1 ----------------------------------*/
.flexpic, .flexbody { position: absolute; }
div.contentArea { position: relative; float: left; }
.spotlight-2, .spotlight-3, .spotlight-4 , .spotlight-5, .spotlight-8 , .spotlightHair{ position: relative; }
div.homepageLayout .spotlight-1 { display: block; }
.spotlight-1 { margin:0 auto; position: relative; height: 497px; overflow: hidden; width: 1200px; display: none; }
.spotlight-1 .slideList { position:relative; left:0; top:0; height: 497px; overflow: hidden; width: 1200px; background: #000 url(../Images/background/preload.gif) center center no-repeat!important; }
.spotlight-1 .slideList .slide { display: none; position:absolute; float:left; width: 1200px; left:0; top:0; height: 497px; overflow: hidden; }
.spotlight-1 .indicatorStripCont { top: 15px; left: 542px; position: absolute; z-index: 2000; }
.spotlight-1 .indicatorStrip { height: 21px;}
.spotlight-1 .indicatorStrip li { margin: 0 13px 0 0; width: 13px; height: 13px; background:url(../Images/background/spotlightIndicator.png) left top no-repeat; float: left; text-indent: -5000px; cursor: pointer; }
.spotlight-1 .indicatorStrip li.active { background-position: -26px 0 }
.spotlight-1 span.slideNextButt, .spotlight-1 span.slidePrevButt  { width: 7px; height: 12px; position: absolute; background:url(../Images/background/rotatorButtons.png) no-repeat; text-indent: -9999px;  top: 1px; cursor: pointer; }
.spotlight-1 div.indicatorStripContInner { margin:0 12px 0 25px; }
.spotlight-1 span.slidePrevButt { background-position: 0 0; left: 0; }
.spotlight-1 span.slideNextButt {  background-position: 0 -18px; right: 0; }
.spotlight-1 div.flexbody { width: 360px; }
.spotlight-1 div.flexbody  div.desc { margin-top: 30px; width: 272px; }
.spotlight-1 div.flexbody  div.desc p { line-height: 18px; padding-bottom:2px;}
.spotlight-1 div.flexbody  div.desc p.noPurchange { font-size: 11px; }
.spotlight-1 div.flexbody  div.desc p.noPurchange a { color: #2C2C2C; }
.spotlight-1 div.flexbody  div.desc p.noPurchange a span.officialRules { text-decoration: underline; }
.spotlight-1 div.flexbody a.CTAButtons { margin-top: 30px; }
.spotlight-2 { margin:0; position: relative; width: 537px; height: 273px; }
div.flexbody  { width: 95%; }
.spotlight-2 div.flexbody a.CTAButtons  { position: absolute; right: 0; bottom: 13px;}
/* changes done for changing spotlight by SB-23March-15
.spotlight-3 { width: 866px; height: 186px; background: url(../Images/background/spotlightBgM.jpg) no-repeat 0 0;  overflow: hidden; }*/
.spotlight-3 { width: 866px; height: 186px; background: url(../Images/background/offer-promo-bottom-bg.jpg) no-repeat 0 0;  overflow: hidden; }
.spotlight-4 { width: 887px; height: 430px; background:url(../Images/background/spotlightBgL.jpg) 0 0 no-repeat; }
.spotlight-4 div.flexbody, .spotlightHair div.flexbody { width: 510px; }
/* 
changes in gotham font for desc – SB – 20-3-2015
.spotlight-4 div.desc , .spotlightHair div.desc{ padding: 0;}*/
.spotlight-4 div.desc , .spotlightHair div.desc{ padding: 0; font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal; font-size: 0.9em;}
.spotlight-4 div.desc ul.list , .spotlightHair div.desc ul.list{ padding:10px 0 15px 0; }
/*
changes in bullet color for dark background – SB – 19-3-2015
.spotlight-4 div.desc ul.list li { background:url(../Images/background/disc.png) 0 8px no-repeat; padding: 0 0 0 10px; line-height:17px;}*/
.spotlight-4 div.desc ul.list li { background:url(../Images/background/discwhite.png) 0 8px no-repeat; padding: 0 0 0 10px; line-height:17px;}
.spotlight-5 { width: 262px; height: 383px; background:url(../Images/background/spotlightBg.jpg) 0 0 no-repeat; padding: 15px; text-align: center;  }
.spotlight-5 div.details { font-size: 0.8em; }
.spotlight-5 div.details p { padding: 5px 0; margin: 0; }
.spotlight-6 { width: 260px; height:383px; background:url(../Images/background/saveskinImg.jpg) 0 0 no-repeat; padding: 15px; text-align: center;  }
.spotlight-7 { width: 480px; height:383px; background:url(../Images/background/spotlightBgLsquare.jpg) 0 0 no-repeat; padding: 15px 15px 15px 40px; text-align: left;  }
.spotlight-7 div.details { font-size: 0.8em; }
.spotlight-7 div.details p {padding:15px 0; margin: 0; width:200px; display:block; font:normal 14px Gotham A, Gotham B,Helvetica, Arial;}
.spotlight-8 { width: 867px; height:560px; background-repeat:no-repeat;background-position:0 0;}

/* Sarvesh */
/* productCategory-hair.html */
.spotlight-4.hair { width: 887px; height: 430px; background:url(../Images/background/spotlightBgL9.jpg) 0 0 no-repeat; }
.spotlight-4.hair div.desc p, .spotlightHair{ color: white;}
.spotlight-4.hair div.flexpic > figure > img{ margin: 0 -70px -3px 0;}

/* productDetail_BW_SC_SK */
.flashArea > figure.tooltip { position: relative; }
.flashArea > figure.tooltip > div { background: url("../Images/buttons/plus.png") no-repeat scroll 0 0 transparent; height: 27px; width: 26px; position: absolute; cursor:pointer; }
.flashArea > figure.tooltip > .plus1 { top:36px; left:204px; }
.flashArea > figure.tooltip > .plus2 { bottom:121px; right:53px; }

.flashArea > figure.tooltip > div > p{ background: url("../Images/background/tooltipBg2.png") repeat scroll 0 0 transparent; position: absolute; color:#fbfbfb; padding: 6px 11px 8px; font-size:12px; font-family: "myriad pro"; display:none; }
.flashArea > figure.tooltip > div > p::selection {	background: none; /* Safari */ }
.flashArea > figure.tooltip > div > p::-moz-selection {	background: none; /* Firefox */ }
.flashArea > figure.tooltip > .plus1 > p{ top:22px; left:21px; width:190px; }
.flashArea > figure.tooltip > .plus2 > p{ top:22px; right:20px; width:130px; text-align: left;}

.spotlight-9 { position: relative; width: 866px; height: 186px; background: url("../Images/background/spotlight-bg.jpg") no-repeat scroll 0 0 transparent;  overflow: hidden; }
.spotlight-9 span.bracketsAquaSmallSpan{background: url("../Images/background/bracketsAquaOrange.png") no-repeat scroll right -92px transparent;display: inline-block;height: 88px;padding: 13px 25px 0;}
.spotlight-9 div.bracketsAquaSmall{font-family:FranklinGothicHeavy,arial;background:url(../Images/background/bracketsAquaOrange.png) 0 0 no-repeat;text-transform:uppercase;height:88px;font-family:FranklinGothicHeavy,arial;display:inline-block}

.spotlightHair{ width: 887px; height: 430px; background:url(../Images/background/spotlighthairbg.jpg) 0 0 no-repeat; }
.spotlightHair div.desc ul.list li { background:url(../Images/background/discwhite.png) 0 8px no-repeat; padding: 0 0 0 10px; line-height:17px;}

/* productCategory-face-care*/
.face .spotlight-4,.spotlightHair.spotlightFace{ width: 887px; height: 430px; background:url(../Images/background/spotlightface.jpg) 0 0 no-repeat;}
.face .spotlight-4 div.flexbody {width: 415px;}
.face .spotlight-4 div.desc p{ color: white; padding-bottom:20px;}
.face .spotlight-4 div.desc {padding: 20px 0px 0px 0px;}
.face .categoryColMedium .categoryColInner a {height: 93px;padding: 65px 0 0 105px;}
.categoryLayout .row-1.faceCare div.columnRight { width: 312px;}
/*.categoryLayout .row-1.faceCare .columnRight div.wCurveBox{background: #4c4e4f; border: 8px solid #fff;}
.categoryLayout .row-1.faceCare .spotlight-5{padding:0; height: 475px;background: #4c4e4f;}*/
/* Changes in Expert Tip BG color – SB – 11-3-2015*/
.categoryLayout .row-1.faceCare .columnRight div.wCurveBox { background: #303334;border: 8px solid #fff;}
.categoryLayout .row-1.faceCare .spotlight-5{padding:0; height: 475px;background: #303334;}
.categoryLayout .row-1.faceCare .spotlight-5 div.flexbody{ width: 100%;}
/*.categoryLayout .row-1.faceCare .spotlight-5 div.flexbody a{ display: block; text-align: left; margin: 15px 0;  background: url("../Images/background/ButtonsBgBig1.png") no-repeat scroll right 9px #2C2C2C;padding: 5px 12px;}

.categoryLayout .row-1.faceCare .spotlight-5 div.flexbody a:hover{ display: block; text-align: left; margin: 15px 0;  background: url("../Images/background/ButtonsBgBig1.png") no-repeat scroll right -34px #2C2C2C; padding: 5px 12px;}
*/
/* Changes in Expert Tip Button BG color – SB – 11-3-2015*/
.categoryLayout .row-1.faceCare .spotlight-5 div.flexbody a{ display: block; text-align: left; margin: 15px 0;  background: url("../Images/background/ButtonsBgBig1.png") no-repeat scroll right 9px #454954;padding: 5px 12px;}
.categoryLayout .row-1.faceCare .spotlight-5 div.flexbody a:hover{ display: block; text-align: left; margin: 15px 0;  background: url("../Images/background/ButtonsBgBig1.png") no-repeat scroll right -34px #454954; padding: 5px 12px;}
.categoryLayout .row-1.faceCare .spotlight-5 div.flexbody p{ padding: 0; color: #fff; font-size: 14px;font: 800 14px Gotham A,Gotham B, arial; margin-bottom:15px; text-transform: uppercase;}
/*
.expertResult{background: #000; color: #fff; text-align: left;display: none;}
.expertResult.active { display: block; }
.expertResult h4{ margin-bottom: 10px;}
.expertResult p{font: 17px FranklinGothicHeavy,arial;color: #c8c8c8; text-transform: uppercase;}
.bottomLink{background: #4C4E4F;width:100%; padding: 0; text-align: center; overflow: hidden;}
.CTAButtons.getmorelinks { display: none; }
.facecare div.columnRight div.wCurveBox div.spotlight-5, .faceCare .spotlight-5{background:#4C4E4F;}
.faceCare .spotlight-5 .bottomLink a{ color:#fff;background: url("../Images/background/ctaButtonsBg.png") no-repeat scroll right 0 #4c4e4f; padding: 2px 38px 2px 0;}
.faceCare .spotlight-5 .bottomLink a:hover{background-position:right -32px;}
*/

/* Tiny Scrollbar */
/*
.expertResult .viewport { width: 180px; height: 185px; overflow: hidden; padding:10px 10px 0 10px; position: relative; }
.expertResult .overview { list-style: none; position: absolute; left: 10px; top: 0; padding: 0; margin: 0; }
.expertResult .scrollbar{ background: none; height:100px; position: relative; background-position: 0 0; float: right; width: 15px; margin-top:7px;}
.expertResult .track { background: none; height: 100%; width:13px; position: relative; padding: 0 1px; }
.expertResult .thumb { background: transparent url(../Images/background/bg-scrollbar-track-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.expertResult .thumb .end { background: none; overflow: hidden; height: 5px; width: 25px; display: none; }
*/
.expertResult{background: #000; color: #fff; text-align: left;display: none;}
.expertResult.active { display: block; }
.expertResult h4{ margin-bottom: 10px; background: #303334; padding: 0 0 10px;}
.expertResult p{font-size: 17px; color: #c8c8c8;font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;}
.expertResult p strong{color:#0098be;}
.bottomLink{background: #4c4e4f;width:100%; padding: 0; text-align: center; overflow: hidden;}
.CTAButtons.getmorelinks { display: none; }
.faceCare .spotlight-5{ width: 270px;}
.faceCare .spotlight-5 header{ margin-bottom: 50px;}
.faceCare .spotlight-5 .bottomLink a{ color:#fff;background: url("../Images/background/ctaButtonsBg.png") no-repeat scroll right 0 #4c4e4f; padding: 2px 38px 2px 0;}
.faceCare .spotlight-5 .bottomLink a:hover{background-position:right -32px;}


/* Tiny Scrollbar */
.expertResult .viewport { width: 220px; height: 400px; overflow: hidden; padding:10px 10px 0 10px; position: relative; }
.expertResult .overview { list-style: none; position: absolute; left: 10px; top: 0; padding: 0; margin: 0; }
.expertResult .scrollbar{ background: none; position: relative; background-position: 0 0; float: right; width: 15px; margin-top:30px;}
.expertResult .track { background: none; height: 100%; width:13px; position: relative; padding: 0 1px; }
.expertResult .thumb { background: transparent url(../Images/background/bg-scrollbar-track-y.png) 50% 100%; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 10px; left: 0px;}
.expertResult .thumb .end { background: none; overflow: hidden; height: 5px; width: 25px; display: none; }
.expertResult .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* DMC Powerball */
/* Changes in text color for Antiperspirants – SB – 19-3-2015*/
/*.textAlign {
    color: #2c2c2c;
    font-family: arial;
    font-size: 14px;
    left: 0px;
    position: relative;
	width: 580px;
}*/
.textAlign {
    font-family: arial;
    font-size: 14px;
    left: 0px;
    position: relative;
	width: 580px;
}
.powerBall .jcarousel-skin-mayLike .jcarousel-container-horizontal{ width: 700px;}
.powerBall .jcarousel-skin-mayLike .jcarousel-item,.powerBall #mayLikeCarousel li{ width: 315px;margin: 0 15px 0 0;background: none repeat scroll 0 0 #fff;padding: 10px;float:left;}
.powerBall .jcarousel-skin-mayLike .jcarousel-container-horizontal .jcarousel-clip-horizontal {height: 326px;width: 689px;}

.powerBall .jcarousel-skin-mayLike .jcarousel-item,.powerBall #mayLikeCarousel li{height:283px;}
.carousel_arrows{position: absolute;left: 180px;top: 450px;}
.carousel_arrows{position: absolute;left: 180px;top: 450px;}
span.btn_overlay  a.CTAButtons { background: #88d2e7 url(../Images/background/ctaButtonsBg2.png) no-repeat right 9px; margin-right: 10px;color:#000000; }
span.btn_overlay  a.CTAButtons:hover { background-position: right -23px; }
#col4_content h2.floatLeft{color:#000000;text-align:center;font-size:24px; width: 100%; position:relative;}
.mayLikeVideo .jcarousel-prev.jcarousel-prev-vertical {height: 30px;left: 77px;position: absolute;top: 380px;width: 30px;cursor:pointer;background:url("../Images/background/arrows.png") no-repeat;}
.mayLikeVideo .jcarousel-next.jcarousel-next-vertical {background:url("../Images/background/arrows.png") no-repeat -44px 0;height: 30px;left: 122px;
overflow: visible;position: absolute;top: 380px;width: 30px;cursor:pointer;}
.mayLikeVideo .jcarousel-clip.jcarousel-clip-vertical {height: 371px;}
.mayLikeVideo {clear: both;display: block;height: 410px;overflow: hidden;}
#cover_overlay {display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:50000;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3000000', endColorstr='#B3000000');}
#inside_video{height: 50%;left: 2.4%;position: relative;top: 3.6%;}
#cover_overlay #video_close_btn{background: url("/Resources/Images/background/video_close_btn.png") no-repeat;position: absolute;top: 4px;width:64px;height:15px;right:21px; }
.flashPowerball, .flashPowerball{ float: left; width: 100%;}
.flashPowerball p{font-family:arial;font-size:14px;color:#2c2c2c; margin-top:10px;}

.flashPowerball p > span#bold_txt{font-family:FranklinGothicHeavy;font-size:18px;}
.wCurveBox.powerBallVideo{background: none; padding: 0; float: left; width: 232px;}
.mayLike.powerBall{width:890px;position:relative;left:25px;}
.powerBall .jcarousel-skin-mayLike .jcarousel-prev-horizontal,.powerBall .jcarousel-skin-mayLike .jcarousel-next-horizontal{top:110px;}
.col4_video p > span {color: #2c2c2c;display: block;font-family: arial;font-size: 14px;text-align: center;}
#col4_content div + div { margin-top:10px;}
/*May Also LikeVideo Styles*/
.carouselColVideo figure { float: left;  }
.carouselColVideo aside { float: left; padding: 30px 0 0 15px; display: none; }
.carouselColVideo p > span{color:#2c2c2c;font-size:14px;font-family:arial;text-align:center; display: block;}
.mayLikeVideo { display: block; clear: both; }
.jcarousel-skin-mayLikeVideo .jcarousel-container { }
.jcarousel-skin-mayLikeVideo .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-mayLikeVideo .jcarousel-container-horizontal { width: 446px; padding: 0 52px; }
.jcarousel-skin-mayLikeVideo .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-mayLikeVideo .jcarousel-clip-horizontal { width: 434px; height: 152px; }
.jcarousel-skin-mayLikeVideo .jcarousel-item { padding: 10px; width: 240px; height: 166px; }
.jcarousel-skin-mayLikeVideo .jcarousel-item-horizontal { margin: 0 15px 0 0; }

.jcarousel-skin-mayLikeVideo .jcarousel-next-horizontal { position: absolute; top: 53px; right: 12px; width: 42px; height: 42px; cursor: pointer; background: transparent url(../Images/background/carouselBtns.png) -45px 0 no-repeat;
}
.jcarousel-skin-mayLikeVideo .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 0px; right: auto; background-image: url(../Images/background/carouselBtns.png)
}
.jcarousel-skin-mayLikeVideo .jcarousel-next-horizontal:active { }
.jcarousel-skin-mayLikeVideo .jcarousel-prev-horizontal { position: absolute; top: 53px; left: 0; width: 42px; height: 42px; cursor: pointer; background: url(../Images/background/carouselBtns.png) 0 0 no-repeat;}
.jcarousel-skin-mayLikeVideo .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 37px; background-image: url(../Images/background/carouselBtns.png); }
.poweballRow  .col3_content, .poweballRow  .col4_content { float: right;}
.poweballRow  .col4_content{ margin-top: 225px;}
.poweballRow  .columnLeft{ width: 72% !important;}
.poweballRow  .columnRight { width: 28% !important;}
.poweballRow  .columnRight #col3_content{ float: left; margin-top: 81px;}
.poweballRow  .columnRight #col4_content{ float: right; margin: 50px 0 0 17px;}
#BVRRSummaryContainer{display: inline-block;}
.toughPowerball_desc{padding-left: 42px;}
.spotlight-4 div.desc ul.list.textAlign li {display: inline-block;width: 270px;}
.floatLeft_txt{float:left;position:relative;left:22px;}
#col_mid_content {display: inline-block;min-height: 550px;}
.desc.PowerballDesc{ width: 600px; display: inline-block;}
.powerballReviewLink { display:inline-block; margin: 0 0 0 4px; width: 100px;text-transform:uppercase;font-family: franklingothicheavy;font-size:13px;}
.powerballReviewLink > a{ color: #fff; display: block; background: url(../Images/background/powerarrow.png) no-repeat 65px 2px;}
.ie8 .powerballReviewLink > a{ background-position:64px 3px;}

/*May Also LikeVideo Styles*/
#col4_content .jcarousel-prev.jcarousel-prev-vertical {height: 30px;left: 41px;position: absolute;top: 556px;width: 30px;cursor:pointer;background:url("/Resources/Images/prev-arrow-reviews-desktop.png") no-repeat;}
#col4_content .jcarousel-next.jcarousel-next-vertical {background:url("/Resources/Images/next-arrow-review-desktop.png") no-repeat;height: 30px;left: 192px;
overflow: visible;position: absolute;top: 557px;width: 30px;cursor:pointer;}
.reviewCarousel .jcarousel-clip.jcarousel-clip-vertical {height: 550px;}
#reviewCarouselVideo p{ padding:0;}
.inside-video-container{background: none repeat scroll 0 0 #fff;height: 600px;left: 17%;position: relative;top: 12%;width: 925px;}
#video_area > span#bold_txt {font-family: franklingothicheavy;}
/*.jwplayer{opacity:1 !important;}*/


/*DMC FAQs*/
a.show-popup{color:#36b1ac;text-decoration:underline;}
/*
 Changes in text color for FAQ popup – SB – 19-3-2015
dt.Qtext{font-size:15px;line-height:18px;text-transform:uppercase;font-family:'FranklinGothicHeavy','Arial'!important}
*/
dt.Qtext{font-size:15px;line-height:18px;text-transform:uppercase;color:#000;font-family:'FranklinGothicHeavy','Arial'!important}
dd.Atext{font-size:14px;line-height:18px;color:#2d2d2d;margin-bottom:18px;}
.overlay-bg {display: none;z-index:999999; width:100%; height:100%;position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3000000', endColorstr='#B3000000');}
.overlay-content {display: none;	background: #fff;padding: 15px 0 15px 0;height:auto;width:560px;position:fixed;position:relative\9;z-index:200000000;top: 60px;top:-460px\9;left: 52%;margin: 0 0 0 -20%;margin: 0 0 0 -30%\9;cursor: default;}
.faqContent{border:1px solid #a5a5a5;width:85%;margin:0 auto;padding:10px 25px 12px 30px;position:relative;}
/*
 Changes in text color for FAQ popup – SB – 19-3-2015
.faqContent h2{font-size:24px;}
*/
.faqContent h2{font-size:24px; color: #000;}
.cancel { display:block; position:absolute;top: 5px; right: 3px; background-image:url("/Resources/Images/cross.png");background-repeat:no-repeat; height:20px; width:20px;} 

@media (max-height: 700px) {
   .overlay-content{position: relative;margin:0 auto;left:20%;top:-470px;}
/*DMC FAQs*/