html, body {
	text-rendering: optimizelegibility;
	font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	-webkit-font-feature-settings: "lnum";
	-ms-font-feature-settings: "lnum";
	-o-font-feature-settings: "lnum";
}


body {
    font-size: 12px;
    background-color: #FFFFFF;
}

.socialScroll { 
    scrollbar-face-color: #FFFFFF; 
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #CCCCCC; 
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
}


/* TOP AREA of the page: store description, store name, search box, navigation */


	#pcHeader {
		display:flex;
		justify-content:space-between;
		width: 80%;
		max-width:1500px;
		height:90px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0;
		/*padding-top:3px;*/
		padding-top: 14px;
		font-size: 11px;
		font-weight:600;
		color: #000;
		border-collapse: collapse;
	}
		
	#miniNav {
	font-size: 10px;
	
	}
	
	#miniNav a:link, #miniNav a:visited{
		color: #000000;
	}
	
	#miniNav a:hover{
		text-decoration: none;
	}
	
	#pcStoreDescription {
		font-size: 13px;
		text-align: left;
		font-weight: bold;
		margin-left: 18px;
		color: #CC99FF;
	}
	
	#pcStoreName {
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		margin-left: 18px;
		color: #CC99FF;
	}
	
	#pcStoreSearch {
		margin-top: 0px;
		margin-right: 0px;
		border-width: 1px 0px 0px 0px;
		border-style: solid solid solid solid;
		border-color: #708090;
		background-image:url(../images/searchbg.jpg);
	}
	
	#pcTopNav {
		font-size: 14px;
		text-align: center;
		background-image:url(../images/topnavbg.jpg);
		
		border-width: 1px 1px 0px 0px;
		border-spacing: 0px;
		border-style: solid solid solid solid;
		border-color: #708090;
		border-collapse: collapse;
		veritical-align: middle;
		
	}
	
		#pcTopNavIn {
		text-align: center;
		vertical-align: middle;
		
	}
	
	#pcTopNav2 {
		text-align: center;
		font-size: 14px;
		background-image:url(../images/topnavbg4.jpg);
		border-width: 1px 1px 0px 0px;
		border-spacing: 0px;
		border-style: solid solid solid solid;
		border-color: #708090;
		border-collapse: collapse;
		vertical-align: middle;
	}
	
	#pcTopNavIN2 {
		border-top: 1px solid #FFFFFF;
		text-align: center;
		background-color: #F0E1FF;
	}
	
	
	#pcStoreSearch a {
		text-decoration: none;
		color: #330033;
		font-size: 10px;
		
		
	}
	
	#pcStoreSearch a:hover {
		color: #330033;
	}
	
	#pcTopNav ul {
		list-style: none;
		margin: 0;
	}
	
	#pcTopNav li {
		display: inline;
		padding-right: 10px;
	}
	
	#pcTopNav a:link, #pcTopNav a:visited {
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		color: #9400d3;
	}
	
	#pcTopNav a:hover {
		color: #000000;
		background-image: none;
	}
	
	#pcTopNav2 a:link, #pcTopNav2 a:visited {
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		color: #9400d3;
	}
	
	#pcTopNav2 a:hover {
		color: #000000;
	}
	
	#scanalert {
	margin-right: 3px;
	margin-top: 3px;
	}
	
	#navicons {
	margin-top: 2px;
	}

	.breadLink {
		color:#2B7E8A;
		text-decoration:none;
		padding-right:4px;
		padding-left:4px;
	}
	
	.breadLink:hover {
		text-decoration:underline;
	}
	.breadLink,a.breadLink,.breadLink span,#d_breadCrumbs span{
		font-size: 14px;
		font-weight: bold;
	}
	.breadLink{
		padding-left: 0px;
	}
	span.breadLink, a.breadLink.disabled {
		color:#555;
		pointer-events:none;
		cursor:default;
		text-decoration:none;
	}
	span.breadLink:hover{
		text-decoration:none;
	}
	.breadDivider {
		padding:0px 5px;
	}
	.breadDivider::after {
		content:"/";
	}
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	margin:0px;
	font-size:13px;
	font-weight:none; 
	/* Clear floats */
	width:100%;
	padding:0px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	position:relative;
	left:-40px;
	margin-top:0px;
	border:dotted 0px;
}
#nav a{
	display:block;
	width:100%;
	height:20px;
	padding:0px;
	line-height:1em;
	color:#000000 ; 
	text-decoration:none;
}
#nav a:hover{
	color:#CCCCCC;
	/*text-decoration:underline;*/
}

/*--- DROPDOWN ---*/
#nav ul{
	font-weight:normal;
	min-width:120px;
	list-style:none;
	position:absolute;
	width:100%;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	height:20px;
	line-height:1em;
	margin-top:0px;
	background:#FFFFFF;
	border-top:solid 1px #EEEEEE;
}
#nav ul a{
	line-height:1em;
	height:20px;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0px; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color:#000000;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#FFFFFF;
	/*text-decoration:underline;*/
}



/* End TOP AREA of the page */

/* MAIN AREA: three columns: left navigation, main content, login box etc.*/
	/* Define the wrapper and the three columns: */
	
		#pcMainArea {
			width: 80%;
			max-width:1500px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			border-width: 0 1px 0 1px;
			border-color: #708090;
			border-style:solid;
			border-collapse: collapse;
		}
		
		#pcLeft {
			font-size:12px;
			width: 140px;
			margin-right:20px;
			text-align: left;
			vertical-align: top;
	
			border-width: 0px 0px 0px 0px;
			border-style: solid;
			border-color: #708090;
		}
	
		#pcCenter {
			width: calc(100% - 220px);
			padding: 0px 0px 0px 0px;
			vertical-align: top;			
		}
	
		#pcRight {
			width: 180px;
			text-align: left;
			vertical-align: top;
			border-left: 1px solid #708090;
		}
		
		.pcColumnSpacer {
			width: 0px;
		}

	/* Define the left column */
	
		#pcLeft h3 {
			font-size: 13px;
			margin: 0;
			padding-bottom: 2px;
			color: #2B7E8A;
		}

		#pcLeftCatLinks {
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftPriceLinks {
			color: #999999;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcLeftStoreLinks {
			width: 150px;
			color: #000000;
			padding: 5px 5px 1px 10px;
			margin: 0 10px 10px 0;
		}
		
		#pcLeftnav2 {
			color: #999999;
			padding: 0px 5px 1px 10px;
			margin: 0px 0px 0px 0px;
			border-collapse: collapse;
			
			
		}
	
		#pcLeft ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcLeft li {
			margin: 2px 0 0 0;
		}
		
		#pcLeftCatLinks a:link, #pcLeftCatLinks a:visited {
			color: #0066CC;
			text-decoration: none;
		}
		
		#pcLeftCatLinks a:hover {
			color: #FFFFFF;
		}
		
		#pcLeftPriceLinks a:link, #pcLeftPriceLinks a:visited {
			color: #666666;
			text-decoration: none;
		}
		
		#pcLeftPriceLinks a:hover {
			color: #FF6600;
		}
		
		#pcLeftStoreLinks a:link, #pcLeftStoreLinks a:visited {
			color: #000000;
			text-decoration: none;
			font-weight: none;
		}
		
		#pcLeftStoreLinks a:hover {
			color: #999999;
		}
		
		#pcLeftnav2 a:link, #pcLeftnav2 a:visited {
			color: #330033;
			text-decoration: none;
			font-weight: none;
		}
		
		#pcLeftnav2 a:hover {
			color: #FF6600;
		}
		
		#brandform {
			font-size: 9px;
		}


	/* Define the right column */
	
		#pcShowCart {
			
			color: #666666;
			padding: 5px 5px 5px 10px;
			margin-bottom: 5px;
		}
		
		#pcShowCart a:link,  #pcShowCart a:visited {
			
			color: #666666;
		}
		
				#pcShowCart a:hover{
			
			color: #FF6600;
			text-decoration: none;
		}
	
		#pcCustomerLogin {
			background-color: #ffffff;
			color: #000080;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcCustomerLogin a:link, #pcCustomerLogin a:visited{
			color: #cccccc;
			font-weight: normal;
			text-decoration: underline;

		}
		
		#pcAffiliateLogin {
			background-color: #f2f2f2;
			color: #0066FF;
			padding: 5px 5px 1px 10px;
			margin: 0 0 5px 0;
		}
		
		#pcRight h3 {
			font-size: 13px;
			margin: 0px;
			padding-bottom: 2px;
			color: #999999;
		}
	
		#pcRight ul {
			list-style-type: none;
			margin: 0 0 10px 5px;
			padding: 0;
		}
	
		#pcRight li {
			margin: 2px 0 0 0;
		}
		
		 #pcRight a:link, #pcRight a:visited {
			color: #000080;
			text-decoration: none;
			font-weight: bold;
		}
		
		 #pcRight a:hover {
			color: #FF6600;
			text-decoration: none;
			}
			
		#pcCustomerLogin a:link, #pcCustomerLogin a:visited {
			color: #666666;
			text-decoration: underline;
		}
		
		#pcCustomerLogin a:hover {
			color: #FF6600;
		}
		
		
		#pcAffiliateLogin a:link, #pcAffiliateLogin a:visited {
			color: #777777;
			text-decoration: none;
		}
		
		#pcAffiliateLogin a:hover {
			color: #FF6600;
		}
		
		#forum {
			font-size: 11px;
			color: #000000;
			vertical-align: top;
			background-color: #ffffff;
			font-weight: none;
			border: 1px solid #cccccc;
			padding: 5px 5px 1px 10px;
			}
			
		#forum td{
			padding: 1px 5px 1px 5px;
			}
			
		#forum  a:link, #forum a:visited {
			color: #000080;
			font-weight: bold;
			text-decoration: none;
			
		}
		
		#forum a:hover {
			color: #FF6600;
			text-decoration: none;
			}

		}
		
		#forum2 {
			font-size: 11px;
			color: #000000;
			vertical-align: top;
			background-color: #ffffcc;
			font-weight: none;
			padding: 5px 5px 1px 10px;
			}
			
		#forum2  a:link, #forum2 a:visited {
			color: #666666;
			text-decoration: none;
			
		}
		
		#forum2 a:hover {
			color: #FF6600;
			text-decoration: none;
			}

	
		.skinconsult {
			font-size: 11px;
			color: #000000;
			vertical-align: top;

		}
		 .skinconsult a:link, .skinconsult a:visited {
			color: #000080;
			text-decoration: none;
			font-weight: bold;
		}
		
		 .skinconsult a:hover {
			color: #FF6600;
			text-decoration: none;
			}
			
		#custsaid {
			font-size: 11px;
			color: #000000;
			vertical-align: top;

		}
		 #custsaid a:link, #custsaid a:visited {
			color: #000080;
			text-decoration: none;
			font-weight: bold;
		}
		
		 #custsaid a:hover {
			color: #FF6600;
			text-decoration: none;
			}
/* End MAIN AREA */

/* START Footer */
	
		#pcFooter {
			background-color: #FFFFFF;
			font-size: 11px;
			color: #666666;
			text-align: center;
			padding: 5px;
		}
		
		#pcFooter a:link, #pcFooter a:visited {
			text-decoration: none;
			color: #666666;
		}
		#pcFooter a:hover {
		text-decoration: underline;
			color: #FF6600;
		}
		
		#pcFooterSpacer {
			
		}
		
		#footersearch {
			color: #666666;
			text-align: center;
			font-size: 9px;
			}
			
		#footersuggest {
			font-weight: none;
			border: 1px solid #C0C0C0;
			color: #000000;}	
			
		#footersuggest a:link, #footersuggest a:visited  {
			text-decoration: none;
			color: #666666;
			font-size: 11px;
		}
		#footersuggest a:hover {
		text-decoration: underline;
			color: #FF6600;
		}
		
	
/* END Footer */
.actionText {
	color:#545454;
}
.actionText:hover {
	color:#2B7E8A;
}

.new_header2{
color:#FFFFFF; 
text-decoration:none; 
font-weight:bold; 
font-size:17px;
}
.productFlag {
	display:none;
	border:solid 1px #CCCCCC;
	background-color:#FF9999;
	font-weight:Bold;
	text-align:center;
	width:60%;
	margin:auto;
	line-height:16px;
	padding:4px;
	margin-bottom:5px;
}
.productFlag.shown {
	display:block;
}
.shipFlag {
	display:none;
}
.shipFlag.shown {
	display:block;
	margin: 10px 0px;
}

.quickLook  {
	position:absolute;
	display:none;
	cursor:pointer;
	bottom:-40px;
	right:-40px;
	width:80px;
	height:80px;
	/*background-color:#4B4B4B;*/
	background-color:#CCC;
	transform: rotate(-45deg);
	color:#FFF;
	line-height:12px;
}

.quickLook::before {
	display:block;
	text-align:center;
	content: "quick \a look";
	white-space: pre-wrap;
	font-size:10px;
	line-height:12px;
}
.quickLook:hover {
	background-color:#555;
}

.quickLookParent {
	overflow:hidden;
}

.quickLookParent:hover .quickLook {
	display:block;
}
.quickLookParent .prodListLoveCountHolder {
	display:none;
}

.quickLookParent:hover .prodListLoveCountHolder {
	display:block;
}


.hoverShow  {
	position:absolute;
	display:none;
}
.hoverShowParent:hover .hoverShow {
	display:block;
}

.childDiv {
	display:none;
}
.childDiv:hover {
	display:block;
}
.parentDiv:hover .childDiv {
	display:block;
}
.dropChildDiv {
	height:0px;
	min-height:0px;
	transition: all 1s;
	overflow:hidden;
	max-height:0px;
}
.parentDiv:hover .dropChildDiv {
	height:auto;
	min-height:25px;
	max-height:100px;
}

.pcContent p {
	margin-top:0px
	margin-bottom:5px;
}

.unselectable {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.sideLink:link {
	text-decoration:none;
	color:#000000;
	white-space: nowrap;
}
a.sideLink:visited {
	text-decoration:none;
	color:#000000;
}
a.sideLink:hover {
	text-decoration:none;
	color:#2b7e8a;
}

.brandDropBrand {
	width:180px;
	padding-left:20px;
	text-align:left;
	height:18px;
	font-size:13px;
	line-height:18px;
	color:#2B7E8A;
	cursor:pointer;
}
.brandDropLetter {
	padding-top:10px;
	padding-bottom:3px;
	margin-bottom:7px;
	text-align:left;
	font-weight:bold;
	font-size:20px;
	line-height:18px;
	color:#2b7e8a;
	cursor:pointer;
	/*text-decoration: underline;*/
	margin-left: 0px;
}
.menu_header{
	color:#000000; 
	text-decoration:none; 
	font-weight:700; 
	font-size:13px;
	letter-spacing:0.03em;
	line-height:25px;
}
.menu_header:hover {
	color:#2B7E8A;
    text-decoration:none;
}

.menuItem{
	color:#000000; 
	text-decoration:none;
	font-size:13px;
	letter-spacing:0px;
	line-height:1.33em;
}
.menuItem:hover{
	color:#545454; 
}
.priceBox{
	margin-top: 15px;
	margin-bottom: 15px;
}
.smallEmptyStars{
	position:relative;
	width:85px;
	height:20px;
	font-size:14.75px;
	line-height:20px;
	margin:auto;
	letter-spacing:0px;
}
.smallEmptyStars::after {
	font-family: "Font Awesome 5 Free";
	content: "\f005\f005\f005\f005\f005";
	color:#DDD;
	font-weight:900;

}
.smallFilledStars {
	position:absolute;
	width:85px;
	height:20px;
	left:0px;
	top:0px;
	font-size:14.75px;
	line-height:20px;
	overflow:hidden;
	letter-spacing:0px;
	color: #00353d;
}
.smallFilledStars::after {
	font-family: "Font Awesome 5 Free";
	content: "\f005\f005\f005\f005\f005";
	color:#00353d;
	font-weight:900;
}

.smallGreyStars {
	position:relative;
	width:85px;
	height:20px;
	font-size:14.75px;
	line-height:20px;
	margin:auto;
}
.smallGreyStars::After {
	font-family: "Font Awesome 5 Free";
	content: "\f005\f005\f005\f005\f005";
	color:#a1a1a1;
	font-weight:400;
}

.emptyStars{
	position:relative;
	width:100px;
	background: url("/productcart/pc/images/stars.png") 0px -19px repeat-x;
	height:19px;
	margin:auto;
}
.filledStars {
	position:absolute;
	width:100px;
	background: url("/productcart/pc/images/stars.png") 0px 0px repeat-x;
	height:19px;
	left:0px;
	top:0px;
	color: #00353d;
}

.grayScale {
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.navDot {
	background-color:#CCCCCC;
	box-shadow:1px 1px 2px #555555;
}
.navDot:hover {
	background-color:#999999;
}
.navDot_s {
	background-color:#999999;
	box-shadow:1px 1px 2px #555555;
}

.prodSliderControl_plus, .prodSliderControl_minus {
	position:absolute;
	z-index:400;
	color:#000;
	font-size:20px;
	cursor:pointer;
	top:50%;
	transform: translate(0,-50%);
	opacity:.4;
}
.prodSliderControl_plus{
	right:0px;
}
.prodSliderControl_minus {
	left:0px;
}
.prodSliderControl_plus:hover, .prodSliderControl_minus:hover {
	opacity:1;
}
.prodSliderControl_plus.disabled, .prodSliderControl_minus.disabled {
	opacity:.15;
}

.actionBtn {
	background-color:#ef0099;
	border:outset 2px #ef0099;
	cursor:pointer;
}
.actionBtn:hover {
	border:solid 2px #ef0099;
}
.actionBtn.active {
	background-color:#41b9a5;
	border:solid 2px #41b9a5;
	cursor:default;
}


/*Fix for issue with chrome scroll bar not being included as part of element for hover  */
*::-webkit-scrollbar {
    width: 10px!important;
    height: 10px!important;
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.8);
}

/* fix mailChimp pop up showing scroll bars */
.mc-layout__modalContent {
	overflow:hidden !important;	
}