* {
	margin:0;
	padding: 0;
	box-sizing: border-box;
}

.brandname {
	position: absolute;
	font-size: 12px;
	font-family: 'IBM Plex Sans', sans-serif;
	letter-spacing: 1px;
	color: #333333;
	padding: 0 4px;
	background-color: thistle;
	z-index: 0;
	border-radius: 2px 0 0 0;
}

.brandname_bot {
	position: absolute;
	margin-top: 20px;
	font-size: 12px;
	font-family: 'IBM Plex Sans', sans-serif;
	letter-spacing: 1px;
	color: #333333;
	padding: 0 4px;
	background-color: #00ff7f;
	z-index: 0;
	border-radius: 2px 0 0 0;
	text-align: center;
}

.modal4FLtR {
	display: none;		/* Hidden by default */
	position: fixed;	/* Stay in place */
	z-index: 1;			/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;		/* Full width */
	height: 100%;		/* Full height */
	overflow: auto;		/* Enable scroll if needed */
	background-color: rgb(0,0,0);			/* Fallback color */
	background-color: rgba(0,0,0,0.4);		/* Black w/ opacity */
}


/* Modal Content/Box */

.modal4FLtR-content {
	background-color: #fefefe;
	margin: 15% auto;	/* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%;	/* Could be more or less, depending on screen size */
}


/* The Close Button */

	.close_modal4FLtR {
		color: #ffffff;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}

	.close_modal4FLtR:hover,
	.close_modal4FLtR:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

.sty_Btn_4FLtR {
	margin: 0 0 1rem 0;
}

	/* Modal Header */

.modal4FLtR-header {
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
}


	/* Modal Body */
	.modal4FLtR-body {padding: 2px 16px;}


	/* Modal Footer */

	.modal4FLtR-footer {
		padding: 2px 16px;
		background-color: #5cb85c;
		color: white;
	}


	/* Modal Content */

	.modal4FLtR-content {
		position: relative;
		background-color: #fefefe;
	/*	margin: auto;	*/
		margin: 15% auto;	/* 15% from the top and centered */
	/*	padding: 0;		*/
		padding: 20px;
		border: 1px solid #888;
		width: 80%;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19);
		animation-name: animatetop;
		animation-duration: 0.4s
	}


/* Add Animation */

@keyframes animatetop {
	from {	top: -300px;	opacity: 0	}
	to {	top: 0;		opacity: 1	}
}

.mw-60 {	min-width: 60px;	}

.mw-40 {	min-width: 40px;	width: 40px;	}



.srchMsgdivStyl{
	display:block;
	background:white;
	padding:0.5rem 0;
	border:1px solid #eeeeee;
	overflow: auto;
}
.srchMsgParaCntStyl{
	font-weight:bold;
	padding:0 0.25rem 0.75rem 0.5rem;
	text-align: center;
}
.srchULTmStyl{
	font-size:0.875rem;
	display:block;
	background:#FFEBEE;
	padding:0.5rem;
	line-height:1.5;
	text-align: center;
}
.srchULStyl{
	list-style:none;
}
.srchLIStyl{
	padding:1.5rem 0.5rem;
	border-top:1px solid #eeeeee;
}
.srchBrndStyl{
	font-size:1rem;
	line-height:1.5;
	color:#e91e63;
	display:inline-block;
	padding-right: 0.25rem;
}
.srchProdStyl{
	color:#333333;
	font-size:1rem;
	line-height:1.5;
}

.srchStartDivStyl{
	padding:0.5rem;
}
.srchStartParaStyl{
	color:#333333;
	font-size:1rem;
	margin-bottom:1rem;
}

.cart-bg {
  /* The image used */
  background-image: url("/img_jc/cart/cart-bg-1.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   background-attachment: fixed;

}

.form-text {background:white; padding:1rem;}



.s3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.s3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
@media (max-width:600px){
	.s3-modal-content{margin:0 10px;width:auto!important}
	.s3-modal{padding-top:30px}
	.s3-dropdown-hover.s3-mobile .s3-dropdown-content,.s3-dropdown-click.s3-mobile .s3-dropdown-content{position:relative}
	.s3-hide-small{display:none!important}
	.s3-mobile{display:block;width:100%!important}
	.s3-bar-item.s3-mobile,.s3-dropdown-hover.s3-mobile,.s3-dropdown-click.s3-mobile{text-align:center}
	.s3-dropdown-hover.s3-mobile,.s3-dropdown-hover.s3-mobile .s3-btn,.s3-dropdown-hover.s3-mobile .s3-button,			
			.s3-dropdown-click.s3-mobile,.s3-dropdown-click.s3-mobile .s3-btn,
			.s3-dropdown-click.s3-mobile 
			.s3-button{width:100%}}
@media (max-width:768px){.s3-modal-content{width:500px}.s3-modal{padding-top:50px}}
@media (min-width:993px){.s3-modal-content{width:900px}}

.s3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.s3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.s3-button:disabled{cursor:not-allowed;opacity:0.3}
.s3-button{white-space:normal}
.s3-button:hover{color:#000!important;background-color:#ccc!important}
.s3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.s3-xlarge{font-size:3rem!important}
.s3-display-topright{position:absolute;right:0;top:0}
.s3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.badgeXtra-LbL{
   position:relative;
	float: right;
}
.badgeXtra-LbL[data-badge-xtra-lbl]:after {
   content:attr(data-badge-xtra-lbl);
   position:absolute;
   top:0px;
   right:-6px;
   font-size:12px;
   font-weight:700;
   background:#C0FCFF;
   color:#1f1f1f;
   width:36px;height:18px;
   text-align:center;
   line-height:24px;
   border-radius:50%;
   font-family:"Arial Black", Gadget, sans-serif;
  /* box-shadow:0 0 1px #333;*/
}