/* MEN'S SHAVING */
/* generic content wrapper globals */
.generic-content-wrapper h2{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:42px;
	font-weight:bold;
	line-height:1;
	margin:0 0 5% 0;
	text-transform:uppercase;
}

/* page header */
.generic-content-header{position:relative;}
.generic-content-header .focuspoint{border:0;}
.generic-content-header h1{
	font-size:50px;
	font-weight:bold !important;
	line-height:1.2;
	position:absolute;
	right:10%;
	text-transform:uppercase;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
}
.generic-content-header h1 span{display:block;}
.generic-content-header-copy p{
  font-family:'Trade Gothic W01',Helvetica,sans-serif;
  font-size:20px;
	line-height:1.5;
  margin:30px 0;
	padding:0 1%;
}

/* generic content section */
.generic-content-section{
	border-top:4px solid #000;
	display:inline-block;
	padding:2.5%;
	position:relative;
	width:100%;
}
.generic-content-section h2 span{display:block;}
.generic-content-section p{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:20px;
	line-height:1.5;	
	margin:2% 0;
}
.generic-content-section .generic-content-block{margin:3%;}
.generic-content-section .generic-content-block .left{float:left;width:48%;}
.generic-content-section .generic-content-block .right{float:right;width:48%;}

/* generic content section video */
.generic-content-section.video{padding:2% 0 5%;}

/* generic content section routine */
.generic-content-section .generic-content-block ul.routine li{margin:0 0 10px;}
.generic-content-section .generic-content-block ul.routine li .right{float:right;width:90%;}
.generic-content-section .generic-content-block ul.routine li span {
	border:2px solid #000;
	border-radius:25px;
	float:left;
	font-size:30px;
	font-weight:bold;
	height:50px;
	line-height:46px;
	text-align:center;
	width:50px;
}
.generic-content-section .generic-content-block ul.routine li h3 {
	color:#000;
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-weight:600;
	font-size:24px;
	line-height:25px;
	margin:0 0 10px;
	padding:0;
	text-transform:uppercase;
}

/* products with tabs/accordions */
.generic-content-section.products{padding:2.5% 0;}
.generic-content-section .product-blocks .formula-block{
	margin:40px 0;
	padding:0 2.5%
}
.generic-content-section .product-blocks .left-col{
	float:left;
	text-align:center;
	width:33.3%;
}
.generic-content-section .product-blocks .right-col{
	float:right;
	width:66.7%;
}
.generic-content-section .product-blocks h3{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:20px;
	line-height:1;
	margin:20px 0;
	text-transform:uppercase;
}
.generic-content-section .product-blocks .right-col h4{
	font-size:18px;
	line-height:1;
	margin:10px 0;
}
.generic-content-section .product-blocks .right-col h4 a{
	color:#000;
	text-decoration:none;
}
.generic-content-section .product-blocks .right-col .pPrice{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin:10px 0;
}
.generic-content-section .product-blocks .right-col .pButton{
	font-size:18px;
	font-weight:bold;
	line-height:1;
	margin:20px 0;
}
.generic-content-section .product-blocks .right-col .pButton a{
	background:#000;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	line-height:1.2;
	padding:5px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
.generic-content-section .product-blocks .right-col .product_tabs{margin:40px 0;}
.generic-content-section .product-blocks .right-col .b-tabs>ul>li,
.generic-content-section .product-blocks .right-col .ui-tabs>ul>li{width:33.33%;}
.generic-content-section .product-blocks .right-col .ui-tabs>ul>li a{text-decoration:none;}
.generic-content-section .product-blocks .right-col .product_tabs .tab_content{
	padding:5px 30px;
	position:relative;
	top:-1px;
}
.generic-content-section .product-blocks .right-col .product_tabs .tab_content ul{list-style:disc outside none;}
.generic-content-section .product-blocks .right-col .product_tabs .tab_content ul li{
	font-size:14px;
	margin:5px 0;
}
.generic-content-section .product-blocks .formula-divider{
	margin:20px 0;
	width:100%;
}

/* tablet reset */
@media only screen and (min-width:768px) and (max-width:1023px) {
	.generic-content-header h1{font-size:45px;}
	.generic-content-header-copy p,
	.generic-content-section p{font-size:16px;}
	.generic-content-wrapper h2{font-size:32px;}
}

/* mobile reset */
@media only screen and (max-width:767px){
	.generic-content-header h1{
		font-size:44px;
		line-height:1;
		margin:10px 0 0;
		position:relative;
		right:0;
		top:0;
		transform:translateY(0%);
		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
	}
	.generic-content-header-copy p{
		font-size:18px;
		margin:10px 0;
		line-height:1.2;
	}
	.generic-content-section p.button{margin:20px 0;}
	.generic-content-wrapper h2{font-size:32px;margin:20px 0;}
	.generic-content-section{padding:0 0 10%;}
	.generic-content-section.routine{padding:0;}
	.generic-content-section p{font-size:18px;line-height:1.2;}
	.generic-content-section .generic-content-block .left,
	.generic-content-section .generic-content-block .right{
		display:block;
		float:none;
		margin:0 auto 20px;
		width:100%;
	}
	.generic-content-section .generic-content-block ul.routine li span{
		display:inline-block;
		float:none;
		margin:0 0 20px;
	}
	.generic-content-section .generic-content-block ul.routine li{
		padding:0 20px;
		text-align:center;
	}
	.generic-content-section .generic-content-block ul.routine li h3{font-size:25px;}
	.generic-content-section .generic-content-block ul.routine li .right{
		float:none;
		text-align:center;
		width:auto;
	}
	.generic-content-section .product-blocks .pImage{width:35%;}
	.generic-content-section .product-blocks .left-col,
	.generic-content-section .product-blocks .right-col{float:none;width:100%;}
	.generic-content-section .product-blocks .right-col{text-align:center;}
	.generic-content-section .product-blocks .right-col p{margin:5% 0;}
	.generic-content-section .product-blocks .right-col .product_tabs .tab_content ul{position:relative;top:-10px;}
	.generic-content-section .product-blocks .product_tabs .tab-title a{font-size:18px;font-weight:bold;text-decoration:none;}
	.generic-content-section .product-blocks .product_tabs .tab_content{text-align:left;z-index:2;}
	.generic-content-section .product-blocks .formula-divider{margin:0;}
}

/* namespace resetters */
html#mens-shaving-page .b-staticpage{padding:20px 0;}

/* focuspoint */
/* responsive images */
.mens-shaving .generic-content-header .focuspoint {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
}
.mens-shaving .generic-content-header .focuspoint img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	height:180px;
	width: auto;
	min-width: 100%; 
	min-height: 100%;
	max-width: none; 
	max-height: none;
}

/* GLOBAL SEO content page styles 06.18.16 */
/* head */
.tmpl-header{position:relative;}
.tmpl-header h1{
	font-size:60px;
	font-weight:bold !important;
	margin:0;
	position:absolute;
    text-shadow:2px 5px 5px #000;
	top:45%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width:100%;
}
.tmpl-header-copy{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:22px;
	font-weight:bold;
	margin:30px 10%;
}
.tmpl-header-copy p{
	line-height:1.2;
	margin:20px 0;
}
.tmpl-header-copy p span{display:block;}

/* section */
/* section header */
.tmpl-section-header{position:relative;}
.tmpl-section-header h2{
	color:#fff;
	font-size:40px;
	font-weight:bold !important;
	margin:0;
	position:absolute;
    text-shadow:2px 5px 5px #000;
	top:45%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width:100%;
}

/* section header routine-finder */
.tmpl-section-header.routine-finder .copy{
	padding:0 2%;
	position:absolute;
	top:55%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width:100%;
}
.tmpl-section-header.routine-finder .copy h2{
	color:#fff;
	font-size:35px;
	font-weight:bold !important;
	line-height:1;
	margin:0 0 20px;
	position:relative;
    text-shadow:2px 5px 5px #000;
	text-transform:uppercase;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
	width:100%;
}
.tmpl-section-header.routine-finder .copy h3{
	color:#fff;
	font-size:25px;
	font-weight:bold !important;
	line-height:1.2;
    text-shadow:2px 5px 5px #000;
	text-transform:uppercase;
	width:100%;
}
.tmpl-section-header.routine-finder .copy p{
	font-weight:bold;
	line-height:1;
	margin:40px 0;
    text-shadow:2px 5px 5px #000;
	width:100%;
}
.tmpl-section-header.routine-finder .copy p a{
	background:#000;
	color:#fff;
	font-weight:bold;
	line-height:1;
	margin:0 0 20px;
	padding:10px 20px;
    text-decoration:none;
	text-transform:uppercase;
}

/* section */
/* section hero */
.tmpl-section-hero{
	margin:40px 0;
	position:relative;
}
.tmpl-section-hero .tmpl-section-copy-container{
	padding:0 5%;
	position:absolute;
	top:50%;
	width:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.tmpl-section-hero .tmpl-section-copy-container h2{
	font-size:40px;
	font-weight:bold !important;
	line-height:1;
	text-transform:uppercase;
}
.tmpl-section-hero .tmpl-section-copy-container h3{
	font-size:25px;
	font-weight:bold !important;
	line-height:1.5;
}
.tmpl-section-hero .tmpl-section-copy-container p{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal !important;
	line-height:1.2;
	margin:20px auto;
}

.tmpl-section-hero .tmpl-section-copy-container.right{left:50%;}
.tmpl-section-hero .tmpl-section-copy-container.left{left:0;}

/* section routine */
.tmpl-section-routine-container{margin:40px 0;}
.tmpl-section-routine-container p{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:18px;
	margin:10px 0;
}
.tmpl-section-routine-container p span{
	font-weight:bold;
	text-transform:uppercase;
}
.tmpl-section-routine-container ul{
	margin:0 auto;
	width:100%;
}
.tmpl-section-routine-container ul li{
	padding:0 2%;
	text-align:center;
	width:25%;
}
.tmpl-section-routine-container .pList{margin:50px 0;}
.tmpl-section-routine-container .pName{
	font-size:18px;
	font-weight:bold;
	line-height:1.1;
	margin:20px 0 10px;
	min-height:40px;
}
.tmpl-section-routine-container .pPrice{
	font-size:16px;
	font-weight:bold !important;
	margin:10px 0 20px;
}
.tmpl-section-routine-container .pReview{margin:10px 0;}
.tmpl-section-routine-container a{color:#000;text-decoration:none;}
.tmpl-section-routine-container form{
	margin:10px 0;
	text-align:center;
}
.tmpl-section-routine-container form button.atbButton{
	background-color:#000;
	border:0;
	color:#fff !important;
	font-size:18px;
	font-weight:bold;
	height:36px;
	line-height:1;
	padding:5px 20px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
}

/* section routine product carousel */
.tmpl-section-routine-container .carousel{padding:0;}
.tmpl-section-routine-container .carousel ul{}
.tmpl-section-routine-container .carousel ul li{
	text-align:center;
	width:25%;
}
.tmpl-section-routine-container .carousel ul li a{text-decoration:none;}

/* GLOBAL jCarousel reset */
.tmpl-section-routine-container .carousel .jcarousel-control{
	background-color:transparent;
	display:none;
	margin:0;
	top:25%;
	z-index:2;
}
.tmpl-section-routine-container .carousel .jcarousel-control.jcarousel-next{right:3%;}
.tmpl-section-routine-container .carousel .jcarousel-control.jcarousel-prev{left:3%;}
.tmpl-section-routine-container .carousel .jcarousel-control.jcarousel-next:after{
	content:'';
	background:url('../content-images/seo/seo-men/icon_next.png?$staticlink') center center no-repeat;
	height:30px;
	width:20px;
}
.tmpl-section-routine-container .carousel .jcarousel-control.jcarousel-prev:after{
	content:'';
	background:url('../content-images/seo/seo-men/icon_previous.png?$staticlink') center center no-repeat;
	height:30px;
	width:20px;
}
.tmpl-section-routine-container .carousel ul.carousel_navigation_list{display:none}

/* video section */
.tmpl-section-video{
	border:1px solid #999;
	border-width:1px 0;
	margin:40px 0;
	padding:40px;
}
.tmpl-section-video .hero{margin:0 0 40px;}
.tmpl-section-video .hero .hero-image{
	float:left;
	width:50%;
}
.tmpl-section-video .hero .hero-copy{
	float:right;
	padding:3% 2%;
	width:50%;
}
.tmpl-section-video .hero .hero-copy h2{
	font-size:25px;
	font-weight:bold !important;
	line-height:1;
	margin:0 0 20px;
	text-transform:uppercase;
}
.tmpl-section-video .hero .hero-copy p{
	font-size:19px;
	font-weight:bold !important;
	line-height:1;
	text-transform:uppercase;
}
.tmpl-section-video .thumbs{width:100%;}
.tmpl-section-video .thumb-box{
	float:left;
	padding:0 6% 0 0;
	width:33.33%;
}
.tmpl-section-video .thumb-box p{
	font-family:'Trade Gothic W01',Helvetica,sans-serif;
	font-size:18px;
	padding:10px 0;
	text-transform:uppercase;
}
.tmpl-section-video .thumb-box p a{text-decoration:none;}

/* reset LOCAL containers with asset namespace */
/* page men hero */
.men .tmpl-section-hero.age-defender .tmpl-section-copy-container{padding:0 3%;}
.men .tmpl-section-hero.facial-fuel .tmpl-section-copy-container{padding:0 8%;}
.men .tmpl-section-hero.oil-eliminator .tmpl-section-copy-container,
.men .tmpl-section-hero.mens-grooming .tmpl-section-copy-container{padding:0 4.5%;}

/* page men specific styles */
.men .tmpl-header h1{color:#fff;}
.men .tmpl-section-hero .tmpl-section-copy-container h2,
.men .tmpl-section-hero .tmpl-section-copy-container h3{color:#053874;}

/* section namepace men shave hero */
.tmpl-section-hero.mens-shave .tmpl-section-copy-container{padding:0 2.5%;}
.tmpl-section-hero.mens-shave .tmpl-section-copy-container p.button{margin:40px 0 0;}
.tmpl-section-hero.mens-shave .tmpl-section-copy-container p.button a{
	background:#000;
	color:#fff;
	padding:10px 20px;
	text-decoration:none;
	text-transform:uppercase;
}

/* LOCAL DESKTOP/TABLET resets */
/* page men routine containers DESKTOP/TABLET - set margin/width for 3 or 4 prducts */
.men .tmpl-section-routine-container.age-defender .carousel ul li,
.men .tmpl-section-routine-container.oil-eliminator .carousel ul li{width:33.33%;}
.men .tmpl-section-routine-container.oil-eliminator .pName{min-height:60px;}

/* tablet reset */
@media only screen and (min-width:768px) and (max-width:1023px){
	.tmpl-header h1{font-size:48px;}
	.tmpl-header-copy{font-size:16px;}
	.tmpl-header-copy p span{display:inline;}
	.tmpl-section-header h2,
	.tmpl-section-hero .tmpl-section-copy-container h2{font-size:30px;}
	.tmpl-section-video .hero .hero-copy{padding:2%;}
	.tmpl-section-hero .tmpl-section-copy-container h3,
	.tmpl-section-video .hero .hero-copy h2{font-size:20px;}
	.tmpl-section-hero .tmpl-section-copy-container p{font-size:15px;}
	.tmpl-section-routine-container .pName,
	.tmpl-section-routine-container p{font-size:16px;}
	.tmpl-section-routine-container form button.atbButton{font-size:14px;padding:5px 10px;}
	.tmpl-section-video .hero .hero-copy p,
	.tmpl-section-video .thumb-box p{font-size:14px;}
	.tmpl-section-header.routine-finder .copy h2{font-size:26px;margin:0 0 10px;}
	.tmpl-section-header.routine-finder .copy h3{font-size:18px;}
	.tmpl-section-header.routine-finder .copy p{margin:20px 0;}
	/* LOCAL tablet reset */
	.men .tmpl-section-hero.age-defender .tmpl-section-copy-container{padding:0 2%;}
	.men .tmpl-section-hero.oil-eliminator .tmpl-section-copy-container,
	.men .tmpl-section-hero.mens-grooming .tmpl-section-copy-container,
	.men .tmpl-section-hero.facial-fuel .tmpl-section-copy-container{padding:0 4%;}
}

/* global mobile reset */
@media only screen and (max-width:767px){
	.tmpl-header h1{
		font-size:40px;
		line-height:1;
		padding:0;
	}
	.tmpl-header-copy{font-size:16px;}
	.tmpl-section-hero{margin:20px 0;}
	.tmpl-section-header h2{font-size:24px;line-height:1;padding:0;}
	.tmpl-section-header.routine-finder .copy h2{font-size:24px;margin:0 0 10px;}
	.tmpl-section-header.routine-finder .copy h3{font-size:12px;}
	.tmpl-section-header.routine-finder .copy p{margin:20px 0;}
	.tmpl-section-hero .tmpl-section-copy-container{
		margin:10px 0;
		position:relative;
		top:0;
		width:100%;
		transform:translateY(0);
		-ms-transform:translateY(0);
		-webkit-transform:translateY(0);
	}
	.tmpl-section-hero .tmpl-section-copy-container.right{left:0;}
	.tmpl-section-hero .tmpl-section-copy-container h2{font-size:30px;text-align:center;}
	.tmpl-section-hero .tmpl-section-copy-container h3{font-size:16px;}
	.tmpl-section-hero .tmpl-section-copy-container p{font-size:15px;margin:10px 0;}
	.tmpl-section-routine-container form button.atbButton{font-size:14px;}
	.tmpl-section-routine-container p{font-size:16px;}
	.tmpl-section-routine-container .pList{margin:20px 0;}
	.tmpl-section-video{margin:20px 0;padding:20px 0;}
	.tmpl-section-video .hero .hero-image{float:none;width:100%;}
	.tmpl-section-video .hero .hero-copy{float:none;padding:3% 0;width:100%;}
	.tmpl-section-video .hero .hero-copy p{font-size:16px;text-align:center;}
	.tmpl-section-video .thumb-box{float:none;padding:0 6% 3%;width:100%;}
	
	.tmpl-section-hero.facial-fuel .tmpl-section-hero .tmpl-section-copy-container{
		position:absolute;
		top:10%;
		transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
	}
	
	/* GLOBAL MOBILE carousel reset */
	.tmpl-section-routine-container{margin:20px 0;}
	.tmpl-section-routine-container .carousel{
		padding:0;
		text-align:center;
		width:100%;
	}
	.tmpl-section-routine-container .carousel ul{}
	.tmpl-section-routine-container .carousel ul li{padding:0;width:100% !important;}
	.tmpl-section-routine-container .carousel ul li a{font-weight:bold;}
	.tmpl-section-routine-container .carousel .jcarousel-control{
		background-color:transparent;
		display:block;
		height:30px;
		margin:0;
		top:40%;
		width:20px;
		z-index:2;
	}
	.tmpl-section-routine-container .carousel .jcarousel-control.jcarousel-next{right:3%;}
	.tmpl-section-routine-container .carousel .jcarousel-control.jcarousel-prev{left:0;}
	.tmpl-section-routine-container .carousel ul.carousel_navigation_list{display:none;}

	/* LOCAL MOBILE reset */
	/* namespace: men */
	.men .tmpl-section-video .hero .hero-copy h2{text-align:center;}
	.men .tmpl-section-header.shave h2{font-size:18px;}
	.men .tmpl-section-hero.mens-shave .tmpl-section-hero-copy{text-align:center;}
	.men .tmpl-section-hero.mens-shave .tmpl-section-hero-copy.button{margin:20px 0;}
	.men .tmpl-section-hero.mens-shave .tmpl-section-hero-copy.button a{
		background:#000;
		color:#fff;
		font-weight:bold;
		line-height:1;
		margin:0 0 10px;
		padding:5px 15px;
		text-decoration:none;
		text-transform:uppercase;
	}
}

/* responsive images */
.men .tmpl-section-hero .focuspoint {
	border:1px solid #000;
	position: relative; /*Any position but static should work*/
	overflow: hidden;
}
.men .tmpl-section-hero .focuspoint img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-width: none; max-height: none;
}

/* MEN SEO content background */
html#men-page body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#365185+0,182a57+10,182a57+90,365185+100 */
	background: #365185; /* Old browsers */
	background: -moz-linear-gradient(left,  #365185 0%, #182a57 10%, #182a57 90%, #365185 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #365185 0%,#182a57 10%,#182a57 90%,#365185 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #365185 0%,#182a57 10%,#182a57 90%,#365185 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#365185', endColorstr='#365185',GradientType=1 ); /* IE6-9 */
}