@charset "UTF-8";
/* CSS Document */

/* no script messages */
#tpNoJs{}
#bmNoJs{}

.noJSmsg {
	font-size: small;
	color: indianred;
	line-height: 1.5em;
	text-align: center;
	vertical-align: middle;
}

/* Extra field (for 30+ orders) */
/* ovr30h & ovr30uh (javascript initiated onload)*/
.visbl {
	/*visibility: visible;*/
	/*display: inline-block*/;
}
/* AI fields (php only) */
.hidn {
	visibility: hidden;
}

/* 30+ fields hide on load*/
/* *dt_160218 display: none; stops the "30+" fields from showing */
.ovr30h {
	display: none;
}

/* 30+ fields unhide initial state  when loaded */
.ovr30uh {
	display: inline-block;
}

/* bg-color purple A*/
.bgpplA {
	line-height: 1.75em;
	background-color: #99F;
	text-align: center;
	width: auto;
	max-width: 780px;
	min-width: 320px;
	height: 1.75em;
	float: none;
	margin: 0 auto;
}
/* Full set */
.fllst {
	background-color: #99F;
}
@media screen and (max-width: 570px) {
	.bgpplA {
		font-size: 0.90em;
		line-height: 1.30em;
		height: 1.30em;
		}
	}
@media screen and (max-width: 480px) {
	.bgpplA {
		font-size: 0.60em;
		line-height: 1.30em;
		height: 1.30em;
		}
	}

/* extra messages */
.mesg {
	font-style: italic;
}

/* weight output */
#wght {
	color: #999;
	font-size: 1.0em; 
	text-align: right; 
	padding-right: 10px;
}
/* span to display weight amounts */
#Twght {
	color: #666; 
	text-align: right;
}


/* ''''''''''''''''''''''''''''''''''''''''''''''''''''''' */
/* *dt_310518 */
/* discount */
/* combine these two into the "empty" class in the span tag surrounding the full price. ie <span class="prc strike"> */
.prc {
	font-size: medium;
}

.strike {
	color: gray;
	font-size: 0.85em;
	font-style: italic;
	text-decoration: line-through;
	padding: 0px;
	}


/* extra functionality */
/*promotion message */
.prmsg {
	color: navy;
	font-size: smaller;
	float: right;
	font-style: italic;
	margin-right: 40px;
}

/* discount price */
/* ! display: none; when not in use */
.dcprc {
	color: darkgreen;
	font-size: medium;
	display: none;
}
/* discount percentage */
.discpc {
	font-size: 0.85em;
	color: #666;
	display: /*none*/;
	padding-left: 10px;
}
/* ''''''''''''''''''''''''''''''''''''''''''''''''''''''' */



/* display */
.dsp {
	display: inline;
}
/* display none */
.dspnon {
	display: none;
}
/* weight indicator, and overweight */
.wght, .owm {
	font-size: small;
}
 .owm {
	 font-style: italic;
	 color: crimson;
 }

/* Overweight Message Div */
#ovweight {
	line-height: auto;
	background-color: ghostwhite;
	vertical-align: middle;
	height: auto;
	padding-right: 20px;
}
/* overweight message */
#ovweightMsg {
	color: orangered;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: auto;	
	font-size: 0.81em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	vertical-align: middle;
	height: auto;
	padding-right: 20px;
}

/* running order numbers (used @ dev. time) */
.ndv {
	background-color: #CCC;
	display: none!important;
	width: 30px;
	height: 15px;
	margin-left: -20px;
	padding-top: 5px;
	padding-left: 5px;
    position: relative;
	top: 0px;
	left: -20px;

/*z-index: 6;*/
}

#ndv1 {}
#ndv2 {}
#ndv3 {}
#ndv4 {}
#ndv5 {}
#ndv6 {}
#ndv7 {}
#ndv8 {}
#ndv9 {}
#ndv10 {}
#ndv11 {}
#ndv12 {}
#ndv13 {}
#ndv14 {}
#ndv15 {}
#ndv16 {}

/* added styles */

/* 11.04.17 */
/* "hiding" the Postage price field text; for overweight order */
/* overweight postage representation, works with classname change in javascript */

/* establishing a class for altering with classname */
.GdTP1 {}
/* not overweight */
.GdTPUn {
	color: black;
	-webkit-user-select: text; /* Chrome, Opera, Safari */
	-moz-user-select: text; /* Firefox 2+ */
	-ms-user-select: text; /* IE 10+ */
	user-select: text; /* Standard syntax */
}
/* over weight */
.GdTPOv {
	color: whitesmoke;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

/* sumplementary code for redev */

/* greyed out selection option, for item not available 	*dt_021117 */
/*tr - background-color: ghostwhite;
span - opacity: 0.3;
span - class="clrRed" Sold Out
select - disabled */


/* EXTRA FUNCTIONALITY */

/* dev time, assessing weights */
#wtsmsgs {
	display: /*none*/;
}