/* last rendered 10/07/15 */
@charset "utf-8";
#dermstore header {
	border-bottom: none;
}
.alert {
	margin: 15px 0px;
}
.dropdown-menu-right {
	left: auto;
	right: -15px;
}
#allExperts ul a {
	padding: 0px;
	display: block;
}
#dermstore nav#topMainNavigationNew> ul > li {
	font-size: 13px;
}
#topMainNavigationNew #allHoliday ul#ulContainer {
	height: 360px;
	border: none;
}
#topMainNavigationNew #allBrands ul#ulContainer {
    height: 375px;
    border: none;
}
#allHoliday ul a {
	padding: 0px;
	display: block;
}
#navHoliday a {
	color: #000;
	text-decoration: none;
}
#topMainNavigationNew #allHoliday h4 {
	font-size: 13px;
	font-weight: 600;
	margin: 20px 0px 10px;
	font-family: 'Martel';
	letter-spacing: 0.04em;
}
.fuchia {
    color: #ca2e73 !important;
}
i.fa.fa-gift {
    color: #ca2e73;
}
#dermstore {
	font-family: 'futura-pt';
}
#dermstore .noPadding {
	padding: 0 !important;
	margin: 0 !important;
}
/*************** HEADER **********************/
.top-strip-grey {
	background-color: #333333;
	color: #ffffff;
}
#dermstore #header-top {
	background: #000;
	color: #fff;
	margin-bottom: 20px;
}
#dermstore #header-top ul#utility-left-menu {
	font-family: 'u.s._101regular';
	letter-spacing: .04em;
}
#dermstore #header-top ul#utility-left-menu>li>a, #dermstore #header-top ul#utility-right-menu>li>a {
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 10px;
}
#dermstore #header-top ul#utility-right-menu>li>a {
	font-size: 13px;
}
#dermstore #header-top ul {
	list-style: none;
	padding: 0;
	margin: 2px 0;
	letter-spacing: .5px;
}
#header-top i.fa.fa-caret-down {
	padding-left: 5px;
	font-size: 12px;
}
#dermstore #headerSearch .highlight {
	color: #18ccca;
	/*color: #ddac00;*/
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding:0;
	font-family: 'u.s._101regular';
	font-size: 18px;
}
#dermstore #headerSearch p {
	text-align: right;
	font-weight: 700;
	font-size: 12px;
	font-family: Century Gothic, Arial, Courier New, Sans-Serif;
	text-transform: uppercase;
}
#dermstore .logo {
	margin-top: 20px;
}
#dermstore .logo-text {
	text-transform: uppercase;
	margin: 0;
	letter-spacing: .7px;
	font-size: 11px;
}

#dermstore nav ul {
	padding: 0;
	margin: 0;
}

#dermstore nav ul .sale {
	color: #d40707;
}
#dermstore nav ul>li>a {
	color: #353535;
}

#dermstore nav>ul>li>a:hover {
	border-bottom: 2px solid #333;
	text-decoration: none;
}
#dermstore-new #headerSearch .input-group-addon {
	background: #ffffff;
	border-radius: 0;
	border-left: none;
	border-right: 1px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	box-shadow: none;
}
#dermstore-new #headerSearch input {
	background: #ffffff;
	border-radius: 0;
	border-left: 1px solid #c1c1c1;
	border-right: none;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	box-shadow: none;
}
#dermstore #headerSearch .fa.fa-search {
	color: #555555;
}
#dermstore #header-top ul#utility-left-menu>li, #dermstore #header-top ul#utility-right-menu>li {
	float: left;
	padding-right: 10px;
	padding: 5px 1px;
}
#dermstore #header-top ul#utility-left-menu>li>a.last, #dermstore #header-top ul#utility-right-menu>li>a.last {
	border-right: none;
}
#dermstore #header-top ul#utility-left-menu>li.active, #dermstore #header-top ul#utility-right-menu>li.active, #dermstore #header-top ul#utility-left-menu>li.active a {
	background: #fff;
	color: #000;
}
#dermstore #header-top ul#utility-left-menu>li:hover {
	background: #fff;
	color: #000;
}
#dermstore #header-top ul#utility-left-menu>li:hover a {
	color: #000;
	text-decoration: none;
}
#headerSearch span.twitter-typeahead {
	width: 100%;
	height: 33px;
}
#headerSearch span.twitter-typeahead input {
	height:33px;
}
#headerSearch span.tt-dropdown-menu {
	width: 100%;
}
#headerSearch .tt-suggestion {
	padding: 7px;
	text-align: left !important;
}
#headerSearch .tt-suggestion:hover {
	background: #f7f7f7;
	cursor: pointer;
}
#headerSearch .tt-suggestion p {
	text-align: left !important;
	margin-bottom: 0;
}
.input-group.hovered {
	border: 1px solid #333333 !important;
}
#headerSearch .input-group {
	border: 2px solid #fff;
}
#dermstore #header-top ul#utility-right-menu>li .dropdown-menu:before {
	position: absolute;
	top: -7px;
	right: 35px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
#dermstore #header-top ul#utility-right-menu>li .dropdown-menu:after {
	position: absolute;
	top: -6px;
	right: 36px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}
.dropdown:hover .dropdown-menu {
	display: block;
}
ul.dropdown-menu {
	padding: 10px 0 !important;
}
ul.dropdown-menu>li>a {
	padding: 7px 20px;
	color: #777;
}
ul.dropdown-menu>li>a:hover {
	text-decoration: underline !important;
}
.fa.fa-shopping-cart.fa-flip-horizontal, .fa.fa-shopping-cart {
	font-size: 17px;
}
/********************* Mini Cart Shade ****************************/
#dermstore #header-nav ul#utility-right-menu>li .right-menu:after {
	position: absolute;
	top: -10px;
	left: 340px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	border-left: 10px solid transparent;
	content: '';
}
.dropdown-menu.right-menu:before {
	position: absolute;
	top: -11px;
	left: 340px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #555;
	border-left: 10px solid transparent;
	border-bottom-color: rgba(0,0,0, 0.2);
	content: '';
}
#header-top .right-menu a {
	text-decoration:none !important;
}
#header-top ul.right-menu p.cartDesc {
	white-space: normal !important;
}
#header-top ul.dropdown-menu.right-menu {
	right:0 !important;
	min-width: 275px;
	left: auto;
	padding: 10px 0 0px 0 !important;
}
#header-top ul.right-menu li:first-child {
	color:#000;
	font-weight:bold;
	font-size:12px;
	padding-left: 22px;
}
#header-top .cartImg {
	float:left;
	padding-right: 15px;
	padding-bottom: 10px;
}
#header-top p.cartDesc, .cartPrice, .cartQty {
	font-size:11px;
}
#header-top .subTtl {
	font-size: 11px;
	color:#000000;
	display:block;
	float:right;
	text-transform:none !important;
	font-family: 'Open Sans', Arial, Helvetica !important;
	padding-right:20px;
}
#header-top .checkOutBtn {
	float:left;
	display:block;
	color:#000000;
	margin-top: 12px;
	background-color: #f7f7f7;
	width:100%;
	padding: 16px 0 8px;
}
#header-top p.freeShip {
	float: left;
	margin-left: 8px;
	font-size: 14px;
	line-height: 12px;
	padding-top: 4px;
	font-family: 'u.s._101regular' !important;
}
#dermstore #header-top .checkOutBtn .ckBtn {
	float:left;
	width:120px !important;
	margin-left:20px;
	font-size:11px !important;
	letter-spacing: .13em;
	font-weight: bold;
}
.dropdown-menu {
	border-radius: 0px !important;
}
/********************* MOBILE MENU *****************************/
.subNav ul {
	background-color: #555;
}
#jPanelMenu-menu {
	background: #003b4c;
	overflow-y: auto !important;
	border-right: 1px solid #b7b7b7;
 background-image:
 linear-gradient( to right, #373737, #000% );
}
#jPanelMenu-menu .panel, #jPanelMenu-menu .panel-group {
	margin-bottom: 0px;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
#jPanelMenu-menu .panel-title {
	font-size: 14px;
}
#jPanelMenu-menu .panel-default>.panel-heading {
	color: #fff;
	background-color: #003B4C;
	font-family: 'Martel', Georgia, "Times New Roman", Times, serif !important;
}
#jPanelMenu-menu .panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
#jPanelMenu-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#jPanelMenu-menu ul>li {
	border-bottom: 1px solid #b7b7b7;
}
#jPanelMenu-menu ul>li.coBrand {
	background: #003B4C;
	height: 32px;
}
#jPanelMenu-menu ul>li.coBrand>a {
	padding: 4px 15px;
	font-family: 'u.s._101regular';
	font-size: 16px;
}
#jPanelMenu-menu ul>li>a {
	color: #f7f7f7;
	text-transform: lowercase;
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	font-family: 'Martel', Georgia, "Times New Roman", Times, serif !important;
}
#jPanelMenu-menu ul>li>a:active, #jPanelMenu-menu ul>li>a:visited, #jPanelMenu-menu ul>li>a:hover {
	background-color: #079CB4;
}
#jPanelMenu-menu ul>li> a.plusSign::after {
	font-family: FontAwesome;
	font-size: 12px;
	content: "\f068";
}
#jPanelMenu-menu ul>li> a.plusSign:after {
	font-family: FontAwesome;
	font-size: 12px;
	content: "\f067";
	right: 10px;
	position: absolute;
	margin-top: 3px;
}
#jPanelMenu-menu .subNav a {
	text-transform: none;
	font-family: 'futura-pt' !important;
	font-size: 14px;
	padding: 5px 15px;
}
#jPanelMenu-menu .subNav ul>li {
	border-bottom: none;
	padding: 10px 0;
}
#jPanelMenu-menu li a:active {
	border-top-color: #222222;
}
.dropdown-menu li {
	font-family: 'futura-pt' !important;
	font-size: 14px;
	padding: 0;
}
#dermstore nav>ul>li.dropdown.navLast {
	float: right !important;
	padding-left: 0px !important;
	padding-right: 0 !important;
}
#dermstore nav>ul>li.dropdown.simpleDropdown .dropdown-menu {
	border-radius: 0;
	width: 205px;
}
#dermstore nav>ul>li.dropdown.navLast .dropdown-menu {
	right: 0;
	left: auto;
	top: 20px;
}
#dermstore nav>ul>li.dropdown#navSale .dropdown-menu {
	right: 0;
	left: auto;
}
#dermstore nav>ul>li#holiday {
	font-family: 'Playfair Display', serif;
}
#dermstore nav>ul>li.dropdown.simpleDropdown .dropdown-menu>li>a {
	font-family: 'u.s._101regular';
	font-size: 18px;
}
#dermstore #header-top ul#utility-right-menu>li>a:hover {
	text-decoration: none;
}
/************* TOP NAV FLYOUTS ***********************/

li.flyoutLInk.hover .row>.flyouts {
	display: block;
	left: 0;
}
/*.brandLink.hover .brandsFlyout {
	display: block;
}

.brandsFlyout:hover .brandLink a {
	border-bottom: 2px solid #000;
}

.psLink:hover .psFlyout {
	display: block;
	left: 0;
}

.skinLink:hover .skinFlyout {
	display: block;
	left: 0;
}


.cosmoLink:hover .cosmoFlyout {
	display: block;
	right: 0;
}

.hcLink:hover .hcFlyout {
	display: block;
	right: 0px;
}

.hairLink:hover .hairFlyout {
	display: block;
	right: 0;
}

.bodyLink:hover .bodyFlyout {
	display: block;
	right: 0;
} 

.toolsLink:hover .toolsFlyout {
	display: block;
	right: 0;
}

.menLink:hover .menFlyout {
	display: block;
	right: 0;
}

.naturalLink:hover .naturalFlyout {
	display: block;
	right: 0;
}*/

.flyouts .col-md-3, .flyouts .col-md-5, .flyouts .col-md-4, .flyouts .col-xs-6, .flyouts .col-xs-8 {
	padding-left: 20px;
	padding-right: 20px;
}
li.navShopLink.shopTop {
	margin-top: 10px;
}
#brandLetterAnchors a {
	padding: 0 !important;
	display: inline !important;
	margin: 0;
}
#brandLetterAnchors .brandJump:hover {
	font-weight: 900 !important;
	font-size: 14px;
}
#brandLetterAnchors li {
	padding: 0 !important;
	height: 15px;
}
#ulContainer li.letterAnchor {
	padding: 10px !important;
	font-weight: 900 !important;
	text-decoration: underline;
	font-size: 14px;
}
#allBrands ul#ulContainer {
	height: 375px;
	overflow: auto;
	border: 1px solid #f7f7f7;
}
#allBrands ul a {
	padding: 0px;
	display: block;
}
#allBrands li a:hover {
	background: none;
	cursor: pointer;
	text-decoration: underline;
}
.flyouts {
	text-align: left;
	font-size: 12px;
	position: absolute;
	padding: 25px 15px;
	z-index: 30000;
	background: #fff;
	display: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.flyouts h4 {
	font-size: 20px;
	font-weight: normal;
	margin: 7px 0;
	font-family: 'u.s._101regular';
}
.flyouts h4 a {
	color: #353535;
}
.flyouts h4 a:hover {
	color: #353535;
}
.flyouts a.underline {
	text-decoration: underline;
	font-family: 'u.s._101regular';
	font-size: 16px;
}
.flyouts ul {
	padding: 0;
	margin: 0;
}
.flyouts li {
	padding: 5px 0 !important;
	text-transform: none !important;
	font-weight: normal !important;
	float: none !important;
	text-align: left !important;
}
.psLink a.btn.btn-lg.btn-dermstore {
	margin-top: 10px;
}
.flyout-prod p {
	text-align: center;
	color: #353535;
	margin: 3px 0;
}
nav .flyouts .divider-right {
	background: url('http://media.dermstore.com/images/style/bootstrap3/img/nav-border.jpg') no-repeat top right;
	min-height: 300px;
}
nav .flyouts a.btn.btn-lg.btn-dermstore {
	width: 100%;
	margin-top: 15px;
}
nav .flyouts li.navShopLink {
	padding: 2px 0 !important;
}
nav .flyouts .navShopLink a {
	font-family: 'u.s._101regular';
	text-decoration: underline;
	font-size: 19px;
	display: block;
	color: #353535;
	font-weight: normal;
}
nav .flyouts .col-md-4.divider-right {
	padding: 0 25px;
}
/*nav .flyouts img.img-responsive {
	max-width: 175px;
}*/

/************* HELPERS **********************/
#dermstore .btn.btn-dermstore {
	background-color: #373737;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	border: 2px solid #373737;
	text-decoration: none !important;
	font-family: 'futura-pt';
	font-size: 15px;
}
#dermstore .btn.btn-dermstore:hover {
	background: #fff;
	border: 2px solid #b7b7b7;
	color: #353535;
	text-decoration: none !important;
}
#dermstore .btn.btn-dermstore.inverted {
	background: #fff;
	border: 2px solid #b7b7b7;
	color: #353535;
	text-deocration: none !important;
}
#dermstore .btn.btn-dermstore.inverted:hover {
	background-color: #373737;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	border: 2px solid #373737;
	text-decoration: none !important;
	font-family: 'futura-pt';
	font-size: 14px !important;
}
.btn-lg {
	font-size: 14px;
}
#dermstore .derm-section {
	padding-top: 35px;
	padding-bottom: 35px;
}
hr.home-btn-border {
	border-color: #b7b7b7;
	margin-top: 5px;
	margin-bottom: 5px;
}
/************** DERMSTORE BODY ***********************/
a#topBannerLink {
	display: block;
	text-transform:uppercase;
}
a#topBannerLink:hover {
	text-decoration: none;
}
#dermstore #topBanner {
	border-radius: 0 !important;
	text-align: center;
	border: none !important;
	padding: 10px !important;
}
#dermstore .shopByBox i {
	float: right;
}
#dermstore-body .shopByBox:hover {
	cursor: pointer;
}
.popover-content i.fa.fa-search {
	float: right;
}
#dermstore #dermstore-body .shopByBox {
	background: #f7f7f7;
	padding: 10px;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 12px;
	text-align: center;
	font-weight: 700;
	font-family: Century Gothic, Arial, Courier New, Sans-Serif;
}
a .shopByBox, .shopByBox {
	color: #000;
}
a.sBar {
	text-decoration: none;
}
#dermstore #dermstore-body .shopByBox:hover {
	background: #eeeeee;
}
#dermstore #dermstore-body #dod {
	margin-top: 24px;
}
#dermstore h1.slider-heading {
	text-align: center;
	font-size: 16px;
	margin: 0;
	font-weight: 700;
	font-family: Century Gothic, Arial, Courier New, Sans-Serif;
}
#dermstore h1.slider-heading:before {
	content: "";
	border-top: 1px solid #b7b7b7;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 15px;
	z-index: -1;
}
#dermstore h1.slider-heading span {
	display: inline-block;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	background: #fff;
	text-transform: uppercase;
}
span.brand-highlight {
	border: 1px solid #b7b7b7;
	padding: 10px 20px !important;
}
#dermstore .home-btn {
	background: #353535;
	display: block;
	color: #fff;
	padding:10px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-family: Century Gothic, Arial, Courier New, Sans-Serif;
}
#dermstore .home-btn:hover {
	background: #5c5c5c;
}
span.tt-dropdown-menu {
	background: #fff;
	padding: 0;
	height: 250px;
	overflow-y: auto;
	width: 220px;
	margin-top: 20px;
	border: 1px solid #f7f7f7;
}
#dermstore-body .shopByBox .popover-content {
	border-bottom: 1px solid #b7b7b7;
}
#dermstore-body .tt-suggestion {
	padding: 5px;
}
#dermstore-body .tt-suggestion p {
	margin: 5px 0 5px;
}
#dermstore-body .popover input {
	border: none;
	width: 205px;
}
#dermstore-body .popover .fa.fa-search {
	color: #b7b7b7;
}
#dermstore-body .tt-suggestion:hover {
	background: #f7f7f7;
	cursor: pointer;
}
#dermstore-body .popover {
	border-radius: 0;
	height: 320px;
	width: 250px;
}
.owl-item p {
	text-align: center;
	margin: 0;
	color: #353535;
	font-size: 15px;
}
.owl-item p.item-brand {
	font-weight: 700;
}
.owl-next {
	background: url('http://media.dermstore.com/images/landing_pages/2500/next-img-btn.png') no-repeat;
	position: absolute;
	text-indent: -9999px !important;
	width: 32px;
	height: 75px;
}
.owl-next:hover {
	background: url('http://media.dermstore.com/images/landing_pages/2500/next-img-btn-hov.png') no-repeat;
}
.owl-prev {
	background: url('http://media.dermstore.com/images/landing_pages/2500/prev-img-btn.png') no-repeat;
	position: absolute;
	text-indent: -9999px !important;
	width: 32px;
	height: 75px;
}
.owl-prev:hover {
	background: url('http://media.dermstore.com/images/landing_pages/2500/prev-img-btn-hov.png') no-repeat;
}
#dermstore-body .owl-main-slider .owl-prev {
	/*position: absolute;
	left: 0;
	top: 160px;*/
	display: none !important;
}
#dermstore-body .owl-reorder .owl-prev, #dermstore-body .owl-now-trending .owl-prev, #dermstore-body .owl-blog .owl-prev, .owl-carousel .owl-prev {
	left: -16px;
	top: 60px;
}
#dermstore-body .owl-reorder .owl-next, #dermstore-body .owl-now-trending .owl-next, #dermstore-body .owl-blog .owl-next, .owl-carousel .owl-next {
	right: -16px;
	top: 60px;
}
#dermstore-body .owl-reorder .owl-next:hover, #dermstore-body .owl-now-trending .owl-next:hover {
	background: url('//media.dermstore.com/images/landing_pages/2500/next-img-btn-hov.png') no-repeat;
}
.alert-warning a {
	color: #8a6d3b;
}
/* NEW VIDEO LAYOUT */

#vidText {
	width: auto;
	height: auto;
}
p.watchVid {
	margin-top: 25%;
}
#vidStory div {
	background: #5c5c5c;
	text-align: center;
	padding: 20px;
	font-family:'Century Gothic', sans-serif;
}
#vidStory div p, #vidStory div a {
	color: #FFF;
}
#vidStory div p:hover, #vidStory div a:hover {
	color: #74edec;
}
#vidStory div {
	padding: 65px 20px !important;
}
#vidStory p.vidTitle {
	font-size: 23px;
	border-bottom: 1px solid #7d7d7d;
	cursor: pointer;
	display:block;
}
p.subvidTitle a {
	text-transform: uppercase;
	border-bottom: 1px solid #7d7d7d;
	margin:0px;
	display:block;
	font-size:14px !important;
}
p.watchTitle a {
	text-transform: uppercase;
	border-bottom: 1px solid #7d7d7d;
	padding: 10px 0 20px 0;
	display:block;
	font-size:14px;
}
#vidStory div:hover {
	background:#5c5c5c;
}
/*#vidStory div {
	background: #feefb9;
	text-align: center;
	padding: 20px;
}

#vidStory a {
	color: #353535;
}

#vidStory a:hover {
    text-decoration: none;
}

#vidStory div:hover {
	background: #f3e2a4; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjZjdmNmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZjE4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-radial-gradient(center, ellipse cover,  #FFFFE5 0%, #f3e2a4 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFE5), color-stop(100%,#f3e2a4));
	background: -webkit-radial-gradient(center, ellipse cover,  #FFFFE5 0%,#f3e2a4 100%); 
	background: -o-radial-gradient(center, ellipse cover,  #FFFFE5 0%,#f3e2a4 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  #FFFFE5 0%,#f3e2a4 100%); 
	background: radial-gradient(ellipse at center,  #FFFFE5 0%,#f3e2a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFE5', endColorstr='#f3e2a4',GradientType=1 );
}

#vidStory p {
	font-size: 16px;
}

#vidStory p.large {
	font-size: 20px;
	font-family: 'u.s._101regular';
}*/

#dermstore-body #favoriteBrands {
	background: #f7f7f7;
	margin-top: -18px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
}
#dermstore-body #favoriteBrands img {
	opacity: .5;
}
#dermstore-body #favoriteBrands img:hover {
	opacity: 1;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}
footer #bottom-stories .col-xs-6.col-sm-3.col-md-3.first {
	padding-right: 5px;
}
footer #bottom-stories .last.col-xs-12.col-sm-3.col-md-3 {
	padding-left: 5px;
}
footer #bottom-stories .col-xs-12.col-sm-6.col-md-6 {
	padding-left: 13px;
	padding-right: 13px;
}
#dermstore-body #playVid:hover {
	cursor: pointer;
	opacity: .8;
}
.vid-img {
	position:relative;
}
#vidText {
	display:none;
	position: absolute;
	top: 0;
	left: 0px;
	right: 0;
	color: #fff;
	cursor: pointer;
}
#vidText {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	background: rgba(116, 237, 236, 0.6);
	color: #fff;
	cursor: pointer;
	display: none;
}
.vid-img:hover #vidText {
	display: block !important;
}
div#vidStory:hover {
	cursor: pointer;
}
#vidText .vidTitle a {
	font-size:18px;
	font-family:Century Gothic, Helvetica, Arial;
	letter-spacing:3px;
	display:block;
	color:#FFF;
	text-align:center;
}
#vidText .subvidTitle a {
	font-size:14px;
	font-family:Century Gothic, Helvetica, Arial;
	letter-spacing:2px;
	display:block;
	color:#FFF;
	text-align:center;
}
#vidText .vidTitle a:hover, #vidText .subvidTitle a:hover, #vidText .watchVid a {
	text-decoration: none;
}
#vidText .watchVid a {
	font-size:18px;
	font-family:Century Gothic, Helvetica, Arial;
	letter-spacing:3px;
	display:block;
	color:#FFF;
	text-align:center;
	text-transform: uppercase;
	font-weight: bold;
}
p.item-price span.strike {
	text-decoration: line-through;
}
p.item-price span.sale {
	color: #d40707;
}
.owl-dots {
	position: absolute;
	right: 10px;
	bottom: 15px;
	opacity: .5;
}
.owl-dot {
	height: 10px;
	width: 10px;
	background: #b7b7b7;
	color: #000;
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #000;
	border-radius: 10px;
}
.owl-dot.active {
	background: #353535;
}
/************* FOOTER ***********************/
footer .social-icons .img-circle {
	background: #5c5c5c;
	width: 25px;
	height: 25px;
	text-align: center;
	display: inline-block;
}
footer .social-icons .img-circle .fa {
	vertical-align: bottom;
	color: #fff;
	margin-top: 5px;
}
footer #footer-middle ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer #newsSubscribe input {
	border: none;
	padding: 7px 10px;
}
footer #newsSubscribe button {
	border: 0;
	text-transform: uppercase;
	font-family: 'u.s._101regular';
	font-size: 15px;
}
footer #newsSubscribe {
	border-bottom: 1px solid #b7b7b7;
	height: 38px;
}
footer .input-group {
	border: 2px solid #f7f7f7;
}
footer #newsSubscribe .form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	moz-box-shadow: none;
}
footer .social-icons a {
	margin-top: 10px;
	margin-right: 5px;
}
footer #footer-middle .border-right {
	min-height: 115px;
}
footer .social-icons a:hover {
	background: #353535;
	color: #333;
}
#footer-middle a {
	color: #353535;
}
#dermstore footer #footer-top {
	background: #f7f7f7;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid #b7b7b7;
}
#dermstore footer #footer-middle {
	padding: 30px 0;
	font-size: 12px;
}
#dermstore footer #footer-middle li {
	padding: 5px 0;
}
#dermstore footer #footer-bottom {
	padding: 30px 0;
}
#dermstore footer #footer-bottom .container {
	border-top: 1px solid #b7b7b7;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}
#dermstore footer #footer-bottom a {
	color: #333;
	font-weight: 700;
	padding-right: 5px;
	font-size: 10px;
}
.clBack {
	background:#000;
}
/************* MOBILE FOOTER ***********************/
#mobileFoot .panel-title {
	font-size: 15px;
	margin-left: 25px;
}
#mobileFoot .panel-default>.panel-heading {
	color: #333;
	background-color: #FFF;
	border-bottom:#CCCCCC solid 1px;
	margin:0;
	text-decoration:none;
}
#mobileFoot .panel-default>.panel-heading:hover, #mobileFoot .panel-default>.panel-heading:active {
	color: #333;
	background-color: #e5e5e5;
	text-decoration:none;
}
#mobileFoot .panel-heading {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
}
#mobileFoot .panel-group .panel {
	border-radius: 0;
}
#mobileFoot .panel {
	border: 0;
}
#mobileFoot .panel-group .panel-heading a.collapsed:after {
	font-family: FontAwesome;
	font-size: 12px;
	content: "\f067";
}
#mobileFoot .panel-group .panel-heading a:after {
	font-family: FontAwesome;
	font-size: 12px;
	content: "\f068";
	position: absolute;
	left: 10px;
	margin-top: 3px;
}
#mobileFoot ul {
	padding: 0 0 0 23px !important;
}
#mobileFoot a {
	display: block;
}
#mobileFoot .panel-title>a {
	text-decoration: none;
	padding: 10px 15px;
}
#mobileFoot .panel-group .panel+.panel {
	margin-top: 0;
}
#mobileFoot .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 0;
}
#mobileFoot li {
	padding: 0;
}
#mobileFoot li a {
	padding: 10px 0;
	border-bottom: 1px solid #c1c1c1;
	text-decoration: none;
}
#mobileFoot li a:hover {
	background-color: #F7F7F7;
}
/********************* PREDICTIVE INTELLIGENCE  *****************************/

#ajaxETProds span.prodName {
	font-weight: bold;
}
#ajaxETProds .prodName, .prodReviews {
	display: block;
	font-size: 12px;
}
#ajaxETProds a {
	color: #000;
	text-decoration: none;
	outline: none;
}
#ajaxETProds a:hover {
	color:#000;
}
#ajaxETProds p.firstLine {
	text-align: center;
}
#ajaxETProds p.item-price {
	text-align: center;
}
#ajaxETProds .addToCart a {
	color: #000;
	font-weight: bold;
}
#ajaxETProds .pac {
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
}
#ajaxETProds .prod_by, .prodPrice {
	color: #777;
	display: block;
	margin-top: 2px;
}
#ajaxETProds span.prodThumb, #ajaxETProds span.prodBy, #ajaxETProds span.prodStars, #ajaxETProds span.prodPrice {
	display: block;
	margin-bottom: 6px;
	float: none;
	font-size: 12px;
}
#ajaxETProds .col-xs-6.col-sm-4.col-md-4 {
	min-height: 430px;
}
/************* NEW NAV ******************/


#topMainNavigationNew .flyouts h4, #topMainNavigationNew #allBrands h4 {
	font-size: 13px;
	font-weight: 600;
	margin: 5px 0px 10px;
	font-family: 'Martel';
	letter-spacing: 0.04em;
}
#topMainNavigationNew #allBrands h4 {
	margin-top: 20px;
}
#topMainNavigationNew .flyouts li, #topMainNavigationNew .dropdown-menu li {
	padding: 3px 0px !important;
	font-size: 14px;
}
#dermstore nav#topMainNavigationNew>ul>li {
	padding: 0px 2.08em !important;
}
#dermstore nav#topMainNavigationNew>ul>li.dropdown.simpleDropdown .dropdown-menu {
	border-radius: 0px !important;
	width: 220px;
}
#topMainNavigationNew #navBrands #ulContainer li {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
}
#topMainNavigationNew .btn.btn-dermstore {
	font-family: 'futura-pt';
	font-weight: 400;
	letter-spacing: 0.04em;
	font-size: 15px;
	margin-top: 10px;
	padding: 10px 20px;
	width:auto;
}
#topMainNavigationNew #brandLetterAnchors a {
	font-weight: 400;
}

#navBrands a {
	text-decoration: none;
}
/********** product responsive widget *****************/
.prod-widget-responsive {
	position: relative;
	min-height: 500px;
}
.prod-widget-responsive .favorites-widget {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 25px;
}
.prod-widget-responsive .favorites-widget:hover {
	cursor: pointer;
}
.prod-widget-responsive .favorites-widget .fa.fa-heart {
	color: #ff6c0c;
}
.prod-widget-responsive p.item-brand {
	font-family: 'Martel', serif;
	font-weight: 900;
	color: #555555;
}
.prod-widget-responsive p.item-brand a {
	font-family: 'Martel', serif;
	font-weight: 900;
	color: #555555;
}
.prod-widget-responsive p {
	font-family: 'futura-pt';
	color: #333333;
}
.prod-widget-responsive .btn.btn-default {
	width: 100%;
	border-radius: 0;
	height: 38px;
	border-color: #c2c2c2;
	text-transform: uppercase;
	border-width: 2px;
}
.prod-widget-responsive .highlight {
	color: #079cb4;
}
.prod-widget-responsive p.item-name {
	min-height: 85px;
}
.prod-widget-responsive .starsBoxSm {
	width: 30%;
	display: inline-block;
}
.prod-widget-responsive .badge {
	color: #fff;
	border-radius: 0;
	text-transform: uppercase;
	float: right;
}
.prod-widget-responsive .badge.orange {
	background: #ff6c0c;
}
.prod-widget-responsive .badge.oos {
	background: #c2c2c2;
}
#profile .prod-widget-responsive .profile-border {
	border: 2px solid #000;
	padding: 20px;
}
.prod-widget-responsive .profile-border {
	position: relative;
	margin-bottom: 20px;
s
}
.prod-widget-responsive .profile-border .gwp-badge {
	position: absolute;
	top: 20px;
	left: 20px;
}
.prod-widget-responsive .profile-border p.highlight {
	font-family: 'Martel', serif;
	font-weight: 900;
}
.prod-widget-responsive .profile-border p.gwp-desc {
	min-height: 65px;
}
.prod-widget-responsive .profile-border p {
	margin-bottom: 0;
}
/* new main nav styles temporary */
#navExperts a {
	color: #079cb4 !important;
	text-decoration: none;
}
.shipTtl {
	font-size: 12px;
	margin: 20px 20px 0 20px;
	display: block;
	font-family: "Open Sans", Arial, Helvetica !important;
}
.subTtl strong {
	color: #079cb4;
}
.shipTtl2 {
	font-size: 16px;
	margin: 20px 15px;
	display: block;
	font-family: 'futura-pt' !important;
	border: 1px solid #c2c2c2;
	text-align: center;
	padding: 10px;
}
.priceShip {
	float:right;
}
#dermstore-new .divider {
	margin: 13px 0px;
}
#dermstore-new .maindivider {
	height: 1px;
	margin: 20px 0 0 0;
	overflow: hidden;
	background-color: #e8e9e9;
	border-top: none !important;
}
.alert-warning {
	background-color:transparent;
	color: #8a6d3b;
}
#dermstore #topBanner {
	padding: 0 !important;
	font-size: 13px;
}
#dermstore #header-top {
	background: #079cb4;
	color: #fff;
	margin-bottom: 20px;
	height: 50px;
}
#dermstore .logo {
	margin-top: 0 !important;
}
#headerSearch {
	max-width: 215px;
	height: 66px;
	float: left;
	margin: 0 10px 0 60px;
}
span.numitems.hidden-xs.hidden-sm {
	color: #003b4c;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	padding-top: 7px;
	font-family: 'futura-pt';
}
#dermstore #header-top ul#utility-right-menu>li>a {
	color: #fff;
	border: none;
	padding: 0 10px;
}
#dermstore #header-top ul#utility-right-menu>li {
	float: left;
	padding-right: 10px;
	padding: 13px 0 0;
	font-size: 13px;
	font-family: 'futura-pt';
	color: #fff;
}
#dermstore-new #topBanner {
	text-align: left;
	font-family: 'futura-pt';
	letter-spacing: 0.5px;
}

#header-nav ul.dropdown-menu.right-menu {
	right: 0;
	min-width: 390px;
	left: auto;
	padding: 15px 0 0px 0 !important;
}
#dermstore-new nav>ul>li {
	float: left;
	padding: 0 16px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-family: 'Martel', Georgia, "Times New Roman", Times, serif !important;
}
span.numitems.hidden-xs {
	text-transform: lowercase;
}
#dermstore-new #header-nav ul#utility-right-menu>li {
	float: left;
	padding-right: 10px;
	padding: 5px 0;
}
#header-nav .dropdown {
	position: relative;
	display: list-item !important;
}
#header-nav ul.right-menu li:first-child {
	color: #000;
	font-size: 13px;
	padding-left: 22px;
}
#header-nav ul.right-menu p.cartDesc {
	white-space: normal !important;
	text-decoration: none !important;
}
#header-nav p.cartDesc, .cartPrice, .cartQty {
	font-size: 13px;
}
#dermstore-new #header-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#header-nav .checkOutBtn {
	float: left;
	display: block;
	color: #000000;
	width: 100%;
	padding: 20px 15px 22px 15px;
}
#header-nav .checkOutBtn .ckBtn {
	float: right;
	width: 193px;
	margin-left: 20px;
	font-size: 16px !important;
	letter-spacing: .13em;
	font-family: 'futura-pt' !important;
	background-color: #079cb4;
	height: 43px;
	line-height: 30px;
	border: none !important;
}
#header-nav .btn.btn-dermstore.ckBtn:hover {
	opacity: 0.8 !important;
	color:#fff;
	background:#079cb4;
}
#header-nav p.freeShip {
	float: left;
	margin-left: 8px;
	font-size: 14px;
	line-height: 12px;
	padding-top: 4px;
	font-family: 'u.s._101regular' !important;
}
#header-nav .subTtl {
	font-size: 14px;
	color: #000000;
	display: block;
	float: left;
	text-transform: uppercase;
	font-family: 'futura-pt' !important;
	padding: 8px 0 0 20px;
}
#header-nav .cartImg {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}
.dropdown {
	position: relative;
	display: inline-block;
}
/*.flyouts {
	margin-top: 4px;
}
#dermstore nav#topMainNavigationNew>ul>li.dropdown.simpleDropdown .dropdown-menu {
	margin-top: 4px;
}*/

#topMainNavigationNew .flyouts h4, #topMainNavigationNew #allBrands h4 {
	font-family: 'Martel';
}
#topMainNavigationNew .flyouts li, #topMainNavigationNew .dropdown-menu li {
	padding: 3px 0px !important;
	font-family: 'futura-pt' !important;
	font-size: 15px;
}
#dermstore-new #utility-right-menu .divider {
	margin: 13px 15px;
}
#topBannerLink {
	-moz-animation-duration:4s;
	-moz-animation-delay: 1s;
	-webkit-animation-duration: 4s;
	-webkit-animation-delay: 1s;
	-ms-animation-duration: 4s;
	-ms-animation-delay: 1s;
	-o-animation-duration:4s;
	-o-animation-delay: 1s;
}
input[type="submit"] {
	-webkit-appearance: none;
}
input:focus {
	outline: 0;
}
/********************* MEDIA QUERIES *****************************/
@media (max-width: 320px) {
#header-nav ul.dropdown-menu.right-menu {
	right: -10px !important;
	min-width: 275px;
	padding: 10px 0 0px 0 !important;
}
ul#utility-left-menu {
	margin: 0 10px 0 15px !important;
	display: inline-block;
	float: left;
}
#dermstore #logoSearch .logo {
	width: 180px !important;
}
.logo img {
	width: 180px !important;
	margin: 0 auto;
	display: block;
}
#dermstore-new #header-nav ul#utility-right-menu>li {
	padding: 2px 4px !important;
}
.shipTtl2 {
	font-size: 14px;
	margin: 20px 15px 0;
	padding: 10px;
}
#header-nav .checkOutBtn {
	float: left;
	display: block;
	color: #000000;
	width: 100%;
	padding: 10px 15px 22px 15px;
}
#header-nav .checkOutBtn .ckBtn {
	width:100%;
	margin-left: 0;
}
#header-nav .subTtl {
	padding: 8px 0 15px 0px;
}
span.visible-xs-inline.mobileCartNum {
	background-color: #079CB4;
	position: absolute;
	right: -15px !important;
	border-radius: 50%;
	color: #fff;
	width: 30px;
	top: -12px;
	border: #fff 3px solid;
	font-size: 13px;
	height: 30px;
	text-align: center;
	padding-top:2px;
}
a.last.fa.fa-bars.dermMobileMenuTrigger {
	color: #003b4c;
}
}
@media (max-width: 480px) {
#dermstore #header-nav .container {
	padding: 0px !important;
}
#dermstore #headerSearch {
	height: 35px;
	max-width: 100%;
	margin: 0px;
}
.logoSearchHalf {
	display: block;
	width: 100%;
	text-align: center;
}
#dermstore #topBanner {
	margin-top: 10px;
}
/*new nav temp*/
#dermstore #logoSearch .logo {
	width: 215px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	margin-bottom: 15px;
}
.logo img {
	width: 215px;
	margin: 0 auto;
	display: block;
}
ul#utility-right-menu {
	float: right !important;
	margin-right: 25px !important;
}
#dermstore #header-top {
	height: auto;
	margin-bottom: 20px !important;
}
#dermstore-new #topBanner {
	text-align: center;
}
#dermstore-new ul#utility-left-menu {
	margin: 0px 0px 0 15px;
	display: inline-block;
	float: left;
}
#dermstore-new #header-nav ul#utility-right-menu>li {
	float: right;
	padding: 4px 10px 4px 0;
}
a.dropdown-toggle {
	font-size: 16px;
}
.form-group {
	margin: 0 15px;
}
span.visible-xs-inline.mobileCartNum {
	background-color: #079CB4;
	position: absolute;
	right: -15px;
	border-radius: 50%;
	color: #fff!important;
	width: 30px;
	top: -12px;
	border: #fff 3px solid;
	font-size: 13px;
	height: 30px;
	text-align: center;
	padding-top: 2px;
}
#header-nav ul.dropdown-menu.right-menu {
	right: -19px;
	left: auto;
	width: 360px;
	min-width: 360px !important;
}
a.last.fa.fa-bars.dermMobileMenuTrigger {
	color: #003b4c;
}
a.last.fa.fa-bars.dermMobileMenuTrigger:hover, a.last.fa.fa-bars.dermMobileMenuTrigger:focus {
	text-decoration: none;
}
}
@media (max-width: 767px) {
#dermstore h1.slider-heading:before {
	width: 100%;
	left: 0 !important;
}
#dermstore #headerSearch .input-group {
	border: none;
}
#dermstore #headerSearch p {
	text-align: left;
}
.modal-header {
	padding: 5px 15px 25px 0;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.42857143px;
}
#home-btns .col-xs-12.col-sm-4.col-md-4 {
	margin-bottom: 5px;
}
footer .social-icons a {
	margin-bottom: 10px;
}
#dermstore-body .owl-main-slider .owl-next {
	display: none !important;
}
#dermstore #header-top ul#utility-left-menu>li>a, #dermstore #header-top ul#utility-right-menu>li>a {
	padding: 0px;
}
#dermstore #header-top #mobileShipText {
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 6px 0 4px 0;
}
#dermstore #header-top .mobileCartNum {
	position: absolute;
	top: 6px;
	right: 38px;
	font-size: 12px;
	color: #CCC;
}
.input-group.hovered {
	border: none !important;
}
}
 @media (min-width: 992px) {
#dermstore h1.slider-heading:before {
	width: 940px;
}
#vidStory div {
	height: 355px;
	padding: 100px 20px;
}
#dermstore nav>ul>li {
	padding: 0 13px !important;
}
.border-right {
	border-right: 1px solid #b7b7b7;
}
#myModal .modal-dialog {
	width: 1035px !important;
	margin: 30px auto;
}
p.vidTitle {
	margin-top: 13px;
	margin-bottom: 0px;
	padding: 0px 0px 15px 0px !important;
}
p.subvidTitle a {
	margin-top: 0px !important;
	padding: 20px 0px;
}
#dermstore-body .owl-main-slider .owl-next {
	right: -16px;
	top: 188px !important;
}
p.watchVid {
	margin-top: 162px !important;
}
/*footer #bottom-stories .col-xs-12.col-sm-6.col-md-6 img {
  	height: 237px;
  }*/
  #rtTopStory {
	margin-bottom: 5px;
}
}
@media (min-width: 480px) and (max-width: 991px) {
#dermstore h1.slider-heading:before {
	width: 720px;
}
#vidStory div {
	height: 230px;
}
/*New Video Layout*/
#vidStory div {
	height: 237px;
	padding: 36px 20px !important;
}
p.vidTitle {
	margin-top: 10px;
	font-size: 14px !important;
	text-transform: uppercase;
	padding-bottom: 14px;
}
p.subvidTitle a {
	margin-top: 0px !important;
	padding: 5px 0px 14px 0px;
}
p.watchTitle a {
	padding: 5px 0 16px 0;
}
ul#utility-left-menu {
	float: left;
	padding: 5px 0px 0 0 !important;
}
#dermstore #headerSearch {
	margin: 0 2px 0 0;
	max-width: 100%;
}
span.visible-xs-inline.visible-sm-inline.mobileCartNum {
	background-color: #079CB4;
	position: absolute;
	right: 16px;
	border-radius: 50%;
	color: #fff;
	min-width: 25px;
	top: 0px;
	border: #fff 3px solid;
	font-size: 10px;
	min-height: 20px;
	text-align: center;
	color: #fff !important;
	padding: 3px;
}
#dermstore #topBanner {
	font-size: 12px;
}
#header-nav ul.dropdown-menu.right-menu {
	right: -4px !important;
	min-width: 390px;
	left: auto;
	padding: 15px 0 0px 0 !important;
	margin-top: 15px !important;
}
#dermstore #header-top ul {
	letter-spacing: .4px;
}
a.last.fa.fa-bars.dermMobileMenuTrigger {
	color: #003b4c;
}
.logo img {
	width: 303px;
	display: block;
	margin: 0 auto 15px 0;
}
#dermstore .logo {
	text-align: center;
	display: inline-block;
}
.col-xs-12.col-sm-12.col-md-7.logoSearchHalf {
	text-align: center;
}
#dermstore-new #header-nav ul#utility-right-menu>li {
	float: left;
	padding: 5px 25px 0 0;
}
#headerSearch {
	height: 45px;
}
}
@media (min-width: 768px) {
p.watchVid {
	margin-top: 112px;
}
.noPadRt {
	padding-right:0px !important;
}
.noPadLt {
	padding-left:0px !important;
}
#dermstore #home-btns .first {
	padding-right: 2px;
}
#dermstore #home-btns .middle {
	padding-right: 2px;
	padding-left: 2px;
}
#dermstore #home-btns .last {
	padding-left: 2px;
}
#vidRow .col-xs-12.col-sm-7.col-md-8 {
	padding-right: 11px;
}
#vidRow .col-xs-12.col-sm-5.col-md-4 {
	padding-left: 5px;
}
#dermstore-body .owl-main-slider .owl-next {
	right: -16px;
	top: 115px;
}
#dermstore-body .holidayMessaging.popover {
	max-width: none;
	width: 400px;
	height: auto;
}
#dermstore-body .holidayMessaging.popover .popover-content {
	padding: 30px;
}
#dod {
	cursor: pointer;
}
#dod img:hover {
	opacity: .8;
}
h4.text-center {
	margin: 20px 0 0 0;
	color: #931719;
	text-transform: uppercase;
	font-family: 'u.s._101regular';
	font-size: 20px;
}
}
 @media (min-width: 1200px) {
#dermstore h1.slider-heading:before {
	width: 970px;
}
#dermstore nav>ul>li {
	padding: 0 14px !important;
	letter-spacing: 0.1px;
}
#dermstore #dermstore-body #dod {
	margin-top: 29px;
}
#dermstore #dermstore-body .shopByBox {
	margin-bottom: 15px;
}
#vidStory div {
	height: 366px;
	padding: 100px 20px;
}
#vidText {
	width: 655px;
	height: 366px;
}
p.watchVid {
	margin-top: 178px !important;
}
}
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (orientation:landscape) {
	.hidden-retina {
		display: none !important;
	}
	.visible-xs, .visible-sm {
		display: block !important;
	}
}*/

/******NEW NAV******/


 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
#topMainNavigation {
	display: none !important;
}
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.visible-ipad {
	display: block !important;
}
}
/********** product responsive widget *****************/
.prod-widget-responsive {
	position: relative;
	min-height: 500px;
}
.prod-widget-responsive .favorites-widget {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 25px;
}
.prod-widget-responsive .favorites-widget:hover {
	cursor: pointer;
}
.prod-widget-responsive .favorites-widget .fa.fa-heart {
	color: #ff6c0c;
}
.prod-widget-responsive p.item-brand {
	font-family: 'Martel', serif;
	font-weight: 900;
	color: #555555;
}
.prod-widget-responsive p.item-brand a {
	font-family: 'Martel', serif;
	font-weight: 900;
	color: #555555;
}
.prod-widget-responsive p {
	font-family: 'futura-pt';
	color: #333333;
}
.prod-widget-responsive .btn.btn-default {
	width: 100%;
	border-radius: 0;
	height: 38px;
	border-color: #c2c2c2;
	text-transform: uppercase;
	border-width: 2px;
}
.prod-widget-responsive .highlight {
	color: #079cb4;
}
.prod-widget-responsive p.item-name {
	min-height: 85px;
}
.prod-widget-responsive .starsBoxSm {
	width: 30%;
	display: inline-block;
}
.prod-widget-responsive .badge {
	color: #fff;
	border-radius: 0;
	text-transform: uppercase;
	float: right;
}
.prod-widget-responsive .badge.orange {
	background: #ff6c0c;
}
.prod-widget-responsive .badge.oos {
	background: #c2c2c2;
}
#profile .prod-widget-responsive .profile-border {
	border: 2px solid #000;
	padding: 20px;
}
.prod-widget-responsive .profile-border {
	position: relative;
	margin-bottom: 20px;
}
.prod-widget-responsive .profile-border .gwp-badge {
	position: absolute;
	top: 20px;
	left: 20px;
}
.prod-widget-responsive .profile-border p.highlight {
	font-family: 'Martel', serif;
	font-weight: 900;
}
.prod-widget-responsive .profile-border p.gwp-desc {
	min-height: 65px;
}
.prod-widget-responsive .profile-border p {
	margin-bottom: 0;
}
/** new homepage 
#dermstore #dermstore-new, #dermstore #dermstore-new h1, #dermstore #dermstore-new h2, #dermstore #dermstore-new h3, #dermstore #dermstore-new h4, #dermstore #dermstore-new p, #dermstore #dermstore-new div, #dermstore #dermstore-new span, #dermstore #dermstore-new ul, #dermstore #dermstore-new li {
	color: #555555;
}***/
#dermstore p {
	font-family: 'futura-pt';
}
#dermstore p.footerMenuHead {
	font-family: 'Martel';
}
#dermstore #dermstore-new h1.slider-heading {
	font-family: 'Martel';
	text-transform: none;
	font-weight: normal;
}
#dermstore #dermstore-new h1.slider-heading span {
	text-transform: none;
}
#dermstore #dermstore-new .owl-carousel a p.higlighted {
	color: #079cb4;
	text-transform: uppercase;
	text-decoration: underline;
}
#dermstore #dermstore-new .owl-carousel a i {
	padding-left: 5px;
}
#dermstore #dermstore-new div#video-container {
	margin: 0 auto;
	margin-bottom: 20px;
	max-width: 1500px;
	width: 100%;
	position: relative;
	z-index: 1;
}
#vid-bg {
	background: #ffdac2;
	z-index: -9999999999;
}
#tablet-hero-bg {
	background: #fff url('//media.dermstore.com/images/videos/AA1040_Hero_still_2_tablet.jpg') top center no-repeat;
	min-height: 350px;
}
#dermstore #dermstore-new div#video-container video {
	position: absolute;
	z-index: -999999;
	width: 100%;
	top: 0;
	max-width: 1500px;
}
#dermstore #dermstore-new div#video-container h1 {
	font-family: 'Martel';
	font-size: 24px;
	color: #079cb4;
	text-transform: uppercase;
	font-weight: 200;
}
.btn-blue {
	background: #079cb4;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'futura-pt';
	min-width: 205px;
	min-height: 40px;
	border-radius: 0;
	padding-top: 8px;
	letter-spacing: 1.3px;
}
.btn-blue:hover {
	color: #fff;
	opacity: .8;
}
#blog-carousel .derm-section {
	padding-bottom: 35px;
	padding-top: 0;
}
#dermstore #dermstore-new div#video-container p {
	color: #003b4c;
}
@media (min-width: 768px) {
#dermstore #dermstore-new div#video-container {
/*min-height: 250px;*/
	}
#dermstore #dermstore-new div#video-container p {
	font-size: 14px;
}
#dermstore #dermstore-new .col-xs-5.col-xs-offset-7 {
	margin-top: 50px;
}
#dermstore #dermstore-new div#video-container h1 {
	font-size: 18px;
}
#dermstore #dermstore-new div#video-container .btn-blue {
	background: #079cb4;
	color: #fff;
	text-transform: uppercase;
	font-family: 'futura-pt';
	min-width: 185px;
	min-height: 30px;
	border-radius: 0;
	padding-top: 6px;
	letter-spacing: 1.3px;
	font-size: 14px;
}
}
 @media (min-width: 992px) {
#dermstore #dermstore-new div#video-container {
/*min-height: 330px;*/
	}
.col-xs-5.col-xs-offset-7 {
	margin-top: 60px;
}
#dermstore #dermstore-new div#video-container p {
	font-size: 18px;
}
#dermstore #dermstore-new div#video-container h1 {
	font-size: 24px;
}
#dermstore #dermstore-new div#video-container .btn-blue {
	background: #079cb4;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'futura-pt';
	min-width: 205px;
	min-height: 40px;
	border-radius: 0;
	padding-top: 8px;
	letter-spacing: 1.3px;
}
}
 @media (min-width: 1200px) {
#dermstore #dermstore-new div#video-container {
/*min-height: 400px;*/
	}
#dermstore #dermstore-new div#video-container .col-xs-5.col-xs-offset-7 {
	margin-top: 110px;
}
}
 @media (min-width: 1500px) {
#dermstore #dermstore-new div#video-container {
/*min-height: 470px;*/
	}
}





/********** PHILIPS FOOTER STYLE **************/
@media (max-width: 767px) {
/*Increase button size to match input form*/
  footer .btn-mod {
	font-size: 23.5px;
}
footer .menu-seperator {
	border-bottom: 1px dotted #000;
}
footer ul.footerMod {
	margin-left: 12px;
}
footer .hideFooterNav {
	display: none;
}
footer p.footerAccordion {
	padding: 10px;
	cursor: pointer;
	color: #000;
	display: block;
	font-size: 17px;
	line-height: 20px;
	text-decoration: none;
}
footer .footerAccordion::before {
	content: "\f067";
	position: relative;
	font-family: FontAwesome;
	font-size: 12px;
	float: right;
}
footer .footerAccordionOn::before {
	content: "\f068";
	position: relative;
	float: right;
}
}


/* Media Query for Tablet*/
@media (min-width: 768px) and (max-width: 991px) {
footer .footer-wrapper {
	background-color: #e8eae9;
	letter-spacing: 1.3px;
}
footer #stickyFooter {
	margin-bottom: 8px;
}
footer input#newsletterSignup {
	border: 1px solid #e8e9e9;
	height: 28px;
}
}

/*Show on Laptop Sized Devices*/
@media (min-width: 992px) and (max-width: 1287px) {
footer hr.footerLine {
	border-bottom: 1px solid #979799;
}
footer .sub-btn-adjust {
	padding-bottom: 4px!important;
}
}

 /*Show on Large screen Devices*/
@media (min-width: 1288px) {
footer hr.footerLine {
	border-bottom: 1px solid #979799;
}
footer .sub-btn-adjust {
	padding-bottom: 4px!important;
}
}
footer .input-group {
	border: none;
	width: 100%;
}
footer .footer-wrapper {
	padding-top: 30px;
	background-color: #e8eae9;
	letter-spacing: 1.3px;
}
footer ul.footerMod {
	list-style-type: none;
	padding: 0px;
}
footer li:first-child {
	padding-top: 1px;
}
footer ul li {
	padding-top: 5px;
	font-size: 14px;
	font-family: 'futura-pt';
}
footer div a {
	color: #333;
}
footer p.followus-Social {
	margin-top: 18px;
	margin-bottom: 0px;
}
footer p.footerMenuHead {
	font-size: 16px;
	font-family: 'Martel';
}
/*Adjustment for chevron right button in footer*/
footer .input-footer {
	width: 0;
}
footer .input-group-btn>.btn.btn-default {
	border-color: #e8e9e9;
}
footer input#newsletterSignup {
	border: 1px solid #e8e9e9;
	height: 26px;
	border-radius: 0;
}
footer input#newsletterSignupMobile {
	border-radius: 0;
}
footer {
	margin-top: 50px;
}
div#social-share {
	margin-top: 40px;
}
span.prdh {
	font-weight: 900;
}
#prod-page {
	font-size: 15px;
	letter-spacing: .03px;
}
#arModal * {
	letter-spacing: 0.3px;
}
#arModal p {
	color: #555;
}
#arModal .modal-content {
	border-radius: 0px;
}
#arModal h4.modal-title {
	font-family: 'Martel';
	color: #003b4c;
	text-transform: uppercase;
	margin-top: 35px;
	font-weight: 900;
}
#arModal .modal-header {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #c2c2c2;
}
#arModal .close {
	font-size: 29px;
	font-family: 'futura-pt';
	font-weight: normal;
}
#arModal h4.msg-hdr {
	font-family: 'Martel'!important;
	padding-top: 20px;
}
#arModal p > .terms-cond {
	text-decoration: underline;
	color: #555;
}
#arModal .refill-desc {
	margin: 35px 30px 50px 30px;
}
#arModal .img-resp {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#allBrandsContainer #ppBreadcrumbs {
	margin-bottom:23px;
	font-size:12px;
	text-decoration:none;
	color:#000000;
}
#allBrandsContainer #ppBreadcrumbs a {
	text-decoration:none;
	color:#000000;
}
#allBrandsContainer .colBody {
	line-height:25px;
}
#allBrandsContainer {
	font-family: 'futura-pt';
	font-size:15px;
	letter-spacing:.3px;
	margin-bottom:150px;
}
#allBrandsContainer .colBody a {
	text-decoration:none;
	color:#555555;
}
#allBrandsContainer .colBody a:hover {
	text-decoration:underline;
	color:#555555;
}
#allBrandsContainer #privacyTitle {
	border-bottom:1px solid #c2c2c2 !important;
	margin-bottom:23px;
}
#allBrandsContainer #privacyDesc {
	margin:35px 0 50px 0;
}
#allBrandsContainer accordTitle {
	font-family: 'martel', serif;
	font-size:18px !important;
	letter-spacing:.3px;
	margin-top:14px;
	font-weight:900;
}
#allBrandsContainer h1 {
	font-family: 'martel', serif;
	font-size:18px;
	letter-spacing:.3px;
	margin-top:14px;
	margin-bottom:5px;
	color:#333333;
	font-weight:900;
}
#allBrandsContainer h2 {
	font-family: 'futura-pt';
	font-size:15px;
	line-height:19px;
	letter-spacing:.3px;
	margin:5px 0 7px 0;
}
#allBrandsContainer a:hover {
	font-family: 'futura-pt';
	text-decoration:none;
	font-weight:900;
}
#allBrandsContainer .panel-default>.panel-heading {
	border-bottom:0px !important;
}
#allBrandsContainer .letterHeader {
	background-color:#e8e9e9;
	padding:11px 0px 9px 8px;
	margin:20px 0px 18px 0px;
	line-height:16px;
}
#allBrandsContainer ul {
	list-style:none;
	padding:0;
	margin:0;
}
.owl-holiday {
	margin-bottom: 35px;
}
.owl-carousel .owl-item img.holiday-icon.img-responsive {
	position: absolute;
	top: 15px;
	z-index: 99999;
	width: 60px;
	right: 30px;
}
.owl-holiday .owl-next {
	right: -16px;
	top: 60px;
}
.owl-holiday .owl-prev {
	left: -16px;
	top: 60px;
}
.text-bg {
	background: rgba(255, 255, 255, 0.61);
	padding: 20px;
}
#dermstore #dermstore-new div#video-container .text-bg .btn-blue {
	background-color: #003b4c;
}
#dermstore #dermstore-new div#video-container .text-bg h1 {
	color: #003b4c;
}
.holiday-border {
	border: 1px solid #e8e9e9;
}
 @media (max-width: 480px) {
#allBrandsContainer #ppBreadcrumbs {
	margin-bottom:0px;
}
.startOver, .seeKit{
	margin-bottom: 20px;
}  
}
/* MULTI PICK TEMPLATE */
div#multi-pick-landing {
	margin-top: 40px;
}
#multi-pick-landing img.img-responsive.center-block.brand-image {
	max-width: 240px;
	margin-bottom: 10px;
}
#multi-pick-landing a.updateChoice {
	display: inline-block;
	max-width: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#multi-pick-landing .clearfix.preview-section {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#multi-pick-landing .clearfix.preview-section:hover {
	cursor: pointer;
}
#multi-pick-landing .clearfix.preview-section p {
	margin-bottom: 0;
}
#multi-pick-landing .kit-options {
	display: none;
	margin-top: 40px;
}
#multi-pick-landing .opened .kit-options {
	display: block;
}
#multi-pick-landing .prod-image {
	text-align: center;
}
#multi-pick-landing .kit-section {
	margin-top: 20px;
}
#multi-pick-landing .opened .fa.fa-open-close:before {
	content: "\f068";
}
#multi-pick-landing .fa.fa-open-close:before {
	content: "\f067";
}
#multi-pick-landing .btn.btn-default {
	background: #079CB0;
	border-radius: 0;
	text-transform: uppercase;
	color: #fff;
	min-width: 200px;
	border: 2px solid #079CB0;
}
#multi-pick-landing .btn.btn-default-invert {
	background: #fff;
	border-radius: 0;
	text-transform: uppercase;
	color: #555555;
	min-width: 200px;
	border: 2px solid #c2c2c2;
}
#multi-pick-landing .btn.btn-default-invert:hover {
	border-color: #e8e9e9;
}
#multi-pick-landing .row.cta-section {
	margin-top: 40px;
}
#multi-pick-landing p.text-center.lg-text {
	font-size: 16px;
}

/*** 404 PAGE ****/

 @media (max-width: 480px) {
    #dermstore #header-top {
      min-height: 80px;
    }

    #page404 .main-txt {
   font-size: 22px;
   padding: 0 20px!important;
  }

  #page404 .adjust-height {
  	min-height: 250px;
  }

  }
  
  .fadeInDown {
    -moz-animation-duration: 1s;
    -moz-animation-delay: 0s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -ms-animation-duration: 1s;
    -ms-animation-delay: 0s;
    -o-animation-duration: 1s;
    -o-animation-delay: 0s;
    display: block;
  }

 #page404 .hpDotted {
    border-bottom: 1px dotted #373500;
    border-top: 1px dotted #373500;
    padding: 14px 0;
}

#page404 .text30 {
    font-size: 30px;
}
#page404 .black {
    color: #000;
}
#page404 .rw-top-spacing {
  padding-top: 20px;
}
#page404 .main-txt {
	margin-top: 30px;
  font-size: 22px;
  padding: 0 170px;
}
#page404 .main-hdr {
 text-transform: uppercase;
font-size: 32px;
color: #333;
}
#page404 a {
  color: #333!important;
}

#page404 .oops {
  font-size: 40px!important;
}


@media (max-width: 768px) {
  #page404 .main-txt {
   font-size: 22px;
   padding: 0 90px;
  }
}

/**** HOMEPAGE EMAIL ACQUISITION *****/
#email-aqc img {
	position: absolute;
}

#skin-care-guide #prod-grids .row {
    margin-top: 30px;
  }
  #skin-care-guide #prod-grids .row .owl-carousel {
    margin-top: 40px;
  }
  #skin-care-guide .download-links {
    background: url('//media.dermstore.com/images/homepage/lp-image12302015.jpg') no-repeat;
    min-height: 310px;
  }

  #skin-care-guide .download-cta h1, .download-cta h2 {
    color: #1b9cb3 !important;
    font-family: 'Martel';
    letter-spacing: 1px;
  }
  #skin-care-guide .download-cta h1 {
    font-size: 23px;
    font-weight: 200;
  }
  #skin-care-guide .download-cta p {
  	font-size: 18px;
  	color: #003b4c !important;
  	
  }  

  #skin-care-guide .download-cta h2 { 
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 40px;
  }
  #skin-care-guide .btn-ad-default {
    background: #1b9cb3;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    font-weight: 100;

  }
  #skin-care-guide h1.slider-heading span {
    background: #1b9cb3;
    padding: 10px;
    color: #fff !important;
    width: 140px;
    text-transform: uppercase !important;
  }
  #skin-care-guide .noh2 {
  	margin-top: 40px;
  }

  #mobile-callout {
  	background:	#e3e8ec;
  	padding-bottom: 30px;
  	text-align: center;
  }


@media (min-width: 992px) {
	#skin-care-guide .download-cta {
    padding: 20px;
    width: 530px;
  }
  #skin-care-guide .download-cta p {
  	max-width: 400px;
  }
}