
/* ==========================================================================
* Masthead Styles
* This is the fixed position blue bar at the top
========================================================================== */
.masthead {
	min-width: 768px;
	width: 100%;
	height:40px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	/*background: #06b7cf url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/flowerBG.png) top left no-repeat;  SHOULD REMOVE - SAVE JUST IN CASE */
	background:#06b7cf;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 0.8125em; /* 13/16 */
}
	/* Masthead Links */
		.masthead .utility-links{
			display:inline;
			position:relative;
			z-index:220;
			margin:0;
			padding:0;
			height:40px;		
		}
		.masthead .utility-links .icon-shopping-cart {
			display:block;
			margin-top:3px;
			float:left;
			height:22px !important;
			width:22px !important;
			background-image: url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/icon-shopping-cart.png);
			background-repeat:no-repeat;
			background-size:22px 18px;
		}
			.masthead .utility-links a,
			.masthead .utility-links a:link,
			.masthead .utility-links a:active,
			.masthead .utility-links a:visited {
				color: #FFF;
				display: block;
				float:left;
				text-decoration: none;
				height:33px;
				padding:7px 8px 0 0;
			}
				/* Set specific widths for sticky bar links */
				.masthead .utility-links a:hover {
					color: #B1DCE7; /* LightBlue */
				}
				.masthead .utility-links .account-drop-down-wrapper {
					width:160px;
				}
				.masthead .utility-links a.login {
					width:40px;
				}
				.masthead .utility-links a.logout {
					width:55px;
				}
				.masthead .utility-links a.register {
					width:57px;
				}
				.masthead .utility-links a.user {
					width:105px;
					color:#FFFFFF;
				}
				.masthead .utility-links .favorites-drop-down-wrapper {
					width:115px;
				}
				.masthead .utility-links a.favorites {
					width:105px;
				}
				.masthead .utility-links a.help {
					width:30px;
				}
				.masthead .utility-links .compare-drop-down-wrapper {
					width:116px;
				}
				.masthead .utility-links a.compare {
					width:100px;
				}
				.masthead .utility-links .cart-drop-down-wrapper {
					width:86px;
				}
				.masthead .utility-links a.cart {
					width:88px;
				}  
		
				.masthead .utility-links div.icon {
					color:#FFFFFF;
					font-size:1.2em;
					display:block;
					height:20px !important;
					float:left;
					margin-top:1px;
				}
		/* Styles for logOut form wrapper */
		.masthead .utility-links form {
			display: inline-block;
			float:left;
			padding-right:6px;
		}
		.masthead .utility-links.account{
			float:left;
			margin-left:10px;
		}
		.masthead .utility-links.shopping{
			float:right;
		}
#login-panel {
	display:inline;
}

	/* Search Box */
	.masthead input[type="text"] {
		float: right;
		border:none;
		height: 24px;
		background: #ffffff url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/icon_search_blue.png) right no-repeat;
		width: 200px;
		margin: 8px 10px 10px 8px;
	}
	/* HTML 5 specific placeholders */
	.masthead ::-webkit-input-placeholder {
		color: #848484; /* Gray */
	}

	.masthead :-moz-placeholder {
		color: #848484; /* Gray */
	}
/* User profile image */
a.user-profile-image,
a.user-profile-image:link,
a.user-profile-image:active,
a.user-profile-image:visited {
	text-decoration:none;
	display:inline-block;
	float:left;
	width:32px;
	height:32px !important;
	margin:4px 6px 0 0;
	padding:0 !important;
	background:#FFF;
}
	a.user-profile-image:hover {
	}
	


/* ==========================================================================
* Header Styles
========================================================================== */

/* Set header below sticky bar - Same as stickybar height */
header.main-header {
	margin-top: 40px !important;
}

	header.main-header:before,
	header.main-header:after {
		display: table;
		content: "";
	}

	header.main-header:after {
		clear: both;
	}
	
	/* Logo wrapper */
	header.main-header .logo {
		width: 25%;
		padding-left: 0;
		display: block;
		float: left;
	}

	/* Logo styles */
	header.main-header .logo a,
	header.main-header .logo a:link,
	header.main-header .logo a:active,
	header.main-header .logo a:visited,
	header.main-header .logo a:hover  {
		width: 167px;
		height: 79px;
		background-image: url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/logo-lovelyskin.png);
		background-repeat:no-repeat;
		background-size:167px 79px;
		display: block;
		margin: .5em auto .75em 0;
	}
	
	/* Site USP/scripty header text styles */
	header.main-header .usps {
		width: 50%;
		display: block;
		float: left;
	}

		header.main-header .usps img {
			margin-top: 1.5em;
			float:right;
		}


/*
*
* Service Navigation
* Extra links in header area - Gift Cards, Newsletter and Customer Serivce
*
*/
header .service {
	width: 25%;
	float: right;
}
	.service nav ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
		.service nav ul li {
			display: inline-block;
			float: right;
			width:auto;
			padding: 0;
			width: 100%;
			margin: .2em 0;
		}

		.service nav ul li:first-child {
			margin-top: 1.125em;
		}

	.service nav ul li a,
	.service nav ul li a:link,
	.service nav ul li a:active,
	.service nav ul li a:visited {
		display: block;
		float: right;
		color: #848484; /* Gray */
		font-size: 0.85em; /* 12px */
		line-height: 1.125em; /* 18px */
		text-decoration: none;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
	}

		.service nav ul li a:hover {
			color: #222222; /* DarkGray */
		}

/*
 *
 * Main Navigation
 *
 */
.mega-menu nav {
	display: block;
	position: relative;
	border-bottom: 1px solid #CCD2D6;
	border-top: 1px solid #CCD2D6;
	float: left;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	width: 100%;
}

	.mega-menu nav select {
		display: none;
	}

	.mega-menu nav .bar {
		display: block;
		position: relative;
		left: 0;
		float: left;
		width: 100%;
		margin: 0.30674846625767% 0; /* 3/978 */
	}

	.mega-menu nav ul.bar {
		padding: 0;
	}

	.mega-menu nav > ul > li {
		float: left;
		display: block;
		margin: 0;
	}

		.mega-menu nav > ul > li:hover > a {
			color: #06b7cf;
		}

		.mega-menu nav > ul > li > a {
			text-transform: uppercase;
			color: #222222; /* DarkGray */
			font-weight: bold !important;
			font-size: 0.6875em; /* 11/16 */
			display: block;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			text-align: center;
			text-decoration: none;
		}

	.mega-menu nav li:hover > a.value {
		color: #222222;
	}

/*
*
* Special hover Cases for the last 3 links 
*
*/
.bar li.sale a,
.bar li.sale a:link,
.bar li.sale a:active,
.bar li.sale a:visited {
	color: #DC1629; /* Red */
}

.bar li.sale:hover > a {
	color: #222222; /* DarkGrey */
}

.bar li.community a,
.bar li.community a:link,
.bar li.community a:active,
.bar li.community a:visited {
	color: #06B7CF; /* Blue */
}

.bar li.community:hover > a.brand {
	color: #222222; /* DarkGrey */
}

.bar li.daily-deals a,
.bar li.daily-deals a:link,
.bar li.daily-deals a:active,
.bar li.daily-deals a:visited {
	color: #33AA4E; /* Green */
}

	.bar li.daily-deals a:hover {
		color: #222; /* DarkGrey */
	}

/* Left separating vertical line */
.mega-menu nav > ul > li.community {
	border-left: 1px solid #CCD2D6;
}
.mega-menu nav > ul > li.blog {
	border-left: 1px solid #CCD2D6;
}

.bar li.blog a,
.bar li.blog a:link,
.bar li.blog a:active,
.bar li.blog a:visited,
.bar li.video a,
.bar li.video a:link,
.bar li.video a:active,
.bar li.video a:visited {
	color: #06B7CF; /* Blue */
}
.bar li.blog a:hover,
.bar li.video a:hover {
		color: #222222; /* DarkGrey */
	}

/*
*
*  XXXXXXXXXXXXXXXXXXXXXXXX TEMPORARY - (no daily deals) XXXXXXXXXXXXXXXXXXXXXXXXXX
*  Define Menu Item Minimum Widths
*  The links: hair care, tools and mens are hidden at the minimum size
*
*/
.mega-menu nav > ul > li.skin-care {
	width: 13.19444444444444%; /* 95/720 */
}

.mega-menu nav > ul > li.brands {
	width: 9.02777777777778%; /* 65/720 */
}

.mega-menu nav > ul > li.makeup {
	width: 11.94444444444444%; /* 86/720 */
}

.mega-menu nav > ul > li.hair-care {
	width: 12.5%; /* 90/720 */
}
.mega-menu nav > ul > li.bath-and-body {
	width: 15%; /* 108/720 */
}

.mega-menu nav > ul > li.see-more {
	width: 12.36111111111111%; /* 89/720 */
}
.mega-menu nav > ul > li.blog {
	width: 9.02777777777778%; /* 65/720 */
}
.mega-menu nav > ul > li.video {
	width: 9.02777777777778%; /* 65/720 */
}
/*
.mega-menu nav > ul > li.community {
	width: 12.91666666666667%; 93/720 
	padding-left: 1.38888888888889%;  10/720 
}
*/
.mega-menu nav > ul > li.sale {
	width: 7.08333333333333%; /* 51/720 */
}

.mega-menu nav > ul > li.tools-and-accessories,
.mega-menu nav > ul > li.mens {
	visibility: hidden;
	display: none;
}


/*
*
*  XXXXXXXXXXXXXXXXXXXXXXXX COMPLETE XXXXXXXXXXXXXXXXXXXXXXXXXX
*  Define Menu Item Minimum Widths
*  The links: hair care, tools and mens are hidden at the minimum size
*

.mega-menu nav > ul > li.skin-care {
	width: 11.80555555555556%;  85/720 
}

.mega-menu nav > ul > li.brands {
	width: 9.58333333333333%;  69/720 
}

.mega-menu nav > ul > li.makeup {
	width: 10.83333333333333%;  78/720 
}

.mega-menu nav > ul > li.hair-care {
	width: 11.38888888888889%;  82/720 
}
.mega-menu nav > ul > li.bath-and-body {
	width: 13.47222222222222%;  97/720 
}

.mega-menu nav > ul > li.see-more {
	width: 11.22222222222222%;  80.8/720 
}

.mega-menu nav > ul > li.community {
	width: 11.52777777777778%;  83/720 
	padding-left: 1.38888888888889%;  10/720 
}

.mega-menu nav > ul > li.daily-deals {
	width: 12.36111111111111%;  89/720 
}

.mega-menu nav > ul > li.sale {
	width: 5.97222222222222%;  43/720 
}

.mega-menu nav > ul > li.tools-and-accessories,
.mega-menu nav > ul > li.mens {
	visibility: hidden;
	display: none;
}
*/
/* ==========================================================================
* Drop down general styles 
========================================================================== */
.top-pointer {
	position:absolute;
	z-index:220;
	display:block;
	width:20px;
	height:15px;
	background:url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/sticky-nav-menu-top-indicator.png) no-repeat;
}
.menu-item-wrapper {
	display:block;
	float:left;
	height:40px;
	position:relative;
	z-index:220;
}
.drop-down-wrapper {
	display:none;
	position:absolute;
	z-index:250;
	background:#FFFFFF;
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
	.drop-down-wrapper hr {
		margin:.3em 0;
	}
a.drop-down-close,
a.drop-down-close:link,
a.drop-down-close:active,
a.drop-down-close:visited {
	text-decoration:none;
	color:#848484;
	position:absolute;
	z-index:280;
	top:2%;
	right:2%;
}
	a.drop-down-close:hover {
		color:#222222 !important;
	}

/* ==========================================================================
* Main navigation drop down 
========================================================================== */
.main-menu-drop-down {
	top:22px;
	left:0;
	width:100%;
	padding:1.6em 1.3em 1.3em 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.main-menu-drop-down ul.sub-nav {
		margin-bottom:0;
	}
	.main-menu-drop-down h4 {
		font-size:1em;
		margin-bottom:.5em;
	}
.drop-down-spotlight-item {
	display:block;
	width:100%;
	height:210px;
	background:#E4E4E4;
}
.brands-row-wrapper {
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:.8em;
}
.brand-tile-wrapper {
	height:60px;
	background:#E4E4E4;
}


/* ==========================================================================
* User account drop down 
========================================================================== */

.account-drop-down {
	top:40px;
	left:-15px;
	width:180px;
	padding:.5em;
}
.account-drop-down .top-pointer {
	margin-top:-21px;
	margin-left:80px;
}
	.account-drop-down ul {
		margin:0;
		padding:0 .5em;
		display:block;
		float:left;
		width:100%;
		clear:both;
		margin-bottom:.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.account-drop-down ul:last-child {
			margin:0;
		}
		.account-drop-down ul li {
			display:block;
			width:100%;
			float:left;
			clear:both;
			padding:.1em 0;
		}
			.account-drop-down ul li a,
			.account-drop-down ul li a:link,
			.account-drop-down ul li a:active,
			.account-drop-down ul li a:visited {
				display:block;
				float:left;
				font-size:1em;
				clear:both;
				margin:0 !important;
				padding:0 !important;
				height:24px !important;
				width:100%;
				color:#848484 !important;
				text-decoration:none;
			}
				.account-drop-down ul li a .count {
					display:block;
					float:right;
					text-align:right;
					width:auto;
					margin:0;
				}
				.account-drop-down ul li a:hover {
					color:#06B7CF !important;;
				}
/* ==========================================================================
* Favorites drop down 
========================================================================== */

.favorites-drop-down {
	top:40px;
	left:-80px;
	width:240px;
	padding:.5em;
}
	.favorites-drop-down em {
		font-family: Times, "Times New Roman", Georgia, serif;
		font-size:1.2em;
		display:block;
		text-align:center;
	}
.favorites-drop-down .top-pointer {
	margin-top:-21px;
	margin-left:110px;
}
	.favorites-drop-down ul {
		margin:0;
		padding:0 .5em;
		display:block;
		float:left;
		width:100%;
		clear:both;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.favorites-drop-down ul li {
		display:block;
		position:relative;
		width:100%;
		min-height:60px;
		float:left;
		clear:both;
		padding:1em 0;
		border-bottom:1px solid #CCD2D6;
	}
		.favorites-drop-down ul li:last-child{
			border:none;
		}
.favorites-drop-down ul li a,
.favorites-drop-down ul li a:link,
.favorites-drop-down ul li a:active,
.favorites-drop-down ul li a:visited {
	display:block;
	float:left;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0 !important;
	height:initial !important;
	width:100%;
	color:#666666 !important;
	font-family: Times, "Times New Roman", Georgia, serif;
	text-decoration:none;
}
	.favorites-drop-down ul li a:hover {
		color:#222222;
	}
.favorites-drop-down ul li a .image {
	display:block;
	float:left;
	width:30%;
	margin-right:5%;
}
	.favorites-drop-down ul li a .image.blog-video {
		overflow:hidden;
	}
	.favorites-drop-down ul li a .image.blog-video img{
		max-width:initial;
		height:60px;
		margin-left:-30px;
	}
	.favorites-drop-down ul li a .image img {
		max-width:100%;
	}
.favorites-drop-down ul li a .info {
	display:block;
	float:left;
	width:65%;
}
	.favorites-drop-down ul li a .info em {
		text-align:left;
		color:#06B7CF;
	}
.favorites-drop-down a.button {
	width:100%;
	padding: .5em 1.8em .5em 1em !important;
	font-size: .94em;
	height:initial !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ==========================================================================
* Compare drop down 
========================================================================== */

.compare-drop-down {
	top:40px;
	left:-70px;
	width:238px;
	padding:.5em;
}
.compare-drop-down .top-pointer {
	margin-top:-21px;
	margin-left:108px;
}

	.compare-drop-down ul {
		margin:0;
		padding:0 .5em;
		display:block;
		float:left;
		width:100%;
		clear:both;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.compare-drop-down ul li {
			display:block;
			position:relative;
			width:100%;
			min-height:60px;
			float:left;
			clear:both;
			padding:1em 0;
			border-bottom:1px solid #CCD2D6;
		}
			.compare-drop-down ul li:last-child{
				border:none;
			}

			.compare-drop-down div.placeholder{
				width:100%;
				clear:both;
				margin:.4em 0;
				padding:.5em 0;
				background:#E4E4E4;
				text-align:center;
				font-size:1.2em;
				font-family: Times, "Times New Roman", Georgia, serif;
				font-style:italic;
			}

				.compare-drop-down ul li a.compare-item,
				.compare-drop-down ul li a.compare-item:link,
				.compare-drop-down ul li a.compare-item:active,
				.compare-drop-down ul li a.compare-item:visited {
					display:block;
					float:left;
					font-size:1em;
					height:initial !important;
					width:100%;
					color:#666666 !important;
					font-family: Times, "Times New Roman", Georgia, serif;
					text-decoration:none;
				}
					.compare-drop-down ul li a.compare-item:hover {
						color:#222222 !important;
					}
				.compare-drop-down ul li a.compare-item .image {
						display:block;
						float:left;
						width:35%;
				}
					.compare-drop-down ul li a.compare-item .image img {
						max-width:100%;
					}
			.compare-drop-down ul li a.compare-item .title {
				display:block;
				float:left;
				width:60%;
				padding:0;
				margin-left:5%;
				line-height:1.2em;
			}

.compare-drop-down a.button {
	width:100%;
	padding: .5em 1.8em .5em 1em !important;
	font-size: .94em;
	height:initial !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ==========================================================================
* Shopping cart drop down 
========================================================================== */

/* Shopping cart drop down wrapper */
.shopping-cart-drop-down {
	top:40px;
	left:-90px;
	width:238px;
	padding:.5em;
}
.shopping-cart-drop-down .top-pointer {
	margin-top:-21px;
	margin-left:108px;
}
	.shopping-cart-drop-down ul {
		margin:0;
		padding:0 .5em;
		display:block;
		float:left;
		width:100%;
		clear:both;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.shopping-cart-drop-down ul li {
			display:block;
			position:relative;
			width:100%;
			min-height:60px;
			float:left;
			clear:both;
			padding:1em 0;
			border-bottom:1px solid #CCD2D6;
		}

			.shopping-cart-drop-down div.more-items {
				display:block;
				float:left;
				width:100%;
				padding:.4em 0;
				text-align:center;
				font-family: Times, "Times New Roman", Georgia, serif;
				font-style:italic;
				font-size:1.2em;
				
			}
			.shopping-cart-drop-down ul li a,
			.shopping-cart-drop-down ul li a:link,
			.shopping-cart-drop-down ul li a:active,
			.shopping-cart-drop-down ul li a:visited{
				text-decoration:none;
				height:initial !important;
				font-size:1em;
				display:block;
				float:left;
				width:100%;
				font-family: Times, "Times New Roman", Georgia, serif;
				color:#666666 !important;
			}
				.shopping-cart-drop-down ul li a:hover {
					color:#222222 !important;
				}
			.shopping-cart-drop-down ul li a .image {
				display:block;
				float:left;
				width:35%;
				padding:0;
			}
				.shopping-cart-drop-down ul li a .image img {
					max-width:100%;
				}		
			.shopping-cart-drop-down ul li a .info {
				display:block;
				float:left;
				width:60%;
				padding:0;
				margin-left:5%;
				line-height:1.3em;
			}
				.shopping-cart-drop-down ul li a .info span {
					display:block;
					clear:both;
					margin-top:.3em;
					font-size:.94em;
					font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
				}
.shopping-cart-drop-down a.button {
	width:100%;
	padding: .5em 1.8em .5em 1em !important;
	height:initial !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:.94em;
}
/* ==========================================================================
* Search drop down 
========================================================================== */
.search-menu-wrapper {
	display:inline;
	float:right;
	position:relative;
	z-index:220;
}
.search-drop-down {
	top:32px;
	left:8px;
	width:200px;
	padding:.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.search-drop-down  ul {
			margin:0;
			padding:0 .5em;
			display:block;
			float:left;
			width:100%;
			clear:both;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			.search-drop-down  ul li {
				display:block;
				width:100%;
				float:left;
				clear:both;
				padding:1em 0;
				border-bottom:1px solid #CCD2D6;
			}
				.search-drop-down ul li:last-child {
					border:none;
				}
				.search-drop-down ul li a,
				.search-drop-down ul li a:link,
				.search-drop-down ul li a:active,
				.search-drop-down ul li a:visited {
					text-decoration:none;
					display:block;
					font-size:1em;
					width:100%;
					color:#666666;
					font-family: Times, "Times New Roman", Georgia, serif;
				}
					.search-drop-down ul li a:hover {
						color:#222222;
					}
					.search-drop-down ul li a div.image {
						display:block;
						float:left;
						width:25%;
					}
						.search-drop-down ul li a div.image img {
							max-width:100%;
						}
					.search-drop-down ul li a div.title {
						display:block;
						float:left;
						width:70%;
						margin-left:5%;
					}
.search-drop-down a.button {
	width:100%;
	padding: .5em 1.8em .5em 1em !important;
	height:initial !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:.94em;
}
/*
==========================================================================
* TEMPORARY - See More Menu 
==========================================================================
*/
.main-menu-drop-down.see-more-menu {
	top:20px;
	left:54%;
	width:200px;
}
/*
*  @media screen and (min-width: 870px)
*  SPECIAL BREAK FOR NAVIGATION
*
*/
@media screen and (min-width: 54.375em) {
	/*
	==========================================================================
	* Masthead Styles
	==========================================================================
	*/

		.masthead .utility-links.account {
			margin-left:10px;
		}

		/* Search Box */
			.masthead input[type="text"] {
				width: 250px;
				margin: 8px 10px 10px 8px;
			}
			.search-drop-down {
				width:250px;
			}
			.search-drop-down  ul {
				padding:0 .7em;
			}
		/* Favorites drop down */
		.favorites-drop-down ul {
			padding:0 .7em;
		}
		/* Compare drop down */
		.compare-drop-down ul {
			padding:0 .7em;
		}
		/* Shopping cart drop down */
		.shopping-cart-drop-down ul {
			padding:0 .7em;
		}
	/*
	==========================================================================
	* TEMPORARY - See More Menu 
	==========================================================================
	*/
	.main-menu-drop-down.see-more-menu {
		left:65%;
		width:200px;
	}
	/*
	*
	*  XXXXXXXXXXXXXXXXXXXXXXXX TEMPORARY (no daily deals) XXXXXXXXXXXXXXXXXXXXXXXXXX
	*  Define Menu Item Minimum Widths
	*  The links: hair care, tools and mens are hidden at the minimum size
	*
	*/
	.mega-menu nav > ul > li > a {
		font-size: 0.65em; /* 11/16 */
	}
	.mega-menu nav > ul > li.skin-care {
		width: 9.61145194274029%; /* 94/978 */
	}

	.mega-menu nav > ul > li.brands {
		width: 8.1799591002045%; /* 80/978 */
	}

	.mega-menu nav > ul > li.makeup {
		width: 8.38445807770961%; /* 82/978 */
	}

	.mega-menu nav > ul > li.bath-and-body {
		width: 11.24744376278119%; /* 110/978 */
	}

	.mega-menu nav > ul > li.hair-care {
		width: 9.71370143149284%; /* 95/978 */
	}

	.mega-menu nav > ul > li.tools-and-accessories {
		width: 17.48466257668712%; /* 171/978 */
	}

	.mega-menu nav > ul > li.mens {
		width: 6.33946830265849%; /* 62/978 */
	}

	.mega-menu nav > ul > li.see-more {
		width: 9.61145194274029%; /* 94/978 */
		padding-right: .4%;
	}
	/*
	.mega-menu nav > ul > li.community {
		width: 11.14519427402863%; 109/978 
		padding-left: 0;
	}
	*/
	.mega-menu nav > ul > li.blog {
		width: 6.03271983640082%; /* 59/978 */
	}
	.mega-menu nav > ul > li.video {
		width: 7.15746421267894%; /* 70/978 */
	}

	.mega-menu nav > ul > li.sale {
		width: 5.62372188139059%; /* 55/978 */
	}

	.mega-menu nav > ul > li.hair-care,
	.mega-menu nav > ul > li.tools-and-accessories,
	.mega-menu nav > ul > li.mens {
		visibility: visible;
		display: block;
	}




	/*
	*
	*  XXXXXXXXXXXXXXXXXXXXXXXX COMPLETE XXXXXXXXXXXXXXXXXXXXXXXXXX
	*  Define Menu Item Minimum Widths
	*  The links: hair care, tools and mens are hidden at the minimum size
	*
	
	.mega-menu nav > ul > li > a {
		font-size: 0.65em;  11/16 
	}
	.mega-menu nav > ul > li.skin-care {
		width: 8.69120654396728%;  85/978 
	}

	.mega-menu nav > ul > li.brands {
		width: 7.25971370143149%;  71/978 
	}

	.mega-menu nav > ul > li.makeup {
		width: 7.46421267893661%;  73/978 
	}

	.mega-menu nav > ul > li.bath-and-body {
		width: 10.7361963190184%;  105/978 
	}

	.mega-menu nav > ul > li.hair-care {
		width: 8.79345603271984%;  86/978 
	}

	.mega-menu nav > ul > li.tools-and-accessories {
		width: 17.07566462167689%;  167/978 
	}

	.mega-menu nav > ul > li.mens {
		width: 5.41922290388548%;  53/978 
	}

	.mega-menu nav > ul > li.see-more {
		width: 8.69120654396728%;  85/978 
		padding-right: .4%;
	}

	.mega-menu nav > ul > li.community {
		width: 10.02044989775051%;  98/978 
		padding-left: 0;
	}

	.mega-menu nav > ul > li.daily-deals {
		width: 9.91820040899796%;  97/978 
	}

	.mega-menu nav > ul > li.sale {
		width: 5.11247443762781%;  50/978 
	}

	.mega-menu nav > ul > li.hair-care,
	.mega-menu nav > ul > li.tools-and-accessories,
	.mega-menu nav > ul > li.mens {
		visibility: visible;
		display: block;
	}
	*/
}

/*
*  @media screen and (min-width: 1024px)
*  based on common screen size
*  MAIN BREAK POINT
*
*/
@media screen and (min-width: 64em) {
	/* =================================
	* Masthead Styles
	================================= */
	.masthead input[type="text"] {
		width: 300px;
		margin: 8px 30px 10px 8px;
	}
	/* Search drop down */
	.search-drop-down {
		width:300px;
	}
	.search-drop-down  ul {
		padding:0 1em;
	}
	/* Favorites drop down */
	.favorites-drop-down ul {
		padding:0 1em;
	}
	/* Compare drop down */
	.compare-drop-down ul {
		padding:0 1em;
	}
	/* Shopping cart drop down */
	.shopping-cart-drop-down ul {
		padding:0 1em;
	}
	.masthead .utility-links.account {
		margin-left:30px;
	}

	/* =================================
	* Header Styles
	================================= */

	header.main-header .logo {
		width: 20%;
		padding-left: 0;
	}

	header.main-header .usps {
		width: 45%;
	}

		header.main-header .usps img {
			margin: 1.375em auto 0;
		}
	.mega-menu nav > ul > li > a {
		font-size: 0.6875em; /* 11/16 */
	}
	/*
	=========================================
	* Masthead Links
	=========================================
	*/
	header.main-header .service {
		width: 30%;
	}

	.service nav ul {
		padding: 0;
	}

		.service nav ul li {
			padding: 0 3%;
			margin: 2.8em 0 0; /*60px 0 0 15px*/
			width: auto;
		}

			.service nav ul li:first-child {
				padding-right: 0;
				margin-top: 2.8em;
			}

			.service nav ul li:last-child {
				padding-left: 0;
			}

			.service nav ul li a {
				float: left;
			}

}

/*
*  Retina display
*  high resolution images for the iPad

*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	/* Logo styles */
	header.main-header .logo a,
	header.main-header .logo a:link,
	header.main-header .logo a:active,
	header.main-header .logo a:visited,
	header.main-header .logo a:hover  {
		background-image: url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/logo-lovelyskin@2x.png);
		}
	/* Shopping cart icon in masthead */
	.masthead .utility-links .icon-shopping-cart {
		background-image: url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/icon-shopping-cart@2x.png);
	}
	/* Search Box */
	.masthead input[type="text"] {
		background: #ffffff url(https://d8437e408a9cbfd8f02b-565815bc1047d81f3263ca53ce1f60f7.ssl.cf1.rackcdn.com/icon_search_blue@2x.png) right no-repeat;
	}
}
