/* reset page */
#friends-and-family-sale-page body .main .content{padding:0;}

/* friends-and-family-sale */
.friends-and-family-sale .js-navigation-dots{margin:0 0 0 950px;}

/* top */
.friends-and-family-sale-promo .promo{
	background-color:#eeeee7;
	font-size:18px;
	line-height:2;
}

/* hero */
.friends-and-family-sale-hero{
	margin:0 0 10px 0;
	position:relative;
}
.friends-and-family-sale-hero h1{
	font-size:1px;
	left:0;
	margin:0;
	position:absolute;
	top:10px;
}
.friends-and-family-sale-hero p.find{
	font-size:23px;
	font-weight:bold;
	left:48%;
	position:absolute;
	text-transform:uppercase;
	top:81.5%;
	width:52%;
}
.friends-and-family-sale-hero p.find a{
	color:#fff;
	text-decoration:underline;
}


/* menu */
.friends-and-family-sale-menu{position:relative;}
.friends-and-family-sale-menu h2{margin:0;}
.friends-and-family-sale-menu h2 img{width:100%;max-width:100%;}
.friends-and-family-sale-menu .menu-wrapper{width:100%;}
.friends-and-family-sale-menu .menu-wrapper .btn{
	background:#826c3a;
	border:1px solid #a8915c;
	border-width:1px 1px 0 0;
	box-sizing:border-box;
	cursor:pointer;
	display:table;
	float:left;
	text-align:center;
	width:20%;
}
.friends-and-family-sale-menu .menu-wrapper .btn.on{background:#fff;}
.friends-and-family-sale-menu .menu-wrapper .btn a{
	color:#fff;
	display:table-cell;
	font-size:23px;
	font-weight:bold;
	height:60px;
	line-height:.9;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
}
.friends-and-family-sale-menu .menu-wrapper .btn a.on{color:#826c3a;}

/* sections */
.friends-and-family-sale .friends-and-family-sale-hydration,
.friends-and-family-sale .friends-and-family-sale-aging,
.friends-and-family-sale .friends-and-family-sale-uneven,
.friends-and-family-sale .friends-and-family-sale-men,
.friends-and-family-sale .friends-and-family-sale-acne{position:relative;}
.friends-and-family-sale .section-head{
	position:absolute;
	top:5.5%;
	width:100%;
}
.friends-and-family-sale h2.section-title{
	color:#e0d1b1;
	font-size:40px;
	font-weight:bold;
	line-height:1;
	margin:0;
	text-transform:uppercase;
}
.friends-and-family-sale h3.section-copy{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:1.2;
	margin:10px 0;
}
.friends-and-family-sale .section-quote{position:absolute;top:22.7%;}
.friends-and-family-sale-uneven .section-quote,
.friends-and-family-sale-men .section-quote{top:20%;}
.friends-and-family-sale .section-quote img{width:100%;}

/* product containers */
.friends-and-family-sale .pWrapper{
	left:4.6%;
	position:absolute;
	top:36.5%;
	text-align:center;
	width:90.8%;
}
.friends-and-family-sale .friends-and-family-sale-uneven .pWrapper,
.friends-and-family-sale .friends-and-family-sale-men .pWrapper{top:34%;}
.friends-and-family-sale .pWrapper .pATB{padding:20px 0;}
.friends-and-family-sale .pWrapper .pBlock{
	width:25%;
	float:left;
	overflow:hidden;
}
.friends-and-family-sale .pWrapper .pBlock img{width:100%;}
.friends-and-family-sale .pWrapper .pBlock img.pReview{width:auto;}
.friends-and-family-sale .pWrapper .pBlock .pName{
	font-size:16px;
	height:54px;
	line-height:1.2;
}
.friends-and-family-sale .pWrapper .pBlock .pName a{color:#000;text-decoration:none;}
.friends-and-family-sale .pWrapper .pBlock .pPrice{
	font-size:14px;
	font-weight:bold !important;
	margin:2% 0 0 0;
}
.friends-and-family-sale .pWrapper .pBlock .pButton{margin:8% 0 0 0;}
.friends-and-family-sale .pWrapper .pBlock p a.atbButton{
	background-color:#000;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	height:36px;
	line-height:36px;
	padding:5px 20px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
}
.friends-and-family-sale .pATB{
	bottom:2%;
	position:absolute;
	width:100%;
}
.friends-and-family-sale .pATB a{
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:2;
	text-decoration:underline;
	text-transform:uppercase;
}

/* routine finder */
.friends-and-family-sale .friends-and-family-sale-routine-finder{margin:20px 0;}

/* callouts */
.friends-and-family-sale .friends-and-family-sale-callouts{margin:0 0 20px;}
.friends-and-family-sale .friends-and-family-sale-callouts img{width:50%;}

/* mobile specific */
.friends-and-family-sale-mobile,
.friends-and-family-sale-mobile .hydration,
.friends-and-family-sale-mobile .aging,
.friends-and-family-sale-mobile .uneven,
.friends-and-family-sale-mobile .men,
.friends-and-family-sale-mobile .acne{position:relative;}

.friends-and-family-sale-mobile .hero p{margin:0 0 10px 0;}
.friends-and-family-sale-mobile .hero p{margin:0 10px 10px;}

.friends-and-family-sale-mobile .btn{
	background:#826c3a;
	border:1px solid #a8915c;
	border-width:1px 1px 0 1px;
	box-sizing:border-box;
	cursor:pointer;
	display:table;
	float:left;
	text-align:center;
	width:100%;
}
.friends-and-family-sale-mobile .btn a{
	color:#fff;
	display:table-cell;
	font-size:20px;
	font-weight:bold;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
}

/* mobile specific */
/* carousel */
.friends-and-family-sale-mobile.b-additional-carousel .carousel{
	margin:0 5%;
	padding:0;
	position:absolute;
	width:90%;
}
.friends-and-family-sale-mobile.b-additional-carousel .hydration .carousel{top:38%;}
.friends-and-family-sale-mobile.b-additional-carousel .aging .carousel{top:38%;}
.friends-and-family-sale-mobile.b-additional-carousel .uneven .carousel{top:33%;}
.friends-and-family-sale-mobile.b-additional-carousel .men .carousel{top:35%;}
.friends-and-family-sale-mobile.b-additional-carousel .acne .carousel{top:36%;}

.friends-and-family-sale-mobile.b-additional-carousel .carousel ul{border:0;}
.friends-and-family-sale-mobile.b-additional-carousel .carousel ul li{text-align:center;width:100%;}
.friends-and-family-sale-mobile.b-additional-carousel .carousel ul li img{width:65%;margin:0 0 5%;}
.friends-and-family-sale-mobile.b-additional-carousel .carousel ul li img.pReview{width:auto;margin:0 0 2%;}
.friends-and-family-sale-mobile.b-additional-carousel .carousel ul li p{margin:2% 0 6%;}
.friends-and-family-sale-mobile.b-additional-carousel .carousel ul li p.img-review{margin:0;}
.friends-and-family-sale-mobile.b-additional-carousel .carousel ul li a{color:#000;text-decoration:none;}
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control{
	background:transparent;
	height:30px;
	margin:0;
	top:25%;
	width:30px;
	z-index:2;
}
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control.jcarousel-next:after,
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control.jcarousel-prev:after{content:'';}
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control.jcarousel-next{right:3%;}
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control.jcarousel-next:after{
	background:url('../images/landing/friends-family-2016/mob_icon_next.png?$staticlink') center center no-repeat;
	height:30px;
	width:16px;
}
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control.jcarousel-prev{left:3%;}
.friends-and-family-sale-mobile.b-additional-carousel .jcarousel-control.jcarousel-prev:after{
	background:url('../images/landing/friends-family-2016/mob_icon_previous.png?$staticlink') center center no-repeat;
	height:30px;
	width:16px;
}
.friends-and-family-sale-mobile.b-additional-carousel ul.carousel_navigation_list{display:none;}
.friends-and-family-sale-mobile .pName{font-size:18px;line-height:1.1;}
.friends-and-family-sale-mobile .pName a{color:#000;text-decoration:none;}
.friends-and-family-sale-mobile .pPrice{font-size:16px;font-weight:bold !important;}
.friends-and-family-sale-mobile .pButton{}
.friends-and-family-sale-mobile .pATB{position:absolute;bottom:1%;width:100%;}
.friends-and-family-sale-mobile .pATB a{
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:2;
	text-decoration:underline;
	text-transform:uppercase;
}
/* button for ATB */
.friends-and-family-sale-mobile .addAllBtn{
	width:100%;
	position:absolute;
	bottom:1%;
}
.friends-and-family-sale-mobile .addAllBtn button.atbButton{
	background:transparent;
	border:0;
	color:#000;
	font-size:16px;
	font-weight:bold;
	line-height:2;
	padding:0;
	text-decoration:underline;
	text-transform:uppercase;
}

.friends-and-family-sale-mobile .pButton a.atbButton{
	background-color:#000;
	color:#fff !important;
	font-size:18px;
	font-weight:bold;
	height:36px;
	line-height:36px;
	padding:5px 20px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
}
.friends-and-family-sale-mobile ul li form button.atbButton{
	background-color:#000;
	border:0;
	color:#fff !important;
	font-size:18px;
	font-weight:bold;
	height:36px;
	padding:5px 20px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
}

/* tablet reset */
@media only screen and (min-width: 768px) and (max-width: 1023px){
	.friends-and-family-sale-hero p.find{font-size:16px;top:78%;}
	.friends-and-family-sale h2.section-title{font-size:30px;}
	.friends-and-family-sale h3.section-copy{font-size:18px;margin:5px 0;}
	.friends-and-family-sale-menu .menu-wrapper .btn a{font-size:16px;height:48px;}
	.friends-and-family-sale .pWrapper{padding:0;}
	.friends-and-family-sale .pWrapper .pBlock .pName{font-size:14px;height:44px;line-height:1;}
	.friends-and-family-sale .pWrapper .pBlock .pButton{margin:5px 0;}
	.friends-and-family-sale .pWrapper .pBlock .pPrice{font-size:12px;}
	.friends-and-family-sale .pWrapper .pBlock p a.atbButton{font-size:14px;font-weight:bold;}
	.friends-and-family-sale .pATB a{font-size:16px;}
	.friends-and-family-sale .pATB{bottom:1%;}
}