/*	current edit 012321, both	*/
html {font-family : Arial, Helvetica, sans-serif;font-variant:small-caps;text-transform:capitalize;	/*	'uppercase' for all caps	*/font-size:100%;font-weight:bold;text-align:center;background-color:#E7E7E7;color:#003300;width:auto;margin:0;padding:0;
	/*	prevent cursor selecting	*/
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  -moz-user-select: none;
  user-select: none; /* Standard syntax */
}
	.tagline {font-size:2.5vw;font-weight:900;padding:15px;}
	.banner {background-color:transparent;width:100%;margin:0 auto 20px auto;}
	.side {width:23%;}
	.logo {width:40%;}
	#logo, #side {width:100%;border:3px solid white; border-radius:3px;background-color:white;}
	td.side {padding:0px 30px;}
	.item:target{border:4px solid black;}	/*	#ff4da6, websafe ff6699	*/
	.item a:visited {border:none;}
	.item {width:285px;margin:0px 1.5% 35px 1.5%;padding:10px;display:inline-block;background-color:lightgrey;}
	#catalog420 .item {margin:25px auto;background-color:transparent;}
	#catalog420 .cart {background-color:white; border:1px solid white; border-radius:6px;}
	.row { display:flex; flex-flow:row wrap;justify-content:center;}
	.sku {width:100%;margin:auto;}
	.cart {margin:15px 0 0 0;}
	.zoom {height:100%;background-color:black;margin:auto;}
	.zoom img {width:90%;height:auto;margin:25px auto 5px auto;}
	input.close {width:auto;background-color:red;color:white;position:absolute;top:25px;right:5%;border-radius:50%;font-size:18px;}

/*	inventory control features	*/
.oos {height:46px;display:none;margin-top:1.5px;}	/*	griggin stupid ass alignments*/
.oosmsg {color:red;}
.email a {font-size:12px;}
.email a:visited {color:#003300;}
/*	end of inventory control features	*/

/*	new paypal buttons, forms and table	*/
.PaypalTop {width:95%; padding:4px 25px 0 25px; background-color:lightgray; margin:auto; border:2px solid black; border-radius:3px;}
.PaypalTop td {width:50%;text-align:center;}
.PaypalTop td img {}
	
input[name=Cart] {width:auto;font-family:Arial, sans-serif;font-size:16px;font-weight:bold;font-variant:small-caps;text-transform:capitalize;
	padding: 5px 10px;margin:0 auto 4px auto;
	background: linear-gradient(to left, #0097d8 , #023b8c); /*	1st try single color #026eb7;	*/
	color:white;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

	.topnav {background-color:transparent;}
	.NotNavCenter {width:90%;margin:auto;padding:0;height:40px;background-color:transparent;}
	.topnav .icon { display: none;}
	.NotNav {display:inline-block;background-color:transparent;}
	.NotNav td a {margin:0 25px;text-decoration:none;}
	.topnav a {margin:1.2%;color:#003300;font-size:32px;text-decoration:none;}
	.fb-img {vertical-align:bottom;width:32px;}
	#faq {border:2px solid white;border-radius:50%;font-size:25px;background-color:#003300;color:#003300;}
	.mi {height:40px; width:140px;}
	.coflag {height:40px; width:60px;}
	.flag  {height:90%;margin:auto;}
	.flag img {height:90%;width: auto; border-radius: 15px;}
	a.ws {font-size:12px;line-height:25px;}
	a.ws:visited {color:#003300}
	input, button:focus,
	textarea:focus,
	select:focus {
	outline:none;
}

@media screen and (max-width: 218px) {.mi {display:none;}}
@media screen and (max-width: 254px) {.tagline{font-size:2.5vw;}}
@media screen and (max-width: 274px) {.mi {height:30px; width:100px;}}
@media screen and (max-width: 392px) {a.ws {font-size:10px;line-height: 15px;}}
@media screen and (max-width: 415px) {.tagline{}}
@media screen and (max-width: 481px) {html, body, .logo, img#logo {width:99%;margin:auto;}.tagline {font-size:4.5vw;}	.item {width:90%;margin:0px auto 35px auto;}}
@media screen and (max-width: 600px) {
	.side {display:none;}#logo{width:80%;}.tagline {font-size:3.25vw;padding:5px;}	/*
	.topnav a:not(:last-child) {display: none;}
	.topnav a.icon { display: inline-block;}.icon >img {margin-bottom:15px;}
	.topnav a >img {margin-left:17px;}
 .topnav.responsive {position: relative;}
 .topnav.responsive .icon {
		background-color: inherit;margin:0;
    position: absolute;
    right: 10px;
    top: 0px;
  }
}	*/
  .topnav a:not(:last-child) {display: none;}
  .topnav a.icon { display: inline-block;margin-left:0px; }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
			background-color: inherit;
			position: absolute;
			right: 0px;
			top: 0px;
  }
}
@media screen and (max-width: 700px) {.side {display:none;}img#logo{width:75%;}}
@media screen and (max-width: 768px) {img#logo {width:100%;}img#side{width:100%;}}
@media (min-width: 1366px) {.block, .item {width:26%;}}
.topnav.responsive a {display: block;}

 @font-face {
  font-family: "blunt";
  src: url("Stooges.ttf");
  }
.blunt {font-family:blunt;}

footer {
	position:relative;
	bottom:10px;
}
footer img{display:none;}
.copyright {
	width:300px;
	display: inline-block;
	margin:0 2% 2px 2%;
	font-size: 12px;
	line-height: 1;
}
.hide {display:none;}
.text_attention {
	font-weight: bold;
	color:#ff0000;
}
.text_sale {
	color: red;
	font-size: 20px;
	font-weight: bold;
}
.text_notsale {
	color:#0000A0;
	font-size: 20px;
	font-weight: bold;
}

/*	find page	*/
#myInput {
	background-image: url('images/search-icon-darkgreen.png');/* Add a search icon to input */
	background-size:30px;
	background-position: 10px 10px;  /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 75%; /* Full-width, edited to fit 'cancel' button */
	font-size: 16px; /* Increase font-size */
	padding: 12px 20px 12px 60px; /* Add some padding */
	border: 2px solid #004F40; /* Add a grey border  */
	border-radius:10px;
	margin-bottom: 5px; /* Add some space below the input */
	color:#003300;
}
#myUL {
	/* Remove default list styling */
	list-style-type: none; /* bullet type */
	padding: 10px;
	margin: auto;
	width:90%;
	display:flex;
	flex-flow: row wrap;
	justify-content:space-evenly;
}
#myUL li a {
	border: 1px solid #003300; /* Add a border to all links */
	border-radius:5px;
	margin-top: -1px; /* Prevent double borders */
	background-color: transparent; /* Grey background color */
	padding: 10px; /* Add some padding */
	margin: 10px;
	text-decoration: none; /* Remove default text underline */
	font-size: 18px; /* Increase the font-size */
	color:#003300;
	display:block; /* Make it into a block element to fill the whole list, trying 'NONE' to hide 1st since the list is 160 items */
}
#myUL li a:hover:not(.header) {
  background-color: white; /* Add a hover effect to all links, except for headers */
}
input {caret-color:#003300;font-weight:bold;}
mark {
  background-color: #003300;
  color: white;
  border:5px solid white;
	border-radius:8px;
  padding:10px;
}
/*	GLOW	*/
.glow {
	font-size: 80px;
	color: #003300;
	text-align:
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 10px #009900, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	}
	to {
		text-shadow: 0 0 20px #009900, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	}
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #003300;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #003300;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #003300;
}

/*	SCROLL BARS
	ie scrollbar, maybe, followed by everyone else's scroll bar  */
html {
	scrollbar-face-color: #003300;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #ccccff;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #ffffff;

	/* scrollbar firefox maybe */
	scrollbar-color: #003300 transparent;
}
::-webkit-scrollbar {
  background: transparent;
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: inset 2px 2px 7px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:  #003300;	/*	radial-gradient(#00ff00, #000000)	*/
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #336600;
}
::-webkit-scrollbar-thumb:active {
  	background: white;
	border-radius: 10px;
		border:4px solid #004400;
		background:white;
  }
	/* sourced as
		 &--simple::-webkit-scrollbar-thumb:active{
  	background: rgba(0,0,0,.9);
  }*/

/*	test to remove totally, works so far
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
::-webkit-scrollbar {
  display: none;
}
*/
hr {
  width:95%;height:1px;
  border: 3px solid #030;
	background-color:white;
  border-radius: 5px;
}
.hrb {
  border:3px solid #003366;
	background-color:#ff6633;
}
.hra {	/*	actual #A02746 & #0B4369, websafe = #993333 & #003366	*/
  border: 3px solid #003366;
	background-color:#A02746;
}
.hrr {
  border:3px solid #673D94;
	background-color:white;
}
.hrn {	/*	actual #FFDA23 & #00AFEF, websafe = #0099ff & #ffcc33	*/
  border:3px solid #00AFEF;
	background-color:#FFDA23;
}
.hrc {
  border:3px solid navy;
	background-color:transparent;
}
.hr420 {
	background-color:#336600;
}
.btn {
  padding: 5px 15px;
  font-size: 1.5vw;
  text-align: justify;
  cursor: pointer;
  outline: none;
  color: white;
  background-color: #003300;
  border: 2px solid white;border-radius:8px;
}
.btn:hover {background-color: #00ff00;color:#003300;}
.btn:active {
  background-color: #009900;color:white;
}

#TopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right:5px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 1px 6px 1px 6px;
  border-radius: 50%;
}
#TopBtn:hover {
  background-color:white;
		color:black;
		border: 1px solid black;
}