

/* BEGIN FONTELLO ICON STYLES */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; margin-right: .2em; */
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
a[class^="icon-"]:before, a[class*=" icon-"]:before {
  text-decoration: none;
}

.icon-plus:before { content: '\2b'; } /* '+' */
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-ok:before { content: '\2713'; } /* '✓' */
.icon-ok-circle:before { content: '\2714'; } /* '✔' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-circle:before { content: '\2716'; } /* '✖' */
.icon-plus-circle:before { content: '\2795'; } /* '➕' */
.icon-minus-circle:before { content: '\2796'; } /* '➖' */
.icon-basket:before { content: '\e03a'; } /* '' */
.icon-star-half-alt:before { content: '\e701'; } /* '' */
.icon-down-open:before { content: '\e75c'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-up-open:before { content: '\e75f'; } /* '' */
.icon-align-justify:before { content: '\e781'; } /* '' */
.icon-list:before { content: '\e782'; } /* '' */
.icon-search:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-user:before { content: '\e802'; } /* '' */
.icon-help-circled:before { content: '\e803'; } /* '' */
.icon-menu:before { content: '\e804'; } /* '' */
.icon-tumblr:before { content: '\e805'; } /* '' */
.icon-youtube-play:before { content: '\e806'; } /* '' */
.icon-pinterest:before { content: '\e807'; } /* '' */
.icon-instagram:before { content: '\e808'; } /* '' */
.icon-down-dir:before { content: '\e809'; } /* '' */
.icon-up-dir:before { content: '\e80a'; } /* '' */
.icon-left-dir:before { content: '\e80b'; } /* '' */
.icon-right-dir:before { content: '\e80c'; } /* '' */
.icon-mobile:before { content: '\e80d'; } /* '' */
.icon-youtube-squared:before { content: '\e80e'; } /* '' */
.icon-youtube:before { content: '\e80f'; } /* '' */
.icon-tumblr-squared:before { content: '\e810'; } /* '' */
.icon-reddit-squared:before { content: '\e811'; } /* '' */
.icon-reddit:before { content: '\e812'; } /* '' */
.icon-spin6:before { content: '\e813'; } /* '' */
.icon-spin4:before { content: '\e814'; } /* '' */
.icon-bag:before { content: '\e815'; } /* '' */
.icon-tablet:before { content: '\e816'; } /* '' */
.icon-heart-empty:before { font-size:120%; content: '\e817'; } /* '' */
.icon-heart:before { font-size:120%; content: '\e818'; } /* '' */
.icon-favorite-empty:before { font-size:120%; content: '\e817'; } /* '' */
.icon-favorite:before { font-size:120%; content: '\e818'; } /* '' */
.icon-star-half:before { content: '\e819'; } /* '' */
.icon-bag-1:before { content: '\e835'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-list-numbered:before { content: '\f0cb'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-gplus-squared:before { content: '\f0d4'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-thumbs-up:before { content: '👍'; } /* '\1f44d' */
.icon-thumbs-down:before { content: '👎'; } /* '\1f44e' */
.icon-phone:before { content: '📞'; } /* '\1f4de' */
.icon-upload:before { content: '📤'; } /* '\1f4e4' */
.icon-download:before { content: '📥'; } /* '\1f4e5' */
.icon-down-open-1:before { content: '\e81c'; } /* '' */

/* END FONTELLO ICON STYLES */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
select {
    height: 22px;
}
input, textarea, select, option {
    font-size: inherit;
    font-family: inherit;
}
.bsOldMenu div {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

body { 
	margin:0px; 
	padding:0px; 
    font-family: Arial, Tahoma, Verdana, sans-serif; 
	color: #333; 
	font-size: 12px; 
	background-color: #FFF;
}
a, a:visited { 
	text-decoration: underline;
	color: #333;  
} 
a:hover { 
	text-decoration: none; 
	color: #666666;
}

a.hoverUnderline, a.hoverUnderline:visited  {
  text-decoration: none !important;
}
a.hoverUnderline:hover {
  text-decoration: underline !important;
}

table, caption {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
}

h1, h2, h3, h4, h5 { 
	font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    margin:0px;
	padding:0px;
} 
img	{
	border:0; 
    margin:0;
}
form {
	margin:0px;
    padding: 0px;
}
/* Text Modifiers */
.textLarge{font-size:15px;}
.textSmall{font-size:11px;}
.textHighlight {
	color: #ff5f00;
}
.textLight{color:#999;}
a.linksLight, a.linksLight:visited { 
	text-decoration: underline;
	color: #999;  
} 
a.linksLight:hover { 
	text-decoration: none; 
	color: #999;
} 

.header {
	font-family: Arial, Tahoma, Verdana,sans-serif;
	font-size: 166%;
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
}

ul.menu {
  position: relative;
  left: 0;
  display: block;
  float: left;
  height: 100%;
  zoom: 1;
  list-style: none;
  margin:0px;
  padding: 0px;
}
ul.menu ul {
  list-style: none;
  margin:0px;
  padding: 0px;
}
ul.menu:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0px;
    clear: both;
    visibility: hidden;
}
ul.menu a .menu-item-bullet {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right:5px;
  vertical-align: top;
  border-left: 4px solid #666;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  content: "";
}
ul.menu a:hover .menu-item-bullet {
  border-left-color: #ff5f00;
}
ul.menu > li {
	float: left;
	margin: 0 0px 0px 15px;	
	padding: 0px;
    height: 100%;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.menu > li.first {
	margin: 0 0px 0px 0px;	
}

ul.menu > li > a, ul.menu > li > a:visited {
	color: #000;
	float: none;
  	display:block;
  	padding: 0px 5px;
  	text-decoration: none;
  	text-shadow: 0 0px 0 #ffffff;  
}
ul.menu > li > a:hover, ul.menu > li.hover > a {
	background-color: transparent;
  	color: #ff5f00;
	text-decoration: none;
}

ul.menu > li > a > .sub-menu-indicator {
    margin-top: 6px;
}
ul.menu > li > a:hover > .sub-menu-indicator, ul.menu > li.hover > a > .sub-menu-indicator  {
	border-top-color: #ff5f00;
}

ul.menu > li > ul.sub-menu {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -35px; top: 100%;
	background: #FFF;
	margin: 0; padding: 0;
	display: none;
	float: left;
	min-width: 200px;
	border: 1px solid #7a7979;
    z-index: 8001;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
ul.menu > li > ul.sub-menu.top-wedge {
	margin-top:14px;
}
ul.menu > li > ul.sub-menu.top-wedge:before {
  content: '';
  display: inline-block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #7a7979;
  border-bottom-color: rgba(122, 121, 121, 1);
  position: absolute;
  top: -15px;
  left: 34px;
}
ul.menu > li > ul.sub-menu.top-wedge:after {
  content: '';
  display: inline-block;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #ffffff;
  position: absolute;
  top: -14px;
  left: 35px;
}

ul.menu li.hover > ul.sub-menu {
	display: block;
}
ul.menu li > ul.sub-menu li {
	display:block;
	margin: 0; 
    padding: 0;
	clear: both;
}

ul.menu li > ul.sub-menu li > a, ul.menu li > ul.sub-menu li > a:visited {
	display: block;
    color: #000;
	padding: 3px 10px;
    text-decoration:none;
}
ul.menu li > ul.sub-menu li > a:hover { /*--Hover effect for subnav links--*/
	background: #dddddd;
    text-decoration:none;
}
ul.menu > li > ul.sub-menu > li {
	position: relative;
}
ul.menu > li > ul.sub-menu ul {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 100%; top: 0px;
	background: #FFF;
	margin: 0; padding: 0;
	display: none;
	float: left;
	min-width: 200px;
	border: 1px solid #7a7979;
    z-index: 8001;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
/* Rich Menu */
ul.menu > li > ul.sub-menu.rich-menu.additional-html{
	width:700px;
}
ul.menu > li > ul.sub-menu.rich-menu{
	width:350px;
	padding:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.rich-menu .outer-container{
	
}
.rich-menu .left-container{
	float:left;
	width:50%;
}
.rich-menu .right-container{
	float:right;
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left:1px solid #ededed;
}
ul.menu li > ul.sub-menu li > a.menu-header, ul.menu li > ul.sub-menu li > a.menu-header:visited, ul.menu li > ul.sub-menu li > div{
	font-weight:bold;
    color:black;
}
ul.menu li > ul.sub-menu li > div{
	font-family: 'ProximaNovaRgRegular', Arial, Tahoma, Verdana,sans-serif;
	font-size: 13px;
	padding:3px 10px;
	outline:none;
}
ul.menu li > ul.sub-menu li > a.menu-header.not-first-row, ul.menu li > ul.sub-menu li > div.menu-header.not-first-row{
	margin-top:30px;
}
ul.menu li > ul.sub-menu li > a.menu-header:hover{
	background-color:white;
	text-decoration:underline;
}
/* admin specific */
ul.menu.admin li > ul.sub-menu li > a.menu-header.not-first-row, ul.menu.admin li > ul.sub-menu li > div.menu-header.not-first-row{
	margin:0px;
}
ul.menu.admin{
	float:none;
    margin:auto;
    display:inline-block;
    text-align:left;
}
ul.menu.admin > li > ul.sub-menu {
	left:0px;
    background-color:#eee;
}
ul.menu.admin > li > ul.sub-menu.rich-menu{
	padding:0px;
    width:auto;
}
ul.menu.admin li > a, ul.menu.admin li > a:visited{
	font-weight:bold;
    font-size:13px;
    padding:5px;
}
ul.menu.admin li > ul.sub-menu li > a, ul.menu.admin li > ul.sub-menu li > div{
	font-family: 'ProximaNovaRgRegular', Arial, Tahoma, Verdana,sans-serif;
	font-size: 13px;
	padding:5px;
	outline:none;
}
ul.menu.admin li > ul.sub-menu li{
	white-space:nowrap;
}
ul.menu.admin li > ul.sub-menu li > a:not(.menu-header), ul.menu.admin li > ul.sub-menu li > a:not(.menu-header):visited{
	background-color:#fff;
    padding-left:10px;
    border-top:none;
    text-decoration:underline;
}
ul.menu.admin li > ul.sub-menu li > a:not(.menu-header):hover{
	text-decoration:none;
    color:#666;
}
ul.menu.admin li > ul.sub-menu li > a, ul.menu.admin li > ul.sub-menu li > div{
	border-top:1px solid #7a7979;
}
ul.menu.admin li > ul.sub-menu li:first-child > a, ul.menu.admin li > ul.sub-menu li:first-child > div{
	border-top:none;
}
/*  USED in admin */

		 .leftMenuLinksNavy   			{ font-family: Arial,Verdana,sans-serif; 	 color: NAVY;		font-size: 11px;  text-decoration: underline; font-weight:bold }		
		a.leftMenuLinksNavy     		{ font-family: Arial,Verdana,sans-serif; 	 color: NAVY;		font-size: 11px;  text-decoration: underline; font-weight:bold }
		a.leftMenuLinksNavy:hover		{ color: 970000; 	 text-decoration: none}	
		a.leftMenuLinksNavy:link     	{ }		
		a.leftMenuLinksNavy:visited		{ }
		a.leftMenuLinksNavy:active		{ }
		.adminButtonRoundedGrey, a.adminButtonRoundedGrey, a.adminButtonRoundedGrey:visited, a.adminButtonRoundedGrey:hover {padding:5px 10px; text-align:center; border:1px solid #333333; background-color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; margin:0px; width:auto;}
        a.adminButtonRoundedGrey, a.adminButtonRoundedGrey:visited, a.adminButtonRoundedGrey:hover {display:block;}
		
		.adminButtonRoundedRed {padding:5px 10px; text-align:center; border:1px solid #333333; background-color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; margin:0px; width:auto;}
        
        .adminRowColorDefault	{background-color:#FFFFFF;}
        .adminRowColorAlternate	{background-color:#EDEDED;}
        
        .adminPageHeader		{
        	font-family:Arial, Helvetica, sans-serif; 
            color: white;
            font-size: 16px;
            font-weight:bold;
            padding:10px;
            background-color:black;
        }
        
        .adminPageSubHeader		{
        	font-family:Arial, Helvetica, sans-serif; 
            color: #000000;
            font-size: 16px;
            font-weight:bold;
        }
		
		embed		{ margin: 5px; }
		iframe		{ margin: 5px; }
		object		{ margin: 5px; }

	textarea.minichart			{background-color:#ffffff; border:1px solid #A5ACB2;}
	textarea.highlightedChart	{background-color:#F5FBFF; border:1px solid #ff0000;}
	
	.orderManagerTopBox			{ border-right: 1px solid #8F8F8F; border-bottom: 1px solid #8F8F8F; border-left:1px solid #000000; border-top:1px solid #000000; padding:3px 0px 3px 0px; }
	.orderManagerTopBoxSortedUp			{ border-right: 1px solid #8F8F8F; border-bottom: 1px solid #8F8F8F; border-left:1px solid #000000; border-top:1px solid #000000; background-color:#afafaf; background-image:url(/images/admin/ordermanagericons/sort_asc_arrow.png); background-repeat:no-repeat; background-position:right 10px; padding:3px 0px 3px 0px; }
	.orderManagerTopBoxSortedDown			{ border-right: 1px solid #8F8F8F; border-bottom: 1px solid #8F8F8F; border-left:1px solid #000000; border-top:1px solid #000000; background-color:#afafaf; background-image:url(/images/admin/ordermanagericons/sort_desc_arrow.png); background-repeat:no-repeat; background-position:right 10px; padding:3px 0px 3px 0px; }

	.textBodyWhiteBold			{ font-family: Arial; 						color: #000033;	 	font-size: 13px; font-weight:bold; text-indent: 2px}

	.textBody 					{ font-family: Tahoma, Arial;	 		color: #000000;	 	font-size: 12px;}
	.textBodyBold				{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 12px; font-weight:bold}
	.textBodyRegular			{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 12px}	
	.textBodySmall				{ font-family: Tahoma, Arial;		color: #000000;	 	font-size: 10px}
	.textBodyLarge				{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 13px}
	.textBodyLarger				{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 14px}
	.textBodyXLarge				{ font-family: Tahoma, Arial;	 		color: #000000;	 	font-size: 14px; font-weight:bold}
	.textBodyXLargeRed			{ font-family: Verdana, Helvetica, Arial, Sans;	color: #FF0000;	 	font-size: 14px; font-weight:bold}
		.textBodyPageHeader				{ font-family: Tahoma, Arial;	 		color: #000000;	 	font-size: 22px; font-weight:bold}
	.textBodyVerySmall			{ font-family: Tahoma, Arial;	 		color: #000000;	 	font-size: 9px}
	.pageTitleBlue				{ font-family: Verdana;						color: #102173;	 	font-size: 14px; font-weight:bold; font-variant: small-caps}
	.textBodyVerd 					{ font-family: Verdana;	 		color: #000000;	 	font-size: 11px;}

	.adminSectionHeader 					{ font-family: Tahoma, Arial;	 		color: #3399ff;	 	font-size: 14pt; font-weight:bold;}
	
	.adminSectionSubHeader 					{ font-family: Tahoma, Arial;	 		color: #850000;	 	font-size: 13pt; font-weight:bold;}
	
	.adminErrorBox 					{ font-family: Tahoma, Arial;	color: #ea1d1d;	 	font-size: 10pt; font-weight:bold; border:2px solid #ea1d1d; padding:10px;}
	
	.adminTextBody 					{ font-family: Tahoma, Arial;	 		color: #000000;	 	font-size: 11pt;}
	
	.adminButtonRed 	{ color: #FFFFFF; background-color:#B71A1D;	 letter-spacing: 1px; text-transform: capitalize;  font-family: Tahoma, Arial; font-size:12px; font-weight:bold }
	.adminButtonBlue 	{ color: #FFFFFF; background-color:#1876F4;	 letter-spacing: 1px; text-transform: capitalize;  font-family: Tahoma, Arial; font-size:12px; font-weight:bold }
	.adminButtonBlueLarge 	{ color: #FFFFFF; background-color:#1876F4;	 letter-spacing: 1px; text-transform: capitalize;  font-family: Tahoma, Arial; font-size:11pt; font-weight:bold }
	
		 .leftMenuLinks    			{ font-family: Arial,Verdana,sans-serif; 	 color: WHITE;		font-size: 11px;  text-decoration: underline; font-weight:bold }		
		a.leftMenutLinks     		{ font-family: Arial,Verdana,sans-serif; 	 color: WHITE;		font-size: 11px;  text-decoration: underline; font-weight:bold }
		a.leftMenuLinks:hover		{ color: CORNSILK; 	 text-decoration: none}
		
	.textBodyNavy				{ font-family: Arial; 						color: #102173;	 	font-size: 11px}
	.textBodyNavySmall			{ font-family: Verdana;					 	color: #102173;	 	font-size: 10px}
	.textBodyNavyLarge			{ font-family: Arial; 						color: #102173;	 	font-size: 12px}
	.textBodyNavyLarger			{ font-family: Arial; 						color: #102173;	 	font-size: 13px}


		 .linksTop     			{ font-family: Verdana;	color: #000000;	font-size:11px; text-decoration: none }		
		a.linksTop     			{ font-family: Verdana;	color: #000000;	font-size:11px; text-decoration: none }	
		a.linksTop:visited		{ font-family: Verdana;	color: #000000;	font-size:11px; text-decoration: none }	
		a.linksTop:hover			{ text-decoration: underline; color: #102173}
		
		 .linksXLarge     			{ font-family: Verdana;	color: #000000;	font-size:13px; text-decoration: none; letter-spacing:-1px;}		
		a.linksXLarge     			{ font-family: Verdana;	color: #000000;	font-size:13px; text-decoration: none; letter-spacing:-1px; }	
		a.linksXLarge:visited		{ font-family: Verdana;	color: #000000;	font-size:13px; text-decoration: none; letter-spacing:-1px; }	
		a.linksXLarge:hover			{ text-decoration: underline; color: #102173}	
		
		 .linksBigBlue     			{ font-family: Verdana;	color: #1072F9;	font-size:14px; text-decoration: none }		
		a.linksBigBlue     			{ font-family: Verdana;	color: #1072F9;	font-size:14px; text-decoration: none }	
		a.linksBigBlue:visited		{ font-family: Verdana;	color: #1072F9;	font-size:14px; text-decoration: none }	
		a.linksBigBlue:hover		{ text-decoration: underline; color: #1072F9}
		
		 .linksBlue     			{ font-family: Verdana;	color: #090079;	font-size:12px; text-decoration: none }		
		a.linksBlue     			{ font-family: Verdana;	color: #090079;	font-size:12px; text-decoration: none }	
		a.linksBlue:visited		{ font-family: Verdana;	color: #090079;	font-size:12px; text-decoration: none }	
		a.linksBlue:hover		{ text-decoration: underline; color: #090079}	
		
		 .links     				{ font-family: Arial;	color: #000000;	font-size:12px; text-decoration: underline }		
		a.links     				{ font-family: Arial;	color: #000000;	font-size:12px; text-decoration: underline }	
		a.links:visited				{ font-family: Arial;	color: #000000;	font-size:12px; text-decoration: underline }	
		a.links:hover			    { text-decoration: none; color: #102173}	
		
		 .linksDarkBlue     			{ font-family: Verdana;	color: #090079;	font-size:12px; text-decoration: none }		
		a.linksDarkBlue     			{ font-family: Verdana;	color: #090079;	font-size:12px; text-decoration: none }	
		a.linksDarkBlue:visited		{ font-family: Verdana;	color: #090079;	font-size:12px; text-decoration: none }	
		a.linksDarkBlue:hover		{ text-decoration: underline; color: #090079}
		
/*  USED in general */
		 .linksSmall     			{ font-family: Verdana;	color: #000000;	font-size:10px; text-decoration: underline }		
		a.linksSmall     			{ font-family: Verdana;	color: #000000;	font-size:10px; text-decoration: underline }	
		a.linksSmall:visited		{ font-family: Verdana;	color: #000000;	font-size:10px; text-decoration: underline }	
		a.linksSmall:hover			{ text-decoration: none; color: #102173}
		
		a.enlarge:hover				{font-size:12px;}	

/*  USED in general */
		 .linksLarge     			{ font-family: Arial;	color: #000000;	font-size:12px; text-decoration: underline }		
		a.linksLarge     			{ font-family: Arial;	color: #000000;	font-size:12px; text-decoration: underline }	
		a.linksLarge:visited		{ font-family: Arial;	color: #000000;	font-size:12px; text-decoration: underline }	
		a.linksLarge:hover			{ text-decoration: none; color: #102173}
		
.copyRight					{ font-family: Tahoma, Arial;	 		color: #FFFFFF;	 	font-size: 10px;}

	.textHeaderBig				{ font-family: Verdana; 					color: BLACK;	 	font-size: 11px; font-weight:bold;}

	.textBodyWhite				{ font-family: Arial; 						color: #FFFFFF;	 	font-size: 12px}	
	.textBodyWhiteLarge			{ font-family: Arial; 						color: #FFFFFF;	 	font-size: 12px}	
	.textBodyWhiteXLarge		{ font-family: Arial; 						color: #FFFFFF;	 	font-size: 14px}	
	.textBodyWhiteSmall			{ font-family: Verdana;						color: #FFFFFF;	 	font-size: 11px}	
	.textBodyWhiteVerySmall		{ font-family: Verdana;						color: #FFFFFF;	 	font-size: 8px}
	
	.textBodyRedAbandon				{ font-family: Arial;			 			color: #990000;	 	font-size: 12px}
	.textBodyRed				{ font-family: Tahoma, Arial;				 			color: #990000;	 	font-size: 12px}
	.textBodyRedSmall			{ font-family: Verdana;	 					color: #990000;	 	font-size: 10px}
	.textBodyRedLarge			{ font-family: Arial;			 			color: #990000;	 	font-size: 14px}
	.error 					 	{ font-family: Arial,Verdana,sans-serif; 	color: RED;	font-size: 11px; font-weight:bold}
	
	
	
/* Reporting classes */	
	.chartTxt { font-family: Verdana,sans-serif ; font-size: 10px ; color: #000000 }
	a.chartTxt { font-family: Verdana,sans-serif ; font-size: 10px ; color: #000099 ; text-decoration: none }
	a.chartTxt:link { }
	a.chartTxt:active { }
	a.chartTxt:visited { }
	a.chartTxt:hover { text-decoration: underline }	
	
	.searchPaging { font-family: Verdana,sans-serif ; font-size: 10px ; font-weight: bold ; color: #000000 }
	a.searchPaging { font-family: Verdana,sans-serif ; font-size: 10px ; color: #000099 ; text-decoration: none }
	a.searchPaging:link {}
	a.searchPaging:active {}
	a.searchPaging:visited {}
	a.searchPaging:hover { text-decoration: underline }
	.profileHdr { font-family: Verdana,sans-serif ; font-size: 12px ; font-weight: bold ; color: #000000 }
	
		 .textBodyLinksNavy    		{ font-family: Verdana,sans-serif;  	  	  color: NAVY;		font-size:12px; text-decoration: underline; font-weight:bold }		
		a.textBodyLinksNavy    		{ font-family: Arial,Verdana,sans-serif;  	  color: NAVY;		font-size:12px; text-decoration: underline; font-weight:bold }		
		a.textBodyLinksNavy:hover	{ text-decoration: none; color: #336699}			

 	.textBodyLinksNavySmall    		{ font-family: Verdana,sans-serif;  	  	  color: NAVY;		font-size:11px; text-decoration: underline; font-weight:bold }		
		a.textBodyLinksNavySmall    		{ font-family: Arial,Verdana,sans-serif;  	  color: NAVY;		font-size:11px; text-decoration: underline; font-weight:bold }		
		a.textBodyLinksNavySmall:hover	{ text-decoration: none; color: #336699}
		
	.tableHeaderAdmin				{ font-family: Arial, Helvetica;		color: #000033;	 	font-size: 12px; font-weight:bold}
			
		.adminText				{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 12px}	
	.adminTextSmall				{ font-family: Tahoma, Arial;		color: #000000;	 	font-size: 10px}
	.adminTextLarge				{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 13px}
	.admintextbold				{ font-family: Tahoma, Arial; font-weight:bold;	color: #000000;	 font-size: 18px; background-color:#FFCCCC;}
	
	.thinTable					{ border: 1px solid; border-color: #CCCCCC; }
	.thinTableBlack					{ border: 1px solid; border-color: #000000; }
	.blackBorderNoLeft			{ border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
	.blackBorderLast			{ border-bottom: 1px solid #000000; }
	.thinTableGrey					{ border: 1px solid #CBCBCB; }
	
	.orderManagerTopBox			{ border-right: 1px solid #8F8F8F; border-bottom: 1px solid #8F8F8F; border-left:1px solid #000000; border-top:1px solid #000000; }
	
	.borderedCell					{ border-right: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding:4px; }
	.altBorderedCell				{ border-bottom: 1px solid #CBCBCB; padding:4px; }
	.smBR  	 			 		{ LINE-HEIGHT: 5pt;	font-size: 5px}
	.bold 						{ font-weight: bold; }
	.underline 					{ text-decoration:underline; }	

	[data-report-hook="nonAjaxSortOption"] {cursor:pointer;}	
	
/* Colored Buttons  */
		
		.redButtonWhiteFace  	{ color: #FFFFFF; background-color:#b71a1d;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold; text-decoration: none; padding: 1px 6px; border-width: 2px; border-style: outset; border-color: buttonborder; border-image: initial; display: inline-block; cursor: pointer; } 		
		.redButtonYellowFace  	{ color: #FFCC00; background-color:#990000;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold } 				
		.greenButtonWhiteFace 	{ color: #FFFFFF; background-color:#B0B4A0;	 letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold } 		
		.greenButtonNavyFace	{ color: #FFFFFF; background-color:#1876F4;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold }
		.greenButtonNavyFacebackup 	{ color: #003366; background-color:#B0B4A0;	 letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold } 				
		.yellowButtonNavyFace  	{ color: #003366; background-color:#FFCC00;	 letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold } 						
		.navyButtonYellowFace  	{ color: #FFCC00; background-color:#000033;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold } 				
		.navyButtonWhiteFace  	{ color: #FFFFFF; background-color:#000033;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold } 

		a.greenButtonNavyFace, a.greenButtonNavyFace:visited { color: #FFFFFF; background-color:#1876F4;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:9px; font-weight:bold; text-decoration: none; padding: 1px 6px; border-width: 2px; border-style: outset; border-color: buttonborder; border-image: initial; display: inline-block; cursor: pointer;}
		a.greenButtonNavyFace:hover { color: #FFFFFF; text-decoration: none;}

/* row select for cstickets */
	.rowBody 										{ font-family: Tahoma, Arial;	 		color: #000000;	 	font-size: 12px;}
	.rowBodyBold								{ font-family: Tahoma, Arial;			color: #000000;	 	font-size: 12px; font-weight:bold}
	.rowBody_highlight 				{ font-family: Tahoma, Arial;	 		background: yellow; color: #000000;	 	font-size: 12px;}
	.rowBodyBold_highlight			{ font-family: Tahoma, Arial;			background: yellow; color: #000000;	 	font-size: 12px; font-weight:bold}
	
	.orderManagerButton  	{ color: #000000; background-color:#F2EB79;  letter-spacing: 1px; text-transform: capitalize;  font-family: 'Microsoft Sans Serif'; font-size:11px; font-weight:bold; border:1px solid #CCCCCC;}
	

		.textCatHeader				{ font-family: Arial, Verdana, Helvetica, Sans;	color: #1876F4;	 	font-size: 16px; }
		 .linksDarkBlueSmall     		{ font-family: Verdana;	color: #090079;	font-size:10px; text-decoration: none }		
		a.linksDarkBlueSmall     		{ font-family: Verdana;	color: #090079;	font-size:10px; text-decoration: none }	
		a.linksDarkBlueSmall:visited	{ font-family: Verdana;	color: #090079;	font-size:10px; text-decoration: none }	
		a.linksDarkBlueSmall:hover		{ text-decoration: underline; color: #090079}
		
		 .linksWhite     			{ font-family: Arial;	color: #FFFFFF;	font-size:11px; text-decoration: underline }		
		a.linksWhite     			{ font-family: Arial;	color: #FFFFFF;	font-size:11px; text-decoration: underline }	
		a.linksWhite:visited		{ font-family: Arial;	color: #FFFFFF;	font-size:11px; text-decoration: underline }	
		a.linksWhite:hover			{ text-decoration: none; color: #C7C7C7}
		
		 .linksWhiteLarge     			{ font-family: Arial;	color: #FFFFFF;	font-size:12px; text-decoration: underline }		
		a.linksWhiteLarge     			{ font-family: Arial;	color: #FFFFFF;	font-size:12px; text-decoration: underline }	
		a.linksWhiteLarge:visited		{ font-family: Arial;	color: #FFFFFF;	font-size:12px; text-decoration: underline }	
		a.linksWhiteLarge:hover			{ text-decoration: none; color: #C7C7C7}	

		.memberBox					{padding: 5px; margin-bottom: 10px; background-color: #FFCCCC; font-family: Arial; color: #006600; font-size: 14px; text-align: center;}
		.memberBox.gray {background-color: #eee; color: #333;}
		.memberBox.green {background-color: #B3FFB3; color: #333;}	
		a.memberBoxlink {    color: #006600;    font-family: Arial;    font-size: 14px;    text-decoration: underline;}
		a.memberBoxlink:hover {    color: #336699;    text-decoration: none;}
		.textBodyOrders {    color: #000000;    font-family: Verdana,Arial,Helvetica,sans-serif;    font-size: 11px;}
		.linksOrders {    color: #000000;    font-family: Verdana,Arial,Helvetica,sans-serif;    font-size: 11px;    text-decoration: underline;}
		a.linksOrders {    color: #000000;    font-family: Verdana,Arial,Helvetica,sans-serif;    font-size: 11px;    text-decoration: underline;}
		a.linksOrders:visited {    color: #000000;}
		a.linksOrders:hover {    text-decoration: none;}
		
		
#dhtmltooltip{
position: absolute;
padding:0px;
background-color: #C3E3F8;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* PAGING */
/* Paging classes */
.pagingContainer	{display:inline;}
.pagingEllipsis		{font-family:  Verdana, Helvetica, Arial, Sans;	font-size: 9pt; color: #000000; padding:2px; margin:0px; border:0px solid #990000; text-decoration:none; height:100%;}
.pagingButton		{font-family:  Verdana, Helvetica, Arial, Sans;font-size: 9pt; 	color: #1876F4; padding:3px; background-color:#FFFFFF; margin:2px; border:1px solid #1876F4; font-weight:bold; text-decoration:none; height:100%;}
a.pagingButton:hover {color: #FFFFFF;}
a.pagingButton:visited				{font-family:  Verdana, Helvetica, Arial, Sans;font-size: 9pt; 	color: #1876F4; padding:3px; background-color:#FFFFFF; margin:2px; border:1px solid #1876F4; font-weight:bold; text-decoration:none; height:100%;}
.pagingSelected		{font-family:  Verdana, Helvetica, Arial, Sans;	color: #FFFFFF;font-size: 9pt;  padding:3px; background-color:#1876F4; margin:2px; border:1px solid #1876F4; font-weight:bold; text-decoration:none; height:100%;}
a.pagingSelected:hover {color: #FFFFFF;}
.pagingDeactivated	{font-family:  Verdana, Helvetica, Arial, Sans;	color: #999999;font-size: 9pt;  padding:3px; background-color:#FFFFFF; margin:2px; border:1px solid #999999; font-weight:bold; text-decoration:none; height:100%;}

.selectedPage		{font-family:  Verdana, Helvetica, Arial, Sans;	color: #FFFFFF;font-size: 9pt;  padding:3px; background-color:#1876F4;   border:1px solid #1876F4; font-weight:bold; text-decoration:none; height:100%;}

.mbPagingBody 		{font-family:  Verdana, Helvetica, Arial, Sans;	color: #003366; font-size:12px; font-weight:bold; text-decoration:none;}
.mbPagingButton	{font-family:  Verdana, Helvetica, Arial, Sans;	color: #003366; font-size:12px; padding:3px; background-color:#FFFFFF; border:1px solid #003366; font-weight:bold; text-decoration:none; height:100%;}
a.mbPagingButton	{font-family:  Verdana, Helvetica, Arial, Sans;	color: #003366; font-size:12px; padding:3px; background-color:#FFFFFF; border:1px solid #003366; font-weight:bold; text-decoration:none; height:100%;}
a.mbPagingButton:visited	{font-family:  Verdana, Helvetica, Arial, Sans;	color: #003366; font-size:12px; padding:3px; background-color:#FFFFFF; border:1px solid #003366; font-weight:bold; text-decoration:none; height:100%;}
a.mbPagingButton:hover	{font-family:  Verdana, Helvetica, Arial, Sans;	color: #FFFFFF; font-size:12px; padding:3px; background-color:#003366; border:1px solid #003366; font-weight:bold; text-decoration:none; height:100%;}

/* FOR NEW MINICHART SYSTEM*/
.textBodyPageHeaderBlue				{ font-family: Tahoma, Arial; color:#000000;		color: #000000;	 	font-size: 18px; font-weight:bold}
.blueGreyButtonWhiteFaceLarge  	{ color: #000000; background-color:#E7E7E7;  letter-spacing: 1px; text-transform: capitalize; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold } 	
.blueGreyButtonWhiteFaceSmall  	{ color: #000000; background-color:#E7E7E7;  letter-spacing: 1px; text-transform: capitalize; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; width:250px; text-align:center; } 	
.minichartHeaderRow				{ font-family: Arial; 	color: #000000;	 	font-size: 12px; background-color:#E7E7E7;}
.minichartInfoRow				{ font-family: Tahoma, Arial; color: #000000; font-size: 14px;}
/*  END NEW MINICHART STYLES */	

/* FOR NEW ADMIN HOMEPAGE  */
.adminHomepageSectionHeader	{display:block; background-color:#444444; padding:5px;font-family: Arial, Tahoma, Helvetica; color:#FFFFFF;	font-size: 15px; font-weight:bold;}
.adminHomepageSectionHeaderText	{font-family: Arial, Tahoma, Helvetica; color:#FFFFFF;	font-size: 15px;font-weight:bold;}
.adminHomepageSection	{}
.adminHomepageSection div.nonLinkItem, .adminHomepageSection a, .adminHomepageSection a:visited	{display:block; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:5px 5px 5px 20px; background-color:#F2F2F2; font-family:  Arial, Tahoma, Helvetica; color:#333333;	font-size: 12px;font-weight:bold; text-decoration:none; }
.adminHomepageSection a:hover{display:block; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; background-color:#e3e2e2; padding:5px 5px 5px 20px;font-family:  Arial, Tahoma, Helvetica; color:#333333;	font-size: 12px; font-weight:bold;text-decoration:none;}
.adminHomepageSection div.subHeader	{display:block; background-color:#7f7e7e; padding:5px 5px 5px 10px;font-family:  Arial, Tahoma, Helvetica; color:#FFFFFF;	font-size: 13px; font-weight:bold;}	



.emailTempAdminHeader { font-size:22px; font-family: Tahoma,Arial; font-weight:bold;}
.emailTempAdminSubHeader { background-color: #333333; color: #FFFFFF; padding: 5px; font-family: Tahoma,Arial; font-size: 14px; font-weight:bold;}
.emailTempAdminFieldHint {color: #555555;font-family: Tahoma,Arial;font-size: 12px;}
.emailTempAdminFieldLabel {font-family: Tahoma,Arial;font-size: 13px; font-weight:bold;}
.emailTempAdminFieldTextBoxFixedWidth {border: 1px solid #D8D8D8; color: #333333; font-family: Tahoma,Arial,sans-serif; font-size: 15px; margin-top:2px;outline: medium none; width: 500px;}
.emailTempAdminFieldTextBox {border: 1px solid #D8D8D8; color: #333333; font-family: Tahoma,Arial,sans-serif; font-size: 15px; margin-top:2px;outline: medium none;}
.emailTempAdminButton {background-color: #555555; border: 1px solid #333333; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; font-weight: bold; padding: 5px 10px; text-align: center; text-decoration: none;}
.emailTempAdminLinks, a.emailTempAdminLinks:visited {color:#000000; font-family: Tahoma,Arial,sans-serif; }
a.emailTempAdminLinks:hover{text-decoration:none; color:#333333;}

/* Newsletter Email List styles */
	 .columnTitle     			{ font-family: Arial; color: #102173;	 	font-size: 12px }		
	a.columnTitle     			{ font-family: Arial;	color: #102173;	font-size:12px; text-decoration: none }	
	a.columnTitle:visited		{ font-family: Arial;	color: #102173;	font-size:12px; text-decoration: none }	
	a.columnTitle:hover			{ text-decoration: underline; color: #000000}
/* New Category Page Styles */
.categoryAdminSubheader{font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:black;padding:10px 0px 10px 0px;}
.categoryListHeaders     			{ font-family: Arial; color: white;font-size: 14px;font-weight:bold;padding:5px; }	
.categoryManagementHeader     			{ font-family:Arial, Helvetica, sans-serif; color: white;font-size: 18px;font-weight:bold;padding:5px 10px;background-color:#333333; }
.defaultCategoryButton {width: 150px; padding:5px 0px; text-align:center; border:1px solid #333333; background-color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;  font-style:italic; cursor:pointer;display:block; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
a.defaultCategoryButton, a.defaultCategoryButton:visited	{width: 150px; padding:5px 0px; border:1px solid #333333; text-align:center; background-color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;  font-style:italic; cursor:pointer;display:block; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
a.defaultCategoryButton:hover	{width: 150px; padding:5px 0px; text-align:center; border:1px solid #333333; background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;  font-style:italic; cursor:pointer;display:block; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}	 
.categoryAdminField {font-weight:bold;}
.categoryAdminPage input{}
.categoryAdminPage textarea{height:60px;width:400px;border:1px solid #555;}
.categoryAdminPage input[type="text"] {font-size:12px;width:400px;border:1px solid #555;padding:3px;}	
.categoryAdminPage select{font-size:12px;width:400px;border:1px solid #555;}	
.categoryAdminPage input[type="radio"] {}
.categoryAdminPage input[type="checkbox"] {}
.categoryAdminPageProducts input[type="text"] {font-size:12px;border:1px solid #555;padding:3px;}
.categoryAdminPageProducts input[disabled="disabled"] {  -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50; }	

/* Look Book Minichart */
.lookBookContainer{padding:10px 0px 10px 0px}
.lookBookContainer .dds_entryItem{padding:10px;}

.floatLeft {
	float: left;
}
.floatRight {
	float:right;
}
.floatContainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatContainer {
	zoom:1;	
}

.paging_button, .paging_selected, a.paging_button, a.paging_button:visited, .paging_next, a.paging_next, a.paging_next:visited, .paging_prev, a.paging_prev, a.paging_prev:visited {
	margin-right: 10px;
	padding: 2px 5px;
	min-width: 30px;
	text-align: center;
	color: #333;
	border: 1px solid #333;
	border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; 
	background-color: #FFF;
	text-decoration: none;
	font-family:  Verdana, Helvetica, Arial, Sans;
	font-size: 12px; 
	font-weight: bold;
	-moz-inline-stack;
	display: inline-block;
	vertical-align: middle;

	zoom: 1;
	*display: inline;
}
.paging_ellipsis {
	margin-right: 10px;
	-moz-inline-stack;
	display: inline-block;
	vertical-align: bottom;

	zoom: 1;
	*display: inline;
}
a.paging_button:hover, a.paging_next:hover, a.paging_prev:hover, .paging_selected {
	color: #FFF;
	background-color: #333;
}

.contentLoadLayover {
    position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 200;
    
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.contentLoadLayover .transparency {
	width:100%;
    height:100%;
	position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 201;
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
    background-color: #FFFFFF;
    opacity:0.6;
  	filter:alpha(opacity=60); /* For IE8 and earlier */
}

.contentLoadLayover .loadBadge {
	position: absolute;
    top: 100px;
    left: 50%;
    z-index: 202;
    
    margin: 0px 0px 0px -50px;
	width:100px;
    padding: 5px;
    background-color:#FFFFFF;
    
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color: #333333;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    border:1px solid #333333;
    
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.contentLoadLayover .loadAnimation {
	width: 100%;
    height: 66px;
    background-image: url(/images/common/loading_animation_medium.gif);
    background-repeat: no-repeat;
    background-position: center top;
}
.contentLoadLayover .loadMessage {
	margin: 3px 0px 0px 0px;
	font-size: 12px;
	font-family:  Verdana, Helvetica, Arial, Sans;
}

.contentLoadLayover_minimal {
    position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 200;
    
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.contentLoadLayover_minimal .transparency {
	width:100%;
    height:100%;
	position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 201;
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
    background-color: #FFFFFF;
    opacity:0.6;
  	filter:alpha(opacity=60); /* For IE8 and earlier */
    display:none;
}

.contentLoadLayover_minimal .loadBadge {
	position: absolute;
    top: 100px;
    left: 50%;
    
    width:26px;
    height: 26px;
    margin: 0px 0px 0px -13px;
    padding: 5px;
    
    background-color:#FFFFFF;
    
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color: #333333;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    border:1px solid #333333;
    
    -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.contentLoadLayover_minimal .loadAnimation {
	width: 100%;
    height: 16px;
    background-image: url(/images/common/loading_animation_small.gif);
    background-repeat: no-repeat;
    background-position: center top;
}
.contentLoadLayover_minimal .loadMessage {
	display:none;
}

.formRow > div { display:inline-block; }

.productSearch	{
width:100%;
padding: 5px;
background-image:url(/images/mobile/buttons/button_grad_red.png);
background-repeat:repeat-x;
background-color:#a10414;
color: white;
text-align: center;
margin:10px 0;
font-size:14px;
border: #333 solid 1px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-appearance: none;
}

/* BEGIN PAGINATION STYLES */
ul.pagination {
  position: relative;
  display: block;
  height: 100%;
  font-size: 0px;
  zoom: 1;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
ul.pagination > li {
  font-size: 10px;
  margin-left: 5px;
  -moz-inline-stack !important;
  display: inline-block !important;
  vertical-align: middle;
  zoom: 1 !important;
  *display: inline !important;
}
ul.pagination > li:first-child {
  margin-left: 0px;
}
ul.pagination > li > a, ul.pagination > li > a:visited {
  display: block;
  padding: 2px 5px;
  border: 1px solid black;
  text-decoration: none;
}
ul.pagination > li > a:hover {
  text-decoration: underline;
}
ul.pagination > li > a.active, ul.pagination > li > a.active:visited {
  background-color: #ededed;
}
ul.pagination > li > a.active:hover {
  text-decoration: none;
  cursor: default;
}
ul.pagination > li.pagination-ellipses {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
}


/* END PAGINATION STYLES */

/* LOAD LAYOVER STYLES */
.load-layover {
    position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 400;
    
}
.load-layover .load-layover-transparency {
  width:100%;
  height:100%;
  position: absolute;
  padding: 0px;
  text-align:center;
  z-index: 401;
  background-color: #FFFFFF;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.load-layover.no-transparency .load-layover-transparency {
  display:none;
}

.load-layover .load-layover-content {
  width:100%;
  height:100%;
  position: absolute;
}

.load-layover .load-layover-badge {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 402;
    
    margin: 0px 0px 0px -55px;
    width:110px;
    padding: 5px;
    background-color:#FFFFFF;
    
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color: #333333;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    border:1px solid #333333;
    
}
.load-layover.highlight .load-layover-badge {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 402;
    
    margin: 0px 0px 0px -55px;
    width:110px;
    padding: 5px;
    background-color:#ff5f00;
    
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color: #FFF;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    border:0px solid #333333;
    
}
.load-layover.vertical-center .load-layover-badge {
  top: 50%;
  margin-top: -50px;
}

.load-layover .load-layover-animation {
  width: 100%;
    height: 66px;
    background-image: url(/images/common/loading_animation_medium.gif);
    background-repeat: no-repeat;
    background-position: center top;
}
.load-layover.highlight .load-layover-animation {
  background-image: url(/images/common/loading_animation_medium_highlight.gif);
}
.load-layover .load-layover-message {
  margin: 3px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 10px;
}

.load-layover.small .load-layover-badge {
  position: absolute;
  top: 100px;
  left: 50%;
  
  width:26px;
  height: 26px;
  margin: 0px 0px 0px -13px;
  padding: 5px;
  
  background-color:#FFFFFF;
  
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  color: #333333;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  border-radius: 5px;
  border:1px solid #333333;
    
}

.load-layover.small.vertical-center .load-layover-badge {
  top: 50%;
  margin-top: -13px;
}

.load-layover.small .load-layover-animation {
  width: 100%;
  height: 16px;
  background-image: url(/images/common/loading_animation_small.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
.load-layover.small .load-layover-message {
  display:none;
}

/* END LOAD LAYOVER STYLES */

/* Table Layout Styles */

table.modal-chart .table-header > td {font-weight:bold;font-size:14px;}
table.modal-chart td {text-align: center;border-bottom:1px solid #333;}
table.modal-chart tr:nth-child(2n+1) > td:nth-child(2n+1) {background-color:#fff;}
table.modal-chart tr:nth-child(2n+1) > td:nth-child(2n) {background-color:#e6e6e6;}
table.modal-chart tr:nth-child(2n) > td:nth-child(2n+1) {background-color:#E5F1FF;}
table.modal-chart tr:nth-child(2n) > td:nth-child(2n) {background-color:#d1e6ff;}

.inBlockContainer {
  font-size: 0px;
}
.inBlock {
  -moz-inline-stack !important;
  display: inline-block !important;
  vertical-align: middle;
  zoom: 1 !important;
  *display: inline !important;
}
.inBlockContainer .inBlock {
  font-size: 12px;
}

.button, 
a.button, 
a.button:visited
{ 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  

	display: inline-block;
  vertical-align: middle;
  width: auto;
  line-height:25px;
  min-height: 25px;
	border: 0px;
  margin: 0px;
  padding:0px 5px;
  background-color: #ff5f00;
  border:1px #ff5f00 solid;
  cursor: pointer;
    
  font-size:14px;
  color: #FFF;
  font-family: 'ProximaNovaRgRegular', Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  text-align: center;
  letter-spacing: 1px;
    
  transition: background 0.2s ease-in 0s, color 0.2s ease-in 0s;
	-moz-transition: background 0.2s ease-in 0s, color 0.2s ease-in 0s; /* Firefox 4 */
	-webkit-transition: background 0.2s ease-in 0s, color 0.2s ease-in 0s; /* Safari and Chrome */
	-o-transition: background 0.2s ease-in 0s, color 0.2s ease-in 0s; /* Opera */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
    
  text-transform:uppercase;
  cursor: pointer;
  outline:none;
  *zoom: 1;
  *display: inline; 
}

.button:hover, 
a.button:hover 
{ 
    background-color: #ff6f1a;
    border-color:#ff6f1a;
    color: #FFF;
    text-decoration: none !important;
}
.button.cancel,
a.button.cancel {
	background-color: #FFFFFF;
  	color: #ff5f00;
  	border: 1px solid #dfdfe1;
}
.button.cancel:hover,
a.button.cancel:hover {
	background-color: #ff5f00;
    color:#FFFFFF;
    border-color:#ff5f00;
}
.button.cancel-feedback,
a.button.cancel-feedback {
	background-color: #FFFFFF;
  	color: #5c88da;
  	border: 1px solid #5c88da;
}
.button.cancel-feedback:hover,
a.button.cancel-feedback:hover {
	background-color: #5c88da;
    color:#FFFFFF;
    border-color:#5c88da;
}
.button.cancel-grey,
a.button.cancel-grey {
	background-color: #FFFFFF;
  	color: #555555;
  	border: 1px solid #555555;
}
.button.cancel-grey:hover,
a.button.cancel-grey:hover {
	background-color: #555555;
    color:#FFFFFF;
    border-color:#555555;
}
.button.small, 
a.button.small, 
a.button.small:visited 
{
    font-size: 11px;
    line-height: 15px;
    min-height: 15px;
    border:1px solid #ffffff;
}
.button.remove,
a.button.remove {
	background-color: #e60000;
  	color: #fff;
  	border: 1px solid #e60000;
}
.button.remove:hover,
a.button.remove:hover {
	background-color: #b30000;
    color:#fff;
    border-color:#b30000;
}
.button.feedback,
a.button.feedback {
	background-color: #5c88da;
    color: #FFFFFF;
    border-color: #5c88da;
}
.button.feedback:hover,
a.button.feedback:hover {
	background-color: #5c88da;
    color: #FFFFFF;
    border-color: #5c88da;
}
.button.affirm,
a.button.affirm {
	background-color: #99CCFF;
    color:#000;
    border-color:#99CCFF;
}
.button.affirm:hover,
a.button.affirm:hover {
	background-color: #66b3ff;
    color:#000;
    border-color:#66b3ff;
}
.button.negate,
a.button.negate {
	background-color: #FFFFCC;
    color:#000;
    border-color:#FFFFCC;
}
.button.negate:hover,
a.button.negate:hover {
	background-color: #ffff99;
    color:#000;
    border-color:#ffff99;
}
.button.dark,
a.button.dark {
	background-color: #333;
	border-color: #333;
}
.button.dark:hover,
a.button.dark:hover {
	background-color: #aaa;
	border-color: #aaa;
}
.button.white,
a.button.white {
	background-color: #FFF;
	border-color: #000;
	color: #000;
}
.button.white:hover,
a.button.white:hover {
	background-color: #aaa;
	border-color: #aaa;
	color: #fff;
}
.button.inactive{background-color:#aaa;border-color:#aaa;}
.button.inactive:hover{background-color:#afafaf;border-color:#afafaf;}
.button.large {
	padding: 0px 10px;
    font-size: 16px;
    line-height: 40px;
    min-width: 140px;
    min-height: 40px;
}
.showDisabled[disabled],
.showDisabled[disabled]:visited
{
	background-color:#aaa;
	border-color:#aaa;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
.customer-status {background-color: #ff5f00; color: #fff;}
.customer-status.active-subscription {background-color: #ccffcc;color:#333;}
.customer-status.waitlisted-subscription {background-color: #ffffcc;color:#333;}
.customer-status.inactive-subscription {background-color:#FFB3C6;color:#333;}
.customer-status.new-subscription {background-color: #000080;color:#fff;}

/* BEGIN TOOLTIP STYLES */

.tooltip {
  border-radius: 0px; 
  border: 1px solid #ccc;
  background: #FFF;
  color: #000;
  -webkit-box-shadow: 1px 1px 0 0 rgba(204,204,204,1);
  -moz-box-shadow: 1px 1px 0 0 rgba(204,204,204,1);
  -ms-box-shadow: 1px 1px 0 0 rgba(204,204,204,1);
  -o-box-shadow: 1px 1px 0 0 rgba(204,204,204,1);
  box-shadow: 1px 1px 0 0 rgba(204,204,204,1);
}
.tooltip .tooltipster-content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
}

/* END TOOLTIP STYLES */

/* BEGIN BOX SUBSCRIPTION */

.information-container {
	padding:5px;
	transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-moz-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-webkit-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-o-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.information-container:nth-child(2n+1){background-color:#eee;}
.information-container:nth-child(2n){background-color:#ddd;}
.information-container.request-success {background-color:#9dff9d !important;}
.information-container.request-fail {background-color:#ff7676 !important;}
.information-container .label{float:left;width:100px;font-weight:bold;}
.information-container .value{margin-left:5px;float:left;}
.information-container .value.inBlock {float:none !important;}
.information-container .label.inBlock {float:none !important;}
.information-container.cancel-inquiry {text-align:center;color:#ff0000;font-weight:bold;text-transform:uppercase;}
.informationList .subHeader, [data-box-detail-hook="informationList"] .subHeader {font-weight:bold;font-size:15px;background-color:#aeaeae;padding:5px;}

/* List Box Details */

.order-detail .header, .box-list-container .header, .box-subscription-list-container .header, .view-styling-team-container .header {font-size:16px;font-weight:bold;padding:0;background-color:#fff;color:#000;}
.box-list-container table.box-list tr:first-child, table.box-subscription-list tr:first-child, .view-styling-team-container .styling-team-member-list tr:first-child {background-color: #333 !important;font-weight: bold;color:#fefefe;}
.key-container .inBlock {padding:5px;margin-left:5px;font-weight:bold;}
[data-box-list-hook="sortOption"], [data-box-subscription-hook="sortOption"] {cursor:pointer;}
.box-list-container .ul.pagination > li > a.active, ul.pagination > li > a.active, .box-list-container .ul.pagination > li > a.active, ul.pagination > li > a.active:visited {background-color:#333;color:#efefef;}
.box-list-container .list-filters-container {text-align:right;margin:5px 0;}
.box-list-container table.box-list {width:1300px;}
.box-list-container .sort-paging-container {margin-top:10px;}
.box-list-container .on-hold-stats-container {text-align:right;margin-bottom:5px;}
.box-list-container .on-hold-stats-container .inBlock:not(:last-child) {border-right:1px solid #333;padding-right:4px;}
.box-list-container .on-hold-stats-container .inBlock:nth-child(n+2) {margin-left:4px;}
.box-list-container .on-hold-stages-key {padding:5px;border:1px solid #333;background-color:#ededed;margin:0 5px;}
.box-list-container .on-hold-stages-key .title {text-align:center;}
.box-list-container .on-hold-stages-key .stages {line-height:18px;margin-top:5px;}
.box-list-container .on-hold-stages-key .stages .inBlock:nth-child(n+2) {margin-left:4px;}
.box-list-container .on-hold-stages-key .stages .inBlock:not(:last-child) {border-right:1px solid #333;padding-right:4px;}
.box-detail-row {
	transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-moz-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-webkit-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-o-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.box-detail-row:nth-child(2n+1) {background-color: #eee;}
.box-detail-row:nth-child(2n) {background-color: #ddd;}
.box-detail-row:nth-child(2n+1).waiting, .box-detail-container .status.waiting {background-color: #00cc00;}
.box-detail-row:nth-child(2n).waiting {background-color: #00b800;}
.box-detail-row:nth-child(2n+1).waiting.box-1 {background-color: #ccffcc;}
.box-detail-row:nth-child(2n).waiting.box-1 {background-color: #b3ffb3;}
.box-detail-row:nth-child(2n+1).working, .box-detail-container .status.working {background-color: #ffffcc;}
.box-detail-row:nth-child(2n).working {background-color: #ffffb3;}
.box-detail-row:nth-child(2n+1).redo_note, .box-detail-container .status.redo_note,
.box-detail-row:nth-child(2n+1).oos_replace, .box-detail-container .status.oos_replace  {background-color: #ff1aff;}
.box-detail-row:nth-child(2n).redo_note,
.box-detail-row:nth-child(2n).oos_replace {background-color: #ff4dff;}
.box-detail-row:nth-child(2n+1).pending_customer_approval, .box-detail-container .status.pending_customer_approval {background-color: #ffc500;}
.box-detail-row:nth-child(2n).pending_customer_approval {background-color: #ffd133;}
.box-detail-row:nth-child(2n+1).not_approved, .box-detail-container .status.not_approved {background-color: #ff4600;}
.box-detail-row:nth-child(2n).not_approved {background-color: #ff6b33;}
.box-detail-row:nth-child(2n+1).replace_items, .box-detail-container .status.replace_items {background-color: #00ffff;}
.box-detail-row:nth-child(2n).replace_items {background-color: #66ffff;}
.box-detail-row:nth-child(2n+1).sent, .box-detail-container .status.sent {background-color: #b3d9ff;}
.box-detail-row:nth-child(2n).sent {background-color: #99ccff;}
.box-detail-row:nth-child(2n+1).checkout_complete, .box-detail-container .status.checkout_complete {background-color: #FFB3C6;} 
.box-detail-row:nth-child(2n).checkout_complete {background-color: #ff9ab3;} 
.box-detail-row:nth-child(2n+1).uncollectible, .box-detail-container .status.uncollectible {background-color: #CE89FF;} 
.box-detail-row:nth-child(2n).uncollectible {background-color: #d9a3ff;}
.box-detail-row:nth-child(2n+1)[class*='on_hold'], .box-detail-container .status[class*='on_hold'] {background-color: #ff9f67;} 
.box-detail-row:nth-child(2n)[class*='on_hold'] {background-color: #ff8f4d;}
.box-detail-row:nth-child(2n+1).delivered.time-sensitive {background-color: #ff4545;}
.box-detail-row:nth-child(2n).delivered.time-sensitive {background-color: #ff3333;}

.box-detail-row:nth-child(2n+1).request-success, .box-detail-row:nth-child(2n).request-success {background-color:#6aff6a !important;}
.box-detail-row:nth-child(2n+1).request-fail, .box-detail-row:nth-child(2n).request-fail {background-color:#ff7676;}

/* View Box Detail */
.box-detail-container div[data-box-detail-hook="pane"]:not(:first-child):not(:nth-child(2)) div[data-box-detail-hook="informationList"]{display:none;}
.box-detail-container div[data-box-detail-hook="pane"] .header {cursor:pointer;background-color:#666;}
.box-detail-container [data-ajax-form-error="boxUpdateStylingTeam"] {text-align: center;}
.box-detail-container .member-information .information-container .label {width:70px;}
.box-detail-container .long-style-quiz .informationList-section {width:32%;float:left;}
.box-detail-container .long-style-quiz .informationList-section:not(:last-child) {margin-right: 2%;}
.box-detail-container .long-style-quiz .information-container .label {width:130px;}
.box-detail-container .long-style-quiz .information-container .value {width:175px;}
.box-detail-container .long-style-quiz .style-looks-container.flex,
.member-vita-plus-module-container .style-looks-container.flex {gap: 5px;}
.box-detail-container .long-style-quiz .style-looks-container.flex > div {width: 58px;}
.member-vita-plus-module-container .style-looks-container.flex > div {width: 64px;}
.box-detail-container .long-style-quiz #styleSwipeContent .style-looks-container.flex {gap: 5px; margin: 10px;}
.box-detail-container .long-style-quiz #styleSwipeContent .style-looks-container.flex > div {width: 118px;}
.box-detail-container .information-container.cell-container .cell {line-height: 24px;}
.box-detail-container .information-container.cell-container .cell.hold-box {vertical-align: middle;text-align:right;font-size:12px;}
.box-detail-container .information-container .cell:not(:first-child) {padding-left:25px;}
.box-detail-container .information-container.influencer .cell:not(:first-child) {padding-left:15px;}
.box-detail-container .past-box-detail-container .box-products .box-products-list tr.box-ordered-reverse-checkout-note {display:table-row;}
.box-detail-container .overall-box-ratings .qa-container:not(:first-child) {margin-top:5px;}
.box-detail-container .overall-box-ratings .label {font-weight: bold;padding-right:5px;}
.box-detail-container .box-notes .error {margin:5px 0;text-align: right;padding:0 10px;}
.box-detail-container .box-notes textarea {width:100%;height:100px;margin-top:5px;}
.box-detail-container .box-notes .note-button {text-align:right;margin:5px 0;padding:0 10px;}
.box-detail-container .box-note {padding:5px;}
.box-detail-container .past-box-detail-container {margin-bottom:10px;padding-bottom:10px;border-bottom:1px #333 solid;}
.box-detail-container .past-box-detail-container .sub-section {margin:10px 2px;}
.box-detail-container .sub-section .subHeader {background-color:#999;color:#fff;font-weight:bold; font-size:12px;}
.box-detail-container .header{border:1px solid #ccc; text-transform:none;}
.box-detail-container .box-member-name {text-align:center;font-size:14px;font-weight:bold;padding:5px;background-color:#efefef;}
.box-detail-container .status {text-align:center;font-size:14px;font-weight:bold;padding:5px;background-color:#ddd;}
.box-detail-container .error.success {color:#008900;}
.box-detail-container .disallowed .disallow-button {display:none;}
.box-detail-container .allowed .allow-button {display:none;}
.box-detail-container .box-timer {display:none;text-align: center;font-size:26px;font-weight:bold;margin-bottom:5px;}

.box-products .box-products-list {width:100%;}
.box-products .box-products-list tr:nth-child(2n+1) {background-color: #eee;}
.box-products .box-products-list tr:nth-child(2n) {background-color: #ddd;}
.box-products .box-products-list tr.kept {background-color: #b3ffb3;}
.box-products .box-products-list tr.returned {background-color: #ff9ab3;}
.box-products .box-products-list tr:first-child {background-color: #999;font-weight: bold;color:#fff;}
.box-products .expand-icon {display:inline-block;width:60px;height:14px;background-image:url('/images/admin/plus.gif');background-repeat: no-repeat;background-position: 50% 50%;}
.box-products .expand-icon.collapse {display:inline-block;width:60px;height:14px;background-image:url('/images/admin/minus.gif');background-repeat: no-repeat;background-position: 50% 50%;}
.box-products .box-products-list tr.box-ordered-reverse-checkout-note {background-color:#efefef;}
.box-products .box-products-list tr.box-ordered-reverse-checkout-note td {padding:5px 15px;}
.box-products .subHeader {padding: 5px;font-size:15px;font-weight: bold;}
.box-products .subHeader.not_approved {background-color:#ff4600;}
.box-detail-container .box-products .box-products-list tr.box-ordered-reverse-checkout-note {display:none}
.box-detail-container .box-products .box-products-list.removed-items tr.box-ordered-reverse-checkout-note {display:table-row}

/* List Box Subscription */

.box-subscription-row {
	transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-moz-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-webkit-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-o-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.box-subscription-row:nth-child(2n+1) {background-color: #b3ffb3;}
.box-subscription-row:nth-child(2n) {background-color: #ccffcc;}

.box-subscription-row.cost-recovery:nth-child(2n+1) {background-color: #ff4545;}
.box-subscription-row.cost-recovery:nth-child(2n) {background-color: #ff3333;}

.box-subscription-row.hvc-pending-cancel:nth-child(2n+1) {background-color: #ffffb3;}
.box-subscription-row.hvc-pending-cancel:nth-child(2n) {background-color: #ffffcc;}
.box-subscription-row.inactive:nth-child(2n+1), .box-subscription-row.inactive.hvc-pending-cancel:nth-child(2n+1) {background-color:#ff9ab3}
.box-subscription-row.inactive:nth-child(2n), .box-subscription-row.inactive.hvc-pending-cancel:nth-child(2n) {background-color:#FFB3C6}
.box-subscription-row.deactivated:nth-child(2n+1), .box-subscription-row.deactivated.hvc-pending-cancel:nth-child(2n+1), .box-subscription-row.deactivated.hvc-pending-cancel.inactive:nth-child(2n+1) {background-color: #eee;}
.box-subscription-row.deactivated:nth-child(2n), .box-subscription-row.deactivated.hvc-pending-cancel:nth-child(2n), .box-subscription-row.deactivated.hvc-pending-cancel.inactive:nth-child(2n) {background-color: #ddd;}
.box-subscription-row.inactive.request-success, .box-subscription-row.request-success, .box-subscription-row.hvc-pending-cancel.request-success, .box-subscription-row.inactive.hvc-pending-cancel.request-success,.box-subscription-row.deactivated.request-success {background-color:#6aff6a;}
.box-subscription-row.inactive.request-fail, .box-subscription-row.request-fail, .box-subscription-row.hvc-pending-cancel.request-fail, .box-subscription-row.inactive.hvc-pending-cancel.request-fail,.box-subscription-row.deactivated.request-fail {background-color:#ff7676;}
.box-subscription-row.deactivated .active-actions, .information-container.deactivated .active-actions {display: none !important;}
.box-subscription-row:not(.deactivated) .inactive-actions, .information-container:not(.deactivated) .inactive-actions {display: none !important;}
.list-filters-container {margin:5px 0;text-align:right;}
.list-filters-container label {font-weight: bold;}
.list-filters-container > div.inBlock {text-align: center;padding-left:10px;vertical-align: top;}
.box-subscription-row .incomplete-quiz {line-height:20px;background-image:url('/images/store/icon_create_gray.png');background-size:20px 20px;background-repeat:no-repeat;padding-left:23px;} 

.caution-banner-row {background-color:#ffffb3;text-align:center;}
.caution-banner-row.request-success {background-color:#9dff9d !important;}
.caution-banner-row .header {background-color:inherit;color:#333;}

/* View/Edit Styling Team */
.view-styling-team-container {margin-left:5px;}
.view-styling-team-container .subHeader {font-size:14px;font-weight: bold;color:#333;}
.view-styling-team-container .information-container .label{width:150px;font-weight:bold;line-height:30px;}
.view-styling-team-container .information-container .value{margin-left:5px;line-height:30px;}
.view-styling-team-container .styling-team-info {width:400px;}
.view-styling-team-container .styling-team-info input[type="text"] {width:150px;}
.view-styling-team-container .styling-team-info .submit-container {margin-top:5px;text-align: center;}
.view-styling-team-container .styling-team-member-list {margin-top:10px;width:400px;}
.view-styling-team-container .styling-team-member-list tr:nth-child(2n+1) {background-color: #eee;}
.view-styling-team-container .styling-team-member-list tr:nth-child(2n) {background-color: #ddd;}
.view-styling-team-container .styling-team-member-list-container {margin-left:50px;}

/* Edit Box Subscription Module */
.box-subscription-module-container.deactivated .header, .box-subscription-module-container.deactivated ~ .member-vita-container .header {background-color:#999;}

/* END BOX SUBSCRIPTION */

/*        */

.look-book-slide-container label{font-weight:bold;}
.look-book-slide-container input[type=text]{width:285px;}
.look-book-slide-container .main-image{padding:10px;transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
-moz-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
-webkit-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;
-o-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;}
.look-book-slide-container .main-image.itemChange{background-color:#9dff9d !important;}
.look-book-slide-container .main-image:nth-child(even){background-color:#ddd;}
.look-book-slide-container .main-image:nth-child(odd){background-color:#eee;}
.look-book-slide-container .individual-element-button-container{padding-left:10px;}
.look-book-slide-container .individual-element-button-container .button{margin-bottom:8px;display:block;}
.look-book-slide-container .individual-slide-field{float:left;padding-left:10px;color:black;}
.look-book-slide-container .individual-slide-field:first-child{padding-left:0px;}
.look-book-slide-container i{float:left;font-size:16px;padding-left:5px;cursor:pointer;}
.look-book-slide-container i.inactive{cursor:auto;color:#666 !important;}


/* Special Promo JSON Pages */

.special-promo-management-container .JSONmainHeader div {	display: inline-block;}
.special-promo-management-container .dataFieldWrapper .dataField {	float: left; width: 25%; padding: 5px 10px;}
.special-promo-management-container .dataFieldWrapper input, .dataFieldWrapper label {display: block;width: 100%;}
.special-promo-management-container .dataFieldWrapper label {font-weight: bold;}
.special-promo-management-container .JSONmainHeader {padding: 5px;background-color: #BBBBBB;}
.special-promo-management-container .JSONmainHeader label {font-weight: bold;}
.special-promo-management-container .JSONmainHeader input {margin-right: 20px;}
.special-promo-management-container .JSONsubHeader th {background-color: #E7E7E7;padding: 5px;}
.special-promo-management-container .JSONsubHeader td {padding-top: 5px;}
.special-promo-management-container [data-json-group-key="promoArray"] {padding: 10px;}
.special-promo-management-container [data-json-data-management="true"] {margin-bottom:10px;border-bottom:2px solid #333;}
.special-promo-management-container [data-json-group-hook="topLevel"] [data-json-group-hook="promoArray"] {background-color: #eee;}
.special-promo-management-container [data-json-group-hook="topLevel"] [data-json-group-hook="promoArray"]:nth-child(2n) {background-color: #ddd;}
.special-promo-management-container [data-json-group-hook="topLevelGroup"] {margin-bottom: 20px;}
.special-promo-management-container [data-json-group-hook="topLevelGroup"].active {border: 1px solid #ff5f00;}
.special-promo-management-container .JSONmainHeader.active {background-color: #ff5f00;}
.special-promo-management-container [data-json-group-hook="promoArray"] i {float: left;font-size: 16px;padding: 5px;cursor: pointer;}
.special-promo-management-container .itemChange {background-color: #9dff9d!important;}
.special-promo-management-container .arrayItemRow {transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;-moz-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;-webkit-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;-o-transition: background 0.5s ease-in 0s, color 0.5s ease-in 0s;}


/* App Elite Landing Management */

.elite-landing-container .icon-container i {color:green;cursor:pointer;padding-left:3px;}
.elite-landing-container .icon-container i.icon-cancel {color:red;}
.elite-landing-container .icon-container i.inactive {color:gray;cursor:default;}
.elite-landing-container .image-input-container {margin-top:5px;}
.elite-landing-container .array-buttons {margin-top:10px;}
.elite-landing-container .array-buttons .button:not(:first-child) {margin-left:5px;}
.elite-landing-container input[type="text"] {width:200px;}
.elite-landing-container .image-input-container .inBlock:not(:first-child) {margin-left:5px;}
.elite-landing-container .subHeaders {margin-top:5px;}
.elite-landing-container .subHeaders .inBlock {font-weight:bold;width:200px;}
.elite-landing-container .subHeaders .inBlock:not(:first-child) {margin-left:5px;}

/* App Elite Landing Management */

.elite-action-options-management .icon-container i {color:green;cursor:pointer;padding-left:3px;}
.elite-action-options-management .icon-container i.icon-cancel {color:red;}
.elite-action-options-management .icon-container i.inactive {color:gray;cursor:default;}
.elite-action-options-management .right-column	{float:right;width:49%;}
.elite-action-options-management .left-column {float:left;width:49%;}
.elite-action-options-management .reasons-container	[data-json-group-hook="optionArray"]:not(:first-child) {padding-top:5px;margin-top:5px;border-top:1px solid #333;}
.elite-action-options-management .reasons-container.cancel-reasons {margin-top:10px;} 

/* Styling Team List Page */
table.styling-team-list tr:first-child, table.styling-team-subscription-list tr:first-child {background-color: #333 !important;font-weight: bold;color:#fefefe;}
table.styling-team-list {margin-top:10px;width:400px;}
table.styling-team-list tr:nth-child(2n+1) {background-color: #eee;}
table.styling-team-list tr:nth-child(2n) {background-color: #ddd;}

/* PRODUCT CATEGORY PAGES STYLES */



/* Category Detail Sort Option Styles */
.product-category .product-list-product .quick-bar-container {
    position:relative;
}

.product-category .product-list-product .quick-bar {
    display:none;
    height:30px;
    background-color:rgba(255,255,255,.9);
    opacity:.9;
    position: absolute;
    bottom:0px;
    z-index: 100;
    width:100%;
}

.product-category .product-list-product .quick-bar .quick-button {
    float:left;
    line-height: 30px;
    color:#ff5f00;
    margin:0px 0px 0px 10px;
    cursor:pointer;
    font-weight: bold;
}
.product-category .product-list-product .quick-bar .quick-button:hover {
    color:#333;
}

.product-category .product-list-product .quick-bar .quick-button.quick-shop {
    float:right;
    margin: 0px 10px 0px 0px;
}
.product-category .product-list-product .product-status-badge.quick-shop {
    position:absolute;
    bottom: 0px;
    cursor: pointer;
    width: 100%;
    line-height: 30px;
    background-color: rgba(255,255,255,.7);
    text-align: right;
    padding-right:10px;
    color: #ff5f00; 
    font-weight:bold;
    background-image:none;
    z-index:100;
    height:30px;
}
.product-category .product-list-product .product-status-badge.quick-shop:hover {
    color:#333;
}
.product-category .product-list-product .product-status-badge.quick-shop:after {
    content: "QUICK SHOP";
}

.product-category .selectboxit-container .selectboxit {
    width:140px;
}

.product-category [data-update-group="sortby"] .selectboxit-arrow-container {
    display:none;
}
.product-category [data-update-group="sortby"] .selectboxit-text:after {
    content: '\e809';
    font-family: 'fontello';
    margin-left:5px;
}

.product-category.chart-view [data-product-category-hook="topAdPosition"] > img, .product-category.chart-view [data-product-category-hook="topAdPosition"] > div {
    margin-bottom:15px;
}

.product-category.chart-view .sort-options-bar .product-per-row-option {
    border:1px solid #a7a7a7;
    text-decoration: none;
    display: inline-block;
    padding:2px 3px 2px 0;
    cursor:pointer;
}
.product-category.chart-view .sort-options-bar .product-per-row-option:hover  {
    border-color:#333;
}
.product-category.chart-view .sort-options-bar .product-per-row-option.active {
    border:1px solid #333;
}
.product-category.chart-view .sort-options-bar .product-per-row-option .product-per-row-box{
    background-color:#a7a7a7;
    width:12px;
    height:14px;
    margin-left:3px;
}
.product-category.chart-view .sort-options-bar .product-per-row-option:hover .product-per-row-box {
    background-color:#333;
}
.product-category.chart-view .sort-options-bar .product-per-row-option[data-update-value="4"] .product-per-row-box{ 
    width:9px;
}
.product-category.chart-view .sort-options-bar .product-per-row-option.active .product-per-row-box {
    background-color:#333;
}

.product-category.chart-view .sort-options-bar {
    line-height: 20px;
}
.product-category.chart-view .sort-options-bar a.active, .product-category.chart-view .sort-options-bar a.active:visited, .product-category.chart-view .sort-options-bar a.active:visited {
    font-weight: bold;
    text-decoration: none;
}

.product-category.chart-view .sort-options-bar .look-product-option {
    padding:0px 6px;
    line-height: 18px;
    font-size:12px;
    border:1px #a7a7a7 solid;
    color:#a7a7a7;
    text-decoration: none;
}
.product-category.chart-view .sort-options-bar .look-product-option:hover {
    border:1px #333 solid;
    color:#333;
}
.product-category.chart-view .sort-options-bar a.look-product-option.active {
    font-weight: normal;
    color:#fff;
    background-color:#333;
    border:1px solid #333;
    cursor: default;
}

/* END PRODUCT CATEGORY PAGES STYLES */

/* GENERAL PRODUCT LIST STYLES */
.fancybox-overlay .no-products-found-layover,
.modal-mobile .no-products-found-layover {    
    width: 100%;
    top: unset;
    left: unset;
    margin-left: 0;
    border: 1px solid #fff;
    position: relative;
}
.fancybox-overlay .no-products-found-layover .cancel,
.modal-mobile .no-products-found-layover .cancel {
	width:40%;
	color: #000;
	border-color: #000;
}
.no-products-found-layover .button-row {
	gap: 10px;
}
.no-products-found-layover #go-back-button {
	display: block !important;
}
.fancybox-overlay .no-products-found-layover .cancel:hover,
.modal-mobile .no-products-found-layover .cancel:hover {
	background-color: #eee;
	color: #000;
	border-color: #000;
}

.product-list .product-list-row {
    padding:10px 0px;
}
.product-list .product-list-row .product-list-product .product-info{
	margin-left:10px;
}
.product-list .product-list-row .product-list-product {
    width: 25%;
    float: left;
    padding: 0px 5px;
    position: relative;
}
.product-list .product-list-row.per-row-3 .product-list-product {
    width:33%;
}
.product-list .product-list-row.per-row-2 .product-list-product {
    width: 50%;
}
.product-list .product-list-row.per-row-1 .product-list-product {
    width: 100%;
    float: none;
    padding: 0px;
}

.product-list .product-list-row .product-list-product a, .product-list .product-list-row .product-list-product a:visited {
    text-decoration: none;
}
.product-list .product-list-row .product-list-product a:hover {
    text-decoration: underline;
    color: #333;
}

.product-list .product-list-row .product-list-product .product-image-container {
    margin: 0px;
    position:relative;
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    overflow:hidden;
}
.product-list .product-list-row.per-row-3 .product-list-product .product-image-container {
    max-height:408px;
    max-width:264px;
}

.product-list .product-list-row .product-list-product .product-image-container .product-image-link, .product-list .product-list-row .product-list-product .product-image-container a.product-image-link, .product-list .product-list-row .product-list-product .product-image-container a.product-image-link:visited {
    display: block;
    max-width:195px;
    max-height: 301px;
}

.product-list .product-list-row.per-row-3 .product-list-product .product-image-container .product-image-link, .product-list .product-list-row.per-row-3 .product-list-product .product-image-container a.product-image-link, .product-list .product-list-row.per-row-3 .product-list-product .product-image-container a.product-image-link:visited {
    max-height:408px;
    max-width:264px;
}

.product-list .product-list-row .product-list-product .product-image-container img {
    max-width: 100%;
    height: auto;
}
.product-list-product:not(.feature) .product-variant-swatches > .swatch {
    width: 17px;
    height: 17px;
    line-height: 13px;
}
.product-list-product:not(.feature) .product-variant-swatches > .swatch > img {
    width: 13px;
    height: 13px;
}


.product-list-product.feature .product-variant-swatches > .swatch {
    width: 32px;
    height: 32px;
    line-height: 30px;
}
.product-list-product.feature .product-variant-swatches > .swatch > img {
    width: 30px;
    height: 30px;
}
.product-list-product.feature .product-variant-swatches > .swatch.active{
	padding:0px;
}
.product-list-product.feature .product-variant-swatches.optionsID > .swatch{
	width:auto;
	padding:0px 9px;
}




.state-mobile .product-list-product .product-variant-swatches > .swatch {
    width: 28px;
    height: 28px;
    line-height: 24px;
}
.state-mobile .product-list-product .product-variant-swatches > .swatch > img {
    width: 24px;
    height: 24px;
}

.product-list.mobile-category-shop {
   padding: 0px 5px; 
}
.product-list.mobile-category-shop .product-list-row .product-list-product .product-image-container, .product-list.mobile-category-shop .product-list-row .product-list-product .product-image-link {
    width: 105px;
    float: left;
    max-height: 162px;
}

.product-list.mobile-category-shop .product-list-row .product-list-product .product-info {
    margin-left: 115px;
}
.product-list.mobile-category-shop .product-list-row .product-list-product .product-info select {
    width: 100%;
}
/* END GENERAL PRODUCT LIST STYLES */

/* FEATURE VIEW STYLES */

.product-category.feature-view {
    
}

.product-category.feature-view .image-pane  {
    float: left;
    width: 420px;
    margin-right: 10px;
}
.product-category.feature-view .image-slider.product-showcase  {
    width: 410px;
    height: 540px;
    overflow: hidden;
}

.product-category.feature-view .info-pane  {
    float: left;
    width: 570px;
}

.product-category.feature-view .featured-products {
    float: left;
    width: 465px;
}

.product-category.feature-view .featured-products .header {
    font-size: 133%;
    font-family: 'ProximaNovaSemiBold', Arial;
}
.product-category.feature-view .recommended-categories {
    width:980px;
    margin: auto;
}
.product-category.feature-view .recommended-categories .image-slider .slider-detail {
    height: 200px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
    zoom: 1;
}
.product-category.feature-view .recommended-categories .image-slider .slider-detail > li {
    width: 130px;
    height: 200px;
    float: left;
    display: block;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0px 10px 0px 0px;
    zoom: 1;
}
.product-category.feature-view .recommended-categories .image-slider .slider-detail > li a, .product-category.feature-view .recommended-categories .image-slider .slider-detail > li a:visited, .product-category.feature-view .recommended-categories .image-slider .slider-detail > li img  {
    display: block;
}

.state-mobile .product-category.feature-view .recommended-categories {
    width: auto;
    margin: 0px;
}
.state-mobile .product-category.feature-view .recommended-categories .image-slider  {
    max-width: 100%;
    overflow:hidden;
    position: relative;
    height: 200px;
}
.state-mobile .product-category.feature-view .image-pane,  .state-mobile .product-category.feature-view .info-pane {
    width: auto;
    float: none;
    margin: 0px;
}
.state-mobile .product-category.feature-view .image-pane .image-slider  {
    max-width: 290px;
    margin:0px auto 0px auto;
}
.state-mobile .product-category.feature-view .image-pane .image-slider .slider-detail-container > ul.slider-detail {
    height: 447px !important;
    overflow: hidden;
}
.state-mobile .product-category.feature-view .image-pane .image-slider .slider-detail-container .bx-wrapper {
   
}

/* END FEATURE VIEW STYLES */



/* BEGIN CHART VIEW STYLES */
.product-category.chart-view .left-pane {
    width: 135px;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    float: left;
}
.product-category.chart-view .right-pane {
    float: left;
    width: 835px;
    margin: 0px;
    padding:0px;
}
.product-category.chart-view .filter-menu-container .header {
  background-color:white;
  color:black;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #c0c0c0;
}

.product-category.chart-view .filter-menu-container i.filter-caret {
    font-style:normal;
    cursor:pointer;
}

.product-category.chart-view .product-list .product-list-row {
    padding:20px 0px;
}
.product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container {
    //min-height: 301px;
    position: relative;
}
.product-category.chart-view .product-list .product-list-row.per-row-3 .product-list-product .product-image-container {
    min-height: 408px;
}

.state-mobile .product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container {
    min-height: 212px;
}
.state-mobile .product-category.chart-view .header-content img {
    max-width: 100%;
    height: auto;
}
.product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .image-slider .slider-detail-container, .product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .image-slider .slider-detail-container .slider-detail img {
    height: 301px;
}
.product-category.chart-view .product-list .product-list-row.per-row-3 .product-list-product .product-image-container .image-slider .slider-detail-container, .product-category.chart-view .product-list .product-list-row.per-row-3 .product-list-product .product-image-container .image-slider .slider-detail-container .slider-detail img {
    height: 408px;
}

.state-mobile .product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .image-slider .slider-detail-container, .state-mobile .product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .image-slider .slider-detail-container .slider-detail img  {
    min-height: 224px;
}
.state-mobile .product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .image-slider .slider-detail-container, .state-mobile .product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .image-slider .slider-detail-container .slider-detail img  {
    height: 100%;
}

.state-mobile .product-category.chart-view .product-list .product-list-row.per-row-1 .product-list-product .product-image-container, .state-mobile .product-category.chart-view .product-list .product-list-row.per-row-1 .product-list-product .product-image-container a.product-image-link, .state-mobile .product-category.chart-view .product-list .product-list-row.per-row-1 .product-list-product .product-image-container a.product-image-link:visited {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.state-mobile .product-list .product-list-row .product-list-product .product-image-container img {
    width: 100%;
}

.product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .imageSlider {
    margin: 0px;
    padding: 0px;
    list-style-type:none;
    display:block;
}

.product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .product-image-link > div > .imageSlider > li {
    display: none;
}
.product-category.chart-view .product-list .product-list-row .product-list-product .product-image-container .product-image-link > div > .imageSlider > li:first-child {
    display: block;
}

.state-mobile  ul.left-menu > li, .state-mobile ul.left-menu, .state-mobile ul.left-menu ul, .state-mobile ul.left-menu ul li, .state-mobile ul.left-menu ul li > ul {
    padding:0px;
    border-bottom: 0px;
}

.state-mobile ul.left-menu ul li > ul {
    margin-left: 9px;
    border-left:0px solid #ccc;
}
.state-mobile ul.left-menu.filters ul.box-selections > li {
    float: none;
}
.state-mobile ul.left-menu.filters a, .state-mobile ul.left-menu.filters a:visited, .state-mobile ul.left-menu.filters a:hover, .state-mobile ul.left-menu.filters ul.box-selections > li > a, .state-mobile ul.left-menu.filters ul.box-selections > li > a:visited, .state-mobile ul.left-menu.filters ul.box-selections > li > a:hover, .state-mobile ul.left-menu.filters .subHeader, .state-mobile ul.left-menu > li > ul > a.show-all, .state-mobile ul.left-menu > li > ul > a.show-all:visited {
    display: block;
    font-size: 14px !important;
    background-color: #FFF;
    background-image: none;
    text-align: left;
    color: #333;
    padding: 5px !important;
    border: 0px;
    margin: 0px !important;
    border-bottom: 0px solid #ccc;
    text-decoration: none;
}
.state-mobile ul.left-menu > li > ul > a.show-all, .state-mobile ul.left-menu > li > ul > a.show-all:visited,.state-mobile ul.left-menu > li > ul > a.show-all:hover  {
  margin-top: 5px !important;
  background-position: right 8px !important;
  padding:0px 15px 5px 5px !important;
}
.state-mobile ul.left-menu.filters a.filter-clear, .state-mobile ul.left-menu.filters a.filter-clear:visited, .state-mobile .filter-menu-container a.filter-clear, .state-mobile .filter-menu-container a.filter-clear:visited {
  color: #fff;
  background-image: none;
  background: transparent;
  padding: 0px !important;
  cursor: pointer;
  line-height: 22px;
  min-height:22px;
}
.useless-bg-color {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.state-mobile ul.left-menu.filters a.active, .state-mobile ul.left-menu.filters a.active:visited, .state-mobile ul.left-menu.filters a.active:hover, .state-mobile ul.left-menu.filters ul.box-selections > li > a.active, .state-mobile ul.left-menu.filters ul.box-selections > li > a.active:visited, .state-mobile ul.left-menu.filters ul.box-selections > li > a.active:hover {
    background-image:url(/images/icons/check_mark_icon_orange.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    color: #ff5f00;
    font-weight: bold;
}
.state-mobile ul.left-menu.filters > li > a, .state-mobile ul.left-menu.filters > li > a:visited, .state-mobile ul.left-menu.filters > li > a:hover, .state-mobile ul.left-menu.filters > li > .subHeader, .state-mobile ul.left-menu.filters > li > a.active, .state-mobile ul.left-menu.filters > li > a.active:visited, .state-mobile ul.left-menu.filters > li > a.active:hover {
    padding: 5px;
    background-color: #464646;
    color: #fff;
    font-size: 16px !important;
    border-bottom: 0px;
    margin-top: 2px !important;
}
.state-mobile ul.left-menu.filters > li > a.active, .state-mobile ul.left-menu.filters > li > a.active:visited, .state-mobile ul.left-menu.filters > li > a.active:hover {
    background-image: url(/images/icons/check_mark_icon_white.png);
}
.state-mobile .product-category.chart-view .filter-menu-container .header, .state-mobile ul.left-menu.filters .header  {
  font-size: 25px;
  line-height: 25px;
}

/* END CHART VIEW STYLES */
.state-mobile .featured-products-browse .product-list .product-list-row .product-list-product {
    text-align: center;
}
.state-mobile .featured-products-browse .product-list .product-list-row .product-list-product .product-image-container {
    margin:0px auto;
}

ul.left-menu, ul.left-menu ul, ul.left-menu ul li {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
ul.left-menu .header {
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #333333;
  text-transform: uppercase;
}

ul.left-menu ul li > ul {
  padding: 0px 0px 0px 10px;
}
ul.left-menu a, ul.left-menu a:visited  {
  text-transform: uppercase;
  text-decoration: none;
  padding: 2px 0px;
  display: block;
  font-size: 9px;
  letter-spacing: .02em;
}
ul.left-menu a:hover {
  text-decoration: underline;
}
ul.left-menu a.active:hover {
  cursor: normal;
}

ul.left-menu > li {
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0px 10px 0px;
}
ul.left-menu > li > a, ul.left-menu > li > a:visited, ul.left-menu > li > a.active, ul.left-menu > li > a.active:visited, ul.left-menu > li > .subHeader {
  font-size:11px;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
ul.left-menu > li > ul > a.show-all, ul.left-menu > li > ul > a.show-all:visited {
  width: auto !important;
  margin-top: 5px !important;
  background-image: url(/images/icons/productchart_selectionarrow_down.png) !important;
  background-position: right 5px !important;
  background-repeat: no-repeat !important;
  padding:0px 15px 0px 0px !important;
  
  clear: both;
  color: #333 !important;
  font-size: 9px !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

ul.left-menu > li > ul > a.show-all:hover {
  text-decoration: underline !important;
}

ul.left-menu > li > ul > a.show-all.expanded, ul.left-menu > li > ul > a.show-all.expanded:visited {
  background-image: url(/images/icons/productchart_selectionarrow_up.png) !important;
}
ul.left-menu.filters a, ul.left-menu.filters a:visited {
  background-image: url(/images/icons/filter_menu_option_cb.png);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding: 2px 0px 2px 12px;
}
ul.left-menu.filters a.active, ul.left-menu.filters a.active:visited  {
  background-image: url(/images/icons/filter_menu_option_cb_active.png);
  cursor: normal;
}
ul.left-menu.filters a.active:hover {
  cursor: normal;
}
ul.left-menu.filters a .filter-swatch {
	border-radius: 50%;
	height: 10px;
	width: 10px;
	margin-right: 3px;
	display: inline-block;
}
ul.left-menu.filters a.filter-clear, ul.left-menu.filters a.filter-clear:visited, .filter-menu-container a.filter-clear, .filter-menu-container a.filter-clear:visited {
  background-image: none;
  padding: 0px;
  cursor: pointer;
  line-height: 17px;
  color:#707070;
  text-decoration: none;
  text-transform: uppercase;
}
ul.left-menu.filters a.filter-clear:hover, .filter-menu-container a.filter-clear:hover {
  text-decoration: underline;
}

ul.left-menu.filters > li > a, ul.left-menu.filters > li > a:visited, ul.left-menu.filters > li > a.active, ul.left-menu.filters > li > a.active:visited, ul.left-menu.filters > li > .subHeader {
  background-image: none;
  padding: 0px;
}
ul.left-menu.filters ul.box-selections > li {
  float: left;
}
ul.left-menu.filters ul.box-selections > li > a, ul.left-menu.filters ul.box-selections > li > a:visited {
  background-image: none;
  border: 1px solid #999999;
  padding: 3px 5px;
  display: block;
  margin: 0px 2px 2px 0px;
  background-color: #FFFFFF;
  color: #999999;
  font-size: 10px;
  text-decoration: none;
  cursor: pointer;
  min-height: 30px;
  min-width: 30px;
  line-height: 22px;
  text-align: center;
}
ul.left-menu.filters ul.box-selections > li > a:hover  {
    color: #FFF;
    background-color: #777;
    border: 1px solid #777;
} 
ul.left-menu.filters ul.box-selections > li > a.active, ul.left-menu.filters ul.box-selections > li > a.active:visited, ul.left-menu.filters ul.box-selections > li > a.active:hover   {
    color: #FFFFFF;
    border: 1px solid #333;
    background-color: #333;
} 


.selectboxit-container > .btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:12px;line-height:16px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbbbbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
.selectboxit-container > .btn:hover,.selectboxit-container > .btn:active,.selectboxit-container > .btn.active,.selectboxit-container > .btn.disabled,.selectboxit-container > .btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.selectboxit-container > .btn:hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.selectboxit-container > .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.selectboxit-container > .btn.active,.selectboxit-container > .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.selectboxit-container > span > span > i.caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";}
.selectboxit-container > .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding: 0;margin:0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;}
.selectboxit-container > .dropdown-menu .divider{*width:100%;height:1px;margin:7px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
.selectboxit-container > .dropdown-menu li>a{display:block;clear:both;font-weight:normal;line-height:16px;color:#333333;white-space:nowrap;text-decoration:none;}
.selectboxit-container > .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{text-decoration:none;color:#ffffff;background-color:#2e2e2e;background-image:-moz-linear-gradient(top, #333333, #262626);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#262626));background-image:-webkit-linear-gradient(top, #333333, #262626);background-image:-o-linear-gradient(top, #333333, #262626);background-image:linear-gradient(to bottom, #333333, #262626);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff262626', GradientType=0);}
.selectboxit-container > .dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;outline:0;background-color:#0081c2;background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(to bottom, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);}

/* Begin Category Top Banner Styles */
.category-banner-container  {background-position: top left; position: relative; height: 300px; width: 845px; margin-bottom: 3px;}
.category-banner-container .floatContainer  {padding: 53px 50px;}
.category-banner-container .header {font-size: 36px; margin-bottom: 10px;}
.category-banner-container ul {font-size: 13px; line-height: 24px; width: 195px;}
.category-banner-container .image-link-container {position: absolute; top: 0px; right: 0px;}
.category-banner-container .image-link-container div {width: 420px; height: 300px;}
.category-banner-container a, .category-banner-container a:visited {text-decoration: none;}
.category-banner-container a:hover {text-decoration: underline;}

/* BREADCRUMB STYLES */
.breadcrumbs {
	list-style-type:none;
	padding:0;
	margin:0px 0px 10px 0px;
}
.breadcrumbs li {
  float: left;
    margin-right: 5px;
    display:block;
    text-transform: uppercase;
}
.breadcrumbs li:after {
  display:inline-block;
  content: "\00a0>";
}
.breadcrumbs li.floatRight {
    margin-left: 5px;
    margin-right: 0px;
    float: right;
}
.breadcrumbs li.arrowLeft:before {
  content: "<\00a0";
}
.breadcrumbs li.last:after, .breadcrumbs li:last-child:after {
   	content: none;
    display:"none";
}
.breadcrumbs li h1 {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    font-weight:inherit;
}
.breadcrumbs li a, .breadcrumbs li a:visited {
    text-decoration:none;
}
.breadcrumbs li a:hover {
    text-decoration:underline;
    cursor:pointer;
}
/* END BREADCRUMB STYLES */
/* BEGIN IMAGE SLIDER STYLES */
.bx-wrapper .bx-pager.bx-default-pager a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width:10px;
  height:10px;
  background-color:#dedede;
  /* border:2px solid #928f8f; */
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #000;
}
.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a:visited {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  outline: 0;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  z-index: 7500;
}
.bx-wrapper .bx-next:hover {
  background-position: -28px -29px;
}
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(/images/common/slider_arrow_flat_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0px -29px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(/images/common/slider_arrow_flat_sprite.png);
  background-repeat: no-repeat;
  background-position: -28px 0px;
}
.homeSliderParent .bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a:visited {
  margin-top: -37px;
  width: 73px;
  height: 74px;
}
.homeSliderParent .bx-wrapper .bx-prev {
  background-image:url(/images/common/clean_slider_arrow_left.png);
  background-position: 0px 0px;
}
.homeSliderParent .bx-wrapper .bx-prev:hover {
  background-position: 0px 0px;
  opacity:0.6;
}
.homeSliderParent .bx-wrapper .bx-next {
  background-image:url(/images/common/clean_slider_arrow_right.png);
  background-position: 0px 0px;
}
.homeSliderParent .bx-wrapper .bx-next:hover {
  background-position: 0px 0px;
  opacity:0.6;
}

.bx-loading, .bx-wrapper .bx-loading {
  min-height: 50px;
  background: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  
}
.bx-loading:after, .bx-wrapper .bx-loading:after {
  width:100px;
  height:100px;
  padding: 81px 0px 0px 0px;
  background-color:#FFFFFF;
    
  text-align:center;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  border-radius: 5px;
  border:1px solid #333333;

  background-image: url(/images/common/loading_animation_medium.gif);
  background-repeat: no-repeat;
  background-position: center 5px;
 
  z-index:2000;
 
  position:absolute;
 
  top:50%;
  left:50%;
  margin-top:-50px;
  margin-left:-50px;

  content: "Loading Images";
}
.image-slider .slider-thumbs-container .bx-loading:after, .image-slider .slider-thumbs-container .bx-wrapper .bx-loading:after {
  width:26px;
  height:26px;
  padding: 0px 0px 0px 0px;
  background-color:#FFFFFF;
  
  text-align:center;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  border-radius: 5px;
  border:1px solid #333333;

  background-image: url(/images/common/loading_animation_small.gif);
  background-repeat: no-repeat;
  background-position: center center;
 
  z-index:2000;
 
  position:absolute;
 
  top:50%;
  left:50%;
  margin-top:-13px;
  margin-left:-13px;
   
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  content: "";
}


.image-slider .slider-detail-container {
  position: relative;
}

.image-slider .direction-controls {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  outline: 0;
  width: 28px;
  height: 27px;
  text-indent: -9999px;
  z-index: 7500;
}

.image-slider .direction-controls.prev {
  left: 10px;
  background: url(/images/common/slider_arrow_flat_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.image-slider .direction-controls.prev:hover {
  background-position: 0px -27px;
}

.image-slider .direction-controls.next {
  right: 10px;
  background: url(/images/common/slider_arrow_flat_sprite.png);
  background-repeat: no-repeat;
  background-position: -28px 0px;
}
.image-slider .direction-controls.next:hover {
  background-position: -28px -27px;
}

.image-slider .slider-detail-container ul.slider-detail > li {
  min-width: 50px;
  min-height: 50px;
}
.image-slider .slider-detail-container > ul.slider-detail > li img {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
}

.image-slider .slider-detail-container .video-container {
}

.image-slider .slider-thumbs-container {
  position:relative;
}
.image-slider .slider-thumbs-container ul.slider-thumbs {
  overflow: hidden;
}

.image-slider .slider-thumbs-container ul.slider-thumbs > li .thumb-container {
  width: 20%; 
  overflow:hidden;
  margin-right:10px;
  border:2px solid #FFFFFF;
  cursor:pointer;
}
.image-slider .slider-thumbs-container ul.slider-thumbs > li .thumb-container.active {
  border:2px solid #ff5f00;
  cursor: default;
}

.image-slider .slider-detail-container .share-bar {
  position: absolute;
  z-index: 3000;
  right: 0px;
  bottom: 0px;
  display: none;
  cursor: default;
  width: 75px;
  height: 22px;
}

.image-slider .slider-custom-controls {
  clear: both;
  margin-top: 5px;
  line-height: 20px;
}
.image-slider .slider-custom-controls .next, .image-slider .slider-custom-controls .previous {
  width: 20%;
  float: left;
  color: #FFF;
  font-weight: bold;
  background-color: #ff5f00;
  text-align: center;
}
.image-slider .slider-custom-controls .page-indicator {
  width: 60%;
  float: left;
  text-align: center;
  height: 20px;
  overflow: hidden;
}


.image-slider.product-showcase .slider-detail-container {
  float:left;
  height: 540px; 
  width:350px;
  position: relative;
  overflow: hidden;
}
.image-slider.product-showcase .slider-detail-container .bx-wrapper .bx-prev, .image-slider.product-showcase .slider-detail-container .bx-wrapper .bx-next {
  display: none;
}
.image-slider.product-showcase .slider-detail-container ul.slider-detail > li {
  min-width: 350px;
  min-height: 540px;
}

.image-slider.product-showcase .slider-detail-container .video-container {
  padding-top:150px;  
}

.image-slider.product-showcase .slider-detail-container li.square-aspect {
  padding-top:95px;
}

.image-slider.product-showcase .slider-thumbs-container {
  float:left;
  height:500px;
  margin-top:0px;
  width: 49px;
  margin-left:10px;
  position:relative;
}
.image-slider.product-showcase .slider-thumbs-container.has-slider {
  margin-top: 20px;
}
.image-slider.product-showcase .slider-thumbs-container > ul {
  height:500px;
  overflow: hidden;
}

.image-slider.product-showcase .slider-thumbs-container .direction-controls.prev,
.image-slider.product-showcase .slider-thumbs-container .direction-controls.prev:visited,
.image-slider.product-showcase .slider-thumbs-container .direction-controls.prev:hover,
.image-slider.product-showcase .slider-thumbs-container .direction-controls.next,
.image-slider.product-showcase .slider-thumbs-container .direction-controls.next:visited,
.image-slider.product-showcase .slider-thumbs-container .direction-controls.next:hover
{
  background-position:0px 0px !important;
}
.image-slider.product-showcase .slider-thumbs-container .direction-controls.next {
  position:absolute;
  top:500px;
  left:0px;
  z-index:999;
  margin: 0px;
  width: 49px;
  height: 20px;
  display:block;
  background-image: url(/modules/common/dynamic_image_slider/thumb_next.jpg);
  background-repeat: no-repeat;
}
.image-slider.product-showcase .slider-thumbs-container .direction-controls.prev {
  position:absolute;
  top:-20px;
  left:0px;
  margin: 0px;
  z-index:999;
  width: 49px;
  height: 20px;
  display:block;
  background-image: url(/modules/common/dynamic_image_slider/thumb_prev.jpg);
  background-repeat: no-repeat;
}

.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-prev,
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-prev:visited,
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-prev:hover,
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-next,
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-next:visited,
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-next:hover
{
  background-position:0px 0px !important;
}
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-next {
  position:absolute;
  top:500px;
  left:0px;
  z-index:999;
  margin: 0px;
  width: 49px;
  height: 20px;
  display:block;
  background-image: url(/modules/common/dynamic_image_slider/thumb_next.jpg);
  background-repeat: no-repeat;
}
.image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-prev {
  position:absolute;
  top:-20px;
  left:0px;
  margin: 0px;
  z-index:999;
  width: 49px;
  height: 20px;
  display:block;
  background-image: url(/modules/common/dynamic_image_slider/thumb_prev.jpg);
  background-repeat: no-repeat;
}
.image-slider.product-showcase .slider-thumbs-container ul.slider-thumbs > li .thumb-container {
  width: 49px;
  height: 79px; 
  overflow:hidden;
  margin-bottom:5px;
}
/* Loading Badges */

.contentLoadLayover {
    position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 400;
    
}
.contentLoadLayover .transparency {
	width:100%;
    height:100%;
	position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 401;
    background-color: #FFFFFF;
    opacity:0.6;
  	filter:alpha(opacity=60); /* For IE8 and earlier */
}

.contentLoadLayover .loadBadge {
	position: absolute;
    top: 10%;
    left: 50%;
    z-index: 402;
    
    margin: 0px 0px 0px -50px;
	  width:100px;
    padding: 5px;
    background-color:#FFFFFF;
    
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color: #333333;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    border:1px solid #333333;
    
}

.contentLoadLayover .loadAnimation {
	width: 100%;
    height: 66px;
    background-image: url(/images/common/loading_animation_medium.gif);
    background-repeat: no-repeat;
    background-position: center top;
}
.contentLoadLayover .loadMessage {
	margin: 3px 0px 0px 0px;
}
.load-layover {
    position: absolute;
    padding: 0px;
    text-align:center;
    z-index: 400;
    top: 0;
    left: 0;
    
}
.load-layover .load-layover-transparency {
  width:100%;
  height:100%;
  position: absolute;
  padding: 0px;
  text-align:center;
  z-index: 401;
  background-color: #FFFFFF;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.load-layover.no-transparency .load-layover-transparency {
  display:none;
}

.load-layover .load-layover-content {
  width:100%;
  height:100%;
  position: absolute;
}

.load-layover .load-layover-badge {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 402;
    
    margin: 0px 0px 0px -55px;
    width:110px;
    padding: 5px;
    background-color:#FFFFFF;
    
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    color: #333333;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    border:1px solid #333333;
    
}

/* PRODUCT STATUS BADGES */

/* Product Status Badges */
.product-status-badge, .category-status-badge {
	width:60px;
    height:60px;
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    position:absolute;
    top:0px;
    left: 0px;
    z-index:300;
}

.product-status-badge.love-hate-icon {
	width:30px;
	height:30px;
	text-align:center;
	left:inherit;
	right:3px;
	border-radius:50%;
	background-position: center center;
}
.product-status-badge.ancillary, .category-status-badge.ancillary {
    background-position: right top;
	left:inherit;
	right: 0px;
}

.product-list-product:not(.item-loved):not(.item-hated) .product-status-badge.love-hate-icon,
.pcs-bag li:not(.item-loved):not(.item-hated) .product-status-badge.love-hate-icon {
	display:none;
}
.product-status-badge.love-hate-icon .icon-heart {
	color:#5C88DA;
	font-size:20px;
	text-align:center;
	position:relative;
}
.product-status-badge.love-hate-icon .icon-heart:before {
	padding-top:3px;
}
.product-list-product.item-loved .product-status-badge.love-hate-icon .hate-bar {
	display:none;
}
.product-list-product.item-hated .product-status-badge.love-hate-icon .hate-bar {
	-webkit-transform: rotate(-45deg);
  	-moz-transform:    rotate(-45deg);
  	-ms-transform:     rotate(-45deg);
  	-o-transform:      rotate(-45deg);
  	background-color:#000;
  	height:2px;
  	width:30px;
  	position:absolute;
  	top:40%;
  	left:-25%;
}
.product-list-product.item-hated .product-status-badge.love-hate-icon {
	border:2px solid #000;
}
.product-status-badge .ribbon,
.category-status-badge .ribbon {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  line-height: 20px;
  padding: 2px 10px;
  font-size: 9px;
  letter-spacing: 0em;
  left: -22px;
  top: 9px;
  width: 88px;
  background-color: #ff5f00;
}
.product-status-badge.ancillary .ribbon,
.category-status-badge.ancillary .ribbon {
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  left: inherit;
  right: 7px;
  background-color: #ccc;

}

.product-status-badge.ancillary.approvalNeeded {
	height: 64px;
	width: 64px;
}
.product-status-badge.ancillary.approvalNeeded .ribbon {
	line-height: 10px;
	top: 12px;
	width: 92px;
	right: 5px;
}

.product-status-badge.ancillary.approvalNeeded .ribbon:after {
    content: 'APPROVAL NEEDED';
}

.product-status-badge.lowStock .ribbon:after {
    content: 'LOW STOCK';
}
.product-status-badge.core .ribbon,
.category-status-badge.core .ribbon {
    background-color: #ccc;
}

.product-status-badge.core .ribbon:after,
.category-status-badge.core .ribbon:after {
    content: 'CORE';
}
.product-status-badge.new .ribbon,
.category-status-badge.new .ribbon {
    font-size: 14px;
}

.product-status-badge.new .ribbon:after,
.category-status-badge.new .ribbon:after {
    content: 'NEW';
}
.product-status-badge.outOfStock {
    background-image: url(/images/product/status_badges/out_of_stock_badge_2.png);
    width: 100%;
    top: 50%;
    background-size: cover;
    height: 61px;
    margin-top: -30px;
}
.product-status-badge.pendingRestock {
    background-image: url(/images/product/status_badges/pending_restock_badge_2.png);
    width: 100%;
    top: 50%;
    background-size: cover;
    height: 61px;
    margin-top: -30px;
}
.product-status-badge.outOfStock .ribbon,
.product-status-badge.pendingRestock .ribbon {
    display: none;
}
.state-mobile .per-row-1 .product-status-badge.outOfStock,
.state-mobile .per-row-1 .product-status-badge.pendingRestock {
    height: 97px;
    margin-top: -48px;
}
.state-mobile .per-row-2 .product-status-badge.outOfStock,
.state-mobile .per-row-2 .product-status-badge.pendingRestock {
    height: 46px;
    margin-top: -23px;
}
.product-status-badge.backInStock .ribbon:after {
    content: "I'M BACK";
}
.product-status-badge.exclusive .ribbon {
    line-height: 10px;
}
.product-status-badge.exclusive .ribbon:after {
    content: 'DL \A EXCLUSIVE';
    white-space: pre-wrap;
}

.category-status-badge.onSale .ribbon {
    line-height: 10px;
}
.category-status-badge.onSale .ribbon:after {
    content:'LAST CHANCE';
}

/* END PRODUCT STATUS BADGES */

/* PRODUCT DETAIL STYLES */

.product-detail {
}
.product-detail.electronic-product {
min-height: 540px;
}
.product-detail .header {
	font-size: 133%;
	text-transform: uppercase;
}
.product-detail .image-pane {
	width: 420px;
	float: left;
}
.product-detail .info-pane {
	width: 580px;
	float: left;
}
.product-detail-electronic .image-pane {
	width:25%;
    float:left;
}

.product-detail .info-pane .product-info {
	width: 325px;
	float: left;
	margin-right: 20px;
}
.product-detail .info-pane .related-products {
	width: 225px;
	float: left;
}
.product-price-retail {
	text-decoration:line-through;
	color: #999;
	margin-left: 4px;
}

.product-detail .product-price-retail {
	font-weight: 700 !important;
}
.product-detail .product-price, .product-detail .product-price .inBlock {
	font-weight: 700;
}

.shipping-alert {
	border:1px solid #5C88DA;
	background-color:#eee;
	color: #5C88DA;
	text-align: center;
	padding:10px;
	text-transform: uppercase;
}
.shipping-alert .sub-text {
	margin-top:5px;
	text-transform: none;
}
.shipping-alert .timer {
	font-weight:bold;
	font-size:115%;
}

.product-details {
	margin: 0 0 0 .5em;
	padding: 0 0 0 1em;
	list-style-type:disc;	
}
.product-details li {
	padding:1px 0px;	
}
.size-chart-button, .wishlist-button {
	cursor:pointer;
}

.product-variant-name {
	padding:0px 0px 2px 0px;
	border-bottom:1px solid #D5D5D5;	
}

.product-variant-swatches > .swatch {
	width:28px;
	height:28px;
	float: left;
	margin:0px 5px 3px 0px;
	line-height:26px;
	text-align:center;
	overflow:hidden;
	padding:2px;
	border:0px;
	cursor:pointer;
	color: #333333;
}
.product-variant-swatches.display-only > .swatch {
	cursor: auto;
}
.product-variant-swatches:not(.display-only) > .swatch:hover {
	border:1px solid #777777;
	padding:1px;
	color: #FFFFFF;
}

.product-variant-swatches:not(.display-only) > .swatch.active {
	border: 1px solid #333;
	color: #FFFFFF;
	padding: 1px;
	cursor:default;
}

.product-variant-swatches > .swatch > img {
	width:24px;
	height:24px;
}

.product-variant-swatches.optionsID > .swatch {
	width:auto;
	padding:0px 9px;
	border:1px solid #333333;
}
.product-variant-swatches.optionsID:not(.display-only) > .swatch:hover {
	padding:0px 9px;
	background-color:#777777;
}
.product-variant-swatches.optionsID:not(.display-only) > .swatch.active {
	padding:0px 9px;
	background-color:#333;
}
.product-variant-swatches.optionsID:not(.display-only) > .swatch.out-of-stock {
	border:1px solid #e9e9e9;
	color: #e9e9e9;
}

.quantity-field {
	width:24px;
	padding:4px 0px;
	border:1px solid #D5D5D5;
	margin:0px;
	text-align:center;
}
.product_detail_tabBoxContent {
	height: 160px;
	overflow:hidden;
}

.product-detail .tab-box.product-detail-right {
	
}
.product-detail .tab-box.product-detail-right .tab, .product-detail .tab-box.product-details-box .tab {
	width: 100%;
	display: block;
}
.product-detail .tab-box.product-detail-right .tab-content-container {
	border: 0px;
	border-top: 1px solid #cbcbcd;
	padding:10px 0px 10px 10px;
	background-image: url(/images/product/page/product_tabbox_partialborder.jpg);
	background-repeat: no-repeat;
}
.product-detail .tab-box.product-detail-right .tab-content {
	height: auto;
	min-height: 62px;
	overflow: hidden;
}
.product-detail .tab-box.product-details-box .tab-content {
	height: 75px;
	overflow: hidden;
}

.product-detail .product-reviews .review-list .review-container {
	border-top:1px solid #999;
	padding: 5px;
}
.product-detail .product-reviews .review-list .review-container:first-child, .product-detail .product-reviews .review-list .review-container.first {
	border-top:0px;
}



.product-rating {
	min-width: 100px;
	padding-left:80px;
	height:14px;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: left center;
}
.product-rating.rating-value-0 {
	background-image: url(/images/stars/design/star0.png);
}
.product-rating.rating-value-1 {
	background-image: url(/images/stars/design/star1.png);
}
.product-rating.rating-value-1-5 {
	background-image: url(/images/stars/design/star1_5.png);
}
.product-rating.rating-value-2 {
	background-image: url(/images/stars/design/star2.png);
}
.product-rating.rating-value-2-5 {
	background-image: url(/images/stars/design/star2_5.png);
}
.product-rating.rating-value-3 {
	background-image: url(/images/stars/design/star3.png);
}
.product-rating.rating-value-3-5 {
	background-image: url(/images/stars/design/star3_5.png);
}
.product-rating.rating-value-4 {
	background-image: url(/images/stars/design/star4.png);
}
.product-rating.rating-value-4-5 {
	background-image: url(/images/stars/design/star4_5.png);
}
.product-rating.rating-value-5 {
	background-image: url(/images/stars/design/star5.png);
}

.product-rating-updated {
	padding-left:0px;
}
.product-rating-updated .rating-stars {
	margin-right: 10px;
}
.product-rating-updated .rating-stars .icon-star, .product-rating-updated .rating-stars .icon-star-half, .product-rating-updated .rating-stars .icon-star-empty {
	font-size: 16px;
	color: #5C88DA;
	margin-right: 2px;
}

.product-rating-updated.write-review .rating-stars .icon-star, .product-rating-updated.write-review .rating-stars .icon-star-half, .product-rating-updated.write-review .rating-stars .icon-star-empty {
	font-size: 20px;
	margin-right: 4px;
}

.recommended-products, .recently-viewed-products {
    width:980px;
    margin: auto;
}
.recommended-products .image-slider .slider-detail, .recently-viewed-products .image-slider .slider-detail {
    height: 200px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
    zoom: 1;
}
.recommended-products .image-slider .slider-detail > li, .recently-viewed-products .image-slider .slider-detail > li {
    width: 130px;
    height: 200px;
    float: left;
    display: block;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0px 10px 0px 0px;
    zoom: 1;
}
.recommended-products .image-slider .slider-detail > li a, .recommended-products .image-slider .slider-detail > li a:visited, .recently-viewed-products .image-slider .slider-detail > li a, .recently-viewed-products .image-slider .slider-detail > li a:visited, .recommended-products .image-slider .slider-detail > li img, .image-slider .slider-detail > li img  {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Quick Shop Styles */
.fancybox-wrap.quick-shop {
	width: 930px;
}

.fancybox-wrap.quick-shop .fancybox-skin {
	background-color: transparent;
	border: none;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fancybox-wrap.quick-shop .fancybox-close {
	top: 10px;
	right:10px;
}

.fancybox-wrap.quick-shop .quickShop_contentContainer {
	padding: 10px;
}

.fancybox-wrap.quick-shop .header {
	color: #333333;
	font-size: 20px;
  border-bottom:none;
  padding: 0px;
  margin-bottom: 0px;
}

.fancybox-wrap.quick-shop .product_detail_review {
	height: 400px;
}

.tab-box.quick-shop-box .product-variant-name, .tab-box.quick-shop-box .product-variant-swatches, .tab-box.quick-shop-box .textHighlight, .tab-box.quick-shop-box .error.box {
	width:330px;
}

.tab-box.quick-shop-box > .tab-container {
	font-size:11px; 
	color:#000000;
	height:inherit;
}

.tab-box.quick-shop-box > .tab-container > .subHeader {
	font-size: 112%;
}

.tab-box.quick-shop-box .tab-container .tab {
	font-family: inherit;
	color: inherit;
	height: inherit;
	float: inherit;
	display:block; 
	padding:4px 5px 0px 5px;
	line-height:20px;
	cursor:pointer;
	margin:0px 2px 0px 0px;
	cursor:pointer;
	border: 0;
	border-right:0px solid #cbcbcd;
	background-color:#ffffff;
	text-align:center;
	overflow:hidden;
}
.tab-box.quick-shop-box .tab-container .tab.mo > img, .tab-box.quick-shop-box .tab-container .tab:hover > img {
	padding-top:0px;
	padding-bottom: 5px;
	border-bottom: 5px solid #5C88DA;
}

.tab-box.quick-shop-box .tab-container .tab > div {
	padding-bottom:15px;
}

.tab-box.quick-shop-box .tab-container .tab > img {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom: 5px solid #ffffff;
}

.tab-box.quick-shop-box .tab-container .tab.active {
	cursor: default;
}

.tab-box.quick-shop-box .tab-container .tab.active > img {
	cursor: default;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom: 5px solid #5C88DA;
}
.tab-box.quick-shop-box .tab-content-container {
	padding:0px;
	border:0px solid #cbcbcd;
	background-color:#FFFFFF;
}
.tab-box.quick-shop-box .tab-content-container .tab-content {
	padding:10px;
}
.tab-box.quick-shop-box .info-pane .tab-content.active.mCustomScrollbar {
	padding:0px;
}
.tab-box.quick-shop-box .tab-content .tab-content-inner {
  padding:0 10px;
}
.product-detail.limited-view .image-pane {
	width: 418px;
	float: left;
}
.product-detail.limited-view .info-pane {
	width: 380px;
	float: left;
}

/* END QUICK SHOP STYLES */

/* MOBILE STYLES */
.state-mobile .product-detail .image-pane, .state-mobile .product-detail .info-pane {
	width: auto;
	float: none;
}
.state-mobile .product-detail .tab-box.product-detail-right .tab-content-container {
	border: 0px;
	border-top: 0px solid #cbcbcd;
	padding:10px 0px 5px 0px;
	background-image: none;
	background-repeat: no-repeat;
}
.state-mobile .product-detail .image-pane .image-slider {
	max-width: 290px;
	margin:0px auto 0px auto;
}
.state-mobile .product-detail .image-pane .image-slider .slider-detail-container .bx-wrapper {
	
}
.state-mobile .product-detail .image-pane .image-slider .slider-detail-container > ul.slider-detail {
    height: 447px !important;
    overflow: hidden;
}
.state-mobile .product-detail .recommended-products, .state-mobile .recently-viewed-products  {
    max-width: 100%;
    width: auto;
    margin: 0px;
}
.state-mobile .product-detail .recommended-products .image-slider, .state-mobile .recently-viewed-products .image-slider  {
    max-width: 100%;
    overflow:hidden;
    position: relative;
    height: 200px;
}

/* END MOBILE STYLES */


/* SIZE CHART MODAL  */

.fancybox-wrap.size-chart .fancybox-skin {
	background-color: transparent;
	border: none;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fancybox-wrap.size-chart .tab-box .tab{
	float:none;
    display:block !important;
    height:auto !important;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    line-height:auto;
    font-size:11px;
    background-color:#b4afab;
    color:white;
    border-color:#b4afab;
}

.fancybox-wrap.size-chart .tab-box .tab.active{
	background-color:#fdf5f3;
    color:black;
    border-color:#fdf5f3;
}
.fancybox-wrap.size-chart .tab-container{
	padding-top:2px;
    min-width:250px;
}
.fancybox-wrap.size-chart .tab-box .tab-content-container{
	border:none;
    height:650px;
    width:800px;
    overflow-y:auto;
    overflow-x:hidden;
}
.fancybox-wrap.size-chart .tab-box{
	
}
.fancybox-wrap.size-chart img {
	display:block;
	width: 100%;
}
.fancybox-wrap.size-chart .fancybox-close{
    top:30px;
    right:18px;
}
.fancybox-wrap.size-chart .fancybox-close:hover{
}
/* END SIZE CHART MODAL */

/* BEGIN CHART PAGE FEATURE STYLES */

.product-detail.chart-page-feature .image-pane {
	width: 320px;
	float: left;
}
.product-detail.chart-page-feature .info-pane {
	width: 525px;
	float: left;
}
.product-detail.chart-page-feature .info-pane .product-info {
	width: 330px;
	float: left;
	margin-right: 10px;
}
.product-detail.chart-page-feature .info-pane .product-details-container {
	width: 175px;
	float: left;
}

.product-detail.chart-page-feature .image-slider.product-showcase .slider-detail-container {
  height: 371px; 
  width:240px;
}
.product-detail.chart-page-feature .image-slider.product-showcase .slider-detail-container ul.slider-detail > li {
  min-width: 240px;
  min-height: 371px;
}

.product-detail.chart-page-feature .image-slider.product-showcase .slider-detail-container .video-container {
  padding-top:120px;  
}

.product-detail.chart-page-feature .image-slider.product-showcase .slider-detail-container li.square-aspect {
  padding-top:65px;
}

.product-detail.chart-page-feature .image-slider.product-showcase .slider-thumbs-container {
  height:331px;
}
.product-detail.chart-page-feature .image-slider.product-showcase .slider-thumbs-container > ul {
  height:331px;
}

.product-detail.chart-page-feature .image-slider.product-showcase .slider-thumbs-container .bx-wrapper .bx-next {
  top:331px;
}

/* END CHART PAGE FEATURE STYLES */
.fancybox-wrap.quick-shop .header {
	background-color: transparent;
}
.product-list .image-slider .slider-detail-container ul.slider-detail {
	list-style-type: none;
    margin:0px;
    padding:0px;
    display:block;
}
.product-list .image-slider .slider-detail-container ul.slider-detail > li {
	display:block;
	margin:0px;
    padding:0px;
}
.text-input{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

	display: inline-block;
  *zoom: 1;
  *display: inline; 
  vertical-align: middle;
    
	border:1px solid #000;
  padding:3px;
  color:#333; 
  line-height: 17px;
  min-height: 25px;
  margin: 0px;
    
  font-size: inherit;
  font-family: inherit;
}
/* Deep Linker Start */
.deep-linker-container {margin:0 10px 10px;}
.deep-linker-container .header {font-size: 16px;font-weight: bold;padding: 0;background-color: #fff;color: #000;}
.deep-linker-container input {width:300px;line-height: 20px;border:1px solid #000;padding-left:5px;}
.deep-linker-container input[readonly] {border:2px solid #ff5f00;}

/* Product Sort Order Redesign */
.adminButtonRoundGrey {padding:5px 10px; text-align:center; border:1px solid #333333; background-color:#777; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.adminButtonRoundGrey:hover{background-color:#555;}
.adminButtonRoundRed {padding:5px 10px; text-align:center; border:1px solid #333333; background-color:#e10000; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.adminButtonRoundRed:hover{background-color:#ba0000;}
.adminPageSubHeader		{font-family:Arial, Helvetica, sans-serif;color: #000000;font-size: 16px;font-weight:bold;}
.productWeightLabelTitle{width:360px;padding:0px 10px 0px 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelPrice{width:70px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelColor{width:100px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelSize{width:80px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelDeactivate{width:135px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelStartDate{width:75px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelSKU{width:65px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightLabelInstock{padding:0px 0px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.productWeightFieldRank{width:35px;padding:0px 5px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldImage{width:60px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldTitle{width:260px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldPrice{width:70px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldColor{width:100px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldSize{width:80px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldDeactivate{width:135px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldStartDate{width:75px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldSKU{width:65px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldInstock{width:30px;padding:0px 10px 0px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productWeightFieldDrag{padding:0px 0px 0px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Skip Modal */
.skip-confirmation-container .confirmation-copy {text-align: center;margin-bottom:20px;font-size:16px;text-transform: uppercase;}
.skip-confirmation-container .skip-buttons {text-align: center;}
.skip-confirmation-container .skip-reason-list {margin:0 55px 20px;font-size: 14px; list-style: none;}
.skip-confirmation-container .skip-reason-list > li {line-height:27px;}
.skip-confirmation-container .continue-skip {margin-left:10px;}
.skip-confirmation-container .confirmation-copy.non-member {margin-top: 40px; line-height: 20px;}

/* Long Style Quiz */
.member-vita-plus-module-container .subHeader {
	text-transform: uppercase;
	padding: 5px;
}
.member-vita-plus-module-container .information-container.subHeader {
	background-color: #ddd;
	padding: 5px;
}
.member-vita-plus-module-container .section-container {
	padding: 5px;
	background-color: #eee;
}
.member-vita-plus-module-container .section-container .subHeader {
	font-weight: bold;
	font-size: 16px;
	background-color: #eee;
	padding: 5px 0px;
	text-transform: capitalize;
}
.member-vita-plus-module-container .information-container {
	background-color: #eee;
	padding: 0px 0px 5px 0px;
}
.member-vita-plus-module-container .information-container.spacer {
	padding-top: 10px;
}

.member-vita-plus-module-container .last-updated-label {
	text-align: right;
	color: #666666;
}

/* End Long Style Quiz */

.wishItemContainer {padding:20px 10px 20px 30px; font:13px Arial, Verdana, sans-serif;width:20%;float:left;text-align:left;} 
.wishItemContainerProfile {font:13px Arial, Verdana, sans-serif;width:20%;float:left;text-align:left;} 
[data-favorites-product-url] {cursor:pointer;}

.vip-banner {color:#fff;background-color:#ff5f00;}
.vip-banner.vip {background-color:#ff5f00;}
.vip-banner.elite-active {background-color:#00b800;}
.vip-banner.elite-on-hold {background-color: #ffffb3;color:#333;}
.vip-banner.elite-cancelled {background-color: red;}

.standard-table {font-family: Arial, sans-serif;color:#000;font-size:12px;border-collapse: collapse;}
.standard-table td, .standard-table th {border:1px solid #999;}
.standard-table tr.no-border-top td, .standard-table td.no-border-top {border-top:none;}
.standard-table tr.no-border-bottom td, .standard-table td.no-border-bottom {border-bottom:none;}
.standard-table tr:nth-child(2n) {background-color:#f7f6f6;}
.standard-table tr:nth-child(2n+1) {background-color:#ebf7d4;}
.standard-table tr:first-child {background-color:#333;color:#fefefe;font-weight: bold;}
.standard-table tr.even:nth-child(n) {background-color:#f7f6f6;}
.standard-table tr.odd:nth-child(n) {background-color:#ebf7d4;}
.standard-table tr.even.highlight-danger:nth-child(n) {background-color:#e4606d;}
.standard-table tr.odd.highlight-danger:nth-child(n) {background-color:#dc3545;}
.standard-table:not(.no-hover-effect) tr:not(:first-child):not(.no-hover-effect):hover td {background-color:#d6daf7;}
.standard-table a.title-link {display:block;width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.standard-table a:not(.button), table.standard-table a:not(.button):visited {color:inherit;}
.standard-table .expand-icon {display:inline-block;width:10px;height:10px;background-image:url('/images/admin/plus.gif');background-repeat: no-repeat;background-position: 50% 50%;}
.standard-table .expand-icon.collapse {display:inline-block;width:10px;height:10px;background-image:url('/images/admin/minus.gif');background-repeat: no-repeat;background-position: 50% 50%;}

.order-detail .subHeader {font-size:14px;font-weight: bold;}

/* Return Item Page */
.order-detail.return-detail .return-item-note-row {display:none;}
.order-detail.return-detail .standard-table:not(.no-hover-effect) tr.even:not(:first-child):not(.no-hover-effect):hover + tr:not(.odd), .order-detail.return-detail .standard-table:not(.no-hover-effect) tr.odd:not(:first-child):not(.no-hover-effect):hover + tr:not(.even) {background-color:#d6daf7;}
#returns-alert-messages-overlay {
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: none;
}
#returns-alert-messages-modal {
	width: 600px;
	background-color: #fff;
	padding: 20px;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
	top: 200px;
	margin-inline: auto;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	display: none;
}
#returns-alert-messages-container {
	text-align: left;
	margin-bottom: 20px;
}
#returns-alert-messages-modal input {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
#returns-alert-messages-modal label {
	line-height: 16px;
	vertical-align: middle;
}
#returns-alert-messages-modal .button {
	margin-top: 10px;
}

.simple-form-page .header {font-size: 16px;font-weight: bold;padding: 0;background-color: #fff;color: #000;}
.simple-form-page .form-container {margin:25px 0 25px 15px;}
.simple-form-page input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {width:250px;padding:0px 5px;border:1px solid #333;font-size:16px;outline:none;box-sizing:border-box;line-height:25px;vertical-align:middle;}
.simple-form-page input[type="submit"].button {font-size:16px;}

.honorary-input { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;

	display: inline-block;
  zoom: 1;
  vertical-align: middle;
    
	border:1px solid #000;
  padding:3px;
  color:#333; 
  line-height: 17px;
  min-height: 25px;
  margin: 0px;
    
  font-size: inherit;
  font-family: inherit;
    
}
.honorary-input {
  max-height: 25px;
  height: 25px;
}
.honorary-input iframe {
	margin: 0px;
}
.product-image-out-of-stock-layover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 24px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	padding: 75px 0px 0px 0px;
	z-index: 800;
	background-color: rgba(255, 255, 255, 0.5);

}
.product-image-out-of-stock-layover + a.product-image-link {
	filter: blur(2px);

    -webkit-filter: blur(2px);

    -moz-filter: blur(2px);

    -o-filter: blur(2px);

    -ms-filter: blur(2px);

}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-direction:row;
  -webkit-flex-direction:row;

  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;

  -webkit-align-items: flex-start;
  -webkit-justify-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex.no-wrap {
  -webkit-flex-wrap:nowrap;
  flex-wrap:nowrap;
}

.flex.vertical {
  flex-direction:column;
  -webkit-flex-direction:column;
}
.flex.stretch {
  justify-content: stretch;
  -webkit-justify-content: stretch;
}
.flex.space-between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flex.space-around {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flex.align-center {
  align-items: center;
  -webkit-align-items: center;
}
.flex.align-end {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.flex.align-stretch {
  align-items: stretch;
  -webkit-align-items: stretch;
}
.flex.center {
  justify-content: center;
  -webkit-justify-content: center;
}

.flex.end {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.notification-banner {
	padding:5px 0px;
	text-align:center;
	margin:5px 0px;
	background-color:#ff7676;
	font-size: 16px;
    font-weight: bold;
}
.notification-banner.high-risk-return {
	background-color:#ffffb3;
}
.notification-banner.influencer {
	background-color:#ff8f4d;
}

/* Favorite Looks Module*/
.favoriteLook-container {
	margin: 10px 0px;
	border-bottom: 1px solid #DDD;
	padding: 5px;
}
.favoriteLook-container .favoriteLook-item-container {
	margin-bottom: 5px;
}
.favoriteLook-container .favoriteLook-item {
	margin: 0px 5px;
	text-align: center;
	width: 130px;
}
.favoriteLook-container .favoriteLook-image {
	height: 170px;
}
.favoriteLook-container .favoriteLook-item .favoriteLook-image img {
	margin: 0px auto;
}
.favoriteLook-container .favoriteLook-notes {
	padding: 5px;
	background-color: #EEE;
}
.favoriteLook-error {
	font-weight: bold;
	margin: 5px;
	background-color: #eee;
}
.favoriteLook-side-container .favoriteLook-container {
	border: none;
	width: 50%;
	min-width: 110px;
	cursor: pointer;
}
.favoriteLook-side-container .favoriteLook-item {
	margin: 0px;
	width: 100%;
}
.favoriteLook-side-container .favoriteLook-image {
	width: 100%;
}
.favoriteLook-products .header {
	background-color: #FFF;
	color: #333;
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
	padding: 0px 0px 5px 0px;
}
.favoriteLook-products .favoriteLook-item {
	width: 20%;
	text-align: center;
}
.favoriteLook-products .favoriteLook-image {
	height: 170px;
}
.styling-side-menu .favoriteLook-container .zoomWindowContainer > div {
	position: fixed !important;
	top: 50% !important;
	margin-top: -200px !important;
	left: 610px !important;
}

/* START Stylist Feature */

    .stylist-feature {margin:0px 15px;font-size:14px;}
    .stylist-feature .error.box {text-align:center;margin:10px 0px;}
    .stylist-feature h1 {font-size:22px;font-weight: bold;margin-bottom:15px;}
    .stylist-feature h2 {font-size:18px;font-weight: bold;margin-bottom:10px;}

    /* Create and Edit Page */
    .stylist-feature.-create label {font-weight: bold;}
    .stylist-feature.-create label.in-line {margin-right:5px;}
    .stylist-feature.-create label:not(.in-line) {font-weight: bold;display:block;margin-bottom:5px;}
    .stylist-feature.-create input[type="radio"] + label, .stylist-feature.-create input[type="checkbox"] + label {display: inline-block;}
    .stylist-feature.-create label:not(.in-line) + input:not([type="checkbox"]):not([type="radio"]), .stylist-feature.-create label + textarea {width:100%;}
    .stylist-feature.-create textarea, .stylist-feature.-create input:not([type="checkbox"]):not([type="radio"]) {padding:3px 5px;}
    .stylist-feature.-create form > div + div {margin-top:10px;}
    .stylist-feature.-create form > div:not(.flex):not(.fullWidth) {width:50%;}
    .stylist-feature.-create form > div.flex > div {width:50%;}
    .stylist-feature.-create form > div.flex > div.image {max-width: 49%;margin-left: 1%; width: auto;border: 1px solid #666;padding: 15px;}
    .stylist-feature.-create form div.image img {max-width:100%;max-height:150px;display:block;}
    .stylist-feature.-create .stylist-edits .edit-item {width:24%;text-align:center;padding:15px;border:1px solid #ccc;}
    .stylist-feature.-create .stylist-edits .edit-item.-add-item {height:60px;}
    .stylist-feature.-create .stylist-edits .edit-item .image {border: 1px solid #666;padding: 5px;display: inline-block;margin-top:3px;}
    .stylist-feature.-create .stylist-edits .edit-item input, .stylist-feature.-create .edit-item textarea {width:100%;}
    .stylist-feature.-create .stylist-edits .edit-item > div + div {margin-top:5px;}
    .stylist-feature.-create .stylist-edits > .edit-item {margin-left:1%;}
    .stylist-feature.-create .stylist-edits > .edit-item:nth-child(n+5) {margin-top:1%;}
    .stylist-feature.-create .stylist-edits > .edit-item:nth-child(4n+1) {margin-left:0px;}

    /* List Page */
    table.feature-list {border:1px solid #000;background-color:#ccc;}
    table.feature-list th {background-color:#333;color:#fff;text-align:center;padding:10px;}
    table.feature-list td {padding:5px;vertical-align: middle;height:60px;}
    table.feature-list td.image {text-align:center;}
    table.feature-list tr.feature-item {background-color:#fff;}
    table.feature-list tr.feature-item:nth-child(2n-1) {background-color:#efefef;}

/* END Stylist Feature */

/* Employee Feedback */
	.feedback-content #bold {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 16px;
	}
	.feedback-form-container {
		width: 100%;
	}
	.feedback-desc {
    	font-size: 14px;
	}
	#feedbackID {
		height:150px;
		width:100%;
		border:1px solid #555;
		font-size: 14px;
	}
/* END Employee Feedback */

/* Start Printer Friendly Styles */
@media print {    
    .no-print, .no-print * {
        display: none !important;
    }
	.page-break-after {
		page-break-after: always;
	}
	.page-break-before {
		page-break-before: always;
	}
}
/* End Printer Friendly Styles */
#delete-personal-info-modal {
    padding: 0;
}
.cancel-skip.button {
    margin: 0 10px;
}
.modal {
	border-radius: 0;
}
.modal a.close-modal {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    z-index: 8040;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/common/modal_close_sprite.png);
}
.modal a.close-modal:hover {
    background-position: -13px 0px;
}
#delete-personal-info-modal-content {
	margin: 50px 0;
}
#delete-personal-info-modal-content p {
    margin: 20px 0;
}
#delete-personal-info-modal-content p.header {
    margin: 0;
}
#remove-category-modal, #remove-attribute-modal {
    font-size: 14px;
    padding: 50px;
}
#remove-category-modal-content, #remove-attribute-modal-content {
    text-align: center;
}
#remove-attribute-modal p, #remove-category-modal p {
    margin:  0 0 20px 0;
}
#remove-category-modal-content button.inBlock.cancel-skip.button.cancel-grey,
#remove-attribute-modal-content button.inBlock.cancel-skip.button.cancel-grey,
#oos-modal .button.cancel-grey {
    margin-left: 0;
    min-width: 140px;
    padding: 0 10px;
    line-height: 40px;
    font-size: 16px;
}
#remove-category-modal-content .button.feedback,
#remove-attribute-modal-content .button.feedback,
#oos-modal .button.feedback {
	padding: 0 10px;
	min-width: 140px;
	line-height: 40px;
	font-size: 16px;

}
.button.scrollToTop {
	bottom: 32px !important;
}
.mobile-product-search {
	position: relative;
}
.mobile-product-search input[type=text],
.mobile-product-search input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    display: inline-block;
    zoom: 1;
    vertical-align: middle;
      
    border:1px solid #333;
    padding:3px;
    color:#333; 
    line-height: 17px;
    min-height: 26px;
    margin: 0px;
      
    font-size: 14px;
    font-family: Arial, sans-serif;
}
.mobile-product-search select {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width:100%;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    border:1px solid #333;
    padding:3px;
    color:#333; 
    line-height: 17px;
    min-height: 26px;
    margin: 0px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    background-color: #fff;
}
.mobile-product-search input[type=button],
.mobile-product-search input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 1px solid #5C88DA;
    background-color: #5C88DA;
    color: #fff;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    line-height: 45px;
    font-size: 23px;
    display: block;
}
.mobile-product-search input[type=button].alternate {
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
}
.mobile-product-search a.white-button,
.mobile-product-search a.white-button:visited {
	width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    border: 1px solid #333;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    display: block;
    padding: 10px 0px;
}
.mobile-product-search .categoryManagementHeader {
    line-height: 44px;
    font-size: 17px;
    white-space: nowrap;
}
.mobile-product-search .categoryManagementSubHeader {
    line-height: 44px;
    background-color: #7F7E7E;
    color: #fff;
    padding: 0 10px;
}
.mobile-product-search .categoryManagementSubHeader a,
.mobile-product-search .categoryManagementSubHeader a:visited {
    color: #fff;
    font-size: 14px;
}
.mobile-product-search a.search-link {
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}
.mobile-product-search #view-sizes-table {
	font-size: 14px;
	border: 1px solid #7f7e7e;
	margin-bottom: 20px;
}
.mobile-product-search #view-sizes-table th {
	background-color: #7f7e7e;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	border-left:1px solid #FFF;
}
.mobile-product-search #view-sizes-table th:first-child {
	border-left: none;
}
.mobile-product-search #view-sizes-table tbody tr:nth-child(even) {
	background-color: #eee;
}
.mobile-product-search #view-sizes-table tbody td {
	border-left: 1px solid #7f7e7e;
	border-top: 1px solid #7f7e7e;
}
.mobile-product-search #view-sizes-table tbody tr.addColorBorder td {
	border-top: 3px solid #7f7e7e;
}
.mobile-product-search #view-sizes-table tbody tr td:first-child {
	border-left: none;
}
.mobile-product-search #mobile-view-inventory-history th {
	border-left:1px solid #000000;
	vertical-align:bottom;
	text-align:left;
	padding: 3px;
}
.mobile-product-search #mobile-view-inventory-history th:first-child {
	border-left: none;
}
.mobile-product-search #mobile-view-inventory-history td {
	padding: 3px;
}
.mobileScanUpdateError {
    display: none;
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 20px;
    padding: 20px;
    z-index: 100;
}
#mobile-product-search-error-overlay {
    z-index: 50px;
    display: none;
    position: absolute;
    opacity: .4;
    height: 100%;
    width: 100%;
    background-color: #000;
}
.mobile-switch-container {
  display: flex;
}
input[type="checkbox"].mobile-switch {
  width: 0;
  height: 0;
  visibility: hidden;
}
label.mobile-switch {
  display: block;
  width: 60px;
  height: 30px;
  background-color: #000000;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
  box-shadow: 0 0 20px #477a8550;
  margin-bottom: 5px;
  margin-top: 5px;
}
label.mobile-switch::after {
  content: "";
  width: 26px;
  height: 26px;
  background-color: #e8f5f7;
  position: absolute;
  border-radius: 70px;
  top: 2px;
  left: 2px;
  transition: 0.5s;
}
input.mobile-switch:checked + label.mobile-switch:after {
  left: calc(100% - 28px);
  /* transform: translateX(-100%); */
}
input.mobile-switch:checked + label.mobile-switch {
  background-color: #5C88DA;
}
label.mobile-switch:active:after {
  width: 30px;
  /* left: calc(100% - 20px); */
}
#updateProdStockForm input[type=text],
#updateProdStockForm input[type=number], 
#updateProdStockForm select {
  padding: 10px 5px;
  margin-bottom: 10px !important;
}
#updateProdStockForm select {
  height: auto;
}
.hideConditional .conditionalRequired span.error {
	display: none;
}
#asnForm input[type="submit"] {
	cursor: pointer;
}
#styleProfileContainer .icon-angle-down {
    position: absolute;
    right: 10px;
    bottom: 3px;
    line-height: 1em;
    font-size: 150%;
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}
#styleProfileContainer .icon-angle-down.open {
    transform: rotate(-180deg);
}
/* AI Summaries */
.member-aisummaries-module-container .subHeader {
	padding: 5px;
}
.member-aisummaries-module-container .information-container {
    background-color: #eee;
    padding: 0px 0px 5px 0px;
}
.member-aisummaries-module-container .section-container {
    padding: 5px;
    background-color: #eee;
}
.member-aisummaries-module-container .feedbackBoxHeader{background: #BEEAFD;text-transform: uppercase;padding: 5px;font-weight: bold;font-size: 15px;}
.member-aisummaries-module-container .feedbackBoxsubHeader{border-bottom: 1px solid #ccc;background-color: #ddd;}

.fancybox-skin { /* Set fancybox skin styling to what is needed for site */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* NEW MODAL COHERANCE STYLES */
.modal-inner {
	margin: 50px 100px;
	font-size:14px;
	text-align:center;
}

.modal-inner .error {
	margin: 5px 0px 10px 0px !important;
	font-size:12px;
	text-align:center;
}

.modal-inner .section-spacer {
	margin-top: 25px;
}
.modal-inner .section-spacer-small {
	margin-top: 20px;
}
.modal-inner .content-pad {
	padding: 0px 20px;
}

.modal-inner .header {
    font-family: 'GTUltraBold', Arial, sans-serif;
	font-weight: normal;
	font-size: 36px;
	line-height: 2.7rem;
	margin-bottom:30px;
	text-transform: uppercase;
	border-bottom:0px;
	background-color:transparent;
	padding:0px;
	color: #000;
}

.modal-inner .sub-header {
	font-weight: 500;
	text-transform: uppercase;
}

.modal-inner .font-small {
	font-size: 12px;
}
.modal-inner .fine-print {
	font-size: 11px;
}

.modal-inner .full-width-inputs textarea,
.modal-inner .full-width-inputs select,
.modal-inner .full-width-inputs input[type=text],
.modal-inner .full-width-inputs input[type=url],
.modal-inner .full-width-inputs input[type=tel],
.modal-inner .full-width-inputs input[type=number],
.modal-inner .full-width-inputs input[type=color],
.modal-inner .full-width-inputs input[type=email],
.modal-inner .full-width-inputs input:not([type=submit]):not([type=file]):not([type=image]):not([type=button]):not([type=radio]):not([type=reset]):not([type=checkbox]) {
	width: 100%;
}

.modal-inner textarea,
.modal-inner select,
.modal-inner input[type=text],
.modal-inner input[type=url],
.modal-inner input[type=tel],
.modal-inner input[type=number],
.modal-inner input[type=color],
.modal-inner input[type=email],
.modal-inner input:not([type=submit]):not([type=file]):not([type=image]):not([type=button]):not([type=radio]):not([type=reset]):not([type=checkbox]) {
	font-weight: normal;
	font-size:12px;
}

.state-mobile .modal-inner textarea,
.state-mobile .modal-inner select,
.state-mobile .modal-inner input[type=text],
.state-mobile .modal-inner input[type=url],
.state-mobile .modal-inner input[type=tel],
.state-mobile .modal-inner input[type=number],
.state-mobile .modal-inner input[type=color],
.state-mobile .modal-inner input[type=email],
.state-mobile .modal-inner input:not([type=submit]):not([type=file]):not([type=image]):not([type=button]):not([type=radio]):not([type=reset]):not([type=checkbox]) {
	font-weight: auto;
	font-size:14px;
}

.modal-inner ::-webkit-input-placeholder {
	color: #000 !important; 
}
.modal-inner input:focus::-webkit-input-placeholder {
  color: transparent !important;  
}
.modal-inner ::-moz-placeholder {
  color: #000 !important;  
  opacity: 1;
}
.modal-inner :-moz-placeholder {
  color: #000 !important;  
  opacity: 1;
}
.modal-inner input:focus::-moz-placeholder {
  color: transparent !important;  
}
.modal-inner input:focus:-moz-placeholder {
  color: transparent !important;    
}
.modal-inner :-ms-input-placeholder {
	color: #000 !important;  
}
.modal-inner input.placeholder
{  
   color: #000 !important;  
   font-weight: normal;
}

.modal-inner.mobile-number-verify ::-webkit-input-placeholder {
	color: #999 !important; 
}
.modal-inner.mobile-number-verify input:focus::-webkit-input-placeholder {
  color: transparent !important;  
}
.modal-inner.mobile-number-verify ::-moz-placeholder {
  color: #999 !important;  
  opacity: 1;
}
.modal-inner.mobile-number-verify :-moz-placeholder {
  color: #999 !important;  
  opacity: 1;
}
.modal-inner.mobile-number-verify input:focus::-moz-placeholder {
  color: transparent !important;  
}
.modal-inner.mobile-number-verify input:focus:-moz-placeholder {
  color: transparent !important;    
}
.modal-inner.mobile-number-verify :-ms-input-placeholder {
	color: #999 !important;  
}
.modal-inner.mobile-number-verify input.placeholder
{  
   color: #999 !important;  
   font-weight: normal;
}

.modal-inner.mobile-number-verify input[type=text],
.modal-inner.mobile-number-verify input[type=text]:focus,
.modal-inner.mobile-number-verify input[type=number],
.modal-inner.mobile-number-verify input[type=number]:focus,
.modal-inner.mobile-number-verify input[type=tel],
.modal-inner.mobile-number-verify input[type=tel]:focus {
	border: 1px solid #5C88DA !important;
	line-height: 30px !important;
	font-size: 16px !important;
}

.state-mobile .modal-inner {
	margin: 0px;
}

.state-mobile .modal-inner .header {
	font-size: 24px;
	line-height: 1.625rem;
}

/* END NEW MODAL COHERANCE STYLES */

/* MOBILE MODAL STYLES */

body.state-mobile.no-scroll {
  overflow:hidden;
  height:100%;
  width: 100%;
  position:fixed;
}

.modal-mobile {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color:#fff;
  z-index:10000;
  opacity: 0;
  display:none;
}

.modal-mobile.displayed {
  display:block;
  opacity: 1;
}


.modal-mobile .header-bar {
  background-color: #000;
  color: #fff;
  height: 40px;
  width: 100%;
  line-height:40px;
  position: absolute;
  padding-left:5px;
  z-index:100;
}

.modal-mobile .header-bar .header-bar-content {
	position: relative;
	height: 100%;
}

.modal-mobile .header-title {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}

.modal-mobile .close-button-old {
  background-color: #fff;
  text-align: center;
  color: #000;
  position: absolute;
  top: 5px;
  right: 5px;
  width:70px;
  height: 30px;
  line-height: 30px;
}
.modal-mobile .close-button {
  text-align: center;
  color: #FFF;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
.modal-mobile .close-button > span {
	text-decoration: underline;
	font-weight: normal;
}
.modal-mobile .modal-content {
  padding: 10px;
  position: static;
  height: 100%;
  padding-top: 50px;
  overflow-y: auto;
}

.modal-mobile.vertically-centered {
	background-color: rgba(0,0,0,0.5);
}

.modal-mobile.vertically-centered .header-bar {
	display: none !important;
}

.modal-mobile.vertically-centered .modal-content {
	background-color: #FFF;
    height: auto;
    max-height: 85%;
    padding-top: 30px;
    padding-bottom: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    margin-left: 30px;
    margin-right:30px;
}
.modal-mobile.vertically-centered .modal-content.radio-promo {
    padding: 30px 10px 10px 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.modal-mobile.vertically-centered .modal-content .modal-inner {
	position: relative;
}

.modal-mobile.vertically-centered .modal-content .close-x {
	text-decoration: none;
    font-size: 20px;
    position: absolute;
    top: -28px;
    right: -6px;
}



/* END MOBILE MODAL STYLES */

/* BEGIN PROMO MODAL STYLES */

.promo-modal {
	padding:10px 0px;
}
.promo-modal .content-pad {
	padding:0px 35px;
}
.promo-modal .header {
	font-size: 47px;
	font-family: Times,'Times New Roman', Georgia, serif;
	/* font-weight: bold; */
	letter-spacing: .05em;
	padding:0px;
	margin: 0px;
	border: 0px;
	text-align: center;
}
.promo-modal .header.sans {
}
.promo-modal .header-subtext {
	font-size:16px;
	letter-spacing: .2em;
	text-align: center;
}
.promo-modal .sub-header {
	font-weight: bold;
    letter-spacing: normal;
    font-size: 16px;
    text-align: center;
    line-height: 18px;
	margin-top: 20px;
}
.promo-modal .info-bar {
	font-size: 16px;
    line-height: 18px;
	margin: 20px 0px;
	text-align: center;
}
.promo-modal .promo-bar {
	padding: 10px;
	background-color: #000;
	color: #FFF;
	margin:15px 0px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform:uppercase;
}
.promo-modal .spaced-text {
	letter-spacing: .2em;
	line-height:1.8;
}
.promo-modal .spaced-text-small {
	letter-spacing: .1em;
	line-height:1.8;
}

.promo-modal .fine-print {
	color: #7e7e7e;
	font-size:10px;
}

.promo-modal input:not([type=submit]):not([type=file]):not([type=image]):not([type=button]):not([type=radio]):not([type=reset]):not([type=checkbox]) {
	border: 1px solid #000;
}

.state-mobile .promo-modal {
	padding: 0px;
}
.state-mobile .promo-modal input:not([type=submit]):not([type=file]):not([type=image]):not([type=button]):not([type=radio]):not([type=reset]):not([type=checkbox]) {
	width: 100%;
}
.promo-modal .button.large {
	min-width: 150px;
}
.promo-modal .button.large.alternate {
	min-width: 150px;
	background: #ffffff;
	border-color: #000;
}
.promo-modal .button.large.alternate:hover {
	color: #000;
}
/* END PROMO MODAL STYLES */

/* START Curator Note Modal Styles */
.curator-note .fancybox-close {
	top:13px;
	right:12px;
}

/* Initial Signup Modal */

.modal-inner.registration-modal.email-only {}
.modal-inner.registration-modal.email-only.mobile-delayed-signup input[type="submit"] {
	margin-top: 7px;
}

/*
.modal-inner.registration-modal.email-only .header {
	letter-spacing: 5px;
	font-size: 40px;
	font-weight: 300;
}
*/

.modal-inner.registration-modal.email-only .main-registration-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.modal-inner.registration-modal.email-only .success-message {
	width: 100%;	
}

.modal-inner.registration-modal.email-only input[name="formEmailField"] {
	height: 40px !important;
	background-color: #f0f0f0;
	border: 0px !important;
	line-height: 40px !important;
	font-size: 16px !important;
}
.modal-inner.registration-modal.email-only input[type=submit].large {
	width: 100%;
	font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.1em;
}

/* END Initial Signup Modal */

.modal-inner.bounce-bouncer {
    letter-spacing: 0.1em;
    width: 100%;
    height: 100%;
    background-image: url(/images/general/bounce_bouncer_background.jpg);
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: relative;
    margin: 0px !important;
}
.modal-inner.bounce-bouncer .overlay {
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.modal-inner.bounce-bouncer .modal-placeholder-container {
	width: 100%;
	height: 100%;
	z-index: 10;
}
.modal-inner.bounce-bouncer .modal-placeholder {
	background-color: #FFF;
	z-index: 10;
}
.modal-inner.bounce-bouncer .modal-placeholder .modal-placeholder-inner {
	width: 720px;
	padding: 50px 100px;
	position: relative;
}
.modal-inner.bounce-bouncer .header {
	font-size: 35px;
	letter-spacing: 0.15em;
}
.modal-inner.bounce-bouncer .sub-header {
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 16px;
}
.modal-inner.bounce-bouncer .email-input {
	height: 40px !important;
	background-color: #f0f0f0 !important;
	border: 0px !important;
	line-height: 40px !important;
	font-size: 16px !important;
	width: 100%  !important;
	padding: 0px 20px !important;
}
.modal-inner.bounce-bouncer button.get-started {
	width: 100% !important;
	font-size: 17px !important;
    letter-spacing: 0.1em !important;
}

/* Favorite Look Modals */
.fancybox-wrap.favorite-look .header {
	border-bottom: none;
	text-align: left;
	/*font: normal normal bold 26px/31px GTUltraLight;*/
	font-weight: bold;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	text-align: center;
}
.fancybox-wrap .edit-favorite .header, .modal-content .edit-favorite .header {
	border-bottom: none;
	font-weight: bold;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	text-align: center;
}
.modal-content .edit-favorite .header {
	padding: 10px;
}
.fancybox-wrap.favorite-look .header.header-remove {
	text-align: center;
	font: normal normal bold 45px 'GTUltraBold';
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}
.fancybox-wrap.favorite-look .button-container {
	margin-top: 20px;
}

.fancybox-wrap.favorite-look textarea, .fancybox-wrap.favorite-look pre,
.fancybox-wrap .send-look-asap-modal textarea, .fancybox-wrap .send-look-asap-modal pre {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

.fancybox-wrap.favorite-look .member-notes-container,
.fancybox-wrap .send-look-asap-modal .member-notes-container {
	margin-top: 10px;
	position: relative;
	min-height: 42px;
}
.modal-mobile .member-notes-container {
	margin-top: 10px;
	position: relative;
	min-height: 60px;
}

.fancybox-wrap.favorite-look .product-list-product:hover .member-notes-container textarea,
.fancybox-wrap.favorite-look .product-list-product .member-notes-container textarea:focus,
.fancybox-wrap .send-look-asap-modal .product-list-product:hover .member-notes-container textarea,
.fancybox-wrap .send-look-asap-modal .product-list-product .member-notes-container textarea:focus,
.modal-mobile .member-notes-container.active textarea,
.modal-mobile .member-notes-container.active textarea:focus {
	border: 1px solid #C8C8C8;
	color: #000000;
}

.modal-mobile .member-notes-container.active > textarea:focus {
	outline: 0;
	outline-color: transparent;
	outline-style: none;
}

.fancybox-wrap.favorite-look .member-notes-container > textarea,
.fancybox-wrap.favorite-look .member-notes-container > pre,
.fancybox-wrap .send-look-asap-modal .member-notes-container > textarea,
.fancybox-wrap .send-look-asap-modal .member-notes-container > pre,
.modal-mobile .member-notes-container > textarea,
.modal-mobile .member-notes-container > pre {
	min-height: 42px;
	padding: 3px;
	white-space: pre-wrap;
  	word-wrap: break-word;
  	font-family: "GTUltraLight", Arial, sans-serif;
  	font-weight: 500;
  	font-style: normal; 
  	letter-spacing: .05em;
  	line-height: 17px;
  	border: 1px solid #FFF;
}
.modal-mobile .member-notes-container > textarea,
.modal-mobile .member-notes-container > pre {
  	border: 1px solid #C8C8C8;
  	color: #000;
}


.fancybox-wrap.favorite-look .member-notes-container > textarea,
.fancybox-wrap .send-look-asap-modal .member-notes-container > textarea,
.modal-mobile .member-notes-container > textarea {
	width: 100%;
	resize: none;
}

.fancybox-wrap.favorite-look .member-notes-container.active > textarea,
.fancybox-wrap .send-look-asap-modal .member-notes-container > textarea,
.modal-mobile .member-notes-container.active > textarea  {
  /* Hide any scrollbars */
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border: 1px solid #C8C8C8;
}

.fancybox-wrap.favorite-look .member-notes-container > pre,
.fancybox-wrap .send-look-asap-modal .member-notes-container > pre,
.modal-mobile .member-notes-container > pre {
	display: none;
}

.fancybox-wrap.favorite-look .member-notes-container.active > pre,
.fancybox-wrap .send-look-asap-modal .member-notes-container > pre,
.modal-mobile .member-notes-container.active > pre {
	display: block;
	visibility: hidden;
}

.send-look-asap-modal .member-notes-container ::placeholder {
	color: #C8C8C8 !important; 
}

.send-look-asap-modal .member-notes-container ::-webkit-input-placeholder {
	color: #C8C8C8 !important; 
}
.send-look-asap-modal .member-notes-container textarea:focus::-webkit-input-placeholder {
  color: transparent !important;  
}
.send-look-asap-modal .member-notes-container ::-moz-placeholder {
  color: #C8C8C8 !important;  
  opacity: 1;
}
.send-look-asap-modal .member-notes-container :-moz-placeholder {
  color: #C8C8C8 !important;  
  opacity: 1;
}
.send-look-asap-modal .member-notes-container textarea:focus::-moz-placeholder {
  color: transparent !important;  
}
.send-look-asap-modal .member-notes-container textarea:focus:-moz-placeholder {
  color: transparent !important;    
}
.send-look-asap-modal .member-notes-container :-ms-input-placeholder {
	color: #C8C8C8 !important;  
}
.send-look-asap-modal .member-notes-container textarea.placeholder
{  
   color: #C8C8C8 !important;  
   font-weight: normal;
}

.fancybox-wrap.favorite-look .add-favorite .product-list-product .product-image-container {
    width:360px;
    height: 556px;
    margin: auto;
    position:relative;
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    overflow:hidden;
}

.fancybox-wrap.favorite-look .view-favorite .product-list-product .product-image-container {
    width:410px;
    height: 540px;
    margin: 0px;
    position:relative;
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    overflow:hidden;
}

.add-favorite .button,
.view-favorite .button {
	width: 100%;
}
.remove-favorite .button-container {
	margin-top: 40px;
}

.remove-favorite .button-container .button {
	margin: 0 8px;
}

.add-favorite .button-container.flex {
	justify-content: space-between !important;
}
.add-favorite .flex .button-close {
	width: 25%;
}
.add-favorite .flex .button-add-additional {
	width: 65%;
}

.modal-mobile .add-favorite .product-image-container,
.modal-mobile .view-favorite .product-image-container {
    width: auto;
	height: 100%;
    float: none;
    margin: 0px;
}
.modal-mobile .add-favorite .image-slider,
.modal-mobile .view-favorite .image-slider {
    max-width: 290px;
    margin:0px auto 0px auto;
}
.modal-mobile .view-favorite .product-list-product .swiper-wrapper, 
.modal-mobile .view-favorite .product-list-product .swiper-wrapper .swiper-slide {
	height: auto !important;
}
.modal-mobile .add-favorite .slider-detail-container,
.modal-mobile .view-favorite .slider-detail-container {
	height: 100%;
	max-height: 486px;
}
.modal-mobile .add-favorite .slider-detail-container ul,
.modal-mobile .add-favorite .slider-detail-container ul > li {
	height: 448px !important;
}
.modal-mobile .add-favorite .header,
.modal-mobile .view-favorite .header {
	font-size: 5.3vw;
	text-align:center;
	font-weight: bold;
	margin: 5px 0px 10px 0px;
}
.modal-mobile .button-container {
	margin-top: 40px;
}
.modal-mobile .add-favorite .image-slider img,
.modal-mobile .view-favorite .image-slider img {
	margin: 0px auto;
}
.modal-mobile .add-favorite .member-notes-container,
.modal-mobile .add-favorite .button-container {
	margin-top: 20px;
}
@media screen and (orientation: landscape) {
	.modal-mobile .add-favorite .slider-detail-container,
	.modal-mobile .view-favorite .slider-detail-container {
		height: 448px;
	}
	.modal-mobile .add-favorite .image-slider img,
	.modal-mobile .view-favorite .image-slider img {
		height: auto;
	}
}

/* Cancel Subscription Modal */
.modal-inner.box-subscription-skip-cancel {
	margin: 50px;
}
.modal-inner.box-subscription-skip-cancel .pause-duration-text {
	margin: 0px 70px;
}

.modal-inner.box-subscription-skip-cancel .pause-duration-container {
	margin: 5px 145px;
}

.modal-mobile .modal-inner.box-subscription-skip-cancel {
	margin: 10px;
}
.modal-mobile .modal-inner.box-subscription-skip-cancel .pause-duration-text {
	max-width: 335px;
	margin: 0px auto;
}
.modal-mobile .modal-inner.box-subscription-skip-cancel .pause-duration-container {
	margin: 10px 0px;
}
.modal-mobile .modal-inner.box-subscription-skip-cancel .button-row.large-gutter button, .modal-mobile .modal-inner.box-subscription-skip-cancel .button-row.large-gutter input[type=submit], .modal-mobile .modal-inner.box-subscription-skip-cancel .button-row.large-gutter input[type=button], .modal-mobile .modal-inner.box-subscription-skip-cancel .button-row.large-gutter input[type=reset], .modal-mobile .modal-inner.box-subscription-skip-cancel .button-row.large-gutter .button, .modal-mobile .modal-inner.box-subscription-skip-cancel .button-row.large-gutter .button:visited {
	margin: 0px 0px 10px 0px;
	width: 100%;
}

/* Box Preview Product Zoom Modal */
.modal-mobile .box-preview-container .image-slider {
    max-width: 350px;
    margin:0px auto;
}

/* Pause Subscription Modal */
.pause-subscription {
	margin: 40px;
	font-size: 14px;
}
.pause-subscription.admin {
	margin: 0px;
}
.pause-subscription.admin select {
	font-size: 14px;
	height: 25px;
}
.pause-subscription .left-box {
	padding-right: 30px;
	border-right: 1px solid #999;
	width: 55%;
}
.pause-subscription .right-box {
	padding-left: 30px;
	width: 45%;
}
.pause-subscription .header {
	border-bottom: none;
	text-transform: none;
	font-size: 170%;
}
.pause-subscription.admin .header {
	background-color: #fff;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}
.pause-subscription .benefits-container {
	margin: 60px 0px;
}
.pause-subscription .benefits-container > div {
	margin: 10px 0px;
}
.modal-mobile .pause-subscription {
	text-align:center;
	margin: 10px 0;
}
.modal-mobile .pause-subscription .left-box {
	width: 100%;
	padding-right: 0px;
	border-right: none;
	border-bottom: 1px solid #999;
	margin-bottom: 30px;
}
.modal-mobile .pause-subscription .right-box {
	padding-left: 0px;
	width: 100%;
}
.modal-mobile .pause-subscription .benefits-container {
	margin: 30px 0px;
}
.modal-mobile .pause-subscription .benefits-container > div {
	margin: 0px;
}
.modal-mobile .pause-subscription .benefits-container img {
	margin-right: 1em;
}

/* Radio Promo Redemption Modal */
.radio-promo {
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.radio-promo .image-container {
	margin-right: 20px;
}
.radio-promo .image-container img {
	width: 350px;
}
.radio-promo .content-container {
	width: 350px;
	padding: 0px 25px;
}
.radio-promo .content-container > div {
	margin-bottom: 20px;
}
.radio-promo .content-container .button {
	width: 260px;
}
.radio-promo .header {
	font-family: 'GTUltraBold', Arial, sans-serif;
	font-weight:normal !important;
	font-size: 34px;
	text-transform: uppercase;
	border-bottom:0px;
	background-color:transparent;
	padding:0px;
	color: #000;
}
.modal-mobile .radio-promo .image-container {
	margin-right: 0px;
	padding: 0px 10px;
}
.modal-mobile .radio-promo .image-container img {
	width: 100%;
}
.modal-mobile  .radio-promo .header {
	font-size: 21px;
}

.modal-mobile .radio-promo .content-container {
	width: 100%;
	padding: 0px;
	margin-top: 20px;
}

/* Checkout Extension Modal */
.checkout-extension .spacer {
	margin: 20px 0px;
}
.checkout-extension .step-2 {
	font-size: 16px;
	text-align: center;
	display:none;
	margin: 50px 0px;
}
.checkout-extension .step-3 {
	text-align: center;
	display:none;
}
.checkout-extension .step-3 .step-text {
	font-size: 16px;
}
.modal-mobile .checkout-extension .spacer {
	margin: 40px 0px;
}
.modal-mobile .checkout-extension .step-2 {
	font-size: 14px;
}
.modal-mobile .checkout-extension .step-3 .step-text {
	font-size: 14px;
}

/* Reverse Checkout Prompt */
.reverse-checkout-modal {
	width: 556px;
}
.reverse-checkout-modal .number {
	font-size: 40px;
	font-style: italic;
	vertical-align: middle;
	font-family: "GTUltraBold", Arial, sans-serif;
	margin-right: 10px;
}
.reverse-checkout-modal .numbered-text {
	vertical-align: middle;
	font-weight: bold;
	max-width: 100%;
}
.modal-mobile .reverse-checkout-modal {
	width: 100%;
}
.modal-mobile .reverse-checkout-modal .numbered-text {
	text-align: center;
	max-width: 85%;
}

/* BOX RETENTION */
.box-retention-modal {font-size:16px;text-align:center;}

/* REGISTRATION MODAL VARIANT STYLES */
.registration-modal.variant1 {
	background-color: #5B88D9;
	margin: 0px;
	width: 100vw;
}

.registration-modal.variant1 .logo {
	font-family: 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 25px;
}

.registration-modal.variant1 .header-variant {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: .05em;
}

.registration-modal.variant1 .full-width-inputs {
	margin: 0px 60px;
}

.registration-modal.variant1 .full-width-inputs input[type=text] {
	text-align: center;
	background-color: #5B88D9;
	border: 1px solid #fff !important;
	font-size: 14px !important;
}

.registration-modal.variant1 .full-width-inputs input[type=submit] {
	background-color: #fff;
	color: #000 !important;
	font-size: 14px !important;
}

.registration-modal.variant1 .full-width-inputs input[type=submit]:hover {
	background-color: #eee;
}

.registration-modal.variant1 .full-width-inputs .button.facebook {
	background-color: #fff;
	color: #000 !important;
	font-size: 12px !important;
	font-weight: bold;
}

.registration-modal.variant1 .full-width-inputs .button.facebook i {
	font-size: 16px !important;
}

.registration-modal.variant1 .full-width-inputs ::-webkit-input-placeholder {
	color: #000 !important; 
	font-weight: bold !important;
}
.registration-modal.variant1 .full-width-inputs input:focus::-webkit-input-placeholder {
  color: transparent !important;  
}
.registration-modal.variant1 .full-width-inputs ::-moz-placeholder {
  color: #000 !important;  
  opacity: 1;
  font-weight: bold !important;
}
.registration-modal.variant1 .full-width-inputs :-moz-placeholder {
  color: #000 !important;  
  opacity: 1;
font-weight: bold !important;
}
.registration-modal.variant1 .full-width-inputs input:focus::-moz-placeholder {
  color: transparent !important;  
}
.registration-modal.variant1 .full-width-inputs input:focus:-moz-placeholder {
  color: transparent !important;    
}
.registration-modal.variant1 .full-width-inputs :-ms-input-placeholder {
	color: #000 !important;
	font-weight: bold !important;
}
.registration-modal.variant1 .full-width-inputs input.placeholder {  
	color: #000 !important;  
   	font-weight: bold !important;
}

.registration-modal.variant2 {
	background-color: #000;
	margin: 0px;
	width: 100vw;
	color: #fff;
}

.registration-modal.variant2 a,
.registration-modal.variant2 a:visited {
	color: #fff !important;
}

.registration-modal.variant2 .logo {
	font-family: 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 25px;
}

.registration-modal.variant2 .header-variant {
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: .05em;
	font-family: 'GTUltraBold', Arial, sans-serif;
	font-weight:normal !important;
}

.registration-modal.variant2 .full-width-inputs {
	margin: 0px 60px;
}

.registration-modal.variant2 .full-width-inputs input[type=text] {
	text-align: center;
	background-color: #000;
	border: 1px solid #fff !important;
	font-size: 14px !important;
	color: #fff !important;
}

.registration-modal.variant2 .full-width-inputs input[type=submit] {
	font-size: 14px !important;
}

.registration-modal.variant2 .full-width-inputs .button.facebook {
	font-size: 12px !important;
	font-weight: bold;
}

.registration-modal.variant2 .full-width-inputs .button.facebook i {
	font-size: 16px !important;
}

.registration-modal.variant2 .full-width-inputs ::-webkit-input-placeholder {
	color: #fff !important; 
	font-weight: bold !important;
}
.registration-modal.variant2 .full-width-inputs input:focus::-webkit-input-placeholder {
  color: transparent !important;  
}
.registration-modal.variant2 .full-width-inputs ::-moz-placeholder {
  color: #fff !important;  
  opacity: 1;
  font-weight: bold !important;
}
.registration-modal.variant2 .full-width-inputs :-moz-placeholder {
  color: #fff !important;  
  opacity: 1;
font-weight: bold !important;
}
.registration-modal.variant2 .full-width-inputs input:focus::-moz-placeholder {
  color: transparent !important;  
}
.registration-modal.variant2 .full-width-inputs input:focus:-moz-placeholder {
  color: transparent !important;    
}
.registration-modal.variant2 .full-width-inputs :-ms-input-placeholder {
	color: #fff !important;
	font-weight: bold !important;
}
.registration-modal.variant2 .full-width-inputs input.placeholder {  
	color: #fff !important;  
   	font-weight: bold !important;
}

.registration-modal.variant1 .close-button,
.registration-modal.variant2 .close-button {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 22px;
	cursor: pointer;
}

.registration-modal.variant1 .close-button {
	color: #000;
}

.registration-modal.variant1 .close-button:hover {
	color: #999;
}

.registration-modal.variant2 .close-button {
	color: #FFF;
}

.registration-modal.variant2 .close-button:hover {
	color: #999;
}

.state-mobile .contactUsModal input[type=text],
.state-mobile .contactUsModal input[type=number],
.state-mobile .contactUsModal textarea,
.state-mobile .contactUsModal select {
	width: 100% !important;
}

.state-mobile .contactUsModal .floatContainer .floatLeft,
.state-mobile .contactUsModal .floatContainer .floatRight {
	float:none;
	padding-left: 0px !important;
}

.state-mobile .contactUsModal .floatContainer > div:not(:first-child) {
	margin-top: 10px;
}

.modal-inner.send-look-asap-modal {
	margin: 50px;
}
.state-mobile .modal-inner.send-look-asap-modal {
	margin: 0px;
}

/* Begin Add On Modal Styles */
#add-on-product-modal .image-slider .slider-detail-container ul.slider-detail {
	max-height: 448px;
}
#add-on-product-modal .image-slider .slider-detail-container ul.slider-detail > li {
	height: auto !important;
}
#add-on-product-modal .image-slider .slider-detail-container {
	cursor: auto !important;
}
#add-on-product-modal .swiper-pagination {
	height: 18px;
	margin-top: 10px;
	width: 100%;
}
#add-on-product-modal .swiper-pagination .swiper-pagination-switch {
	line-height: 18px;
    color: #000;
    font-size: 24px;
    margin: 0 3px;
}
#add-on-product-modal .swiper-pagination .swiper-pagination-switch:after {
	content: '\25CB';
}
#add-on-product-modal .swiper-pagination .swiper-pagination-switch.swiper-active-switch:after {
	content: '\25CF';
}
#add-on-product-modal .image-slider .slider-custom-controls {
	clear: both;
    margin-top: 5px;
    line-height: 38px;
    position: absolute;
    z-index: 5;
    top: 180px;
    width: 100%;
    max-width: 290px;
    font-size: 30px;
    padding: 0 5px;
    display: none;
}
#add-on-product-modal .image-slider:hover .slider-custom-controls {
	display: block;
}
.state-mobile #add-on-product-modal .image-slider .slider-custom-controls {
	display: none;
}
#add-on-product-modal .image-slider .slider-custom-controls .next,
#add-on-product-modal .image-slider .slider-custom-controls .previous {
	float: left;
    color: #000;
    font-weight: bold;
    background-color: #fff;
    text-align: center;
    border: 1px solid #000;
    width: 40px;
    border-radius: 50%;
  	cursor: pointer;
}
#add-on-product-modal .image-slider .slider-custom-controls .next:hover,
#add-on-product-modal .image-slider .slider-custom-controls .previous:hover {
	background-color: #000;
	color: #fff;
}
#add-on-product-modal .image-slider .slider-custom-controls .next {
	float: right;
}
#add-on-product-modal .image-pane {
	width: 290px;
	max-height: 476px;
}
#add-on-product-modal .info-pane {
	width: 330px;
}
.state-mobile #add-on-product-modal .image-pane,
.state-mobile #add-on-product-modal .info-pane {
	width: calc(100vw - 60px);
}
.state-mobile #add-on-product-modal .info-pane {
	margin-top: 20px;
}
#add-on-product-modal .info-pane h1 {
	font-weight: bold;
	font-size: 150%;
}
#add-on-product-modal .info-pane #price-free-ship-message {
	display: none !important;
}
#add-on-product-modal #color-swatches .product-variant-swatches > .swatch,
#add-on-product-modal #color-swatches .product-variant-swatches > .swatch img {
	border-radius: 50%;
}
#add-on-product-modal .product-variant-name {
	margin-top: 15px;
	padding-bottom:2px;
	cursor:pointer;
	position:relative;
}
#add-on-product-modal .product-variant-name .icon-angle-down {
	position: absolute;
	right: 0px;
	bottom: 0;
	line-height: 1em;
	font-size: 150%;
	-webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}
#add-on-product-modal .product-variant-name .icon-angle-down.initial {
	transform: rotate(-180deg);
}
#add-on-product-modal .toggle-pane {
	margin-top: 5px;
	display: none;
	-webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}
#add-on-product-modal .toggle-pane.initial {
	display: block;
}
.state-mobile #add-on-product-modal .image-slider .slider-detail-container ul.slider-detail {
	height: 300px !important;
}
.state-mobile #add-on-product-modal.product-detail .image-pane .image-slider {
	max-width: 194px;
}
.state-mobile #add-on-product-modal .tab-box.quick-shop-box .product-variant-name,
.state-mobile #add-on-product-modal .tab-box.quick-shop-box .product-variant-swatches,
.state-mobile #add-on-product-modal .tab-box.quick-shop-box .textHighlight,
.state-mobile #add-on-product-modal .tab-box.quick-shop-box .error.box {
	width: 100%;
}
#add-ons-modal-controls-container {
	height: 60px;
}
#add-ons-modal-controls-container .sticky-button {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 20px 30px;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.09);
	box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.09);
	z-index: 20;
}


/* FAVORITE INDIVIDUAL ITEMS MODAL */
.add-favorite .product-list-product .add-notes-container, .edit-favorite .product-list-product .add-notes-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 10px;
	gap: 10px;
}
.add-favorite .product-list-product .add-notes-container > *, .edit-favorite .product-list-product .add-notes-container > * {
	width: 100%;
	max-width: 80%;
	min-width: 0;
}
.add-favorite .product-list-product .add-notes-container .notes-button-container, .edit-favorite .product-list-product .add-notes-container .notes-button-container {
	display: grid !important;
	grid-template-rows: 1fr;
	grid-template-columns: 35% calc(65% - 10px);
	column-gap: 10px;
	margin-top: 0 !important;
}
.add-favorite .product-list-product .add-notes-container .notes-button-container > *, .edit-favorite .product-list-product .add-notes-container .notes-button-container > * {
	width: 100% !important;
	min-width: 0 !important;
}
.add-favorite .product-list-product .add-notes-container .notes-button-container .notes-close-button, .edit-favorite .product-list-product .add-notes-container .notes-button-container .notes-close-button {
	border-color: black !important;
	font-weight: 600;
}
.add-favorite .product-list-product .add-notes-container .notes-button-container .notes-add-button[disabled], .edit-favorite .product-list-product .add-notes-container .notes-button-container .notes-add-button[disabled] {
	opacity: 0.3;
	background-color: black;
	border: 0;
}
.add-favorite .product-list-product .add-notes-container .notes-button-container .notes-add-button, .edit-favorite .product-list-product .add-notes-container .notes-button-container .notes-add-button {
	font-weight: 500;
	display: grid;
	place-items: center;
}
.add-favorite .product-list-product .add-notes-container .member-notes-container #myLookNotes, .edit-favorite .product-list-product .add-notes-container .member-notes-container #myLookNotes {
	min-height: 90px;
}
.add-favorite .product-list-product .add-notes-container .member-notes-container, .edit-favorite .product-list-product .add-notes-container .member-notes-container {
	min-height: 90px !important;
}



.add-favorite .product-list-product .product-image-container .scroll-container, .edit-favorite .product-list-product .product-image-container .scroll-container {
	overflow-y: auto;
	width: 100%;
	max-width: 80%;
	padding: 10px;
}
.add-favorite .product-list-product .product-image-container .scroll-container::-webkit-scrollbar, .edit-favorite .product-list-product .product-image-container .scroll-container::-webkit-scrollbar {
	display: none;
}
.add-favorite .product-list-product .product-image-container .scroll-container, .edit-favorite .product-list-product .product-image-container .scroll-container {
	-ms-overflow-style: none; 
	scrollbar-width: none;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	width: 100%;
	height: fit-content;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image {
	box-shadow: 0 3px 10px rgb(0,0,0,0.2);
	width: 100%;
	height: 100%;
	position: relative;
	padding: 5px;
	display: grid;
	place-content: center;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .heart-icon, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .heart-icon {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 30;
}

.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .heart-icon::before, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .heart-icon::before {
	font-size: 200%;
}
.add-favorite .product-list-product .product-image-container .continue-button {
	background-color: #000;
	color: white;
	width: 100%;
	max-width: calc(80% - 20px);
	display: grid;
	place-items: center;
	padding: 10px;
	border: none;
	font-size: 0.95rem;
	font-weight: 600;
	margin: 15px 0 5px 0;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 0.06),
				0px 1px 1px -0.5px rgb(0 0 0 / 0.06),
				0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 
				0px 6px 6px -3px rgb(0 0 0 / 0.06),
				0px 12px 12px -6px rgb(0 0 0 / 0.06),
				0px 24px 24px -12px rgb(0 0 0 / 0.06);
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: fit-content;
	overflow: hidden;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container .swatch-box, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container .swatch-box {
	border: 0.5px solid black;
	width: 100%;
	height: 100%;
	max-width: 15px;
	max-height: 15px;
	cursor: pointer;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container .swatch-box[selected-swatch="true"], .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container .swatch-box[selected-swatch="true"] {
	max-width: 20px;
	max-height: 20px;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container .swatch-box[selected-swatch="false"], .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .colors-container .swatch-box[selected-swatch="false"] {
	max-width: 15px;
	max-height: 15px;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .icon-heart, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .icon-heart {
	color: #5C88DA;
}
.add-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .icon-heart-empty, .edit-favorite .product-list-product .product-image-container .scroll-container .product-items-container .product-image .icon-heart-empty {
	color: #666666;
}

/* END FAVORITE INDIVIDUAL ITEMS MODAL */

.new-message-counter {
  background-color: #ff0000;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: -12px;
}
#chat-container {
  position: fixed;
  bottom: 0px;
  right: 10px;
  z-index: 8060;
  width:260px;
  font-family:'GTUltraLight', Arial, sans-serif;
}
#chat-header {
  background-color: #333;
  color: #fff;
  text-align:center;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
#chat-container i.arrow {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  padding: 7px;
}
#chat-header i.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  position: absolute;
  top: 12px;
  right: 10px;
}
#chat-header i.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 3px;
  right: 10px;
}
#chat-container .chat-body-container {
  background-color: #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  height: 400px;
  display:none;
}
#chat-container .chat-pane-container {
  height: 380px;
  background-color: #fff;
}
#chat-container .chat-body-footer {
  height: 20px;
}
#chat-container .chat-pane {
  height: 100%;
  font-size: 14px;
  position: relative;
}
#chat-container .chat-pane.messages {
  overflow-y: scroll;
}
#chat-container .chat-pane .chat-message {
  border-bottom: 1px solid #333;
  padding: 10px 0px;
  cursor: pointer;
}
#chat-container .chat-pane .new-message-indicator {
  width: 20px;
  text-align: center;
  flex-basis: 20px;
    flex-shrink: 0;
    flex-grow: 0;
}
#chat-container .chat-pane .message-info {
  width: 100%;
  max-width: 193px;
  word-wrap: break-word;
}
#chat-container .chat-pane .message-info .client-email {
  font-size: 11px;
}
#chat-container .chat-pane .message-time {
  width: 45px;
  font-size: 12px;
  flex-basis: 45px;
    flex-shrink: 0;
    flex-grow: 0;
}
#chat-container .chat-pane .new-message-indicator div {
  width: 8px;
  height: 8px;
  margin: 3px 0px;
  border-radius: 50%;
  display: inline-block;
}
#chat-container .chat-pane .new-message-indicator div.on {
  background-color:#ff0000;
}
#chat-container .chat-pane .new-message-indicator div.off {
  background-color:#fff;
}
#chat-container .chat-pane .most-recent-message {
  font-size: 12px;
  margin-top: 10px;
}
#chat-container .chat-pane .chat-pane-header {
  text-align: center;
  background-color: #7f7e7e;
  color: #fff;
  padding: 5px 0px;
}
#chat-container .chat-pane .chat-pane-header .arrow-container {
  width: 20px;
  height: 30px;
  flex-basis: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  cursor: pointer;
}
#chat-container .chat-pane .chat-pane-header i.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  cursor: pointer;
  position: absolute;
  left: 8px;
  top: 6px;
}
#chat-container .chat-pane .chat-pane-header .close-container {
  text-align: center;
  width: 30px;
  flex-basis: 30px;
    flex-shrink: 0;
    flex-grow: 0;
}
#chat-container .chat-pane .chat-pane-header .close {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  color: #7f7e7e;
  font-size: 23px;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
}

#chat-container .chat-pane .chat-pane-header .client-info {
  width: 100%;
  text-align: center;
  padding: 0px 5px;
}
#chat-container .chat-pane .chat-pane-header .client-info img {
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 5px;
  display: inline-block;
}
#chat-container .chat-pane .chat-pane-header .client-info > div {
  text-align: left;
  display: inline-block
}
#chat-container .chat-pane .chat-pane-header .client-email {
  font-size: 12px;
}
#chat-container .chat-pane .chat-pane-header .client-email a,
#chat-container .chat-pane .chat-pane-header .client-email a:visited {
  color: #fff;
}
#chat-container .chat-pane .chat-pane-text-container {
  overflow-y: scroll;
  padding-bottom: 31px;
  max-height: 340px;
  font-size: 12px;
  display: flex;
  flex-direction: column-reverse;
}
#chat-container .chat-pane .chat-pane-text-container > div:last-child {
  padding-top: 5px;
}
#chat-container .chat-pane .chat-pane-text-container .incoming-text,
#chat-container .chat-pane .chat-pane-text-container .info-message,
#chat-container .chat-pane .chat-pane-text-container .outgoing-text {
  margin: 0px 5px 10px 5px;
}
#chat-container .chat-pane .chat-pane-text-container .info-message {
  text-align: left;
  font-size: 11px;
  color: #999;
}
#chat-container .chat-pane .chat-pane-text-container .info-message.error {
  color: #ff0000;
}
#chat-container .chat-pane .chat-pane-text-container .chat-date {
  text-align: center;
  margin-bottom: 10px;
  color: #999;
}
#chat-container .chat-pane .chat-pane-text-container .incoming-text > div {
  float: left;
  max-width: 80%;
}
#chat-container .chat-pane .chat-pane-text-container .outgoing-text > div {
  float: right;
  max-width: 80%;
}
#chat-container .chat-pane .chat-pane-text-container .incoming-text .text {
  padding: 5px 10px;
  background-color: #e2e2e2;
  border-radius: 12px;
}
#chat-container .chat-pane .chat-pane-text-container .outgoing-text .text {
  padding: 5px 10px;
  background-color: #5c88da;
  border-radius: 12px;
  color: #fff;
}
#chat-container .chat-pane .chat-pane-text-container .image img {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #999;
}
#chat-container .chat-pane .chat-pane-text-container .time {
  margin: 0px 5px;
}
#chat-container .chat-pane .chat-pane-text-container .time .author {
  margin-left: 5px;
}
#chat-container .chat-pane .chat-pane-text-container .outgoing-text .time {
  text-align: right;
}
#chat-container .chat-pane .chat-pane-text-container .outgoing-text .time .author {
  display: none;
}
#chat-container .chat-pane .chat-pane-upload-image {
  display: none;
  height: 100px;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 31px;
  background-color: #fff;
  border-top: 1px solid #333;
  padding: 10px 5px;
  font-size: 11px;
}
#chat-container .chat-pane .chat-pane-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #333;
  padding: 5px 0px;
  background-color: #fff;
}
#chat-container .chat-pane .chat-pane-footer textarea {
  height: 20px;
  border: 1px solid #333;
  border-radius: 6px;
  width: 175px;
  resize: none;
  line-height: 16px;
}
#chat-container .chat-pane input[type=button],
#chat-container .chat-pane .chat-pane-upload-image label {
  height: 20px;
  border: 1px solid #333;
  border-radius: 6px;
  resize: vertical;
  margin: 0px 5px;
  cursor: pointer;
}
#chat-container .chat-pane .chat-pane-upload-image label {
  padding: 0px 5px;
  font-size: 11px;
  line-height: 18px;
  margin-left: -1px;
  display: inline-block;
}
#chat-container .chat-pane input[type=file] {
  width: 0.1px;
  height: 0.1px;
}
#chat-container .chat-pane .upload-image-icon {
  display:block;
  height: 20px;
  margin: -1px 5px;
  cursor: pointer;
}
