@charset "UTF-8";
@import url('fontawesome.min.6.5.1.css');
/*
	.fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-shake, .fa-spin, .fa-spin-reverse, .fa-pulse, .fa-spin-pulse
	.fa-2xs, .fa-xs, .fa-sm, .fa-lg, .fa-xl, .fa-2xl
	.fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical, .fa-flip-both
	.fa-rotate-by USE -> :root {--fa-rotate-angle: 25deg;}
*/

/*	COLORS in tmain	*/

/*google font Open Font License*/
@font-face {
	font-family: 'libre_barcode_ean13_textRg';
	src: url('/fonts/librebarcodeean13text-regular-webfont.eot');
	src: url('/fonts/librebarcodeean13text-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/librebarcodeean13text-regular-webfont.woff2') format('woff2'),
		url('/fonts/librebarcodeean13text-regular-webfont.woff') format('woff'),
		url('/fonts/librebarcodeean13text-regular-webfont.ttf') format('truetype'),
		url('/fonts/librebarcodeean13text-regular-webfont.svg#libre_barcode_ean13_textRg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'JosefinSansbold';
	src: url('/fonts/josefinsans-bold-webfont.eot');
	src: url('/fonts/josefinsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-bold-webfont.woff') format('woff'),
		url('/fonts/josefinsans-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'JosefinSansBoldItalic';
	src: url('/fonts/josefinsans-bolditalic-webfont.eot');
	src: url('/fonts/josefinsans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-bolditalic-webfont.woff') format('woff'),
		url('/fonts/josefinsans-bolditalic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'JosefinSansLight';
	src: url('/fonts/josefinsans-light-webfont.eot');
	src: url('/fonts/josefinsans-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-light-webfont.woff') format('woff'),
		url('/fonts/josefinsans-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'JosefinSansLightItalic';
	src: url('/fonts/josefinsans-lightitalic-webfont.eot');
	src: url('/fonts/josefinsans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-lightitalic-webfont.woff') format('woff'),
		url('/fonts/josefinsans-lightitalic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'JosefinSansRegular';
	src: url('/fonts/josefinsans-regular-webfont.eot');
	src: url('/fonts/josefinsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-regular-webfont.woff') format('woff'),
		url('/fonts/josefinsans-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'JosefinSansSemiBold';
	src: url('/fonts/josefinsans-semibold-webfont.eot');
	src: url('/fonts/josefinsans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-semibold-webfont.woff') format('woff'),
		url('/fonts/josefinsans-semibold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'JosefinSansThin';
	src: url('/fonts/josefinsans-thin-webfont.eot');
	src: url('/fonts/josefinsans-thin-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-thin-webfont.woff') format('woff'),
		url('/fonts/josefinsans-thin-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'JosefinSansThinItalic';
	src: url('/fonts/josefinsans-thinitalic-webfont.eot');
	src: url('/fonts/josefinsans-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/josefinsans-thinitalic-webfont.woff') format('woff'),
		url('/fonts/josefinsans-thinitalic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

/* blog title font */
/*
@font-face {
	font-family: 'xxxxxxx';
	src: url('/fonts/xxxxxxx.eot');
	src: url('/fonts/xxxxxxx.eot?#iefix') format('embedded-opentype'),
		url('/fonts/xxxxxxx.woff') format('woff'),
		url('/fonts/xxxxxxx.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'bodoni';
	src: url('/fonts/bodoni-16-book-webfont.eot');
	src: url('/fonts/bodoni-16-book-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/bodoni-16-book-webfont.woff') format('woff'),
		url('/fonts/bodoni-16-book-webfont.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bodoni_italic';
	src: url('/fonts/bodoni-16-book-italic-webfont.eot');
	src: url('/fonts/bodoni-16-book-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/bodoni-16-book-italic-webfont.woff') format('woff'),
		 url('/fonts/bodoni-16-book-italic-webfont.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'bodoni_16medium';
	src: url('/fonts/bodoni-16-medium-webfont.eot');
	src: url('/fonts/bodoni-16-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/bodoni-16-medium-webfont.woff') format('woff'),
		 url('/fonts/bodoni-16-medium-webfont.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bodoni_16medium_italic';
	src: url('/fonts/bodoni-16-medium-italic-webfont.eot');
	src: url('/fonts/bodoni-16-medium-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/bodoni-16-medium-italic-webfont.woff') format('woff'),
		 url('/fonts/bodoni-16-medium-italic-webfont.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'WorkSansRegular';
	src: url('/fonts/worksans-regular-webfont.eot');
	src: url('/fonts/worksans-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('/fonts/worksans-regular-webfont.woff') format('woff'),
		url('/fonts/worksans-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto';
	src: url('/fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*
	CSS Reset by Eric Meyer - Released under Public Domain
	http://meyerweb.com/eric/tools/css/reset
	v2.0 | 20110126
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, icons, user_menu
	{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus-visible {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*table {border-collapse: collapse; border-spacing: 0;} */
/*	END CSS Reset	*/

/* global, style everything on page */
*, html, body {
	position: relative;
	font-family: 'JosefinSansRegular', 'WorkSansRegular', Arial, sans-serif;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nvis, .novis, #aobvar1 {
	position: fixed !important;
	left: -9999px !important;
}
.vis {
	position: inherit;
	left: 0;
}
.tab {
	display: inline-block;
	min-width: 7.5rem;
}
.tab2 {
	display: inline-block;
	min-width: 3.75rem;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.earthday, .earthday div, .earthday div i, #earthday {
	color: var(--earthday);
}
#aobInfoData {
	display: none;
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 94%;
	min-width: 310px;
	max-width: 560px;
	max-height: calc(100% - 20px);
	padding: 10px;
	border: 1px solid var(--pink100);
	background: var(--greye);
	font-family: 'Courier New', monospace;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	box-sizing: border-box;
	z-index: 2147483647;

	overflow-y: auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-word;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-word;
	/*white-space: nowrap;*/ /*don't wrap text*/

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#aobInfoData_close, #aobInfoData_copy {
	position: absolute;
	top: 10px;
	color: var(--black);
	font-size: 20px;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#aobInfoData_close {
	right: 10px;
}
#aobInfoData_copy {
	right: 40px;
}
#aobInfoData_close:hover, #aobInfoData_close:focus-visible,
#aobInfoData_copy:hover, #aobInfoData_copy:focus-visible {
	color: var(--pink100);
}
.imgSpacer1, .vSectionSpacer {
	vertical-align: top;
	width: 1px;
}
.imgSpacer1 {
	height: 25px;
}
.vSectionSpacer {
	height: 50px;
}

.cat_title, .cat_title_blog {
	position: relative;
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: .6rem;
	text-transform: uppercase;
	color: var(--grey7);
}
.cat_title {
	font-family: 'JosefinSansRegular';
}
.cat_title_blog {
	font-family: 'bodoni';
}
.altext {
	margin: 10px 0 0 0;
	padding: 8px 0 5px 0;
	background: var(--white);
	background: rgba(255, 255, 255, .70);
}
#professional, #aobinfohold {
	display: none;
	padding: 10px;

	overflow-wrap: anywhere;
	word-wrap: anywhere;
	-ms-word-break: break-all;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-all;
	/*white-space: nowrap;*/ /*don't wrap text*/
}
#tSwitcher42 {
	position: fixed;
	top: 5px;
	left: 35px;
	padding: 5px;
	font-size: 12px;
	color: var(--black);
	background: var(--teal100);
	border: 0;

	z-index: 2147483647;

	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#tmpDataHold, #tmpMessage {
	position: fixed;
	display: none;
	font-family: 'JosefinSansRegular';
	font-size: 12px;

	cursor: not-allowed;
	z-index: 2147483647;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#tmpDataHold {
	top: 5px;
	right: calc(3% + 100px);
}
#tmpMessage {
	bottom: 0;
	right: 0;
	padding: 5px;
	background: var(--white);
}
#message_polex, .message_polex {
	width: 100%;
	height: auto;
	margin: 5px auto 15px auto !important;
	padding: 1em;
	line-height: 1.25em;
	border: 1px solid var(--black);
	background: var(--pink20);

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#aobPro, #aobCert, #aobCookieAlert, #aobAlertBox {
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	width: 600px;
	height: auto;
	max-width: 96%;
	margin: 0 auto;
	padding: 25px;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	/*inset offset-x offset-y blur-radius spread-radius - comma seperated for multiple shadows*/
	-webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);

	box-sizing: border-box;
	z-index: 2147483647;
}
#aobPro, #aobCert, #aobCookieAlert {
	color: var(--black);
	background: var(--white);
	border: 2px solid var(--pink50);
}
#aobAlertBox {
	display: flex;
	flex-direction: column;
	padding: 35px 0 25px 0;
	min-width: 310px;
	/*min-height: min(640px, calc(100vh - 75px));*/
	max-height: calc(100vh - 45px);
	color: var(--black);
	background: var(--white);
	border: 1px solid var(--pink100);
	overflow: hidden;
}
.aobAlertBoxCenter {
	display: block;
	margin: 0 auto;
}
:root {
	--aabMinHeight: min(640px, calc(100vh - 75px));
}

.alertTitle {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	width: 100%;
  max-height: 57px;
	color: var(--black);
	background: var(--pink10);
	padding: 20px 25px;
	box-sizing: border-box;
  overflow: hidden;
	overflow-wrap: anywhere;
	z-index: 2147483647;
}
.alertText {
	position: relative;
	margin: 25px 0 0 0;
	font-size: 14px;
	line-height: 1.5;

	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-word;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-word;
	/*white-space: nowrap;*/ /*don't wrap text*/
}
.alertText, #afw_list_cont, #afw_redeem, #afw_coupons, #afw_activity, #afw_faq_text {
	flex-grow: 1;
	padding: 0 25px;
	min-height: 40px;
	overflow-x: hidden;
	overflow-y: auto;

	/*scrollbar-width: none;*/
  scrollbar-color: var(--pink30) var(--pink10);
}
.afw {
  left: -25px;
  width: 418px;
  background: var(--greye);
  margin: 10px 0 5px 0;
  padding: 10px 25px;
  box-sizing: border-box;
}
.afwtop {
  margin: -5px 0 5px 0;
}
.agree {
	display: inline-block;
	float: right;
	margin: 10px 0 0 10px;
	padding: 5px 30px;
	border: 2px solid var(--pink50);
	cursor: pointer;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.agree:hover, .agree:focus-visible {
	background: var(--pink50);
	border: 2px solid var(--pink100);
}

#optOut {
	color: var(--pink100);
	font-weight: bold;
	cursor: pointer;
}
#optOut:hover, #optOut:focus-visible {
	color: var(--black);
}
#aobextra {
	display: block;
	position: fixed;
	top: 100px;
	left: 100px;
	width: 10px;
	height: 10px;
	z-index: 2147483647;
}
#special {
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	width: 159px;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	z-index: 2147483647;
}

#sb_login, #sb_create, #sb_forgot {
	position: relative;
	display: none;
}

.skip_nav {
	position: fixed;
	top: -1000px;
	left: -1000px;
}

a, .lnk, .afw_link2 {
	position: relative;
	font-weight: bold;
	text-decoration: none;
	color: var(--pink100);
	cursor: pointer;
}

a.black, a:hover, a:focus-visible, .lnk:hover, .lnk:focus-visible, .afw_link2:hover, .afw_link2:focus-visible {
	color: var(--black);
}
a.black:hover, a.black:focus-visible {
	color: var(--pink100);
}

body {
  --aobICAX: 150px;
  --aobICAY: 0;
	overflow-x: hidden !important;
	background: var(--white);
}

.itemContainer a[alt]:after {
	opacity: 0;
	content: attr(alt);
	position: absolute;
	top: var(--aobICAY);
	left: var(--aobICAX);
	color: var(--black);
	background: var(--pink10);
	border: 1px solid var(--pink100);
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: .05em;
	padding: 10px;
	width: 420px;
	min-width: 150px;
	max-height: 420px;
	text-align: left;
	pointer-events: none;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	white-space: pre-wrap;
	/*
		white-space: 	New lines 	Spaces & tabs 	Text wrapping
		pre						Preserve 		Preserve 				No wrap
		pre-wrap 			Preserve 		Preserve 				Wrap
		pre-line 			Preserve 		Collapse 				Wrap
	*/
	/*overflow: visible;*/
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 2147483647;

	/*transition: property duration timing-function delay|initial|inherit;*/
	/*transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|steps(int,start|end)|cubic-bezier(n,n,n,n)|initial|inherit;*/
	-webkit-transition: opacity .15s ease-in 0s;
	-moz-transition: opacity .15s ease-in 0s;
	-ms-transition: opacity .15s ease-in 0s;
	-o-transition: opacity .15s ease-in 0s;
	transition: opacity .15s ease-in 0s;
}
.itemContainer a[alt]:hover:after {
	opacity: 1;

	-webkit-transition: opacity .25s ease-in .5s;
	-moz-transition: opacity .25s ease-in .5s;
	-ms-transition: opacity .25s ease-in .5s;
	-o-transition: opacity .25s ease-in .5s;
	transition: opacity .25s ease-in .5s;
}


.point {
	cursor: pointer !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.nopoint {
	cursor: default !important;
}
a:hover, a:focus-visible {
	color: var(--black);
}
#menu_shop a:hover div, #menu_shop a:hover div i, #menu_shop a:focus-visible div, #menu_shop a:focus-visible div i {
	color: var(--pink100);
}
.dislin {
	color: var(--black);
}
.dislin:hover, .dislin:focus-visible {
	color: var(--pink100);
}
a img {
	border: none;
}
img {
	color: var(--pink100);
	font-size: 12px;
	font-weight: normal;
}
.list_thumb {
	width: 100%;
	height: auto;
}
.aobname, .aobnamePI {
	color: var(--black);
}
.aobname:hover, .aobname:focus-visible {
	color: var(--pink100);
}
.aobname:hover .cart-partnumber, .aobname:focus-visible .cart-partnumber,
.aobname:hover .cart-size, .aobname:focus-visible .cart-size  {
	color: var(--pink50);
}
.aobnamePI {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.closeBox {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 15px;
	padding: 5px 10px 5px 12px;
	z-index: 100;

	-webkit-border-radius: 0 0 0 10px;
	-khtml-border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-o-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.closeBox:hover, .closeBox:focus-visible {
	color: var(--pink100);
}

p {
	line-height: 1.4;
}
img[src="about:blank"] {
	display: none;
}
p img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
.cky {
	position: fixed;
	top: -300px;
	left: -300px;
	width: 1px;
	height: 1px;
}
fieldset {
	padding: 0;
	border: 0;
	margin: 0;
}

.border_box, .border_box2 {
	border: 1px solid var(--black);
}
.border_box {
	padding: 20px;
}
.border_box2 {
	padding: 5px 20px;
}
.border_box_outer {
	display: flex !important;
	min-height: 170px;
	align-items: center;
}
.border_box_inner {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

#big10free {
	display: none;
}

#cs1_title {
	margin: 0 0 20px 20px;
	font-size: 25px;
	font-family: 'JosefinSansRegular';
	text-transform: uppercase;
}
.fletter {
	font-family: 'JosefinSansLight';
	color: var(--pink100);
}
.cs1_sub {
	font-size: 22px;
}
.cs1_block {
	display: none;
	padding: 20px;
	line-height: 1.45;
}
.cs1Arrow {
	position: absolute;
	right: 2rem;
}
.cs1_h1 {
	font-size: 20px;
}
.cs1_h2 {
	position: relative;
	font-size: 16px;
	background: var(--greye);
	margin: 0 0 2px 0;
	padding: 20px;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cs1_h3 {
	margin: 0 0 5px 0;
}
.cs1_h2, .cs1_block {
	width: 45%;
}

.cs1_ol, .cs1_ol2 {
	margin: 0 0 0 20px;
}
.cs1_ol {
	list-style: lower-alpha inside none;
}
.cs1_ol2 {
	list-style: decimal inside none;
}
.cs1_ol .cs1_li, .cs1_ol2 .cs1_li {
	margin: 0 0 15px 0;
}
.cs1_ul {
	list-style: none inside none;
}

.cs1_ul .cs1_li {
	position: relative;
	margin: 0 0 0 15px;
	line-height: 1.75;
}
.cs1_ul .cs1_li:before {
	content: "\02D";
	position: absolute;
	left: -15px;
}

@media only screen and (max-width: 640px) {
	.cs1_h2, .cs1_block {
		width: 100%;
	}
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 50px 3% 30px 3%;
	background: var(--white);
	width: 100%;
	z-index: 2147483646;
}
#head1 {
	padding: 10px 10px 10px 2.5%;
	background: var(--white);
	width: 100%;
	z-index: 2147483646;
}

#search-box-cont {
	position: fixed;
	top: 110px;
	left: 3%;
	width: 94%;
	z-index: 2147483645;
}
#search-box {
	position: fixed;
	width: 100%;
	padding: 10px 0 10px 10px;
	outline: 6px solid var(--white);
}
#search-box:placeholder-shown {
	border: 1px solid var(--pink100);
	background: var(--pink10);
}
#search-results-header {
	margin: 0 0 35px 0;
	font-weight: bold;
	font-family: 'JosefinSansRegular';
	font-size: 1.25rem;
	text-align: center;
	line-height: 1.25;
}
#search-results-error {
	display: none;
}
#search-results {
	/*mobile*/
	z-index: 2147483643;
}

#shopping_bag {
	color: var(--black);	
}

#shopping_bag_count {
	display: none;
	position: absolute;
	padding: .15rem .35rem;
	/*padding: .25rem .35rem .13rem .35rem;*/
	color: var(--white);
	background: var(--pink100);
	top: -7px;
	right: -7px;
	width: 15px;
	height: 15px;
	font-size: 0px;
	/*font-size: 12px;*/
	white-space: nowrap;

	/*-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;*/
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

#mini-bag-view {
	display: none;
	position: fixed;
	top: -200px;
	right: 10px;
	width: 325px;
	min-height: 200px;
	max-height: calc(100vh - 75px);
	overflow-x: hidden;
	overflow-y: auto;
	color: var(--grey6);
	background: var(--white);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	transition: top 1.0s ease;
	border: 1px solid var(--greyMain);
	z-index: 2147483647;
}
#mini-bag-view.ie8 {
	border: 2px solid var(--grey9);
}

/************************************************************************/
/*	Begin ShoppingCartInfo*/
/************************************************************************/
#mini-bag-close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
#mini-bag-header {
	/*font-size: 20px;*/
	font-size: 15px;
	/*margin: 0 0 0 35px;*/
	/*padding: 5px;*/
	padding: 25px 15px 0 15px;
	text-transform: uppercase;
}
#mini-item-display {
	padding-bottom: 15px;
}
#mini-item-display .mini-bag-item {
	width: 90%;
	min-height: 60px;
	margin: 0 0 20px 10px;
	font-size: 12px;
	text-transform: uppercase;
}
#mini-item-display .mini-bag-item:last-child {
	margin: 0 0 0 10px;
}
#mini-item-display .mini-details, #mini-item-display .mini-img {
	display: inline-block;
	vertical-align: top;
}
#mini-item-display .mini-details {
	margin: 0 0 0 5px;
	width: calc(100% - 110px);
}
#mini-item-display .mini-img {
	width: 100px;
	height: 100px;
}
#mini-item-display .mini-img img {
	width: 100%;
	height: auto;
}
#mini-bag-view .mini-name {
	margin: 10px 0 0 0;
	font-weight: bold;
	line-height: 1;
}
#mini-item-display .mini-part-number, #mini-item-display .mini-price, #mini-item-display .mini-quantity {
	margin: 5px 0 0 0;
}

#mini-bag-to-cart {
	display: block;
	width: 70%;
	margin: 10px auto;
	padding: 10px 0;
	color: var(--black);
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid var(--black);
}
#mini-bag-to-cart:hover, #mini-bag-to-cart:focus-visible {
	background: var(--pink100);
	border: 1px solid var(--pink50);
}

#mini-bag-summary {
	/*position: absolute;*/
	/*left: 25px;*/
	/*bottom: 10px;*/
	min-height: 45px;
	/*width: 160px;*/
	padding: 0 0 0 25px;
	font-weight: bold;
	text-transform: uppercase;
}
#mini-summary-header {
	font-size: 12px;
	margin-top: 5px;
}
#mini-summary-items, #mini-summary-subtotal {
	margin-top: 5px;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}
#mini-bag-controls {
	position: absolute;
	right: 25px;
	bottom: 10px;
	height: 60px;
	width: 130px;
	text-align: center;
}
#mini-bag-controls img {
	cursor: pointer;
}
#mini-bag-controls #mini-view-bag {
	margin-top: 8px;
}
/*	End ShoppingCartInfo*/
.polishSimItem, .notavail, .addItem, .addItem2, .shopnow1, .addWL, .addtoWL, .addtoWL2, .addtoWLYes, .addtoWLYes2, .compCheck {
	position: absolute;
	top: -20px;
	cursor: pointer;
	color: var(--black);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 25px;
	text-align: center;
	z-index: 2147483645;

	opacity: 0.35;
	filter: alpha(opacity=35); /*Opacity for IE8 and lower*/
	-ms-zoom: 1; /*IE7 fix*/

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.compCheck {
	top: -20px;
	right: 65px;
}
.compCheck i {
	cursor: pointer;
}
.notavail, .addItem, .addItem2, .shopnow1, .addtoWL2, .addtoWLYes2 {
	right: 0;
}
.addWL {
	left: 20px;
}
.addtoWL, .addtoWLYes {
	right: 30px;
}

@media (hover: hover) {
	.polishSimItem:hover, .notavail:hover, .addItem:hover, .addItem2:hover, .shopnow1:hover, .addWL:hover, .addtoWL:hover, .addtoWL2:hover, .addtoWLYes2:hover {
		color: var(--pink100);
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
}
.addtoWLYes, .addtoWLYes2, .compCheckYes {
	opacity: 1.00;
	filter: alpha(opacity=100); /*Opacity for IE8 and lower*/
	-ms-zoom: 1; /*IE7 fix*/
}
.addtoWLYes i, .addtoWLYes2 i, .compCheckYes i {
	color: var(--pink100);
}

#footer {
	margin: 20px 0 0 0;
	padding: 0;
	width: 100%;
	color: var(--black);
	z-index: 2047483640;
}
#footer-info {
	display: none;
	margin: 0 0 20px 0;
}
#footer-media-links {
	margin: 0 0 20px 0;
	text-align: center;
}
#footer-media-links i {
	margin: 0 .85rem;
	font-size: 1.5rem;
	color: var(--black);
}
#footer-media-links i:hover, #footer-media-links i:focus-visible {
	color: var(--pink100);
}
#footer_data_top, #footer_data_bottom {
	padding: 35px 45px;
}
#footer_data_top {
	background: var(--greya);
}
#footer_data_bottom {
	background: var(--greyMain);
}
.foot_col {
	display: inline-block;
	width: 24%;
	min-width: 250px;
	vertical-align: top;
}
.foot_title {
	margin: 0 0 1rem 0;
	font-family: 'JosefinSansRegular';
	font-weight: bold;
	font-size: 12px;
}
.foot_link, .foot_link2, .side_menu_link, #footer-live-help, #copy {
	margin: 0 0 1rem 0;
	font-family: 'JosefinSansRegular';
	font-size: 13px;
	font-weight: normal;
	color: var(--black);
}
.foot_link, .side_menu_link {
	display: block;
}
.foot_link:hover, .foot_link:focus-visible,
.side_menu_link:hover, .side_menu_link:focus-visible {
	color: var(--pink100);
}
#footer-live-help, #copy {
	margin: .5rem 0 0 0;
	text-align: center;
}
#copy {
	line-height: 1.3;
}
.copyImg {
	width: 10px;
	height: auto;
	vertical-align: top;
}
.sup, .sub {
	display: inline-block;
	font-size: .6em;
	font-size: calc(100% - 3px);
}
.sup {
	vertical-align: top;
}

.current_page {
	color: var(--pink100);
	display: inline-block;
	font-weight: bold;
	cursor: default;
}
.current_page:hover, .current_page:focus-visible {
	color: #090;
}

#footer-full-site, #mobile-site-link {
	display: block;
	font-family: 'JosefinSansRegular';
	font-size: 1rem;
	padding: 10px;
	color: var(--teal100);
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	z-index: 2147483645;
}
#mobile-site-link {

}

#related_pages {
	font-size: 13px;
	text-align: center;
	font-family: 'JosefinSansRegular';
	text-transform: uppercase;
}
#footer-columns-outer {
	margin: 10px 0 0 0;
}

#footer #footer-columns, #footer #footer-columns-blog {
	padding: 15px 0;
	font-size: 12px;
	line-height: 1.8;
}
#footer #footer-columns a, #footer #footer-columns-blog a {
	display: block;
	color: var(--grey5);
	text-decoration: none;
}

#footer #footer-columns .column, #footer #footer-columns-blog .column_blog {
	display: inline-block;
	margin: 0 16px 0 0;
	padding: 0 8px 0 1.5rem;
	width: 250px;
	vertical-align: top;
	font-family: 'JosefinSansRegular';
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
#footer #footer-columns .column:last-child, #footer #footer-columns-blog .column_blog:last-child {
	/*border-right: 1px solid var(--greyd);*/
}

#footer #footer-columns .column a:hover,
#footer #footer-columns .column a:focus-visible,
#footer #footer-columns-blog .column_blog a:hover,
#footer #footer-columns-blog .column_blog a:focus-visible {
	color: var(--pink100);
}

#brand_logo_main, .media_icon {
	display: inline-block;
}
#aob_logo {
	width: auto;
	height: 30px;
	vertical-align: middle;
}
#searchReload {
	display: none;
	position: fixed;
	top: 10px;
	left: 10px;
	cursor: pointer;
	z-index: 2147483647;
}

nav, icons, user_menu {
	display: inline;
}
icons, user_menu {
	position: absolute;
	/*right: 2.5%;*/
	right: 3%;
	text-align: right;
}
icons {
	width: 30%;
}
.hb_container {

}
.hb_container i {
	font-size: 21px;
}
.hb_lines {
	height: 25%;
	width: 100%;
	background: black;
	margin-bottom: 15%;
}
.toggle_color_menu {
	background: grey !important;
}

#menu_shop, #menu_brands, user_menu {
	display: none;
	background: var(--white);
}

#nav_items {
	position: relative;
}
user_menu {
	top: 50px;
	right: 0;
	padding: 0;
	min-width: 360px;
	max-width: 480px;
	z-index: 200;
}
#menu_shop, #menu_brands {
	position: absolute;
	top: 33px;
}
#menu_shop {
	/*width: 250px;*/
	width: 300px;
	max-height: calc(100vh - 110px);
	border: 1px solid var(--pink50);

	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2147483647;
}
#menu_brands {
	width: 150px;
	border: 1px solid var(--pink100);
	/*outline: 1px solid var(--pink100);*/
	/*outline-offset: -1px;*/
}

#menu_brands img {
	width: 100%;
	height: auto;
	padding: 10px;
	padding: 10px 10px;
	vertical-align: top;
}

.menumain, .menuicon {
	display: inline-block;
	color: var(--black);
}
.menumain {
	font-size: 14px;
	letter-spacing: .1em;
}
.menuicon {
	font-size: 24px;
}

.menumain {
	padding: 0 0 0 3%;
	text-transform: uppercase;
	font-family: 'JosefinSansRegular';
	font-weight: normal;
}
.menuicon {
	margin: 0 0 0 20px;
}
.menumain:hover, .menuicon:hover {
	color: var(--pink100);
}
#tutorials, #tutorials_menu {
	display: none;
}
#tutorials {
	color: var(--black);
	background: var(--greyMain);
	cursor: pointer;

	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
#tutorials:hover, #tutorials:focus-visible {
	color: var(--pink100);
	background: var(--pink30);
}
.disabled {
	color: var(--greyMain) !important;
	background: var(--grey5) !important;
	cursor: not-allowed !important;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#tutorials_menu.disabled {
	background: transparent !important;
}
.tutorialButton, .tutorialButtonWait {
	display: inline-block;
	position: absolute;
	right: 0;
	padding: 5px 10px;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tutorialLink {
	margin: 0 0 10px 0;
	color: var(--black);
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tutorialLink:hover, .tutorialLink:focus-visible {
	color: var(--pink100);
}
.tutorialLink:last-child {
	margin: 0;
}
.tutorialButton {
	color: var(--black);
	background: var(--white);
	border: 1px solid var(--black);
	cursor: pointer;
}
.tutorialButtonWait {
	color: var(--greyMain);
	background: var(--grey5);
	border: 1px solid var(--black);
}
.tutorialButton:hover, .tutorialButton:focus-visible {
	background: var(--pink100);
}
#aobtutorial {
	z-index: 2147483647;
}
#user_name, .side_menu_item, .side_menu_item_noLink, #menu_shop .nav-item {
	display: block;
	padding: 10px 30px 10px 10px;
	font-weight: normal;
	font-size: 12px;
	cursor: pointer;
	text-align: left;
	text-transform: uppercase;
	color: var(--black);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#user_name {
	font-weight: bold;
	cursor: default;
}
.mcMessage, .mcMessage2 {
	padding: 0 10px;
	font-size: .75rem;
	text-align: left;
}
.mcMessage {
	margin: 0 0 10px 0;
	display: none;
}
.mcMessage2 {
	margin: 20px 0;
}

.brand-menu-link {
	display: inline-block;
}
.smi_back {
	padding: 5px 30px 0 10px;
	height: 21px;
	font-weight: bold;
	background: var(--greyb);
}
.smi_sub {
	font-weight: bold;
	background: var(--pink30);
}

.side_menu_item:hover, .side_menu_item_noLink:hover,
.side_menu_item:focus-visible, .side_menu_item_noLink:focus-visible,
.smi_back:hover, .smi_back:focus-visible,
#menu_shop .nav-item:hover, #menu_shop .nav-item:focus-visible,
/*#menu_brands .brand-menu-link:hover, #menu_brands .brand-menu-link:focus-visible,*/
.brand-menu-link-selected {
	background: var(--greyMain);
	color: var(--pink50);
}
#menu_brands .brand-menu-link:hover img, #menu_brands .brand-menu-link:focus-visible img {
	/* about pink100 */
	filter: invert(26%) sepia(69%) saturate(6698%) hue-rotate(322deg) brightness(97%) contrast(92%);
	/* about pink50 */
	/*filter: invert(86%) sepia(23%) saturate(3314%) hue-rotate(287deg) brightness(100%) contrast(94%);*/
}
/*.side_menu_item:not(:last-child) {}*/
.side_menu_item:last-child, .side_menu_item_noLink:last-child {
	border-bottom: 0;
}
.side_menu_item > a, .side_menu_item_noLink > a {
	font-size: 0.55rem !important;
	font-weight: normal;
	display: block;
}
#preorder {
	display: none;
}
.template_name {
	display: none;
}
.polish_only {
	display: none !important;
}

.banner-image-center {
	margin: 0 0 20px 0;
}

#content {
	position: relative;
	display: block;
	margin: 0 auto 0 auto;
	width: 94%;
	vertical-align: top;
}
#aobmessage, #aobmessage2 {
	position: relative;
	text-align: center;
	line-height: 1.4;
	z-index: 2147483641;
}
#aobmessage {
	margin: 110px 0 20px 0;
	padding: 15px 3%;
	color: var(--black);
	background: var(--greye);
}
#aobmessage2 {
	margin: -15px 0 20px 0;
	padding: 15px 0;
	/*background: var(--pink10);*/
	overflow: hidden;
}
.aobm2Spacer {
	display: block;
	height: 10px;
}
#aobmessage2_content {
	display: inline-block;
	position: relative;
	left: 0;
	white-space: nowrap;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#aobmessage2_content img {
  vertical-align: bottom;
}

/*
#aobmessage2:hover, #aobmessage2:focus-visible {
	color: var(--pink100);
}
*/

#menu_pop {
	display: none;
	position: fixed;
	top: 50px;
	right: -1px;
	padding: 5px 0 10px 5px;
	color: var(--black);
	background: var(--white);
	/*border: 0;*/
	border: 1px solid var(--pink100);
	width: 360px;
	text-align: center;
	z-index: 2147483645;
}
.login_link {
	margin: 10px 0 0 0;
}
.menu_pop_temp {
	border: 1px solid transparent !important;
}

#login-panel-main, #login-panel-forgot, #login-panel-create {
	display: none;
}
#login-panel-title {
	font-size: 28px;
	color: var(--black);
}
#login-title-message.success-message {
	min-height: 33px;
	margin: 0;
	font-size: 16px;
	text-transform: none;
}
.facebook-frame {
	display: inline-block;
	height: 30px;
	border: 0;
	padding: 0;
}
#facebook-login-frame {
	position: absolute;
	top: 260px;
	left: 115px;
	display: none;
	width: 220px;
	z-index: 50;
}
#login-panel[data-mode="login"] #facebook-login-frame {
	display: block;
}
.login-panel-or {
	width: 100%;
	margin: 5px 0;
	font-size: 12px;
	text-align: center;
}

#login-panel-main {
	width: 450px;
}
#login-panel[data-mode="login"] #login-panel-main {
	display: block;
}
#login-panel-form, #login-panel-form2 {
	position: relative;
	/*width: 100%;*/
	margin: 0 auto;
	float: inherit;
	padding: 0 10px;
}
#login-panel .login-field {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--black);
	text-transform: uppercase;
	text-align: left;
}
.login-field input[type="text"], .login-field input[type="password"], .login-field input[type="email"] {
	display: block;
	width: 100%;
	height: 24px;
	margin-top: 5px;
	padding: 0 4px;
	border: 1px solid var(--black);
	line-height: 24px;
	text-transform: none;
}

.login_button, .login-panel-button, .login-panel-button2, .login-panel-buttonfb, .lcb1, .xSubmit-button {
	width: 95%;
	padding: 6px 0;
	margin: 5px auto;
	border: 0;
	font-size: .55rem;
	color: var(--white);
	background: var(--black);
	text-transform: uppercase;
	cursor: pointer;
}
.grey1 {
	background: var(--greyMain) !important;
}
#login-new-here {
	margin: 30px 0 10px 0;
	padding: 0 0 0 10px;
	text-align: left;
}

#pro-select-input input[type="radio"], #pro-select-input input[type="checkbox"] {
	margin-right: 10px;
}

#afw_create, #afw_forgot, #afw_login {
	display: none;
}
#login-panel-submit, #login-create-button, #login-forgot-button, #login-create-submit, #login-fb, #afw_login_submit, #afw_create_submit, #afw_forgot_button, #afw_login-create-button {
	width: 95%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0 12px 0;
	font-size: .75rem;
	border: 1px solid var(--black);

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#afw_login_submit, #afw_create_submit, #afw_forgot_button, #afw_forgot_link, #afw_login, #afw_login-create-button {
	width: 100%;
}
#login-panel-submit, #login-forgot-button, #login-create-submit, #login-fb, #afw_login_submit, #afw_create_submit, #afw_forgot_button, #afw_login-create-button {
	color: var(--white);
	background: var(--black);
}
#login-panel-submit:hover, #login-panel-submit:focus-visible, #login-forgot-button:hover, #login-forgot-button:focus-visible, #login-create-submit:hover, #login-create-submit:focus-visible, #login-fb:hover, #login-fb:focus-visible, #afw_login_submit:hover, #afw_login_submit:focus-visible, #afw_create_submit:hover, #afw_create_submit:focus-visible, #afw_forgot_button:hover, #afw_forgot_button:focus-visible, #afw_login-create-button:hover, #afw_login-create-button:focus-visible {
	color: var(--white);
	background: var(--pink100);
	border: 1px solid var(--pink100);
}
.afw_share {
  color: var(--black);
  font-size: 20px;
  margin: 0 25px 0 0;
}
.afw_share:hover, .afw_share:focus-visible {
  color: var(--pink100);
}
#afw_activity_data {
	margin: 10px 0 0 0;
}

#login-create-button {
	color: var(--black);
	background: var(--white);
	border: 1px solid var(--black);
}
#login-panel-form > .login-panel-button, #login-panel-form > .login-panel-button2, .xSubmit-button {
	margin: 0 auto;
}
#login-panel-form2 > .login-panel-button, #login-panel-form2 > .login-panel-button2, .xSubmit-button {
	margin: 10px auto;
}
#login-panel-form2 > .login-field {
	width: 95%;
}
#login-fb {
	background: var(--greya);
	padding: 6px 0;
}
a > #login-fb {
	font-weight: normal;
	font-size: .55rem;
	color: var(--black);
	z-index: 2147483646;
}
#login-fb > img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}
.login-panel-button.login-create {

}
#login_forgot_link {
	margin: 0 0 20px 200px;
	padding: 10px 13px 0 0;
	width: auto;
	font-size: .65rem;
	font-weight: bold;
	text-align: right;
}

#login-facebook-or {
}
#login-main-message {
	margin: 0;
}
#login-panel[data-mode="forgot"] #login-panel-forgot {
	display: block;
}
.radio-group {
	margin: 0 0 5px 0;
}

.sb_click, .afw_link3 {
	display: inline-block;
	font-size: 12px;
	color: var(--black);
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	width: 90%;
}
#afw_forgot_link, .afw_link, .afw_link3 {
	margin: 10px 0;
	width: 100%;
}

.afw_button {
	display: inline-block;
	color: var(--white);
	background: var(--black);
	padding: 10px 5px 9px 5px;
	width: 45%;
	border: 1px solid var(--black);
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	margin: 2%;
	cursor: pointer;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.afw_button:hover, .afw_button:focus-visible {
	background: var(--pink100);
	border: 1px solid var(--pink50);
}

#afw_forgot_link, .afw_link, .afw_link2, .afw_link3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#login-panel-forgot {
	width: 450px;
	padding: 45px 0 10px;
}
#login-forgot-form {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
#login-panel[data-mode="create"] #login-panel-create {
	display: block;
}
#login-panel-create {
	padding: 45px 20px 15px;
}
#facebook-create-text {
	margin-top: 38px;
	font-size: 14px;
}
#login-create-form {
	position: relative;
	width: 95%;
	text-align: left;
	float: right;
}
#login-create-form .register-field {
	display: inline-block;
	vertical-align: top;
}
#login-create-form .register-field:nth-of-type(2n) {
	margin-left: 30px;
}
#login-create-form .register-pro-select {
	margin-bottom: 10px;
}
#login-create-form .register-pro-select .register-pro-fields {
	margin-top: 0;
}
#login-create-form .register-pro-select .register-field {
	margin-top: 10px;
	margin-bottom: 0;
}

#login-create-message {
	clear: right;
}
.login-panel-back {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 8px;
	border: 1px solid var(--grey9);
	font-size: 12px;
	font-weight: bold;
	color: var(--grey9);
	text-transform: uppercase;
	cursor: pointer;
	z-index: 100;
}
.login-panel-back:hover, .login-panel-back:focus-visible {
	background: var(--grey9);
	color: var(--white);
}

.passfield {
	position: relative;
}
.eye {
	position: absolute;
	top: 10px;
	right: 3px;
	cursor: pointer;
	opacity: 0.5;
	z-index: 2147483647;
}
#aobAlertBox .eye {
  top: 9px;
  right: 35px;
}
.form_input, .form_input2 {
	font-size: .75rem;
	margin: 0 0 10px 0;
	padding: 0 0 0 0.5rem;
}
.form_input, #email_notify_button {
	width: 95%;
	height: 2rem;
	border: 1px solid var(--greya);
	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#email_notify_button {
	padding: 7px 0 0 0;
	font-size: 13px;
	text-align: center;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#email_notify_button:hover, #email_notify_button:focus-visible {
	background: var(--pink50);
}
.form_input2 {
	width: 100%;
	padding: 0.5rem 0 0 0.5rem;
}
.panel-title, .afw_panel_title {
	width: 90%;
	text-align: left;
	color: var(--black);
	font-size: 14px;
	/*font-weight: bold;*/
	font-family: 'JosefinSansRegular';
	text-transform: uppercase;
}
.panel-title {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 5px;
}
.afw_panel_title {
	margin: 45px 0 7px 0;
	padding: 5px 0;
	width: 100%;
}
#afw_reward_points, .afw_rewards_callout {
	color: var(--pink100);
	font-weight: bold;
}
#afw_reward_points_title {
	padding: 5px 25px 0 25px;
}
#afw_terms_conditions_text {
	margin: 10px 0 0 0;
}
.panel-text {
	margin: 10px 20px;
	font-size: 14px;
	color: var(--grey4);
	/*text-align: justify;*/
}
#rewardsYN2, #part-rewards-nli {
	cursor: pointer;
}
#points-data input, .points-data input {
	margin: 3px 3px 3px 0;
}
.zoya_rewards_logo {
	width: auto;
	height: 25px;
}
.zoya_rewards_logo, .zoya_rewards_i {
	vertical-align: middle;
}

.aob_bottle_icon {
	height: 10px;
	vertical-align: top;
}

#afw_list_title, #afw_list_back, #redeem_title, #afw_redeem_back, #available_title, #afw_coupon_back, #afw_view_coupons, #afw_activity_title, #afw_activity_back, #afw_faq_title, #afw_faq_back, #afw_coupon_btmain {
	position: relative;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#afw_coupon_btmain {
	color: var(--pink100);
}
#afw_list_title, #redeem_title, #available_title, #afw_activity_title, #afw_faq_title {
	margin: 20px 0 -7px 0;
	padding: 10px;
	/*width: 150px;*/
	border: 1px solid var(--greyd);
	font-weight: normal;
}
#afw_list_title i, #redeem_title i, #available_title i, #afw_activity_title i, #afw_faq_title i {
	position: absolute;
	top: 14px;
	right: 10px;
}
#afw_list_back, #afw_redeem_back, #afw_coupon_back, #afw_activity_back, #afw_faq_back {
	width: 60px;
	font-size: 14px;
}

#afw_list_title:hover, #afw_list_title:focus-visible, #redeem_title:hover, #redeem_title:focus-visible, #available_title:hover, #available_title:focus-visible, #afw_activity_title:hover, #afw_activity_title:focus-visible, #afw_faq_title:hover, #afw_faq_title:focus-visible {
	background: var(--pink50);
}


#afw_list_back:hover, #afw_list_back:focus-visible, #afw_redeem_back:hover, #afw_redeem_back:focus-visible, #afw_coupon_back:hover, #afw_coupon_back:focus-visible, #afw_view_coupons:hover, #afw_view_coupons:focus-visible, #afw_activity_back:hover, #afw_activity_back:focus-visible, #afw_faq_back:hover, #afw_faq_back:focus-visible {
	color: var(--pink100);
}
#afw_coupon_btmain:hover, #afw_coupon_btmain:hover {
	color: var(--black);
}

#afw_list_title i, #afw_list_back i, #redeem_title i, #focus-visible i, #available_title i, #afw_redeem_back i, #afw_coupon_back i, #afw_view_coupons i, #afw_activity_title i, #afw_activity_back i, #afw_faq_title i, #afw_faq_back i {
	font-size: 10px;
}
#afw_list_cont, #afw_redeem, #afw_coupons, #afw_activity, #afw_faq_text {
	position: relative;
	display: none;
	margin: 45px 0 0 0;
}

#afw_rewards_message {
	margin: 25px 0 20px 0;
	font-size: 14px;
	padding: 10px 20px;
	background: var(--pink20);
	border: 1px solid var(--pink100);

	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.afw_redeem_line {
	position: relative;
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 0 0 10px 0;
	font-size: 14px;
	border-bottom: 1px solid var(--greyMain);
}
.afw_redeem_line:last-child {
	border-bottom: none;
}
.afw_redeem_icon, .afw_redeem_info, .afw_redeem_button, .afw_dis {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.afw_redeem_icon {
	width: 4%;
}
.afw_redeem_info {
	padding: 0 10px;
	width: 57%;
}
.afw_redeem_button, .afw_dis {
	padding: 10px;
	width: 38%;
	/*color: var(--white);*/
	background: var(--pink20);
	border: 1px solid var(--pink100);
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.afw_redeem_button:hover, .afw_redeem_button:focus-visible {
	background: var(--pink50);
	border: 1px solid var(--pink50);
}
.afw_dis {
	background: var(--greyMain);
	border: 1px solid var(--grey3);
	opacity: .5;
	cursor: not-allowed;
}
@media only screen and (max-width: 389px) {
	.afw_dis {
		padding: 10px 3px;
		font-size: 10px;
	}
}
.afw_redeem_description, .afw_redeem_points {

}
.afw_redeem_note {
	display: none;
}
#afw_activity_back, #afw_coupon_back, #afw_faq_back {
	margin: 0 0 20px 0;
}
#afw_rewards_link {
	margin: 10px 0 0 0;
}
#afw_redeem_back, #afw_view_coupons {
	position: absolute;
	top: 0;
	z-index: 1;
}
#afw_redeem_back {
	left: 25px;
}
#afw_view_coupons {
	right: 25px;
}
.faq_line_q, .faq_line_a {
	font-size: 16px;
	line-height: 1.3;
}
.faq_line_a {
	margin: 0 0 20px 0;
}
.faq_head {
	display: inline-block;
	width: 30px;
	color: var(--pink100);
	font-weight: bold;
}
.faq_text {
	font-size: 14px;
}
.faq_line_q .faq_text {
	font-weight: bold;
}

.awf_list {
	list-style: none;
  /*list-style: disc;*/
  /*list-style-image: url('/img/dot-pink.png');*/
  /*margin: 10px 0 10px 30px;*/
  margin: 10px 0;
  line-height: 1.3;
}
.awf_list li {
  position: relative;
  /*margin: 0 0 10px 7px;*/
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid var(--greyd);
}
.ZZZawf_list li:before {
  content: '';
  position: absolute;
  left: -22px;
  top: 2px;
  width: 12px;
  height: 24px;
  background: url('/img/dot-pink.png') transparent no-repeat top left / 7px auto;
}


.ban {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
.ban a {
	display: block;
}
.ban img {
	width: 100%;
	height: auto;
}
#banRcont {
	position: relative;
	/*display: none;*/
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}
#banRcont a {
	display: inline-block;
  height: 100%;
	vertical-align: top;
}
#banRcont img {
	display: inline-block;
	width: auto;
	height: 100%;
	vertical-align: top;
}
#banRcontIn {
	height: 100%;
}
#ban_cont {
	position: relative;
}
#banRleft, #banRright {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 1000;
	background: transparent;
	cursor: pointer;
}
#banRleft {
	left: 0;
}
#banRright {
	right: 0;
}
#banRleft:hover, #banRleft:focus-visible, #banRright:hover, #banRright:focus-visible {
	background: var(--grey6);
	background: rgba(102, 102, 119, .5);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;*/
}
#banRleft .banRlr {
	left: 10px;
}
#banRright .banRlr {
	right: 10px;
}

.banRlr {
	position: absolute;
	top: 0;
	display: inline-block;
	padding: 10px;
	/*padding: clamp(7px, 3vw, 10px);*/
	color: var(--white);
	background: var(--grey6);
	font-size: 30px;
	/*font-size: clamp(17px, 3vw, 30px);*/

	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.banRlr i {
	vertical-align: middle;
}

.banRlrPulse {
	animation: banRlrGlow 1s ease-in-out infinite alternate;
}

@keyframes banRlrGlow {
  to {
    box-shadow: 0 0 50px var(--pink100), 0 0 60px var(--pink100), 0 0 70px var(--pink100), 0 0 80px var(--pink100), 0 0 90px var(--pink100);
  }
}

.testerHighlight {
	bottom: -2px !important;
	right: -7px !important;
	padding: 10px 10px 5px 10px !important;
	border: 2px solid var(--pink100);
	animation: testerGlow 1s ease-in-out infinite alternate;

	-webkit-border-radius: 20px 0 0 0;
	-khtml-border-radius: 20px 0 0 0;
	-moz-border-radius: 20px 0 0 0;
	-o-border-radius: 20px 0 0 0;
	border-radius: 20px 0 0 0;
}

@keyframes testerGlow {
  to {
    /*box-shadow: 0 0 0 var(--pink70), 0 0 10px var(--pink70), 0 0 20px var(--pink70), 0 0 30px var(--pink70), 0 0 40px var(--pink70), 0 0 70px var(--pink70), 0 0 60px var(--pink70);*/
    box-shadow: 0 0 20px 30px var(--yellowD), 0 0 5px 3px var(--pink50) inset;
 		border: 2px solid var(--pink70);
    background: var(--pink30);
 }
}

/************************************************************************/
/*	Begin AccountInfo.SysPro*/
/************************************************************************/
#account-snapshot {
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
#account-info-profile {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin-right: 1%;
}
#account-profile-name {
	padding: 0 25px 15px;
	margin-bottom: 15px;
	font-size: 22px;
	color: var(--grey6);
}
#account-picture-frame {
	display: none;
}
#account-profile-picture {
	position: relative;
	float: left;
	width: 170px;
	margin-left: 25px;
	margin-right: 15px;
	text-align: center;
}
#account-profile-picture img {
	max-width: 100%;
}
.account-picture-button {
	width: 100%;
	padding: 6px 0;
	border: 0;
	margin-bottom: 5px;
	font-size: 14px;
	color: var(--black);
	background: var(--greyb);
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
#account-picture-upload {
	visibility: hidden;
	width: 0;
	height: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
#account-profile-social {
	position: relative;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--greyb);
	margin-left: 210px;
	margin-bottom: 5px;
}
#facebook-connect-frame {
	width: 100%;
}
#account-profile-details {
	margin-left: 210px;
	font-size: 15px;
	color: var(--black);
}
#account-points-field {
	margin-bottom: 10px;
	font-weight: bold;
}
#account-points-field strong {
	color: var(--teal100);
}
#account-points-value {
	font-weight: bold;
	color: var(--teal100);
}
.account-points-link {
	margin-bottom: 5px;
	color: var(--teal100);
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#polishExchange, #polishExchange_title {
	color: var(--polexGreen);
}
#polishExchange:hover, #polishExchange:focus-visible, #polishExchange.ai_tab_current {
	color: var(--polexGreenL);
}
.polishExchange {
	margin: 15px 0 5px 0;
	color: var(--white);
	background: var(--pink50);
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding: 10px;
	text-align: center;
}
.polishExchange:hover, .polishExchange:focus-visible {
	background: var(--pink100);
}
#polishExchange, #sm_polish_exchange, #shop_earthday, #rewards_cont, #rewards, #redeem, #preferences, #personal_shopper, #zoya_first, #exams, #my_messages {
	display: none;
}

#account-info-promo {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: 55%;
}
#account-info-promo img {
	display: none;
	max-width: 100%;
}
#account-menu {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--grey9);
}
.ai_tab, .ai_tab_current {
	position: relative;
	border-bottom: 0;
	margin-right: 3px;
	padding: 0 4px 1rem 4px;
	font-size: 13px;
	font-family: 'JosefinSansRegular';
	letter-spacing: 1px;
	cursor: pointer;
	z-index: 0;
}
.ai_tab_current {
	color: var(--pink100);
	cursor: default;
}
.ai_tab:last-child, .ai_tab_current:last-child {
	margin-right: 0;
}
.ai_tab.current-tab, .ai_tab:hover, .ai_tab:focus-visible {
	color: var(--pink100);
	z-index: 100;
}
.ai_tab_current {
	font-weight: bold;
}

#social-connect-button {
	display: block;
	max-width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
#account-info {
	position: relative;
	min-height: 500px;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--white);
}
.account-info-section {
	position: relative;
	width: 49%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid var(--grey9);
	margin-right: 2%;
}
.account-info-section:last-of-type {
	margin-right: 0;
}
#account-info .account-field {
	color: var(--grey4);
	font-size: 14px;
	padding: 10px 0;
}
#account-info .account-field strong {
	text-transform: uppercase;
}
#account-info .account-field em {
	font-style: normal;
	font-weight: bold;
}
#account-info .account-title {
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-family: 'JosefinSansRegular';
}
#account-info .account-text {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.4;
}
#stl {
	width: 100%;
}

#dModal {
	left: calc(50% - 310px);
	top: 20px;
	width: 100%;
	max-width: 620px;
}
#referrallink {
	margin: 20px auto;
	width: 620px;
}
#vUrlM {
	display: none;
}
#vUrlD {
	display: block;
	position: relative;
	cursor: pointer;
}
#aobAlertBox #vUrlD {
	margin: 17px 0;
	width: 100%;
	color: var(--grey4);
	background: transparent;
	border: 1px solid var(--pink20);
	font-weight: normal;
}
#aobAlertBox #vUrlD:hover, #aobAlertBox #vUrlD:focus-visible {
	color: var(--black);
	background: var(--pink50);
}
#vUrlD_copy {
	position: absolute;
	top: 7px;
	right: 10px;
	color: var(--pink100);
	z-index: 1;
}
.afw_t2 {
	margin: 0 10px 0 0;
}
#referrallink, #vUrlD {
	width: 96%;

	/*overflow-wrap: break-word;*/
	word-wrap: break-words;
	/*word-wrap: break-word;*/
	-ms-word-break: break-words;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-words;
}
.vUrl {
	padding: 10px 0 5px 0;
	font-size: 16px;
	text-align: center;
	width: 580px;
	background-color: var(--pink20);
	margin: 10px;
	font-weight: bold;
	border: 0;
}
.vUrl:hover, .vUrl:focus-visible {
	background-color: var(--pink50);
}

#rewards_link #vUrlD {
	margin: 10px 0;
	width: 100%;
}
/*	End AccountInfo.SysPro	*/

/************************************************************************/
/*	Begin Category.CustomerService*/
/************************************************************************/
#customer-service-welcome {
	margin-left: 175px;
}
#customer-service-info {
	position: relative;
	color: var(--black);
}
#customer-service-image {
	margin: 10px 0;
	padding-left: 8px;
}
#customer-service-text {
	padding: 0 20px;
	font-size: 12px;
}
#customer-service-text strong {
	text-transform: uppercase;
}
#customer-service-text a {
	color: var(--black);
}
/*	End Category.CustomerService*/

/************************************************************************/
/*	Begin Category.Info*/
/************************************************************************/
#category-info-image {
	margin: 10px 0;
	text-align: center;
}
#category-info-text {
	padding: 0 20px;
	font-size: 12px;
}
#category-info-text strong {
	text-transform: uppercase;
}
#category-info-text a {
	color: var(--black);
}
/*	End Category.Info*/

.acctmenusub {
	display: none;
}
.smi_back {
	text-align: right;
}
/************************************************************************/
/*	Begin AccountMultiAddress*/
/************************************************************************/
#shippo {
	padding: 0 30px 0 5px;
}
#shipping-info-form.account-field {
	color: var(--grey4);
	font-size: 14px;
	padding: 10px 30px;
}
#account-info #checkout-shipping-title {
	display: none;
}
.shipping-field {
	position: relative;
	height: 20px;
	margin: 0 0 23px 0;
}
.shipping-field label {
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#shipping-info-form #new-address-id {
	margin-bottom: 20px;
}
.shipping-field input, .shipping-field select {
	width: 280px;
	margin-left: 150px;
}
#shipping-info-form #new-id-input {
	width: 100px;
}
#shipping-form-buttons img {
	vertical-align: top;
	margin-right: 10px;
	cursor: pointer;
}
#shipping-info-form[data-mode="update"] #shipping-submit, #shipping-info-form[data-mode="update"] #shipping-cancel, #shipping-info-form[data-mode="update"] #new-address-id {
	display: none;
}
#shipping-info-form[data-mode="add"] #shipping-update, #shipping-info-form[data-mode="add"] #shipping-delete, #shipping-info-form[data-mode="add"] #shipping-add, #shipping-info-form[data-mode="add"] #address-id {
	display: none;
}
#shipping-info-form[data-address=""][data-mode="update"] #shipping-name-input {
	padding-left: 4px;
	background-color: #fbfbfb;
	border: 1px solid var(--grey9);
}
#shipping-info-form[data-address=""] #shipping-delete {

}
.state-province-text-input {
	display: none;
}
form input.postal-code-input {

}
/*	End AccountMultiAddress*/

/************************************************************************/
/*	Begin arMultiAddressSuggestions*/
/************************************************************************/
#address-suggestions {
	position: fixed;
	width: 450px;
	height: 300px;
	background: var(--white);
	transition-property: opacity;
	transition-duration: 0.5s;
	box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.4);
	z-index: 1001;
}
#address-suggestions.ie8 {
	border: 2px solid var(--grey9);
}
#suggestion-close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
#suggestion-header {
	width: 90%;
	margin: 10px auto;
	font-size: 18px;
	color: var(--grey9);
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--greyd);
	text-transform: uppercase;
}
#suggestion-text {
	width: 85%;
	margin: 0 auto 25px auto;
	font-size: 12px;
	color: var(--grey6);
	text-align: justify;
}
#address-suggestions form {
	font-size: 12px;
	color: var(--black);
	line-height: 1.5;
}
#address-suggestions .suggestion-form-title {
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#suggested-address-button, #entered-address-button {
	margin-top: 20px;
	cursor: pointer;
}
#suggested-address-form {
	display: inline-block;
	vertical-align: top;
	width: 38%;
	margin-left: 7%;
	padding: 15px 4% 15px 0;
	border-right: 1px solid var(--greyd);
}
#entered-address-form {
	display: inline-block;
	vertical-align: top;
	width: 38%;
	padding: 15px 0 15px 40px;
}
/*	End arMultiAddressSuggestions*/

/************************************************************************/
/*	Begin AccountInfoBill*/
/************************************************************************/
#billing-info-form.account-field {
	color: var(--grey4);
	font-size: 14px;
	padding: 10px 30px;
}
#checkout-billing-container #billing-info-form.account-field {
	padding-left: 75px;
	padding-bottom: 30px;
}
#checkout-billing-title.account-title, #account-billing-title.account-title {
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-family: 'JosefinSansRegular';
}
#checkout-billing-title #billing-title-small {
	font-size: 12px;
}
#billing-important {
	font-size: 12px;
	font-style: italic;
	color: var(--teal100);
	margin-bottom: 10px;
}
#billing-important img {
	float: left;
}
.billing-field {
	position: relative;
	height: 20px;
	margin: 0 0 23px 0;
}
.billing-field label {
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.billing-field input, .billing-field select {

}
/*	End AccountInfoBill*/

/************************************************************************/
/*	Begin AccountInfoWishlist*/
/************************************************************************/
#account-wishlist-controls {
	height: 24px;
	margin-top: 15px;
}
#wishlist-controls-title {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#account-wishlist-select {
	display: inline-block;
	vertical-align: middle;
	width: 250px;
	height: 24px;
	margin-right: 10px;
}
.wishlist-control-button {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	background-size: contain;
	cursor: pointer;
}
#add-new-list {
	width: 120px;
	background-image: url('/img/add_new_list.png');
}
#add-new-list:hover, #add-new-list:focus-visible {
	width: 120px;
	background-image: url('/img/add_new_list_hover.png');
}
#edit-list {
	width: 90px;
	background-image: url('/img/edit_list.png');
}
#edit-list:hover, #edit-list:focus-visible {
	background-image: url('/img/edit_list_hover.png');
}
#delete-list {
	width: 110px;
	background-image: url('/img/delete_list.png');
}
#delete-list:hover, #delete-list:focus-visible {
	background-image: url('/img/delete_list_hover.png');
}
#wishlist-visibility {
	line-height: 24px;
	margin-top: 15px;
}
#wishlist-visibility-text {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#wishlist-visibility-text:only-child {
	display: none;
}
#wishlist-visibility-select, #add-visibility-input {
	height: 24px;
	text-transform: uppercase;
}
#share-list {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}
#wishlist-notes, #my-wishlist-note {
	position: relative;
	font-size: 12px;
	margin: 15px 0 0 0;
}
#wishlist-notes i, #my-wishlist-note i {
	top: -2px;
	font-size: 8px;
	color: var(--grey5);
}

#wishlist-notes-text:empty:after {
	content: "Any notes you enter about this wishlist will be shown here";
}
#wishlist-display {
	font-size: 14px;
	color: var(--grey9);
	margin-top: 15px;
}
#wishlist-display a {
	color: var(--grey9);
	text-decoration: none;
}
#wishlist-display a:hover, #wishlist-display a:focus-visible {
	text-decoration: underline;
}
#wishlist-display .item-wishlist {
	height: 160px;
	border-bottom: 1px solid var(--greyd);
	margin-bottom: 15px;
}
#wishlist-display .item-wishlist > div {
	display: inline-block;
	vertical-align: middle;
	width: 18%;
}
#wishlist-display .item-wishlist:last-child {
	border: medium none;
}
#wishlist-display .wishlist-remove {
	margin: 0 20px;
	text-transform: uppercase;
	cursor: pointer;
}
#wishlist-display .wishlist-remove:hover, #wishlist-display .wishlist-remove:focus-visible {
	text-decoration: underline;
}
#wishlist-display .wishlist-image {
	margin-right: 20px;
}
#wishlist-display .wishlist-image img {
	width: 150px;
	height: 150px;
}
#wishlist-display .wishlist-name {
	width: 500px;
	margin-right: 10px;
}
#wishlist-display .wishlist-name a {
	margin-right: 10px;
}
#wishlist-display .wishlist-quantity {
	margin: 0 13px;
}
#wishlist-display .wishlist-quantity-select {
	width: 70px;
	font-size: 16px;
}

.wishlist-close {

}
.wishlist-info {
	margin: 29px 0 0 0;
	min-width: 300px;
}
.wishlist-panel-text {
	margin: 0 0 20px 0;
}
.wishlist-panel-text label {
	display: block;
	padding: 0 0 5px 0;
}
.wishlist-panel-field {
	position: relative;
	margin-top: 15px;
	text-align: left;
}
.wishlist-panel-field input, .wishlist-panel-field select, .wishlist-panel-field textarea {
	width: 100%;
	margin: 0;
}
.wishlist-panel-submit {
	display: block;
	height: 30px;
	margin: 5px auto 10px;
	border: 0;
	padding: 0;
	background-size: contain;
	cursor: pointer;
}
.wishlist-select-container {
	width: 100%;
	padding: 0 15px;
}
.cbInput {
	display: block;
	margin: 0 0 5px 0;
	width: 100%;
	text-align: left;
	line-height: 1.5;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.cbInput:last-child {
	margin: 0;
}
#wishlist-add-panel {
	width: 100%;
	max-width: 500px;
}
#wishlist-panel-add2 {
	
}
.wishlist-panel-add3, .wishlist-panel-add3-off, .wl_panel_cancel, .add-list-submitI {
	display: inline-block;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wishlist-panel-add3-off {
	color: var(--greyMain);
}
.wishlist-panel-add3:hover, .add-list-submitI:hover, .wl_panel_cancel:hover {
	color: var(--pink100);
}

#add-list-submit {
	width: 60px;
	background-image: url('/img/add.png');
}
#add-list-submit:hover, #add-list-submit:focus-visible {
	background-image: url('/img/add_hover.png');
}
#wishlist-edit-panel {
	width: 100%;
	max-width: 500px;
}
#share-link-input {
	background: #ffffcc;
}
#edit-list-submit {
	width: 80px;
	background-image: url('/img/submit.png');
}
#edit-list-submit:hover, #edit-list-submit:focus-visible {
	background-image: url('/img/submit_hover.png');
}
#wishlist-delete-panel {
	width: 330px;
}
#wishlist-add-panel, #wishlist-edit-panel, #wishlist-delete-panel {
	top: 50px !important;
}

#delete-panel-confirm {
	width: 80px;
	background-image: url('/img/delete.png');
}
#delete-panel-confirm:hover, #delete-panel-confirm:focus-visible {
	background-image: url('/img/delete_hover.png');
}
#share-list-panel {
	width: 450px;
}
#share-panel-link {
	width: 90%;
	margin: 5px auto 20px;
	background: #ffffcc;
}

/********************************
/*	NEW AccountInfoWishlist
/********************************/

.wl_row {
	position: relative;
	padding: 20px 0;
	color: var(--black);
}
.wl_row:last-child {
	border: none;
}

.wl_image, .wl_info, .wl_button {
	display: inline-block;
	vertical-align: top;
}
.wl_image {
	width: 150px;
	height: auto;
}
.wl_image img {
	width: 100%;
	height: auto;
}
.wl_info {
	margin: 0 0 0 15px;
	padding: 0 10px 0 0;
	width: 300px;
	min-width: 300px;
	line-height: 1.25;
}

.wl_button {
	position: relative;
	margin: 5px 0 10px 0;
	padding: 15px 0;
	width: 140px;
	width: 200px;
	text-align: center;
	color: var(--white);
	background: var(--black);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: 'WorkSansRegular';
	letter-spacing: 1px;
	cursor: pointer;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wishlist-quantity {
	display: inline-block;
	top: 14px;
}
#for_share-list {
	margin: 0 0 0 10px;
	padding: 3px 0 0 0;
	height: 1.75rem;
}
.bought {
	position: absolute;
	/*top: 20px;*/
	color: var(--pink100);
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	z-index: 2147483647;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#wl_date {
	position: absolute;
	padding: 10px 20px;
	background: var(--white);
	border: 1px solid var(--pink100);
	z-index: 2147483647;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

@media (hover: hover) {
	.wl_button:hover, .wl_button:focus-visible {
		background: var(--pink100);
	}
	.wl_button {
		margin: 5px 20px 0 0;
	}
}
.wlopts {
	margin: 10px 0 0 0;
}
.wlns {
	display: none;
}
.panel {
	z-index: 2147483648;
}
.wishlist-response-text {
	width: 350px;
	padding: 30px 10px;
}
.wishlist-panel-text {
	margin: 0 auto 20px auto;
	width: 90%;
}
.wishlist-buttons {
	margin: 20px auto 0 auto;
}
#cprice, #cprice2, #cprice2b, #sprice2 {
	font-size: 1rem;
}
.wl_link:hover span {
	color: var(--pink100);
}
.wishlist-panelI-text {
	text-align: left;
}
.wishlist-panelI-field {
	margin: 0 0 15px 0;
}
.wishlist-panelI-field:last-child {
	margin: 0;
}
#add-name-inputI, #add-visibility-inputI, #add-note-inputI {
	width: 100%;	
}

#dataSort {
	margin: 15px 0 0 0;
}
#wl_count {
	margin: 15px 0 0 0;
	font-size: 12px;
}
#sortReverseCont, #showHiddenCont {
	display: inline-block;
	margin: 0 0 0 20px;
	font-size: 14px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#sortReverse, #showHidden {
	display: none;
}
#for_sortReverse, #for_showHidden {
	display: block;
	padding: 5px 15px;
	width: 170px;
	border: 1px solid var(--greyMain);
	color: var(--black);
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

#sortReverse:checked + #for_sortReverse, #showHidden:checked + #for_showHidden {
	border: 1px solid var(--pink100);
	color: var(--white);
	background: var(--pink100);
}
@media (hover: hover) {
	#for_sortReverse:hover, #for_showHidden:hover {
		border: 1px solid var(--greyMain);
		color: var(--black);
		background: var(--greyMain);
	}
	#sortReverse:checked + #for_sortReverse:hover, #showHidden:checked + #for_showHidden:hover {
		color: var(--black);
	}
}

/*	End AccountInfoWishlist*/

/************************************************************************/
/*	Begin MyWishList*/
/************************************************************************/
#my-wishlist strong {
	text-transform: uppercase;
}
#my-wishlist em {
	font-style: normal;
	font-weight: bold;
}
#my-wishlist #my-wishlist-header {
	margin: 15px 0;
}
#my-wishlist-header #my-wishlist-title {
	font-size: 28px;
}
#my-wishlist-header #my-wishlist-info {
	font-size: 18px;
	margin: 15px 0;
	line-height: 1.5;
}
#my-wishlist #wishlist-display {
	font-size: 14px;
	color: var(--grey9);
	margin-top: 15px;
}
#my-wishlist #wishlist-display a {
	color: var(--grey9);
	text-decoration: none;
}
#my-wishlist #wishlist-display a:hover, #my-wishlist #wishlist-display a:focus-visible {
	text-decoration: underline;
}
/*	End MyWishList*/

/************************************************************************/
/*	Begin AccountPromotions*/
/************************************************************************/
.coupon {
	font-size: 12px;
	position: relative;
	display: inline-block;
	border: 1px solid var(--greyMain);
	width: 22%;
	margin: 5px;
	padding: 10px 5px;
	height: 250px;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
}
.coupon > div {
	margin-bottom: 5px;
}
.apply-code > img {
	width: 170px;
	height: auto;
}
.coupon_cont {
	position: absolute;
	bottom: 0;
	left: 2%;
	width: 95%;
	min-height: 127px;
}
.coupon-details {
	text-align: left;
	padding: 0 0 0 5px;
}
.coupon-title {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 13px;
}
.coupon-code {
	display: inline-block;
	vertical-align: top;
	margin-top: 15px;
	padding: 5px 10px;
	border: 1px solid var(--greyb);
	color: var(--grey6);
	text-transform: uppercase;
}
.apply-code {

}
.apply_code_button {
	width: 90%;
	color: var(--white);
	background: var(--black);
	text-align: center;
	text-transform: uppercase;
	margin: 7px auto 0 auto;
	padding: 7px 0;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.apply_code_button:hover, .apply_code_button:focus-visible {
	background: var(--pink50);
}
.return-coupon {
	display: inline-block;
	margin-top: 14px;
	padding: 7px 10px 5px 10px;
	cursor: pointer;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.return-coupon:hover, .return-coupon:focus-visible {
	color: var(--white);
	background: var(--pink100);
}
.return-coupon strong {

}
.date-and-usage {
	font-size: 10px;
	color: var(--grey9);
	margin: 7px 0 0 0;
}
/*	End AccountPromotions*/

/************************************************************************/
/*	Begin AccountInfoOrders*/
/************************************************************************/
#order-display {
	margin-top: 20px;
	padding: 0px 20px;
	font-size: 12px;
}
#order-display-header {
	color: var(--black);
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid var(--greyd);
}
#order-display-header div {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	line-height: 24px;
	margin-right: 30px;
}
.order-line {
	position: relative;
	width: 100%;
	padding: 30px 0 70px 0;
	border-bottom: 1px solid var(--greyd);
}
.order-line .order-line-field {
	display: inline-block;
	margin-right: 30px;
	color: var(--black);
}
.order-line .order-info {
	margin: 30px 0 0 0;
}
.order-line .show-order-link {
	font-weight: bold;
	color: var(--teal100);
	cursor: pointer;
}
.order-line .order-info-print {
	display: none;
}
.order-line .ctvinfo {
	position: absolute;
	margin: 5px 0 0 0;
}

#ord_err, #inv_err {
	color: var(--pink100);
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25;
}

#order-number-header, .order-number {
	width: 8%;
	min-width: 125px;
}
#po-number-header, .po-number {
	width: 8%;
	min-width: 125px;
}
#order-status-header, .order-status {
	width: 10%;
	min-width: 125px;
}
#order-date-header, .order-date {
	width: 10%;
	min-width: 130px;
}
#web-reference-header, .web-reference {
	width: 8%;
	min-width: 150px;
}
.order-line-field.cancel-order, .order-line-field.print-button, .order-line-field.reorder-button {
	width: 10%;
}

.card-reenter-link {
	display: none;
	color: var(--teal100);
	text-decoration: underline;
	cursor: pointer;
}
.order-status[data-status="C"] .card-reenter-link {
	display: inline;
}
.order-status[data-status="M"] .card-reenter-link {
	display: inline;
}
.order-line .cancel-order-link {
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	cursor: pointer;
}
.order-line .cancel-order-link:hover,
.order-line .cancel-order-link:focus-visible {
	color: var(--pink100);
}
.order-line .order_buttons {
	display: inline-block;
	margin: 20px 0 0 0;
}
.order-line .print-button, .order-line .reorder-button, .order-line .cancel-order {
	cursor: pointer;
	margin: 5px 10px 0 0;
	padding: 15px 0;
	width: 170px;
	text-align: center;
	color: var(--white);
	background: var(--black);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: 'WorkSansRegular';
	letter-spacing: 1px;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.order-line .print-button {

}
.order-line .reorder-button {
	margin: 5px 0 0 0;
}
.order-line .cancel-order {

}
.order-line:last-child {
	border: 0;
}
@media (hover: hover) {
	.order-line .print-button:hover, .order-line .reorder-button:hover, .order-line .cancel-order:hover, .order-line .cancel-order span:hover {
		background: var(--pink100);
	}
}
#order-cancel-panel {
	top: 50px !important;
	width: 420px;
	padding-bottom: 20px;
	line-height: 1.4;
}
.order-cancel-number {
	font-weight: bold;
}
cancelorder {
	display: inline-block;
	height: 0;
}

#cancel-card-reenter {
	color: var(--teal100);
	text-decoration: underline;
	cursor: pointer;
}
#card-reenter-panel, #checkout-payment-panel {
	width: 96%;
	max-width: 420px;
	padding: 20px;
	text-align: left;
	z-index: 2147483647;
}
#card-reenter-panel {
	min-height: 300px;
}
#card-reenter-panel .panel-title {
	width: auto;
}
#card-reenter-submit {
	display: block;
	margin: 25px auto 0;
}
/*	End AccountInfoOrders*/

/************************************************************************/
/*	Begin AccountInfoInvoices*/
/************************************************************************/
#invoice-display {
	margin-top: 20px;
	padding: 0px 20px;
	font-size: 12px;
}
#invoice-display-header {
	color: var(--black);
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid var(--greyd);
}
#invoice-display-header div {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	line-height: 24px;
	margin-right: 28px;
}

#invoice-number-header, .invoice-number {
	width: 10%;
}
#sales-number-header, .sales-number {
	width: 10%;
}
#po-web-header, .po-web-number {
	width: 25%;
}
#invoice-date-header, .invoice-date {
	width: 10%;
}
#tracking-number-header, .tracking-number {
	/*width: 15%;*/
}

/*	End AccountInfoInvoices*/

/************************************************************************/
/*	Begin AccountInfoEmailPassword*/
/************************************************************************/
#login-info-display {
	margin: 20px 0;
	padding: 0px 20px;
	font-size: 12px;
}
#add-login {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 0;
	padding: 20px;
	font-size: 14px;
	text-decoration: none;
	height: auto !important;
	line-height: 0 !important;
	color: var(--white);
	background: var(--black);
	border: 1px solid var(--black);
	cursor: pointer;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#add-login:hover, #add-login:focus-visible {
	color: var(--black);
	background: var(--white);
}

#login-info-header {
	color: var(--black);
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid var(--greyd);
}
#login-info-header div {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	margin-right: 30px;
}
.login-info-line {
	border-bottom: 1px solid var(--greyd);
}
.login-info-line:last-child {
	border: none;
}
.login-info-line div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 20px 0;
	margin-right: 30px;
	color: var(--black);
}
#login-email-header {
	width: 30%;
}
.login-info-line .login-email {
	width: 30%;
	/*color: var(--grey4);*/
	overflow-x: auto;
}
#administrator-header {
	width: 30%;
}
.login-info-line .change-administrator {
	width: 30%;
}
.login-info-line .change-administrator input {
	margin: 0;
}
.login-info-line .change-password {
	width: 10%;
}
.login-info-line .change-email {
	width: 80px;
}
.emailselect {
	display: block;
	margin: 10px 0 0 0;
}
.login-info-line .delete-login {
	margin-right: 0;
	color: var(--teal100);
}
.login-info-edit {
	text-decoration: underline;
	cursor: pointer;
}
.login-edit-field {
	display: none;
	font-size: 12px;
}
.login-edit-title {
	margin: 10px 0;
	color: var(--teal100);
	font-weight: bold;
	text-transform: uppercase;
}
.login-edit-field label {
	color: var(--grey4);
	font-weight: bold;
	text-transform: uppercase;
}
.login-edit-input {
	position: relative;
	height: 24px;
	margin-bottom: 15px;
}
.login-edit-input label {
	position: absolute;
	left: 0;
	top: 6px;
	text-transform: uppercase;
}
.login-edit-input input {
	width: 300px;
	height: 24px;
	margin-left: 140px;
}
.login-edit-controls {
	margin-top: 25px;
	padding-bottom: 10px;
}
.login-edit-controls input[type="submit"] {
	margin-right: 10px;
	line-height: 1;
}
.edit-field-email {
	font-weight: bold;
}
#change-password-field .login-edit-input input {
	margin-left: 200px;
}
#change-email-field .login-edit-input input {
	margin-left: 170px;
}
#login-delete-panel {
	width: 300px;
	height: 150px;
}
#login-delete-text {
	text-align: left;
}
#login-delete-confirm {
	cursor: pointer;
}
/*	End AccountInfoEmailPassword*/

/************************************************************************/
/*	Begin AccountInfoRedeemPoints*/
/************************************************************************/
#redemption-list {
	font-size: 14px;
	color: var(--black);
	text-align: center;
}
#redemption-list {
	margin: 15px 20px;
}
#afw_redeem #redemption-list {
	margin: 15px 0;
	padding: 30px 0 0 0;
}

#redemption-list-header {
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid var(--greyd);
}
#redemption-list-header div {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.redemption-list-item {
	display: inline-block;
	border: 1px dashed var(--greya);
	width: 23%;
	margin: 0 5px 10px 5px;
	padding: 10px 5px;
	height: 200px;
	position: relative;
	vertical-align: top;
}
.redemption-list-item div {

}
#afw_redeem .redemption-list-item {
	/*width: 100%;*/
	width: 90%;
	/*width: 45%;*/
	margin: 0 5px 15px 5px;
}
#redemption-description-header {
	width: 300px;
}
.redemption-description {
	width: 100%;
	text-align: center;
	font-weight: bold;
}
#redemption-note-header {
	width: 300px;
}
.redemption-note {
	width: 100%;
	text-align: center;
}
#redemption-points-header {
	width: 150px;
}
.redemption-foot {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.redemption-points {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	padding: 20px 0;
}
.redemption-points2 {
	font-size: .75rem;
	text-align: center;
}
.redeem-button, .redeem-button2, .redeem-button3 {
	width: 95%;
	margin: 0 auto 10px auto;
	height: 1.5rem;
	text-align: center;
	padding: 5px 0 0 0;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.redeem-button {
	color: var(--white);
	background: var(--black);
	cursor: pointer;
}
.redeem-button:hover, .redeem-button:focus-visible {
	/*background: #090;*/
	/*background: var(--greenD);*/
	background: var(--pink50);
}
.redeem-button2 {
	/*color: var(--white);*/
	/*background: var(--DRed);*/
	/*background: var(--pink100);*/
	background: var(--greyMain);
	cursor: not-allowed;
}
.redeem-button3 {
	/*color: var(--black);*/
	/*background: #ffd400;*/
	/*background: var(--yellowD);*/
	background: var(--greyMain);
	cursor: not-allowed;
}
.rliGo {
	/*background: #f6fff6;*/
	/*background: var(--greenL1);*/
}
.rliNo {
	/*background: var(--pink10);*/
	opacity: .5;
}
.rliMaybe {
	/*background: #fffbe5;*/
	/*background: var(--yellowL1);*/
	opacity: .5;
}
/*	End AccountInfoRedeemPoints*/

/************************************************************************/
/*	Begin AccountInfoReferralReport*/
/************************************************************************/
.points-report-display {
	margin: 15px 20px;
	font-size: 14px;
	color: var(--black);
	box-sizing: border-box;
}
#more, #afw_more {
  margin: 10px 0 0 0;
  padding: 0 10px;
	font-size: 12px;
	text-transform: uppercase;
}
#more {
  text-align: left;
}
#afw_more {
  text-align: right;
}
#more_text, #afw_more_text {
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#afw_more_text:hover, #afw_more_text:focus-visible {
	color: var(--pink100);
}
#afw_more i {
  font-size: 10px;
}
#afw_activity_data .points-report-display {
	margin: 15px 0;
}
#afw_activity_data .points-report-header {
	height: unset;
	line-height: unset;
	padding: 0 0 5px 0;
}
#afw_activity_data .points-report-header div {
	margin-right: 0;
}
#afw_activity_data .points-report-header div {
	/*width: 100%*/
}

.points-report-header {
	/*height: 26px;
	line-height: 26px;*/
	font-weight: bold;
	text-transform: uppercase;
}
.points-report-header, .points-report-line {
	padding: 18px 10px 18px 0;
	width: 100%;
	line-height: 1.5;
	border-bottom: 1px solid var(--greyd);
}
.points-report-header div, .points-report-line div {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px 0 0;
	padding: 0 0 0 10px;
}
#afw_activity_data .points-report-line div {
	/*margin: 0 10px 0 0;*/
	margin: 0;
}
#afw_activity_data .points-report-line div {
	/*width: 100%*/
}
.points-recorded-header, .points-recorded {
	width: 200px;
}
.points-value-header, .points-value {
	width: 100px;
}
.points-note-header, .points-note {
	width: 350px;
	margin-right: 0;
}

#afw_activity_data .points-recorded-header, #afw_activity_data .points-recorded,
#afw_activity_data .points-value-header, #afw_activity_data .points-value,
#afw_activity_data .points-note-header, #afw_activity_data .points-note {
	box-sizing: border-box;
}
#afw_activity_data .points-recorded-header, #afw_activity_data .points-recorded {
	width: 50%;
	min-width: 120px;
}
#afw_activity_data .points-value-header, #afw_activity_data .points-value {
	margin: 0;
	/*width: 40%;*/
	width: calc(50% - 10px);
	min-width: 100px;
	text-align: right;
}
#afw_activity_data .points-note-header, #afw_activity_data .points-note {
	width: 100%;
	/*min-width: 150px;*/
	padding: 10px 0 0 10px !important;
}
#afw_activity_data .points-note-header {
	display: none;
}
#afw_activity_data .points-note::before {
	content: "Note: ";
	font-weight: bold;
}
.points-reference-header, .points-reference {
	width: 150px;
}
#total-points {
	margin-top: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
#total-points-value, #total-points-valueRP {
	color: var(--teal100);
}
#total-points-value[data-points="[Total.Points]"] {
	visibility: hidden;
}
#total-points-value[data-points="[Total.Points]"]:before {
	content: "0";
	visibility: visible;
}

#afw_coupons {
	margin: 45px 0 0 0;
}
#afw_coupons .account-title, #afw_coupons .account-text {
	margin: 0 0 10px 0;
}
#afw_coupons .account-title {
	display: none;
}
#afw_coupons .account-title {
	font-size: 14px;
	text-transform: uppercase;
}
#afw_coupons .account-text {
	font-size: 14px;
}
#afw_coupons .coupon-data {
  text-align: center;
}
#afw_coupons .coupon {
  width: 90%;
}

/*	End AccountInfoReferralReport*/

/************************************************************************/
/*	Begin SalonLocator*/
/************************************************************************/
#salon-locator {
	position: relative;
	margin: 20px 0 115px;
}
#salon-locator-controls {
	margin-top: 10px;
}
#locator-zip-code, #locator-country {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 24px;
	margin-right: 20px;
	line-height: 24px;
}
#salon-locator-controls label {
	position: absolute;
	left: 0;
	font-weight: bold;
	text-transform: uppercase;
}
#salon-locator-controls input[type="text"], #salon-locator-controls select {
	position: relative;
	height: 24px;
}
#locator-zip-input {
	width: 150px;
	margin-left: 140px;
}
#locator-country-input {
	width: 250px;
	margin-left: 85px;
}
#thank-you {
	margin: 15px 0 15px 20px;
	font-size: 14px;
	color: var(--black);
}
#salon-locator-results {
	min-height: 200px;
	font-size: 14px;
	color: var(--black);
	margin: 0 20px;
}
#locator-err, #locator-msg {
	margin: 12px 0;
	line-height: 1.35;
}
#locator-msg {
	font-weight: bold;
	color: var(--teal100);
}
#locator-results-header {
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	border-top: 1px solid var(--greyd);
	border-bottom: 1px solid var(--greyd);
}
.locator-result-line {
	font-size: 14px;
	min-height: 70px;
	border-bottom: 1px solid var(--greyd);
}
.locator-result-line:nth-child(2n+1) {
	background: #f3f3f3;
}
#locator-results-header div {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.locator-result-line .result-line-item {
	display: inline-block;
	vertical-align: top;
	margin: 12px 30px 12px 0;
	line-height: 1.4;
}
#salon-name-header, .salon-name {
	width: 20%;
}
#phone-email-header, .phone-email {
	width: 11%;
}
#salon-address-header, .salon-address {
	width: 25%;
}
.salon-map-link, .salon-map-link label {
	color: var(--pink100);
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
#product-carry-header, .product-carry {
	width: 18%;
}
#salon-description-header, .salon-description {
	width: 11%;
	margin-right: 0 !important;
}

#salon-locator-questions {
	margin-top: 15px;
	margin-left: 20px;
	color: var(--grey6);
}
#salon-locator-questions a {
	color: var(--grey6);
}
a.chat1 {
	color: var(--pink100) !important;
}

#salon-map-panel {
	width: 950px;
	height: 70%;
}
#salon-map-frame {
	position: relative;
	top: 45px;
	width: 98%;
	height: 88%;
}

/*	End SalonLocator*/

/************************************************************************/
/*	Begin SalonInfo*/
/************************************************************************/
#salon-info label {
	font-weight: bold;
	text-transform: uppercase;
}
#salon-input-area {
	margin-top: 20px;
}
#salon-input-area div {
	position: relative;
	margin-right: 20px;
}
#salon-input-area > div {
	margin-bottom: 15px;
}
#salon-input-area label {
	position: relative;
	left: 0;
	top: 3px;
	min-width: 160px;
	display: inline-block;
}
#salon-input-area input, #salon-input-area select, #salon-input-area textarea {

}
#salon-input-area #first-middle-name #middle-name-input, #salon-input-area #state-country #country-input, #salon-input-area #phone-fax #fax-input {

}

#salon-input-area input, #salon-input-area #company-input,
#salon-input-area #address1-input, #salon-input-area #address2-input,
#salon-input-area select, #salon-input-area textarea {
	padding: 10px 10px 10px 5px;
}
#salon-input-area input {
	width: 100%;
}
#salon-input-area #company-input {
	width: 100%;
}
#salon-input-area #address1-input {
	width: 100%;
}
#salon-input-area #address2-input {
	width: 100%;
}
#salon-input-area select {
	width: 100%;
	/*
	height: 2.7rem;
	background: var(--white);
	border: 1px solid var(--grey9);
	*/
}
#salon-input-area textarea {
	width: 100%;
	height: 130px;
	margin-bottom: 25px;
}
#salon-input-area #first-middle-name div, #salon-input-area #state-country div, #salon-input-area #phone-fax div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
#salon-info-products {
	width: 100%;
	border-top: 1px solid var(--grey9);
	padding: 5px 0;
}
#salon-info-description {
	width: 100%;
	border-top: 1px solid var(--grey9);
	padding: 5px 0;
}
#salon-products-title, #salon-description-title {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#salon-info #salon-product-options, #salon-info #salon-description-options {
	margin-left: 10px;
	font-size: 12px;
}
#salon-info-products input, #salon-info-products label, #salon-info-description input, #salon-info-description label {
	display: inline-block;
	vertical-align: middle;
}
#salon-info-products label {
	position: relative;
	top: 1px;
}
#salon-info-description label {
	position: relative;
	top: 1px;
}
#salon-info-controls {
	margin: 25px 0;
}
#salon-info-controls img {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	cursor: pointer;
}
#salon-product-options input, #salon-description-options input {
	margin: 0 5px 15px 0;
}

.salon_opts {
	margin: 0 15px 15px 0;
	width: 27%;
}
/*	End SalonInfo*/

.center-basic-info {
	z-index: 1000;
}
/************************************************************************/
/*	Begin Odds n' Ends*/
/************************************************************************/
.field {
	color: var(--grey4);
	font-size: 14px;
	padding: 10px 20px;
}
.field-title {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-family: 'JosefinSansRegular';
}
.field-text {
	font-size: 14px;
	margin-bottom: 10px;
}
.field-text a {
	color: var(--grey6);
}
.field-label {
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
.field-label input, .field-label select {
	display: block;
	margin-top: 5px;
	font-size: 16px;
}
.form-field {
	position: relative;
	margin-bottom: 15px;
}
.form-field table, .form-field tbody, .form-field tr, .form-field td {
	border: none;
	padding: 0;
}
.form-label {
	display: inline-block;
	vertical-align: top;
	width: 165px;
	margin-right: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.form-sub-text {
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
}
.form-text-input {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}
.form-text-area {
	display: inline-block;
	vertical-align: top;
	width: 350px;
}
.form-checkbox {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
}
.state-country-fields .state-province-select {
	display: none;
}
.state-country-fields[data-country="US"] .state-province-text, .state-country-fields[data-country="us"] .state-province-text, .state-country-fields[data-country="CA"] .state-province-text, .state-country-fields[data-country="ca"] .state-province-text, .state-country-fields[data-country=""] .state-province-text {
	display: none;
}
.state-country-fields[data-country="US"] .state-options, .state-country-fields[data-country="us"] .state-options, .state-country-fields[data-country=""] .state-options {
	display: inline-block;
}
.state-country-fields[data-country="CA"] .province-options, .state-country-fields[data-country="ca"] .province-options {
	display: inline-block;
}
.loading-bg, .loading-bg-dark {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 2147483647;
}
.loading-bg {
	background: var(--white);
}
.loading-bg-dark {
	background: var(--black);
}
.loading-bg-fixed {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	background: var(--white);
	z-index: 2147483647;
}
.ajax-loading, .loading-spinner, .ajax-loading-fixed {
	text-align: center;
}
.ajax-loading, .loading-spinner {
	position: absolute;
	top: 0;
	top: calc(25% - 17px);
	left: calc(50% - 44px);
	width: 88px;
	max-width: 88px;
	z-index: 2147483647;
}
.ajax-loading-fixed {
	position: fixed;
	top: 50px;
	left: calc(50% - 44px);
	width: 88px;
	max-width: 88px;
	z-index: 2147483647;
}
.ajax-loading-text, .ajax-loading-pre {
	font-family: 'JosefinSansRegular';
	z-index: 2147483647;
}
.ajax-loading-text {
	margin: 10px 0 0 20px;
}
.ajax-loading-pre {
	/* center with overflow*/
	margin: 0 -100% 10px -100%;
	padding: 5px;
  text-align: center;
	font-weight: bold;
	background: rgba(255, 255, 255, .55);
}
#set-cookie-frame {
	display: none;
}
#set-cookie-form {
	display: none;
}
#print-frame {
	display: none;
}
#menu-path {
	width: 1000px;
	min-height: 30px;
	padding: 0 40px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 0.5s;
	font-size: 10px;
	color: var(--grey9);
	background: var(--white);
	line-height: 30px;
}
#content.mobile-device #menu-path {
	position: relative;
	top: 0;
}
#menu-path > a {
	color: var(--greyb);
	text-decoration: none;
	padding: 0 7px 0 0;
}
#menu-path > a:hover, #menu-path > a:focus {
	color: var(--pink100);
}
#menu-path > a:after {
	content: "\00BB";
	margin-left: 1em;
}
#menu-path > a:last-child:after {
	content: "";
}

.template-name {
	display: none !important;
}
.debug {
	display: none;
}
.syspro-link {
	margin: 15px 0;
	font-size: 20px;
}
.syspro-link a {
	color: #008800;
}
.item-name a.syspro-link-small {
	font-size: 10px;
	color: #008800;
}
.success-message {
	margin: 15px 0;
	color: #009900;
	text-align: center;
}
#ipsy-splash-banner {
	text-align: center;
	margin-top: 50px;
}
#ipsy-splash-image {
	max-width: 90%;
}
#ipsy-text {
	width: 100%;
	font-size: 14px;
	color: var(--grey4);
	margin: 15px auto;
}
.black-button, .black-button2, .white-button, .grey-button, .red-button {
	position: relative;
	display: inline-block;
	min-width: 50px;
	border: 0;
	padding: 12px 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 0.045em;
}
.black-button, .white-button, .grey-button, .red-button {
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.black-button, .black-button2 {
	background: var(--black);
	color: var(--white);
	border: 1px solid var(--black);
}
.black-button:hover, .black-button:focus-visible {
	background: var(--white);
	color: var(--black);
	border: 1px solid var(--black);
}
.black-button2:hover, .black-button2:focus-visible {
	background: var(--greyMain);
	color: var(--black);
	border: 1px solid var(--black);
}
.grey-button {
	background: var(--black);
	color: var(--white);
	border: 1px solid var(--black);
}
.grey-button:hover, .grey-button:focus-visible {
	background: var(--white);
	color: var(--black);
	border: 1px solid var(--black);
}
.red-button {
	background: var(--pink100);
	color: var(--white);
	border: 1px solid var(--pink100);
}
.red-button:hover, .red-button:focus-visible {
	background: var(--white);
	color: var(--pink100);
	border: 1px solid var(--pink100);
}
.white-button {
	background: var(--white);
	color: var(--black);
	border: 1px solid var(--black);
}
.white-button:hover, .white-button:focus-visible {
	background: var(--black);
	color: var(--white);
	border: 1px solid var(--black);
}

.grey-button a, .red-button a, .black-button a, .white-button a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.black-button a, .grey-button a, .red-button a {
	background: rgba(0, 0, 0, 0);
}
.white-button a {
	background: rgba(255, 255, 255, 0);
}
.full {
	float: inherit !important;
	width: 100% !important;
}

input.grey-button, input.red-button, input.black-button, input.checkout-button, button.grey-button, button.red-button, button.black-button, button.checkout-button {
	line-height: 1;
}
.checkout-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 28px;
	padding: 0 40px 0 30px;
	border: 0;
	margin-right: 0;
	font-size: 14px;
	font-weight: bold;
	color: var(--white);
	text-transform: uppercase;
	line-height: 28px;
	cursor: pointer;
	background: var(--pink100);
	z-index: 2147483645;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkout-button a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.checkout-button:after {
	content: "";
	position: absolute;
	top: 9px !important;
	right: 25px;
	width: 0;
	height: 0;
	border-left: 8px solid var(--white);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.cob_disabled:after {
	border-left: 8px solid var(--grey5);
}
.interlink {
	font-weight: bold;
	color: var(--pink100);
	text-decoration: none;
}
.interlink:hover, .interlink:focus-visible {
	color: #ff79b4;
}
.billing-response-error {
	display: none;
}
#gma-redirect-banner {
	display: block;
	margin: 120px auto 0;
}
main, section, article, aside, figure, footer, header, nav {

}
nav {
	z-index: 2147483645;
}
.clearfix, .clear {
	z-index: -1;
}
.clearfix:after, .clear:after {
	content: "";
	display: table;
	clear: both;
}
/*	 Change item product to align left */
.item-line {
	display: inline !important
}
/*	 Wholesale / Retail prices for Salon users */

.item-name, .item-name-3 {
	font-weight: normal;
}
.item-name {
	line-height: 1.3;
}
.item-name-2 {
	font-weight: bold;
}

.item-price {
	font-size: 13px;
	line-height: 1.4;
}
.msrpText {
	color: var(--grey7);
	margin: 0 12px 0 0;
}
.item-priceSalon, .item-priceSalonDollar {
	font-weight: bold;
}
.item-priceSalon {
	color: var(--teal100);
}
.item-priceSalonDollar {
	color: var(--black);
}
.aobname, .aobnamePI, .aobsub, .item-price {
	line-height: 1.25;
}
.aobname, .aobnamePI {
	display: inline-block;
}
.aobsub, .item-price {
	font-weight: normal;
	font-size: 12px;
}
.aobnew {
	font-weight: bold;
	color: var(--teal100);
	letter-spacing: 3px;
}

.customer-serviceWholesale {
	margin-left: -11px;
}
.clear-fix {
	clear: both
}
.callout {
	color: var(--teal100);
	text-decoration: none;
	font-weight: bold;
}
.callout:hover {
	color: var(--pink100);
}
.callout-bold {
	font-weight: bold;
	color: var(--teal100);
}
.callout-bold2 {
	font-weight: bold;
	color: var(--black);
}
.callout-block {
	padding: 5px 15px;
	background: var(--pink50);
	color: var(--white);

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.black-bold {
	font-weight: normal;
	color: black;
}
.panel-quanity-style {
}
.retail-price-style {
}
.panel-price-style {
}
.panel-bag-and-wishlist-style {
}
.panel-wishlist-style {
}
.panel-add-to-bag-style {
}
.panel-description-style {
	padding-bottom: 5px;
}
.panel-description-padding {
	padding-bottom: 5px;
}
#add-to-bag-wrapper {
	margin-bottom: 5px;
	float: right;
}
#wishlist-wrapper {
	float: right !important;
}
#panel-price-wrapper {
}
#add-to-bag-wishlist {
	float: right;
	width: 117px;
}

.panel-price-wrapper-style {
}
.price-wrapper-consumer {
}
.product-info-controls-style {
}
.quanity-style {
}
.panel-wishlist-img-style {
}
.panel-info-header-style {
	top: 5px;
	width: 100%;
}
.panel-quantity-and-price-style {
}
/*	 naked manicure */

#starterKitContent {
	padding-bottom: 12px
}
/*	  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*	  COLUMN SETUP  */
.nm-col {
	display: block;
	float: left;
	margin: 1% 0 1% 2%;
	position: relative;
	min-height: 747px;
}
.nm-col:first-child {
	margin-left: 17px;
}
/*	  GROUPING  */
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	-ms-zoom: 1; /*	 For IE 6/7 */
}

.nm-span_1 {
	width: 30.6%;
	border: 1px solid #dfd9db;
}
/*	 image set up start */
#starterKitContent img {
	display: block;
}
.starterKitImg {

}
.starterKitImg > img {
	margin: 0 auto;
	width: 100%;
	height: auto;
}
/*	 main header and para set up */
.starterKitP {
	font-size: 11px;
	margin: 0px 20px;
	padding: 12px;
	text-align: center;
}
div.starterPar {
	height: 100px;
	border-bottom: 1px solid #dfd9db;
	margin: 0 20px;
}
div.orderNowBtn a:hover, div.orderNowBtn2 a:hover,
div.orderNowBtn a:focus, div.orderNowBtn2 a:focus-visible {
	color: var(--pink100);
}
div.orderNowBtn {
	margin: 0 auto;
	/*	text-align;*/
}
div.orderNowBtn > h2 {
	background: #f9d4c4;
	border: 1px solid #dfd9db;
}
div.orderNowBtn2 > h2 {
	background: #c0c0c0;
	border: black solid 1px;
}
div.orderNowBtn > h2 > a, div.orderNowBtn2 > h2 > a {
	text-decoration: none;
	color: black;
	padding: 10px;
	display: block
}
div.orderNowBtn > h2, div.orderNowBtn2 > h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
.starterKitList {
	font-size: 11px;
	margin: 12px -15px 0 19px;
	min-height: 75px;
}
.starterKitList > ul {
	overflow: hidden;
}
.starterKitList > ul > li {
	float: left;
	text-align: left;
}
.startKitDouble li {
	width: 46%;
	margin: 0 8px 0 0;
}
ul.startKitDouble {
	list-style-type: disc;
	padding: 0 12px;
}
.startKitParent {
	padding: 0px 0;
	margin: 10px;
}
.startKitParentChild {
	padding: 20px 0;
	position: relative;
}
.startKitParentChild:after {
	content: "";
	position: absolute;
	z-index: 0;
	right: 0;
	left: 0;
	top: 50%;
	border-top: 1px solid #dfd9db;
}
div.startKitParentChild > div.startKitParentChild2 {
	color: black;
	position: absolute;
	background: white;
	margin: 0 auto;
	top: 30%;
	right: 35%;
	z-index: 999;
	width: 100px;
	text-align: center;
	font-weight: bold;
	font-size: 12px
}
.proStarterHeader {
	background-color: #f9d4c4;
	height: 61px;
	margin: 0;
	padding: 0;
	position: relative;
}
.proStarterHeader h1 {
	font-family: "roboto", sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	padding: 12px 0 0 0;
}
div.nm-col > h1.mens {
	background: #c0c0c0;
}

/*	 homepage banner text */
div.side_bnr_rt {
	float: left;
	width: 715px;
	height: 522px;
}
div.side_bnr_lt_wrap {
	width: 285px;
	float: left;
}
div.side_bnr_lt {
	width: 100%;
	height: 86px;
	float: left;
	border-bottom: 1px solid #c0c0c0;
	text-align: right;
}
div.side_bnr_lt_padding {
	width: 100%;
	height: 74px;
	float: left;
	border-bottom: 1px solid #c0c0c0;
	text-align: right;
	padding-top: 12px;
}
div.side_bnr_lt:hover, div.side_bnr_lt:focus-visible {
	background-color: #f8f8f8;
	cursor: pointer;
}
div.side_bnr_lt_top, div.side_bnr_lt_btm {
	color: grey;
	text-transform: uppercase;
	font-family: 'roboto', sans-serif;
}
div.side_bnr_lt_top {
	margin: 8px 12px 0 0;
	font-size: 24px;
	font-weight: 200;
}
div.side_bnr_lt_top > b {
	font-weight: 400;
	color: black;
}
div.side_bnr_lt_btm {
	margin: 0 12px 0 0;
	font-size: 14px;
	letter-spacing: 1px;
}
div.side_bnr_lt_btm > a {
	color: grey;
	text-decoration: none
}
.category-list-thumbnailLarge {
	float: left;
	height: auto;
	margin: 0 35px 65px 0;
	overflow: hidden;
	width: 212px;
}
.category-list-thumbnailLarge img {
	width: 100%;
}
.category-list-thumbnailLarge:nth-child(even) {

}
.category-list-thumbnailLarge:nth-child(odd) {

}
.category-list-thumbnailLarge:nth-child(4n) {
	/*	 212px x 4 pic + 3 spaces at 50.66(rep) each so 2px to compensate for remainder */
	margin: 0 0 65px 2px;
}
.category-list-thumbnailLarge:nth-child(4n+1) {
	clear: both;
}
.category-list-thumbnailLarge:nth-last-child(2) {
	border: 0;
}
.category-list-range-large, .category-list-title-large {
	margin-top: 5px;
	text-align: center;
}
.category-list-range-large {
	font-size: 12px;
	font-weight: bold;
}
.category-list-title-large {
	font-size: 14px;
	font-weight: normal;
}
.category-list-title-large a {
	color: black;
	text-decoration: none;
}
.category-list-title-large a:hover, .category-list-title-large a:focus-visible {
	color: var(--pink100);
}
.padding_fix {
	padding-top: 60px;
}
#starterKitContent {
	max-width: 1000px;
	margin: 0 auto
}
.center-width {
	margin: 0 auto;
	max-width: 1000px;
}
.center-basic {
	margin: 17px auto 0 auto;
	position: relative;
}
#right img {
	width: auto;
	max-width: 100%;
	float:left;
	margin:0;
}
#ShareTheLove {
	display: none;
	cursor: pointer;
	text-decoration: none;
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.banner-image-center {
	text-align: center;
}
.banner-image-center a .banner-image {
	width: 100%;
	height: auto;
}
.banner-image-center a .bic_image_main {
	margin: 0 0 5px 0 !important;
}
.banner-image-center a .bic_image {
	margin: 0 0 50px 0 !important;
}
#po-error {
	display: none;
	margin: 5px 0 0 0;
	font-weight: normal;
	color: var(--teal100);
}
#checkout-button, #checkout-button2, #checkout-button3 {
	display: none;
}
#item-main {
	width: 1000px;
	margin: 0 auto;
}
#sign-in-link, #create-link {
	display: block;
	cursor: pointer;
}

#login-panel {
	display: none;
	z-index: 170000;
	width: 460px;
	height: 365px;
}
/*feedback inner*/
#item-feedback, .related-items-header, .related-items-header span,
.item-feedback-header, .item-feedback-header span,
#feedback-summary-header {
	font-family: 'JosefinSansRegular';
}

.review_row {
	position: relative;
	display: table;
	min-height: 100px;
	margin: 0 0 35px 0;
}
#review_rating_img {
	margin: 10px 0 0 0;
}
.user-data, .summary-data, .review-text, .titlestar, .titlestar2, #feedback-reviews-count,
.review-title, .review-date, .revplural, #feedback-write-review, .user-name, .user-bio {
	font-family: 'JosefinSansRegular';
}
.review_data {
	font-family: 'WorkSansRegular';
	font-size: 14px;
}
.user-data, .review_data {
	line-height: 1.3;
}
.user-name {
	font-weight:bold;
}
.user-data, .summary-data, .review-text {
	position: relative;
	display: table-cell;
	vertical-align: top;
	height: 100%;
}
.user-data, .summary-data {
	width: 200px;
	min-width: 150px;
}
.user-data {
	padding: 15px;
	background: var(--greyMain);
}

.consumer-review, .salon-review {
	margin: 15px 0 0 0;
}
.salon-review {

}
.review-text {
	margin: 0 0 20px 0;
	padding: 0 5px 5px 25px;
	width: calc(100% - 220px);
}
.review-title, .review-date {
	margin: 0 0 10px 0;
}
.review-title, .review-date, .review_data {
	color: var(--black);
}
.review-image {
}
.review-title {
	margin: 0 0 5px 0;
	font-weight: bold;
}
.review-date {
}
.titlestar, .titlestar2, .mainstar, .substar {
	position: relative;
	display: inline-block;
}
.titlestar {
	width: 70px;
}
.titlestar2 {
	display: none;
	width: 100px;
	font-size: 12px;
	margin: 5px 0 0 0;
}
.mainstar, .substar {
	height: 10px;
}
.mainstar {
	width: 100px;
	background: var(--greyMain);
	overflow: hidden;
	vertical-align: middle;
}
.mainstar, .titlestar, .titlestar2, #review_empty, #feedback-write-review {
	color: var(--black);
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#review_empty:hover, #review_empty:focus-visible, #feedback-write-review:hover, #feedback-write-review:focus-visible {
	color: var(--pink100);
}
.substar {
	width: 0;
	background: var(--black);
	vertical-align: top;
}
.starSpace {
	min-width: 10px;
	display: inline-block;
}
.sub {
	font-size: 12px;
}

#write-review-form {
	position: relative;
	float: left;
	margin: 0 25px 10px 25px;
	width: 60%;
	text-align: left;
}
#review-error-message, #write-review-message {
	position: absolute;
	right: 25px;
	width: 30%;
}
#review-error-message {
	top: 30px;
	padding: 10px 0;
}
#write-review-message {
	bottom: 85px;
	padding: 10px 20px;
	background: var(--greyMain);
	text-align: left;
}
#write-review-message-title {
	font-family: 'JosefinSansRegular';
	font-weight: bold;
	margin: 0 0 20px 0;
}
#write-review-message-text {
	font-family: 'WorkSansRegular';
	font-size: 12px;
	line-height: 1.3;
}

#review-panel-title {
	margin: 0;
	text-transform: none;
}
#write-review-info {
	position: relative;
	margin: 0 0 20px 0;
	height: 150px;
	text-align: left;
}
#item_review_img, #write-review-details {
	position: absolute;
}
#item_review_img {
	left: 0;
	bottom: 0;
	width: 150px;
	height: auto;
}
#write-review-details {
	left: 165px;
	bottom: 10px;
	max-width: 150px;
}
#write-review-name, #write-review-name3, #write-review-item {
	margin: 0 0 5px 0;
}
#write-review-name {
	font-family: 'JosefinSansRegular';
	font-size: 14px;
	font-weight: bold;
}
#write-review-name3, #write-review-item {
	font-family: 'WorkSansRegular';
	font-size: 12px;
}
#write-review-name3 {
	font-weight: bold;
	color: var(--grey5);
}
#write-review-rating {
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 100px;
}
#write-review-rating label {
	position: absolute;
	bottom: 30px;
	font-weight: bold;
}
#review-rating-img-outer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 79px;
}
#review-rating-img, #review-rating-img-top > img {
	width: 79px;
	height: auto;
}
#review-rating-img, #review-rating-img-top {
	position: absolute;
	left: 0;
	overflow: hidden;
}
#review-rating-img {
	bottom: 0;
}
#review-rating-img-top {
	width: 0;
	bottom: -2px;
	z-index: 10;
}
#review-rating-img-outer, #review-rating-img, #review-rating-img-top {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#write-review-nickname label, #write-review-title label,
#write-review-text label, #write-review-location label {
	display: block;
	font-family: 'JosefinSansRegular';
	margin: 10px 0 5px 0;
}

#review-nickname-input, #review-title-input, #review-text-input, #review-location-input {
	width: 100%;
	padding: 5px;
}

#write-review-submit {
	margin: 13px 0 0 0;
	padding: 10px 20px;
	background: var(--pink100);
	color: var(--white);
	border: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#write-review-submit:hover, #write-review-submit:focus-visible {
	background: var(--greyMain);
}

#feedback_panel {
  position: fixed;
  display: none;
  top: -9000px;
	left: calc(50% - (clamp(360px, 95%, 420px) / 2));
	width: clamp(360px, 95%, 420px);
  padding: 10px;
  z-index: 2147483647;
  box-sizing: border-box;
}
#feedback_panel_inner {
	position: relative;
  padding: 10px 15px;
  border: 1px solid var(--pink100);
  background: var(--white);
	max-height: calc(100vh - 30px);
	overflow: auto;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#feedback_panel_inner input, #feedback_panel_inner textarea, #feedback_panel_inner select {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	margin: 0 0 10px 0;
	padding: 5px;
}
/*input:not([type=checkbox])*/
#feedback_panel_inner input[type=checkbox] {
	margin: 0 10px 10px 0;
	width: initial;
	min-width: initial;
	max-width: initial;
}
#fp_title {
	text-align: center;
	margin: 0 0 10px 0;
}
#fp_submit {
	margin: 0 auto;
	padding: 15px 20px 10px 20px;
	color: var(--white);
	background: var(--pink100);
	border: 1px solid var(--pink100);
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#fp_submit:hover, #fp_submit:focus-visible {
	color: var(--black);
	background: var(--white);
}

#rewards_info, #extra_lr_info, .frButton {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding: 11px 20px 11px 20px;
	color: var(--black);
	background: var(--greyMain);
	border: 2px solid var(--grey7);
	/*safari not respecting radius with outline ... not fixed since 2009
	outline: 2px solid var(--grey7);
	outline-offset: -1px;
	*/
	line-height: 1.5;
	cursor: pointer;
	z-index: 2147483646;

	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#rewards_info:hover, #rewards_info:focus-visible, #extra_lr_info:hover, #extra_lr_info:focus-visible, .frButton:hover, .frButton:focus-visible {
	/*color: var(--white);*/
	background: var(--pink100);
	border: 2px solid var(--pink50);
}
#feedback, #btnQuickFinder {
	position: fixed;
	width: 73px;
	height: 73px;
	cursor: pointer;

	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.35;

	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#feedback {
	bottom: 10px;
	right: 10px;
	padding: 14px 5px 5px 5px;
	color: var(--black);
	background: var(--greyMain);
	border: 2px solid var(--grey7);
	/*outline: 2px solid var(--grey7);
	outline-offset: -1px;*/
	line-height: 1.5;
	z-index: 2147483646;
}
#feedback:hover, #feedback:focus-visible {
	color: var(--white);
	background: var(--pink100);
	border: 2px solid var(--pink50);
}
#btnQuickFinder {
	bottom: 5px;
	left: 5px;
	color: var(--white);
	background: var(--black);
	z-index: 2047483647;
}
#feedback2 {
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 77px;
	height: 77px;
	background: var(--black);
	background-image: url('/img/selector_overlay.png');

	color: var(--white);
	font-size: 0.7em;
	line-height: 1.4;
	text-align: center;
	z-index: 100000;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-border-radius: 43px 43px 43px 43px;
	-khtml-border-radius: 43px 43px 43px 43px;
	-moz-border-radius: 43px 43px 43px 43px;
	-o-border-radius: 43px 43px 43px 43px;
	border-radius: 43px 43px 43px 43px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#feedback_OLD {
	background-color: #f5f5f5;
	color: var(--grey4) !important;
	display: block;
	position: fixed;
	right: -3px;
	bottom: -3px;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: var(--greyMain) -moz-use-text-color -moz-use-text-color var(--greyMain);
	border-image: none;
	border-style: none solid solid;
	border-width: medium 2px 2px;
	box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
	font-family: arial,FreeSans,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	text-decoration: none !important;
	white-space: nowrap;
	z-index: 90000;
	cursor: pointer;

	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#item-feedback {
	width: 70%;
	font-size: 14px;
	padding: 0 0 0 10px;
}

.related-items-header, .related-items-header span,
.item-feedback-header, .item-feedback-header span {
	margin: 30px 0 0 0;
	text-align: center;
	font-size: 1.5rem;
}

.revplural {
	display: none;
}

#feedback-summary-header {
	margin: 0 0 5px 0;
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
}
#feedback-reviews-count {
	color: var(--black);
}
#feedback-summary-qa {
	margin: 0 0 0 25px;
}
#item-feedback-summary {
	margin: 0 0 20px 0;
	min-height: 103px;
}

#feedback-write-review, #feedback-write-review2, #feedback-ask-question {
	cursor: pointer;
	color: var(--pink70);
}

/************************************************************************/
/*	GetOrderStep1*/
/************************************************************************/
.checkout-header {
	margin-bottom: 60px;
	font-size: 24px;
	text-transform: uppercase;
}
#checkout-order-number {
	margin-left: 10px;
	font-size: 14px;
}
.checkout-container {
	position: relative;
	width: 650px;
	padding-top: 20px;
	padding-bottom: 40px;
	border-top: 3px solid var(--black);
}
.checkout-sidebar {
	position: relative;
	float: right;
	width: 290px;
	min-height: 300px;
	padding-top: 20px;
	border-top: 3px solid var(--black);
}
.checkout-sidebar .promo-quantity {
	display: none;
}
.checkout-sidebar #checkout-item-display .cart-name {
	width: 100px;
}
#checkout-item-display {
	position: relative;
	width: 100%;
}
#checkout-item-display .availability-message, #checkout-item-display .cart-wishlist, #checkout-item-display .cart-remove {
	display: none;
}
#checkout-item-display .cart-image {
	margin-right: 10px;
}
#checkout-item-display .cart-name {
	/*width: 160px;*/
	padding: 10px 0 0;
	margin: 0;
	font-size: 12px;
}
#checkout-item-display .cart-subtotal {
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 0;
}
#checkout-item-display .cart-price {
	position: absolute;
	bottom: 20px;
	right: 5px;
	padding: 0;
	margin: 0;
}
#checkout-item-display .cart-quantity-input, #checkout-item-display .cart-promo-description, #checkout-item-display #shopping-cart-promo {
	display: none;
}
#checkout-item-display .cart-quantity {
	position: absolute;
	top: 10px;
	right: 60px;
	padding: 0;
	font-size: 12px;
}
#checkout-item-display .cart-quantity .checkout-quantity {
	display: inline;
}
#checkout-item-display .promo-quantity {
	display: none;
}
.checkout-container #checkout-item-display .cart-promo-description {
	display: block;
}
.promo-edit {
	color: var(--grey6);
}
#sidebar-bag-header {
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar-bag-back {
	float: right;
}

#cart-total-value {
	font-weight: bold;
}
#cart-total-value:before {
	content: '$';
}
#checkout-shipping-container {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 335px;
	min-height: 200px;
	border-right: 1px solid var(--greyd);
}
#checkout-shipping-info {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 290px;
	padding-left: 15px;
}
#checkout-shipping-title {
	margin-bottom: 20px;
	font-size: 16px;
	text-transform: uppercase;
}
#checkout-shipping-container .shipping-field {
	height: auto;
	margin: 0;
}
#checkout-shipping-container label {
	position: static;
	display: block;
	margin-bottom: 5px;
	text-transform: none;
	font-weight: normal;
}
#checkout-shipping-container input, #checkout-shipping-container select {
	width: 220px;
	margin: 0 0 10px;
}
#checkout-shipping-container #shipping-postal-code {
	width: 100%;
}
#shipping-method-title {
	margin-bottom: 20px;
	font-size: 15px;
	text-transform: uppercase;
}
#shipping-options {
	margin: 5px 0 10px 0;
	font-size: 12px;
}
.shipping-method {
	margin-bottom: 5px;
}
.shipping-method label {
  line-height: 1.5;
}
#shipping-options input, #shipping-options label {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}
.shipping-service-name {
	font-weight: bold;
}
/*	End GetOrderStep1*/

/************************************************************************/
/*	Begin GetOrderStep2*/
/************************************************************************/
#empty-cart-error {
	position: relative;
	display: none;
	margin: 150px 100px 150px;
	font-size: 16px;
	color: var(--teal100);
	text-align: center;
}
#checkout-error-link {
	color: var(--black);
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
.sidebar-total-header {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
.sidebar-total-value, .sidebar-total-value2 {
	float: right;
}
.sidebar-total-value:before {
	content: '$';
}
#checkout-grand-total .sidebar-total-value:after {
	content: ' (USD)';
}
#international-fee-notice {
	display: none;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
#checkout-change-address {
	float: right;
	min-width: 30px;
	margin-right: 20px;
	font-size: 10px;
	z-index: 1000;
}
#shipping-address-summary, #shipping-address-form, #shipping-method-summary {
	position: relative;
	display: inline-block;
	padding-right: 5px;
	vertical-align: top;
	width: 335px;
	min-height: 100px;
	border-right: 1px solid var(--greyd);
}
#payment-method-selection, #gift-option-summary {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 290px;
	min-height: 100px;
	padding-left: 15px;
}
#gift-option-summary {
	font-size: 12px;
}
#gift-options, #po-number {
	font-weight: bold;
}
#gift-options input {
	position: relative;
	top: 3px;
}
#gift-option-summary[data-mode="no"] #gift-message {
	display: none;
}
#gift-option-summary[data-mode="yes"] #gift-message {
	display: block;
}
#gift-message {
	margin: 10px 0 0 0;
}
#gift-message p {
	margin: 0 0 10px 0;
}
#gift-textarea {
	width: 100%;
	height: 130px;
}
#shipping-address-summary .shipping-field {
	height: auto;
	margin-bottom: 10px;
}
#checkout-address-panel {
	width: 400px;
	min-height: 200px;
	padding: 10px 25px;
	text-align: left;
	z-index: 2047483647;
}
#checkout-address-panel-back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .45);
	z-index: 2047483646;
	display: none;
}
#checkout-address-panel label {
	position: static;
	display: block;
	margin-bottom: 5px;
}
#checkout-address-panel input, #checkout-address-panel select {
	width: 180px;
	height: 20px;
	margin: 0 0 10px;
}
#checkout-address-panel #shipping-postal-code {
	width: 75px;
}
#checkout-address-panel .shipping-fields-group {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
#checkout-address-panel #new-address-id {
	margin-bottom: 10px;
}
#shipping-summary-fields {
	display: none;
}
#shipping-info-form[data-mode="view"] #shipping-summary-fields {
	display: block;
}
#shipping-info-form[data-mode="view"] #shipping-edit-fields {
	display: none;
}
.checkout-multi-address #checkout-address-id {
	margin-bottom: 10px;
}
#checkout-new-id {
	display: none;
	margin-bottom: 10px;
}
#address-panel-summary {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin-right: 15px;
}
#address-panel-buttons {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 160px;
}
#checkout-use-address, #checkout-address-edit, #alternate-address-add {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 10px;
}
#alternate-address-buttons {
	margin-bottom: 15px;
	text-align: left;
}
#alternate-address-cancel {
	margin-left: 10px;
}
#payment-info-title {
	margin-bottom: 20px;
	font-size: 16px;
	text-transform: uppercase;
}
#payment-method {
	margin-bottom: 10px;
	font-size: 14px;
}
.radioButtons {
	margin: 0 0 7px 0;
}
#payment-method input[type="radio"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
.shipping-summary-field, .billing-summary-field, .sales-tax-rate {
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 20px;
}
.sales-tax-rate, .sales-tax-rate2, #current-tax-rate {
	display: none;
}
#sales-tax {
	float: right;
}

#sales-tax:before {
	content: '$';
}
#checkout-bag-container {
	position: relative;
	min-height: 200px;
}
#checkout-bag-container .availability-message, #checkout-bag-container .cart-wishlist, #checkout-bag-container .cart-remove {
	display: none;
}
#checkout-bag-container #checkout-item-display {
	max-height: none;
	overflow: visible;
}
#checkout-bag-container #shopping-cart-footer {
	margin-top: 15px;
}
#checkout-bag-container #cart-total-value {
	display: inline-block;
	margin-left: 78px;
}
#checkout-bag-container #cart-total-value:before {
	content: '$';
}
#checkout-bag-container .checkout-place-order {
	float: right;
	clear: right;
	margin: 15px 0;
}
#checkout-bag-container #sidebar-bag-back {
	display: none;
}
#credit-card-note {
	display: none;
	font-size: 12px;
	margin-top: 10px;
}
.border {
	border: 1px solid var(--pink100);
	padding: 7px;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
input[value="C"]:checked ~ #credit-card-note {
	display: block;
}

.payment-fields-group {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	min-width: 255px;
}
.payment-fields-group > input {
	font-size: 1rem;
	text-transform: uppercase;
	padding: 13px 10px;
}
.payment-field {
	margin-bottom: 17px;
}
.payment-field label {
	display: block;
	margin-bottom: 5px;
}
#card-id-input {
	display: block;
}
#login-panel-email, #login-panel-password {
	text-transform: none !important;
}
#login-panel-email, #login-panel-password, #caPassword, #caPassword2 {
	z-index: 1;
}
.card-id-details {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 44px;
	font-size: 9px;
}
.card-id-details img {
	position: absolute;
	left: -45px;
	margin-right: 5px;
}
.card-id-details:first-child {
	margin-right: 10px;
}
#card-id-input {

}
#card-zip-input {

}
.payment-fields-group > input {
	display: block;
	margin: 10px 0;
	padding: 5px 0 5px 10px;
	width: 100%;
}
.monYear {
	float: right;
	width: 70%;
}
#apply-payment-button {
	width: 100%;
}
#credit-card-error {
	margin-bottom: 0;
}
/*	End GetOrderStep2*/

/************************************************************************/
/*	Begin Order*/
/************************************************************************/
#order-receipt {
	padding: 10px 75px;
	background: var(--greye);
	margin-bottom: 20px;
}
#content.mobile-device #order-receipt {
	margin-top: 15px;
}
#order-receipt-title {
	font-size: 20px;
	text-decoration: underline;
	text-transform: uppercase;
}
#order-receipt-text {
	font-size: 12px;
	color: var(--grey4);
	margin-top: 15px;
}
#order-details {
	width: 500px;
	margin-left: 75px;
	margin-bottom: 15px;
	font-weight: bold;
	color: var(--black);
	text-transform: uppercase;
	border: 1px solid var(--greyd);
}
#order-details #order-number {
	margin: 10px;
}
#order-details #order-date {
	margin: 0 10px 10px;
}
#order-details #order-total {
	margin: 0 10px 10px;
}
#order-details #order-confirmation-total:before {
	content: '$';
}
#order-receipt-help {
	margin-left: 75px;
	margin-bottom: 25px;
	font-size: 12px;
	color: var(--grey9);
	line-height: 1.75;
}
#order-receipt-help a {
	color: var(--grey9);
	text-transform: uppercase;
	font-weight: bold;
}
/*	End Order*/


/****************************/
/****	color swatches		****/
/****************************/
.item_info {
	display: none;
}
#swatches, .swatches1, .swatches2, .swatches3, .swatches4, .swatches5, .swatches6, .swatches7, .swatches8, .swatches9, .swatches10, .swatches11, .swatches12  {
	width: 60%;
	overflow: hidden;
	cursor: pointer;
	margin: 0 0 0 10px;
}
.color_swatch, .color_swatch2, .color_swatch_min {
	position: relative;
	width: 58px;
	height: 58px;
	display: inline-block;
	border: none;
	margin: 2px;
	overflow: hidden;
}

.selector_current {
	margin: 2px 2px 2px 3px;
	width: 57px;
	height: 57px;
	cursor: pointer;
}

.iBorder {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 15px double var(--white);
	text-align: center;
	font-size: 3.16rem;
	z-index: 1;
}
.selector_highlight {
	mix-blend-mode: difference;
	width: 58px;
	height: 58px;
	border: 2px solid #808080;
}
.color_swatch:nth-child(5n).selector_current,
.color_swatch:nth-child(5n).selector_highlight,
.color_swatch_min:nth-child(5n).selector_current,
.color_swatch_min:nth-child(5n).selector_highlight {

}
.new_overlay, .preorder_overlay {
	position: absolute;
	display: none;
	width: 58px;
	height: 58px;
	top: 0;
	left: 0;
	z-index: 1000;
}
/*.new_overlay:hover, .preorder_overlay:hover {}*/
.inner_swatch_min:hover ~ .new_overlay, .inner_swatch_min:hover ~ .preorder_overlay,
.color_swatch_min.selector_highlight:hover > .new_overlay, .color_swatch_min.selector_highlight:hover > .new_overlay {
	top: -2px;
	left: -2px;
}
.new_overlay {
	background-image: url('/img/new_overlay.png');
}
.preorder_overlay {
	background-image: url('/img/preorder_overlay.png');
}
.swatch_overlay {
	position: absolute;
	width: 58px;
	height: 58px;
	top: -2px; /*offset -2 for border thickness*/
	left: -100px;
	background-image: url('/img/selector_overlay.png');
	background-color: rgba(255, 255, 255, 0.55);
}

.color_swatch_min, .iBorder {

}

#swatches1, #swatches2, #swatches3, #swatches4, #swatches5 {
	width: 250px;
}

#readerAlert, .readerOnly {
	position: fixed;
	top: -1000px;
	left: -1000px;
	width: 100px;
	height: 100px;
}

.image_thumb, .image_thumb2 {
	position: absolute;
	top: -70px;
	left: -70px;
	z-index: 0;
}
#menu_items {
	display: block;
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	height: 35px;
	z-index: 2147483645;
}
#menu_items_bottom { 
	position: absolute;
	top: 0;
	width: 100%;
	height: 115px;
	z-index: 50;
}
#filterClose {
	top: 0;
	left: 65px;
	position: absolute;
	cursor: pointer;
	display: none;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#itemid {
	float: right;
}
#item_images, #item_images3 {
	text-align: center;
	width: 35%;
	position: fixed;
	top: 50px;
	right: 50px;
	background: var(--white);
}
#item_images_collection {
	text-align: center;
	width: 33%;
	float: left;
	z-index: 10000;
	background: var(--white);
	margin: 0 0 0 10px;
	min-height: 350px;
}
#item_details {
	margin: 20px 0 0 10px;
}
#item_details_collection {
	width: 63%;
	float: right;
	margin: 20px 0 0 10px;
}
.thumbnail2 {
	margin: 10px 5px 0 5px;
	width: 45px !important;
	height: auto;
	cursor: pointer;
}
#item_image {
	width: 250px;
	height: auto;
	cursor: pointer;
}

#email_code {
	margin: 0 auto;
	padding: 10px;
	width: 600px;
	position: relative;
	left: 20%;
	background: var(--white);
	z-index: 2147483647;
	display: none;
}
#email_first, #email_second {
	border: 1px solid var(--black);
	padding: 40px;
	display: inline-block;
}
#email_second {
	display: none;
}
#email_code_close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 1.5rem;
}
#email_code_txt1, #email_code_txt2 {
	display: inline-block;
	width: 100%;
}
#email_code_txt1, #email_code_txt2, #email_code_btn, #email_code_btn_c {
	text-align: center;
	text-transform: uppercase;
}
#email_code_txt1 {
	font-size: 6rem;
	font-weight: bold;
}
#email_code_txt2 {
	font-size: 4rem;
}
#email_code_txt3 {
	color: var(--greyMain);
}
#email_code_close, #email_code_btn, #email_code_btn_c {
	cursor: pointer;
	padding: 16px 20px 0 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#email_code_btn, #email_code_btn_c {
	height: 30px;
}
#email_code_btn {
	width: 55%;
	float: left;
	background: var(--black);
	color: var(--white);
	border: 1px solid var(--black);
}
#email_code_btn_c {
	width: 25%;
	float: right;
	background: var(--white);
	border: 1px solid var(--black);
}
#email_first .clear {
	min-height: 100%;
}

#email_code_txt3 {
	text-align: center;
	margin: 0 0 20px;
	font-size: 1.25rem;
	line-height: 1.25;
	color: var(--grey9);
}
#email_code_email {
	margin: 0 auto;
	padding: 10px 20px;
	display: block;
	font-size: 1.15rem;
	width: 90%;
}
.item {
	display: inline-block;
	margin: 0 0 20px 0;
}
.itemContainer {
	display: inline-block;
	margin: 0 30px 20px 20px;
	width: 150px;
	vertical-align: top;
}
.itemContainer i {
  margin: 0;
}

/************************************************************************/
/*	Begin ValueSelector*/
/************************************************************************/
.mainframe-left-menu #left.value-selector {
	width: 250px;
}
#left-menu.value-selector {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}
#right.value-selector {
	width: 750px;
	margin-left: 250px;
}
#right.value-selector .item-line .item {
	margin-left: 10px;
}
#right.value-selector .item-line .item:first-child {

}
#selector_menu {
	position: fixed;
	top: 153px;
	left: 3%;
	width: 94%;
	height: 57px;
	padding: 0 13px 10px;
	background: var(--white);
	z-index: 2147483645;
}
#compareItems, #shownewCont, #autoCloseFilterCont {
	display: inline-block;
	top: 51px;
	left: -13px;
	padding: 10px 0 5px 0;
	background: var(--white);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index: 2147483645;
}
#compareItems, #shownewCont, #autoCloseFilterCont, #compareItems, #for_compareItems, #shownew, #for_shownew, #autoCloseFilter, #for_autoCloseFilter {
	cursor: pointer;
	text-transform: uppercase;
	z-index: 2147483644;
}
#shownew, #autoCloseFilter {
	display: none;
}
#compareItems, #for_shownew, #for_autoCloseFilter {
	padding: 5px;
	border: 1px solid var(--greyMain);
	color: var(--grey9);
	font-size: 12px;
	font-weight: bold;
}
#compareItems {
	margin: 8px 0 0 0;
	width: 100px;
	text-align: center;
}
#shownew:checked + #for_shownew, #autoCloseFilter:checked + #for_autoCloseFilter {
	color: var(--white);
	background: var(--pink100);
}
#for_shownew:hover, #for_autoCloseFilter:hover {
	color: var(--black);
	background: var(--greyMain);
}
#shownew:checked + #for_shownew:hover, #autoCloseFilter:checked + #for_autoCloseFilter:hover {
	color: var(--black);
}

#compareComp, #compareItems {
	display: none;
	position: fixed;
	left: 10px;
	padding: 10px 20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 2147483647;
	cursor: pointer !important;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#compareComp:hover {
	color: var(--white);
	background: var(--pink50);
}
#compareComp {
	bottom: 10px;
	border: 1px solid var(--pink100);
	background: var(--pink10);
	text-align: center;
}
#comp-panel-header {
	position: relative;
	top: -13px;
	left: -50%;
	width: 200%;
	height: 38px;
	background: transparent;
	padding: 15px 0 0 0;
	margin: 0 0 -18px 0;
}

/**********************
  compare items start
***********************/
#compareItems {
	border: 1px solid var(--pink100);
	color: var(--black);
	background: var(--pink10);
	min-width: 202px;
	overflow: hidden;
}
#itemsToCompare {
	left: 0;
	margin: 10px 0 0 0;
	width: 100%;
}

/*horizontal*/
#compareItems.hor {
	width: auto;
	max-width: calc(100vw - 35px);
	height: 225px;
	overflow: hidden;
	white-space: nowrap;
}
#itemsToCompare.hor {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

/*vertical*/
#compareItems.ver {
	width: 202px;
	height: 100%;
	max-height: calc(100vh - 75px);
	overflow: hidden;
}
#itemsToCompare.ver {
	height: 95%;
	overflow-x: hidden;
	overflow-y: auto;
}


@media only screen and (max-width: 619px) {
	#dModal {
		left: 2% !important;
		width: 96% !important;
	}
}

@media only screen and (max-width: 920px) {
	/*horizontal*/
	#compareItems.hor {
		top: calc(50% - 112px) !important;
		left: 0 !important;
		width: 100%;
	}

	/*vertical*/
	#compareItems.ver {
		top: -8px !important;
		left: calc(50% - 101px) !important;
		height: 100%;
	}
}
/**********************
  compare items end
***********************/

.itemsToCompareName {
	position: absolute;
	bottom: 5px;
	padding: 2px 0;
	width: 100%;
	text-align: center;
}
.comp-color-remove, .itemsToCompareName {
	background: var(--greyMain);
	background: rgba(255, 255, 255, .75);
}

.itemsToCompareImage {
	display: inline-block;
	margin: 0 0 -2px 0;
	width: 160px;
	height: 160px;
	overflow: hidden;
}
.itemsToCompareImage_over {
	border: 3px solid var(--black);
}
.itemsToCompareImage_over img, .ui-droppable:hover {
	opacity: 0.5;
}
.ui-sortable-helper .comp-color-remove {
	display: none;
}

.itemsToCompareImage img {
	margin: -100%;
	width: 400px;
	max-width: 400px;
	height: auto;
}
.resetCompare, #dirCompare {
	font-size: 14px;
}
#dirCompare {
	top: 2px;
}
.resetCompare:hover, #dirCompare:hover {
	color: var(--pink100);
	font-size: 14px;
}
.comp-color-remove {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 5px;
	font-size: 15px;
	cursor: pointer;
	z-index: 1;

	-webkit-border-radius: 0 0 0 7px;
	-khtml-border-radius: 0 0 0 7px;
	-moz-border-radius: 0 0 0 7px;
	-o-border-radius: 0 0 0 7px;
	border-radius: 0 0 0 7px;
}
.comp-color-remove:hover {
	color: var(--pink100);
}

#value-selector-title {
	margin: 0 0 10px -13px;
	padding-bottom: 4px;
	cursor: pointer;
	text-align: left;
	z-index: 2147483647;
}
#value-selector-title h1 {
	display: inline-block;
	color: var(--black);
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#value-selector-title img {
	vertical-align: bottom;
}
#filter_outer {
	display: inline-block;
	position: relative;
	top: -22px;
	height: 1px;
	z-index: 100;
}
#filter_title {
	display: inline-block;
	margin: 9px 10px 0 0;
	vertical-align: top;
}
#filter_title p {
	margin: 0 0 10px 0;
	font-size: 12px;
}
#filter_buttons {
	position: relative;
	display: inline-block;
	margin: -7px 5px 0 0;
	width: 100%;
	height: 1px;
}
.selector-group-items {
	max-height: 245px;
	overflow-y: auto;
}
.selector-group {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 150px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	background: none;
}
.selector-group-title {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 5px;
	background: var(--white);
	border-top: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	cursor: pointer !important;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.selector-group-title-selected {
	background: var(--pink30);
}
.selector-value {
	position: relative;
	display: none;
	margin: 0 0 5px 0;
	width: 100%;
	vertical-align: top;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#R2.selector-group .selector-value {
	width: 60px;
}
.value-label, .selector-value .value-label, .selector-value .value-box {

}
.value-label, .clearfilter {
	display: inline-block;
	padding: 7px 12px;
	font-size: 12px;
	width: 100%;
	min-width: 100px;
	cursor: pointer;
}
.clearfilter {
	background: var(--teal40) !important;
}
.selector-value .value-box div {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/img/selector_check_box.png') no-repeat;
	cursor: pointer;
}
.selector-value .value-input:checked + .value-box div {
	background-image: url('/img/selector_check_box_checked.png');
}
.selector-value .value-input:checked ~ .value-label {
	background: var(--greyMain);
}
.selector-value .value-label:hover, .clearfilter:hover {
	color: var(--white);
	background: var(--pink100);
}

.selector-value .value-input, .clearfilter {
	display: none;
}
#value-selector-reset, .value-selector-reset, #value-selector-close {
	vertical-align: top;
	margin: 0 10px 6px 0;
	cursor: pointer;
}
#value-selector-reset, #value-selector-close {
	position: relative;
	z-index: 100;
}
#value-selector-reset {

}
#value-selector-close {

}

#right.value-selector .item-line .item .item-line-img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.cswatch {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 20px;
	height: 26px;
	background: rgba(255, 255, 255, 0);
	z-index: 2147483647;
}
.cswatch-input {
	/*left padding = 5px + cswatch width*/
	padding: 7px 12px 7px 25px;
}

.tSwatch:after, .tSwatch::after {
	content: '^';
	font-size: 20px;
	top: 6px;
	position: absolute;
	left: 4px;
}
/*	End ValueSelector*/

/************************************************************************/
/*	Begin ShoppingCart*/
/************************************************************************/
#shopping-cart, #shopping-cart-reload {
	float: left;
	width: calc(100% - 300px);
	max-width: 700px;
	padding: 0 0 30px 0;
	margin: 0 0 100px 0;
	z-index: 2147483641;
}
.normal-item, .promo-item {
	padding: 0 10px 0 0;
}
.hazBGColor {
	/*background: var(--pink20);*/
	background: var(--pink10);
	/*background: var(--greyd);*/
	/*background: var(--greye);*/
	border: 1px solid var(--pink100);
}
#cart-header {
	position: relative;
	padding: 0 0 15px 0;
	border-bottom: 1px solid var(--black);
	background: var(--white);
}
#cart-title {
	font-size: 14px;
	font-family: 'JosefinSansRegular';
	color: var(--black);
	text-transform: uppercase;
}
#cart-count1 {
	font-weight: normal;
}
#cart-benefits-message {
	display: none;
	min-height: 15px;
	margin-top: 5px;
	font-size: 12px;
	color: var(--black);
	text-align: left;
	float: left;
	width: 100%;
}
#cart-benefits-message strong {
	color: var(--pink100);
}

.continue-shopping, .shopping-cart-checkout, #promo-remove-button, #generic-btn, #applepay-btn {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin: 10px 0;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
#promo-remove-button {
	color: var(--white);
	background: var(--black);
	border: 1px solid var(--black);
}
#promo-remove-button:hover, #promo-remove-button:focus-visible {
	color: var(--black);
	background: var(--greye);
	border: 1px solid var(--black);
}

.continue-shopping a, .shopping-cart-checkout a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.continue-shopping a, .shopping-cart-checkout a, #generic-btn, #applepay-btn {
	cursor: pointer;
}
.continue-shopping, #generic-btn, #applepay-btn {
	color: var(--pink100);
	background: var(--white);
	border: 1px solid var(--pink100);
}
.continue-shopping:hover, #generic-btn:hover, #applepay-btn:hover {
	color: var(--pink100);
	background: var(--greye);
	border: 1px solid var(--pink100);
}
#generic-btn i, #applepay-btn i {
	vertical-align: middle;
}
#applepay-btn i {
	font-size: 20px;
}

.shopping-cart-checkout {
	color: var(--white);
	background: var(--pink100);
	border: 1px solid var(--pink100);
}
.shopping-cart-checkout:hover {
	color: var(--pink100);
	background: var(--greye);
	border: 1px solid var(--pink100);
}

.cart-item {
	position: relative;
	border-bottom: 1px solid var(--greyd);
	padding: 10px 0 10px 10px;
	min-height: 104px;
}
#sc_right .loading-bg, .cart-item .loading-bg {
	z-index: 2147483640;
}
.cart-item div:not(.cart-hazmat) {
	display: inline-block;
	vertical-align: top;
}
#aobAlertBox .cart-name div:not(.cart-hazmat) {
	display: block;
}
.cart_warn {
	display: none;
	position: absolute;
	left: -14px;
	top: 5px;
	color: var(--black);
	font-size: 20px;
	z-index: 2147483647;
}
.cart-image {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	margin-right: 5px;
}
.cart-image img {
	width: 100%;
	height: 100%;
}
.promo-item .cart-item {
	background: none;
	/*border-left: 8px solid #ebd417;*/
	border-left: 8px solid var(--greyMain);
}
.cart-name {
	display: inline-block;
	padding-top: 5px;
	width: 300px;
	margin-right: 20px;
	vertical-align: top;
	line-height: 1.2;
	font-weight: normal;
}
.cart-name a, .black-normal {
	color: var(--black);
	text-decoration: none;
}
#haz_back_to_cart, #haz_change_address {
	display: inline-block;
	width: 50%;
	text-align: center;
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#haz_back_to_cart:hover, #haz_back_to_cart:focus-visible, #haz_change_address:hover, #haz_change_address:focus-visible {
	color: var(--pink100);
}
.black-normal {
	font-weight: normal;
}
.black-normal:hover, .black-normal:focus-visible {
	color: var(--pink100);
}
.aobname1, .aobname1 strong {
	font-size: 16px;
	font-family: 'JosefinSansRegular'
}
.aobname2, .cart-partnumber, .cart-size {
	font-size: 12px;
	font-family: 'WorkSansRegular'
}
.aobname3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-family: 'JosefinSansBold';
}

.cart-partnumber, .cart-size {
	color: var(--grey9);
	text-transform: uppercase;
}
.cart-price {
	width: 50px;
	padding-top: 12px;
	margin-right: 15px;
	font-size: 12px;
	color: var(--grey9);
	text-align: right;
}
.cart-quantity {
	padding-top: 12px;
	font-size: 10px;
}
.cart-quantity-input {
	vertical-align: top;
	margin-left: 5px;
}
.promo-item .cart-quantity-input {
	display: none;
}
.promo-quantity {
	display: none;
}
.promo-item .promo-quantity {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	font-size: 15px;
}
.checkout-quantity {
	display: none;
}

.cart-subtotal {
	float: right;
	padding-top: 12px;
	font-size: 12px;
}
.cart-remove {
	position: absolute;
	right: 0;
	bottom: 5px;
}
.cart-wishlist {
	position: absolute;
	right: 55px;
	bottom: 5px;
}
.cart-wishlist a, .cart-wishlist span, .cart-remove-link, .cart-hazmat {
	font-family: 'WorkSansRegular', 'Arial Narrow', Arial, sans-serif;
	color: var(--grey9);
	text-decoration: none;
	font-size: 12px;
}
.cart-wishlist a, .cart-wishlist span, .cart-remove-link {
	cursor: pointer;
	/*text-transform: uppercase;*/
	/*font-weight: bold;*/
}

.cart-wishlist a:hover, .cart-wishlist span:hover, .cart-remove-link:hover,
.cart-wishlist a:focus-visible, .cart-wishlist span:focus-visible, .cart-remove-link:focus-visible {
	color: var(--pink100) !important;
}
.promo-item .cart-remove, .promo-item .cart-wishlist {
	display: none;
}
.cart-promo-description {
	display: none;
}
.promo-item .cart-promo-description {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0 0 0 20px;
	font-size: 12px;
}
#cart-item-display .availability-message {
	display: none;
	background: var(--greyd);
	padding: 10px 15px;
}

.availability-message .availability-title {
	/*color: var(--teal100);*/
	color: var(--pink100);
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.availability-message .availability-text {
	margin: 8px 0;
	font-size: 12px;
	line-height: 1.5;
}
#cart-item-display #empty-cart-display {
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 16px;
	color: var(--black);
	text-align: center;
}
#cart-item-display #shopping-cart-footer {
	margin: 10px 0;
	padding-bottom: 10px;
	/*border-bottom: 6px solid var(--black);*/
}
#shopping-cart-promo {
	display: inline-block;
	margin: 0 0 10px 0;
	width: 100% !important;
}
#shopping-cart-promo #cart-promo-text {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
}
#shopping-cart-promo #promo-remove-text {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 14px;
	color: var(--black);
}
#promo-remove-code-info {
	font-size: 12px;
	margin: 5px 0 0 0;
	display: block;
	line-height: 1.25;
}

#address_use_select {
	display: none;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px 0 5px 5px;
}

#shopping-cart-promo #cart-promo-input {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin: 0;
	padding: 11px;
	font-size: 12px;
	border: 1px solid var(--black);
}
#shopping-cart-promo #cart-promo-button, #cart-promo-button-mobile {
	display: none;
	/*display: inline-block;*/
	vertical-align: middle;
	cursor: pointer;
}
#shopping-cart-promo #cart-promo-button {
	margin: 0 0 0 10px;
	background: var(--grey9);
	border: 1px solid var(--grey9);

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#shopping-cart-promo label {
	display: block;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
#shopping-cart-promo #promo-remove-button {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 10px 0 0 0;
	background: var(--grey9);
	border: 1px solid var(--grey9);

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#shopping-cart-total {
	float: right;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	/*font-weight: bold;*/
	margin: 0 0 10px 0;
	width: 100%;
	line-height: 1.5;
}
#order_int_shipping, #order_int_proc_fee, #order_int_not_avail {
	display: none;
}
#order_int_not_avail {
	color: var(--pink100);
}
.order-total-text {
	float: left;
	text-transform: uppercase;
}
.order-total-price {
	float: right;
}
#international_shipping, .international_shipping_info, .int_ship_not_avail {
	cursor: pointer;
}
#international_shipping:hover, #international_shipping:focus-visible, .international_shipping_info:hover, .international_shipping_info:focus-visible {
	color: var(--pink100);
}
.int_ship_not_avail:hover, .int_ship_not_avail:focus-visible {
	color: var(--black);
}
#aobAlertBox .country_flag, #aobAlertBox .country_flag_spacer, #aobAlertBox .country_name {
	vertical-align: middle;
}
#aobAlertBox .country_flag, #aobAlertBox .country_flag_spacer {
	width: 26px;
	height: 16px;
}
#aobAlertBox .country_name {
	display: inline-block;
	width: 50%;
	white-space: break-spaces;
}
.wishlist-add-bag {
	cursor: pointer;
}
.wishlist-add-bag:hover {
	text-decoration: underline;
}
#wishlist-move-panel {
	width: 400px;
	min-height: 172px;
	z-index: 2147483647;
}
#wishlist-move-panel #wishlist-panel-title {
	width: 90%;
	margin: 15px auto;
	font-size: 16px;
	color: var(--grey9);
	font-weight: bold;
	border-bottom: 1px solid var(--greyd);
	padding-bottom: 5px;
	text-transform: uppercase;
}
#wishlist-move-content {
	position: relative;
}
#wishlist-move-panel #wishlist-panel-text {
	margin: 0 20px;
	font-size: 14px;
	color: var(--grey4);
}
#wishlist-move-panel #panel-item-name {
	font-weight: bold;
}
#wishlist-move-panel #panel-item-number {
	display: none;
}
#wishlist-move-panel #panel-item-orderline {
	display: none;
}
#wishlist-move-panel #wishlist-select-container {
	margin-top: 15px;
	margin-bottom: 10px;
}
#wishlist-move-panel #wishlist-select-container select {
	max-width: 300px;
}
#wishlist-move-panel #wishlist-panel-add, #wishlist-move-panel #wishlist-panel-cancel {
	display: inline-block;
	height: 30px;
	vertical-align: top;
	margin-bottom: 15px;
	background-size: contain;
	cursor: pointer;
}
#wishlist-move-panel #wishlist-panel-add {
	width: 70px;
	background: url('/img/move.png') no-repeat;
}
#wishlist-move-panel #wishlist-panel-add:hover,
#wishlist-move-panel #wishlist-panel-add:focus-visible {
	background: url('/img/move_hover.png') no-repeat;
}
#wishlist-move-panel #wishlist-panel-cancel {
	width: 85px;
	background: url('/img/cancel.png') no-repeat;
}
#wishlist-move-panel #wishlist-panel-cancel:hover,
#wishlist-move-panel #wishlist-panel-cancel:focus-visible {
	background: url('/img/cancel_hover.png') no-repeat;
}
#wishlist-move-panel #wishlist-move-message {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: var(--grey4);
	background: var(--white);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	transition-property: opacity;
	transition-duration: 1.0s;
}
#wishlist-move-message .wishlist-response-text {
	text-align: justify;
	margin: 15px 25px;
}
#wishlist-move-message .wishlist-response-text a {
	color: var(--grey4);
	text-transform: uppercase;
	font-weight: bold;
}
#wishlist-move-message .response-item-name, #wishlist-move-message .response-list-name {
	font-weight: bold;
}
.wishlist-add-button, .wishlist-cancel-button {
	cursor: pointer;
}
#edit-confirm-panel {
	width: 420px;
	min-height: 230px;
}
#edit-confirm-text {
	margin-bottom: 15px;
}
#edit-confirm-text em {
	font-style: normal;
	font-weight: bold;
}
#edit-confirm-text strong {
	text-transform: uppercase;
}
#edit-confirm-panel .grey-button {
	margin: 0 5px;
}
#cart-order-info {
	float: right;
}
#order-number, #delete-order, #clear-cart {
	display: inline-block;
	margin: 0 15px 0 0;
}
#order-number {
	/*text-transform: uppercase;*/
}
#delete-order, #clear-cart {
	font-size: 12px;
	color: var(--grey9);
	cursor: pointer;
}
#delete-order:hover, #delete-order:focus-visible,
#clear-cart:hover, #clear-cart:focus-visible {
	color: var(--pink100);
}
/*	End ShoppingCart*/

#also_bought, #cross_sell {
	position: relative;
}
#also_bought > .related-items, #cross_sell > .related-items {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 150px);
	overflow: hidden;
}
.nav_arrow_left, .nav_arrow_right {
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.nav_arrow_left {
	left: 0;
}
.nav_arrow_right {
	right: 0;
}
.item-thumbnail-container {
	position: relative;
	white-space: initial;
}

.panel-bg {
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	/*transition-property: opacity;*/
	/*transition-duration: 0.5s;*/
	background: var(--white);
	z-index: 1000;
}
.panel {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	background: var(--white);
	overflow: auto;
	box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.25);
	z-index: 2147483647;
	/*transition-property: opacity;*/
	/*transition-duration: 0.5s;*/
}
.panel.ie8 {
	border: 1px solid var(--grey9);
}
.panel-close, .panel-close2, #mini-bag-close, .menu-close {
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.panel-close, .panel-close2, #mini-bag-close {
	top: 5px;
	right: 5px;
	font-size: 19px;
	color: var(--black);
}
.panel-close, #mini-bag-close {
	width: 19px;
	height: 19px;
}
.menu-close {
	top: 0;
	right: 5px;
	width: 19px;
	height: 19px;
}
.panel-close:hover, .panel-close:focus-visible,
.panel-close2:hover, .panel-close2:focus-visible,
#mini-bag-close:hover, #mini-bag-close:focus-visible,
.menu-close:hover, .menu-close:focus-visible {
	color: var(--pink100);
	/*background: var(--black) url('/img/close_hover.png') top left / 29px 29px;*/
}

#wl_panel {
	top: 50px !important;
	max-width: 420px;
	max-height: calc(100vh - 70px);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2147483647;
}
#chatPanel {
	display: none;
	position: fixed;
	top: 60px;
	left: calc(50% - 190px);
	width: 380px;
	max-height: calc(100vh - 50px);
	overflow-x: hidden;
	overflow-y: auto;
	padding: 50px 20px 10px 20px;
	border: 1px solid var(--greyMain);
	background: var(--white);
	z-index: 2147483647;

	/*inset offset-x offset-y blur-radius spread-radius - comma seperated for multiple shadows*/
	-webkit-box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2);
}
#chatData {
	overflow-y: auto;
}
#chatPanel div {
	font-family: 'JosefinSansRegular';
}
#chatClose {
	top: 0;
	left: 0;
	padding: 10px 20px;
	width: 100%;
	height: auto;
	text-align: right;
	font-size: 16px;
	color: var(--white);
	background: var(--grey9);
}
#chatPanel_message {
	padding: 7px !important;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100px;
	min-height: 100px;
}
label[for='chatPanel_info'] {
	line-height: 1.2;
}
#chatPanel_name, #chatPanel_fName, #chatPanel_lName, #chatPanel_email, #chatPanel_mobile, #chatPanel_message {
	width:100%;
}
#chatPanel_submit {
	width:100%;
	height: 60px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	color: var(--white);
	background: var(--grey9);
	border: none;
	font-family: 'JosefinSansbold';
	font-size: 25px;
	text-transform: uppercase;
	cursor: pointer;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#chatPanel_submit:hover {
	background: var(--pink100);
}
#chatPanel_info {
	font-size: 14px;
	line-height: 1.4;
	margin: 10px 0 0 5px;
}
#chatPanel_info_c {
	color: var(--teal100);
	font-size: 12px;
	text-align: right;
}
#chatErr {
	margin: 0 0 15px 0;
	font-size: 14px;

	/*overflow-wrap: break-word;*/
	word-wrap: anywhere;
	/*word-wrap: break-word;*/
	-ms-word-break: break-all;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-word;
}
#phoneLink {
	margin: 10px 0 0 0;
	line-height: 1.75;
	text-transform: uppercase;
	font-size: 17px;
	text-align: center;
}
#chatResTitle, #chatResInfo {
	margin: 0 0 10px 0;
}
#chatPost{
	display: none;
}
#chatResTitle {
	font-size: 20px;
	font-family: 'JosefinSansbold';
}
#chatResInfo {
	font-size: 14px;
	line-height: 1.4;
	font-family: 'WorkSansRegular' !important;
}

#write-review-panel {
	display: none;
	padding: 25px;
	opacity: 0;
	top: -2000px;
	left: -1000px;
	width: 1px;
	z-index: 2147483647;
}

#item-left, #item-right {
	color: var(--black);
}

#item-left, #item-right, #prod_info, #buy_buttons {
	display: inline-block;
	vertical-align: top;
}
#item-left {
	width: 400px;
	text-align: center;
}
#item-right {
	margin: 0 0 0 10px;
	width: calc(100% - 420px);
}
.large-img {
	width: 49%;
	height: auto;
	max-width: 400px;
}
.vidimg {
	display: inline-block;
	width: 49%;
	box-sizing: border-box;
	vertical-align: top;
	overflow: hidden;
	height: 579px;
}

.prodimagecont {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 50%;
	max-width: 600px;
	vertical-align: top;
}

.prodimage {
	width: 100%;
	height: auto;
}

#prod_info {
	margin: 0 10px 0 0;
	width: 100%;
}
#buy_buttons {
	margin: 20px 0 0 0;
}

#ship, #available, #extra_cont {
  margin: 15px 0 0 0;
}

#extraYN, #extraInfo, #extraYN2 {
  vertical-align: top;
}
#extraYN {
  width: 20px;
  margin: 0;
}
#extraInfo {
  width: 25px;
  margin: 0;
	font-size: 25px;
}
#extraYN2 {
	display: inline-block;
	width: calc(100% - 68px);
	margin: -2px 0 0 5px;
	padding: 0 10px 0 0;
	line-height: 1.4;
}

#extraInfo {
	color: var(--pink100);
	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#extraInfo:hover, #extraInfo:focus-visible {
	color: var(--black);
}


.add-to-bag, #main-item-sold-out, #sold-out, .main_link2, .add-to-wishlist, .add-to-wishlist2 {
	display: inline-block;
	position: relative;
	margin: 30px 0 0 0;
	width: 100%;
	max-width: 243px;
	height: 40px;
	font-weight: bold;
	word-spacing: .25em;
	letter-spacing: .1em;

	font-size: .75rem;
	text-transform: uppercase;
	text-align: center;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.add-to-bag, .main_link2, .add-to-wishlist, .add-to-wishlist2 {
	cursor: pointer;
}
#main-item-sold-out {
	cursor: no-drop;
}
.add-to-bag, #main-item-sold-out, #sold-out, .main_link2, #main-item-sold-out {
	color: var(--white);
	background: var(--black);
}
.add-to-wishlist {
	color: var(--black);
	background: var(--greya);
}
.add-to-wishlist2 {
	color: var(--white);
	background: var(--pink100);
}

.add-to-wishlist:hover, .add-to-wishlist:focus-visible {
	color: var(--pink100);
	background: var(--greyMain);
}

.add-to-bag, #main-item-sold-out, #sold-out, .add-to-wishlist, .add-to-wishlist2 {
	padding: 15px 0 0 0;
}
.main_link2 {
	padding: 12px 0 0 0;
}
.add-to-bag:hover, .add-to-bag:focus-visible,
.main_link2:hover, .main_link2:focus-visible {
	color: var(--pink100);
	background: var(--greyMain);
}
.add2 {
	padding: 10px 0 0 0;
}
.add_icon, .more_info_icon {
	/*top: 5px;*/
	left: -10px;
	font-size: 17px;
}

#rating_image {
	margin: 10px 0 0 0;
}

#info-header-name {
	font-family: 'JosefinSansRegular';
	font-weight: normal;
}
.product-description-tab {
	font-size: 22px;
}

.spCallout {
	position: absolute;
	top: -7px;
	left: -10px;
	width: 15px;
	height: 15px;

	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.spCalloutC {
	color: var(--black);
}
.spCalloutS {
	color: var(--teal100);
}
.spCalloutCF {
	color: var(--DRed);
}
.spCalloutSF {
	color: var(--pink100);
}

#cprice, #cprice2, #cprice2b, #sprice2, #product-info-controls, #description-1, #description-2, #description-3, #description-4, #description-5, .product-description-text, .product-description-text p, .product-description-text div, .product-description-text2 p, .product-description-text2 div {
	position: relative;
	font-size: 17px;
}
#description-1, #description-2, #description-3, #description-4, #description-5, .product-description-text, .product-description-text p, .product-description-text div, .product-description-text2 p, .product-description-text2 div {
	line-height: 1.3;
}
#part-number, .product-description-text2 div.color_info, .color_info {
	font-size: 15px;
}

#part-number, #info-header-name, #product-info-rating {
	margin: 0 0 10px 0;
}
#cprice, #cprice2, #cprice2b, #sprice2, #priceBlock {
	display: inline-block;
	margin: 0 20px 0 0;
}
#cprice, #cprice2, #sprice2 {
	font-size: 1.3rem;
}
#cprice2b {
	color: var(--grey7);
	font-size: 1.1rem;
}
#priceBlock {
	display: none;
	font-size: 1.1rem;
}

.infoSub1 {
	color: var(--grey7);
}

.strike {
	display: inline-block;
}
#cprice2b:after, .strike:after {
	content: '';
	display: block;
}
#cprice2b:after {
	margin-top: -.65rem;
	border-bottom: 2px solid var(--grey7);
}
.strike:after {
	margin-top: -.6rem;
	border-bottom: 2px solid var(--grey7);
}

#select_size_label {
	font-size: 12px;
}

#description2_info {
	margin: 15px 0 0 0;
}

#product-info {
	position: relative;
}
#aobSim2 {
	display: none;
	cursor: pointer;
	/*z-index: 2147483647;*/
}
#aobSim2:hover {
	color: var(--pink100);
}

#product-info-description {
	margin: 80px 0 0 0;
}
.tab_container {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid var(--black);
}
/*.tab_container:not([style*="display: block"]):last-of-type {
}*/
.tab_container:last-of-type {
	border: none;
}
.product-description-tab {
	display: table;
	margin: 0 15px 10px 0;
	padding: 0 35px 0 0;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

.current-description-tab {

}
.product-description-text {
	
}

.product-description-tab:last-of-type {

}

.plusle_minun {
	position: absolute;
	top: 0;
	right: 20px;
}

#product-info-controls, #description-1 {
	margin: 0 0 20px 0;
}
#info-header-name3 {
	/*margin: -5px 0 20px 0;*/
	margin: -5px 0 10px 0;
	font-size: 15px;
	font-weight: normal;
}
.color_info {
	margin: 15px 0 0 0;
}

.qtyText {
	margin: 0 10px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .75rem;
	vertical-align: middle;
}

#info-header-name {
	margin: 20px 0 10px 0;
	font-size: 2.25rem;
}

#product-info-rating {
	font-size: 12px;
}
.product-write-review {
	margin: 0 15px;
}

#info_cont {
	margin: 20px 0 0 0;
}
.info {
	display: inline-block;
	position: relative;
	width: 30%;
	cursor: pointer;
	margin: 5px 2% 5px 0;
	padding: 10px;
	border: 1px solid var(--black);
	min-height: 67px;
	vertical-align: top;
}
.info, .add-to-bag, #main-item-sold-out, #sold-out, .main_link2, .add-to-wishlist, .add-to-wishlist2 {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#source .selected {
	border: 1px solid var(--black);
	color: var(--white);
	background: var(--black);
}
.info:nth-child(3n+1).selected {
	/* */
}
.main_image {
	float: left;
	height: auto;
	width: 50%;
}
.item_size {
	/*float: right;*/
	width: 100%;
	/*height: 70px;*/
	/*margin: 30px 0 0 0;*/
	/*margin: 0;*/
	/*padding: 0 0 0 5px;*/
	font-size: .75rem;
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	line-height: 1.3;
	flex: 1 1 0;
}
#aobsize {
	margin: 35px 0 0 0;
}
.listContainer {
	/*text-align: center;*/
	margin: 70px 0 0 0;
}
.list_scroll {
	/*margin: 0 0 0 5%;*/
	font-size: 12px;
}
.category-list-thumbnail {
	display: inline-block;
	margin: 0 15px 70px 15px;
	width: 14%;
	min-width: 320px;
	/*max-height: 620px;*/
	/*height: auto;*/
	text-align: center;
	vertical-align: top;
}
.category-list-title {
	margin: 20px 0 30px 0;
	font-weight: normal;
	line-height: 1.45;
}
.category-list-range {
	font-weight: bold;
}
.category-list-name {
	font-family: 'JosefinSansRegular';
}
.category-list-price {
	font-family: 'WorkSansRegular';
	margin: 5px 0 0 0
}
.aob_atb_price_size {
	font-size: 12px;
	font-weight: normal;
}
.aob_atb_swap_left, .aob_atb_swap_right {
  display: inline-block;
  width: 45%;
  padding: 7px 5px 5px 5px;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--black);
  cursor: pointer;
  box-sizing: border-box;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.aob_atb_swap_left:not(.aob_atb_current):hover, .aob_atb_swap_left:not(.aob_atb_current):focus-visible, .aob_atb_swap_right:not(.aob_atb_current):hover, .aob_atb_swap_right:not(.aob_atb_current):focus-visible {
	background: var(--pink100);
}
.aob_atb_current {
	color: var(--white);
	background: var(--black);
}
.aob_atb_swap_left {
  float: left;
}
.aob_atb_swap_right {
  float: right;
}

.item-image-link {
	display: inline-block;
	width: 100%;
	white-space: normal;
	/*margin: 0 10px 0 0;*/
	margin: 0;
	text-align: center;
	vertical-align: top;
}
.item-image-link:last-of-type {
	margin: 0;
}
.item-line-img {
	width: 100%;
	height: auto;
}
/*Skeleton Screen animation placeholders
.item-line-img {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-color: #f6f7f8;
  background: linear-gradient(to right, var(--greye) 8%, var(--greyb) 18%, var(--greye) 33%);
  background-size: 800px 104px;
  position: relative;
}
*/

/*
.related-items a {
	vertical-align: bottom;
}
*/

#item-right #quantity select {
	width: 4em;
	height: 22px;
	text-align: center;
	line-height: 22px;
}
#share1 {
	margin: 30px 0 0 0;
	padding: 0 0 13px 0;
	font-family: "JosefinSansRegular";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.share-link, .share-link-email {
	display: inline-block;
	margin-right: 7px;
	padding: 5px 4px;
	vertical-align: middle;
	font-size: 1.4rem;
	cursor: pointer;
}
.share-link a {
	color: var(--black);
}
.share-link-email a:hover, .share-link-email a:focus-visible {
	color: var(--pink100);
}

.share-link:hover, .share-link:focus-visible {
	/*background: var(--greyMain);*/
}
.share-link img {
	display: block;
}

#product-info-description {
	clear: both;
}

#main-image {
	width: 100%;
}
#product-main-img {
	width: 100%;
	height: auto;
}
.thumbnail {
	display: inline-block;
	width: 70px;
}
.thumbnail-img {
	width: 100%;
	height: auto;
}

.related-items-header, .item-feedback-header, .videos-header {
	position: relative;
	border-bottom: 1px solid var(--grey9);
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	color: var(--black);
	text-align: center;
	text-transform: uppercase;
}
.related-items-header span, .item-feedback-header span, .videos-header span {
	position: relative;
	top: 14px;
	display: inline-block;
	padding: 0 28px;
	background: var(--white);
}
.related-items-header:last-child, .videos-header:last-child {
	display: none;
}

#tmp_link {
	position: fixed;
	top: -1000px;
	left: -1000px;
}

#contPU {
	display: none;
	position: fixed;
	top: -10000px;
	left: -10000px;
	background: var(--greye);
	padding: 10px 20px;
	min-width: 150px;
	width: 300px;
	border: 1px solid var(--pink100);
	font-size: 12px !important;
	z-index: 2147483647;
}

#contPU a {
	line-height: 1.75;
}
.aMessage {
	font-weight: bold;
	font-size: larger;
}
#contALL {
	max-width: 250px;
	font-weight: bold;
}
#ctmButtons {
	display: inline-block;
	width: 100%;
	text-align: right;
}
.ctmIcon {
	margin: 0 0 0 20px;
}
.ctmWord {
	display: none;
}
.ctmBlock {
	display: initial;
}
#ctmErr {
	display: block;
	line-height: 1;
	margin: 5px 0 0 0;
	text-align: left;
	line-height: 1.5;
}
.ctmDisabled {
	color: var(--greya);
	cursor: auto;
}
.ctmDisabled:hover, .ctmDisabled:focus-visible {
	color: var(--greya);
}
#ctmM {
	margin: 5px 0 0 0;
}

#atlwdg-container {
	z-index: 2147483647;
}

#exp-date-month.missing, #exp-date-year.missing {
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.missing, .missing2 {
	background: var(--pink30) !important;
}
.missing {
	border: 1px solid var(--pink100) !important;
}
.missing_teal, .missing_teal2 {
	background: var(--teal40) !important;
}
.missing_teal {
	border: 1px solid var(--teal100) !important;
}
.missing.outerBorder {
  border-left: 1px solid var(--pink100) !important;
  border-right: 1px solid var(--pink100) !important;
  border-top: 1px solid var(--pink30) !important;
  border-bottom: 1px solid var(--pink30) !important;
}
.missing.outerBorder:first-of-type {
  border-top: 1px solid var(--pink100) !important;
}
.missing.outerBorder:last-of-type {
  border-bottom: 1px solid var(--pink100) !important;
}

#Everyday-Zoya {
	font-weight: bold !important;
}

.error-message, #fp_err {
	/*position: relative;*/
	margin: 15px 0;
	font-size: 1rem;
	text-align: center;
	/*z-index: 2147483646;*/

	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-word;
}
.error-message, .err, #fp_err {
	color: var(--teal100);
}
.afw_error_message {
	margin: 0;
	padding: 0 25px;
	font-size: 14px;
}
#fp_err {
	margin: 0 0 10px 0;
}
#shiperr {
	/*font-size: 14px;*/
	text-align: left;
}
.warn {
	color: var(--pink100);
	font-weight: bold;
}
#itemExcluded {
	display: none;
	margin: -5px 0 20px 0;
	font-style: italic;
	line-height: 1.3;
}

.success-message {
	margin: 15px 0;
	color: #009900;
	text-align: center;
}

img {
	border: none;
}
#ipadfix {
	display: none;
}

#ipadfix {
	display: none;
}

input[type=radio], input[type=checkbox] {
	accent-color: var(--pink100);
}

.textDimensionCalculation {
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0;
	visibility: hidden;
	height: auto;
	width: auto;
	white-space: nowrap;
}

/* aob blog css */
.aob_blog_title, .aob_blog_title_cent, .aobBlogThumb_title, #aob_blog_title1 a {
	/*font-family: 'xxxxxxx';*/
	font-family: 'bodoni';
	font-weight: normal;
	line-height: 1.3;
}
#aob_blog_items {
	width: 95%;
	margin: 30px auto 0 auto;
}
#aob_blog_items_title {
	position: relative;
	margin: 0 auto 40px auto;
	width: 90%;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 23px;
	letter-spacing: 2.4px;
	border-bottom: 1px solid var(--grey7);
}
#aob_blog_items_title span {
	position: relative;
	top: 14px;
	padding: 0 20px;
	background: var(--white);
}
#aob_blog_items_data {
	/*
	padding: 1px 0 0 0;
	white-space: nowrap;
	overflow-x: visible;
	overflow-y: hidden;
	*/
}

#aob_blog_title1 a {
	color: var(--grey7) !important;
}
#aob_blog_title1 a:hover, #aob_blog_title1 a:focus-visible {
	color: var(--pink100) !important;
}
.aob_blog_title_cent {
	font-size: 50px;
}
.aob_blog_title {
	font-size: 32px;
}
.aob_blog_title, .aob_blog_title_cent, .aobBlogThumb_title {
	margin: 30px 0 10px 0;
}
.aob_blog_title_cent {
	text-align: center;
}
#aob_blog_text {
	position: relative;
}
#aob_blog_text, .aob_blog_text, .aob_blog_text2 {
	font-family: 'Trebuchet MS', 'Arial';
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 1px;
	word-spacing: 4px;
}
.aob_blog_text img {
	max-width: 100%;
	height: auto;
}

#aob_blog_menu {
	position: relative;
}
.aob_blog_menu, .aob_blog_menu_current {
	position: relative;
	display: inline-block;
	margin: 0 20px;
	padding: 0 0 30px 0;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.aob_blog_menu .bmtitle, .aob_blog_menu_current .bmtitle {
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--black);
}
.aob_blog_menu_current .bmtitle {
	color: var(--pink50);
	font-weight: bold;
	font-style: italic;
	cursor: default;
}
.aob_blog_menu .bmtitle:hover, .aob_blog_menu .bmtitle:focus-visible,
.aob_blog_menu_current .bmtitle:hover, .aob_blog_menu_current .bmtitle:focus-visible {
	/*color: var(--pink100);*/
}
#aob_blog_menu_cont {
	position: relative;
	text-align: center;
	margin: 20px 0 50px 0;
	width: 100%;
	z-index: 2147483617;
}

.aob_blog_menu_item_cont {
	display: none;
	position: absolute;
	top: 25px;
	left: -20px;
	width: 320px;
	padding: 10px 20px;
	background: var(--white);
	border: 1px solid var(--greyMain);
	cursor: default;
	z-index: 1000;

	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/*word-break: break-all;*/ /*break on character, better for logographic systems*/
	word-break: break-word;
}
.aob_blog_menu_item, .aob_blog_menu_item_current {
	display: block;
	margin: 0 0 10px 0;
	color: var(--black);
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1.4px;
	white-space: nowrap;
	overflow: hidden;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.aob_blog_menu_item {
	cursor: pointer;
}
.aob_blog_menu_item_current {
	color: var(--pink50);
	font-weight: bold;
	font-style: italic;
	cursor: default;
}
.aob_blog_menu_item:hover, .aob_blog_menu_item:focus-visible {
	color: var(--pink100);
}
.aob_blog_menu_item_current:hover, .aob_blog_menu_item_current:focus-visible  {
	color: var(--pink50);
}
.aob_blog_menu_item:first-child, .aob_blog_menu_item_current:first-child {
  /*margin: 7px 0 5px 0;*/
}
.aob_blog_menu_item:last-child, .aob_blog_menu_item_current:last-child {
	margin: 0;
}
.aob_blog_more {
	color: var(--pink100);
	font-weight: bold;
	font-style: italic;
}
.aob_blog_more:hover, .aob_blog_more:focus-visible {
	color: var(--black);
}


@media only screen and (max-width: 749px) {
	.aob_blog_menu {
		width: 90%;
	}
	.aob_blog_menu_item_cont {
		position: relative;
		top: 0;
		left: 0;
		margin: 5px 0 0 0;
		width: 100%;
	}
}

#aob_blog_articles {
	/*float: left;*/
	width: 100%;
	min-height: 500px;
	/*padding: 0 20px 0 0;*/
}
#aob_blog_articles p {
	margin: 0 0 20px 0;
}
.aobBlogThumb {
	display: none;
	position: relative;
	margin: 0 13px 26px 13px;
	padding: 0 0 10px 0;
	/*width: calc(33.33% - 10px);*/
	/*width: 100%;*/
	height: 510px;
	min-width: 285px;
	max-width: 330px;

	border: 1px solid var(--greyMain);
	vertical-align: top;
	overflow: hidden;
}
.aobBlogCat_info {
	/*position: absolute;*/
	/*bottom: 0;*/
	padding: 0 10px;
}
.aobBlogThumb_link {
	color: var(--black);
	font-weight: normal;
}
.aobBlogThumb_img_link:hover ~ .aobBlogThumb_link, aobBlogThumb_img_link:focus-visible ~ .aobBlogThumb_link,.aobBlogThumb_link:hover, .aobBlogThumb_link:focus-visible {
	color: var(--pink100);
}
.aobBlogCat_link {
	display: block;
	margin: 15px 0 10px 0;
	padding: 0 10px;
	color: var(--greya);
	font-family: 'JosefinSansRegular';
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}
.aobBlogCat_link:hover, .aobBlogCat_link:focus-visible {
	color: var(--black);
}
.aobBlogCat_link_art {
	color: var(--black);
	font-weight: normal;
}
.aobBlogCat_link_art:hover, .aobBlogCat_link_art:focus-visible {
	color: var(--pink100);
}

.aobBlogDetSpace {
	margin: 0 0 10px 0;
}
.aobBlogThumb_more {
	margin: 45px 0 0 0;
}
.aobBlogThumb_title {
	margin: 0 0 20px 0;
	/*height: 189px;*/ /* size * 6 lines */
	font-size: 27px;
	font-weight: normal;
	line-height: 1.2;
}
.aobBlogThumb_date, .aobBlogThumb_author {
	color: var(--greya);
	font-size: 14px;
}
.aobBlogThumb_author:before {
	content: 'by ';
}

.aobBlogThumb_img {
	display: block;
	margin: 0 auto 0 auto;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 282px;
	object-fit: contain;
}

#aob_blog_side {
  /*float: right;*/
  /*width: 100%;*/
  width: 100%;
  min-width: 320px;
  max-width: 840px;
  /*margin: 0 20px 0 0;*/
  margin: 0 auto 30px auto;
  padding: 0 10px;
  
  text-align: center;

	/*
	position: absolute;
	top: 0;
	right: 10px;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	*/
}
#aob_blog_side .aob_blog_title {
	margin: 0 0 10px 0;
}

@media only screen and (max-width: 749px) {
	#aob_blog_articles {
		width: 100%;
	}
	#aob_blog_side {
		width: 100%;
		margin: 0 0 30px 0;
	}
}

/*#aob_blog_breadcrumbs, #aob_blog_breadcrumb_current*/
#aob_blog_search, #aob_blog_breadcrumbs {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#aob_blog_search {
	/*min-width: 320px;*/
	max-width: 840px;
}
#aob_blog_breadcrumbs {
	/*min-width: 320px;*/
}
#aob_blog_breadcrumbs a, #aob_blog_breadcrumb_current {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: var(--black);
}
#aob_blog_breadcrumbs a:hover, #aob_blog_breadcrumbs a:focus-visible {
	color: var(--pink100);
}
#aob_blog_breadcrumb_current {
	font-weight: bold;
	color: var(--pink50);
}
.breadcrumbSep {
	margin: 0 10px;
	font-size: 12px;
}
#aob_blog_searchi {
	position: absolute;
	top: 36px;
	right: 10px;
	z-index: 100;
}
#aob_blog_search_box {
	width: 100%;
	margin: 20px 0;
	padding: 15px;
  border: 1px solid var(--greyMain);
  z-index: 2;
}
/*
#aob_blog_search_box:placeholder-shown {
  background: var(--pink10);
  border: 1px solid var(--pink100);
}
*/
.blog_main_img, .blog_desc_img, .blog_desc_img2 {
	display: block;
	margin: 0 auto;
	width: 100%;
	/*
	min-width: 320px;
	max-width: 100%;
	*/
}
.blog_main_img {
	padding: 0 0 30px 0;
}
.blog_desc_img, .blog_desc_img2 {
	padding: 70px 0 15px 0;
	z-index: 10;
}
.blog_desc_img_tag {
	display: none;
	/*top: -13px;*/
	padding: 0 0 20px 0;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	z-index: 20;
}

.aob_blog_date, .aob_blog_category {
	display: inline-block;
}
.aob_blog_seph {
	padding: 0 10px;
}
.aob_blog_sepv {
	margin: 15px 0 0 0;
}

#aob_blog_sitemap {

}

/*END aob blog css */

body.flockler-embed-popup-open {
	overflow: auto !important;
}

/* combining doesn't work */
/* selected text color */
*::-moz-selection	{ background: var(--teal100); color: var(--white); } /* Gecko Browsers */
::-moz-selection	{ background: var(--teal100); color: var(--white); text-shadow: none; }
:-moz-selection		{ background: var(--teal100); color: var(--white); text-shadow: none; }
*::selection			{ background: var(--teal100); color: var(--white); } /* WebKit/Blink Browsers */
::selection				{ background: var(--teal100); color: var(--white); text-shadow: none; }
:selection				{ background: var(--teal100); color: var(--white); text-shadow: none; }

/* input placeholder text format */
::-webkit-input-placeholder	{ font-size: 12px; text-transform: uppercase; color: var(--grey9); } /* WebKit, Blink, Edge */
:-moz-placeholder						{ font-size: 12px; text-transform: uppercase; color: var(--grey9); opacity:  1; } /* Firefox 4 to 18 */
::-moz-placeholder					{ font-size: 12px; text-transform: uppercase; color: var(--grey9); opacity:  1; } /* Firefox 19+ */
:-ms-input-placeholder			{ font-size: 12px; text-transform: uppercase; color: var(--grey9); } /* Internet Explorer 10-11 */
::-ms-input-placeholder			{ font-size: 12px; text-transform: uppercase; color: var(--grey9); } /* Edge */
::placeholder								{ font-size: 12px; text-transform: uppercase; color: var(--grey9); } /* Most modern browsers support this now. */
/* input placeholder formatting for empty input and "not" empty input
:placeholder-shown { }
::placeholder-shown { }
:not(:placeholder-shown) { }
::not(:placeholder-shown) { }
 */

/* progress tag bar/value */
::-moz-progress-bar { background-color: var(--pink30); }
::-moz-progress-value { background-color: #00f; }
::-webkit-progress-bar { background-color: var(--pink30); }
::-webkit-progress-value { background-color: #00f; }
::-khtml-progress-bar { background-color: var(--pink30); }
::-khtml-progress-value { background-color: #00f; }


/* keep at bottom */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select, textarea, input {
		font-size: 14px;
	}
}

@media not all and (min-resolution:.001dpcm) {
	.safari_only { font-size: 12px; }
}

@media only screen and (max-width: 480px) {
	/*#brand_logo_main {
		display: block;
	}*/

	#shopping-cart-promo #promo-remove-button {
		line-height: 1.1;
	}

	#item-feedback {
		width: 100%;
		padding: 0;
	}
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
	select, textarea, input[type="text"], input[type="password"],
	input[type="datetime"], input[type="datetime-local"],
	input[type="date"], input[type="month"], input[type="time"],
	input[type="week"], input[type="number"], input[type="email"],
	input[type="url"]{ font-size: 16px; }
	#ipadfix { display: block; }
	/*-ms-zoom: .8;*/

	/*
	doesn't work
	input[type="text"]:focus-visible, input[type="password"]:focus-visible, input[type="search"]:focus-visible, textarea:focus-visible, select:focus-visible {
		font-size: 16px;
	}
	*/
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}


/*Safari (from 6.1 to 10.0)*/
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) { 
	@media {
		.safari6 { 

		}
	}
}

/*Safari (10.1+)*/
@media not all and (min-resolution:.001dpcm) { 
	@media {
		.safari10 { 

		}
	}
}


/*** Styles added to fix the issue with zoom in on iphone **
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {

}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {

}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {

}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {

}

/******************************************************/
/*  Notes											*/
/******************************************************/
/*background: url('') <LEFT> <TOP> / <WIDTH> <HEIGHT> #BGCOLOR no-repeat*/
/*background: url('') color [repeat, no-repeat] postion-[vertical and horizontal] / size-[cover, contain, 100%, 800px, or 200px 100px (width and height)]*/

/* image background, fixed non scroll
OBJ {
	background-color: var(--white);
	background-image: url('');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
	OR
  background: url('') color [repeat, no-repeat] postion-[vertical and horizontal] / size-[cover, contain, 100%, 800px, or (width and height)]
}

OBJ {
	background-size:	px, %, 
										cover			Resize the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges
										contain		Resize the background image to make sure the image is fully visible
	col, image, repeat, posX posY/sizeX sizeY, attach


	var(--white) url('') no-repeat top center/cover fixed;
}

*/

/*
:root {
  --a: 100px;
}
div {
  --a: 100px;
  font-size: calc(var(--a) * .3);
  background: var(--greyMain);
}
*/

/*
sizing
min(<value-list>): selects the smallest (most negative) value from a list of comma-separated expressions
max(<value-list>): selects the largest (most positive) value from a list of comma-separated expressions
clamp(<min>, <ideal>, <max>): clamps a value between an upper and lower bound, based on a set ideal value

center on screen keeping width between 360 and 420px
left: calc(50% - (clamp(360px, 50%, 420px) / 2));
width: clamp(360px, 50%, 420px);

100% of viewport height - 40px
height: calc(100vh - 40px);
*/

/*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));*/
/*-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);*/
/*mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));*/
/*mask-image: linear-gradient(to bottom, black 0%, transparent 100%);*/

/*background: -moz-linear-gradient(top, rgba(137,255,241,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
/*background: linear-gradient(to bottom, rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='var(--black)000',GradientType=0 ); /* IE6-9 */


/******************************************************/
/*  select class name with style containing "STRING"  */
/******************************************************/
/*.CLASSNAME[style*="background-color: rgb(0, 169, 157)"]*/
/*.CLASSNAME[style*="background-color: var(--white)"]*/
/*.CLASSNAME[style*="background-color: inherit"]*/
