*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.caption_full2 li {
	width:100%;
	text-align:left;
}

.box {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}

.pointer {
	cursor:pointer;
	font-weight:bold;
	white-space: nowrap;
}

.pagination {
	width: 100%;
	margin-left: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#wrapper2 {
	flex: 0 1 auto;
}
.wrapper2 {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999999;
}

.sc_inner {
 	 flex: 1 1 auto;
}
.div_footer {
  flex: 0 1 auto;
  position:relative;
  top:52px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.product_details::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.product_details {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sc_inner::-webkit-scrollbar {
  	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.sc_inner {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.centre_thumb {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
}

/* Styles for the gallery container */
.gallery {
	clear:both;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	max-width:1280px;
	width:100%;
	
}

/* Styles for each gallery item */
.gallery-item-0 {
	/*width: calc(32% - 20px);
	margin: 10px;*/
	flex: 0 1 180px;
	border: 1px solid #ccc;
	cursor: normal;
	margin:5px;
	display: flex;
	flex-direction: row;
	/* padding: 1rem;*/
	justify-content: space-between;
	position:relative;
}

.thumb_image {
	max-width:180px;
	max-height:400px;
}

.gallery-item-1 {
	display: flex;
	flex-direction: column;
	/* padding: 1rem; */
	justify-content: space-between;
	align-items: center;
	position:relative;
}

/* Styles for close button */
.close-button {
	color:#000;
	display:block;
	position:sticky;
	position: -webkit-sticky;
	text-align:center;
	padding-left:20px;
	top:0;
	left:85%;
	text-decoration: none;
	z-index:999999;
	width:60px;
	height:0;
	/*padding-bottom:100%;*/
}

.close-image {
	width:50px;
	opacity: 0.3;
	position:relative;
	top:0px;
}

/* Styles for each gallery item */
.gallery-item {
	width: 100%;
}

/* Hidden content initially */
.content1 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	z-index: 2;
	overflow: auto;
	margin:0 auto;
	height:100%;
	width:100%;
}

/* Hidden content initially */
.product_details {
	display: block;
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	background-color: white;
	z-index: 2;
	overflow: auto;
	width:100%;
	margin:0 auto;
	max-width:800px;
	
}

/* Show content when the corresponding target is active */
.content1:target {
	display: block;
}

.marg_auto {
	margin:0 auto !important;
	width:100% !important;
	max-width:500px;
}

.div_footer {
	
	width:100%;
}


.nav-footer nav ul {
	list-style: none;
	padding: 0 3.5px;
	margin: 0;
	line-height:1.0em;
	font-size:0.9em;
}
.nav-footer ul, .nav-footer li
{
	list-style: none;
	padding: 0 5px;
	margin: 0;
	line-height:1.9em;
	font-size:1.0em;
}
#tealsearch {
	width:100px;
}
.menu-bar-footer {
	background: #606;
	display: flex;
	z-index:999999;
	justify-content:center;
	flex-wrap:wrap;
	/*align-items:center;*/
}

.menu-bar {
	background: #606;
	display: flex;
	z-index:999999;
	justify-content:center;
	/*align-items:center;*/
}
.menu-bar-link {
	background: #606 !important;
	color:#fff !important; 
	font-size:1.05em;
}
.menu-link {
	padding: 6px 2.5px;/**/
	background: #ffffff;
	color: #000;
	/*transition: background 0.2s, color 0.2s;*/
	position: relative;
	z-index: 1;
}
/*.menu-link[aria-haspopup="true"] {
padding-right: 0px;
}*/
/*.menu-link[aria-haspopup="true"]:after {
	content: "";
	/*background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#default');*/
	/*accent*/
/*	background-size: 0px;
	width: 100%;
	height: 100%;
	font-size: 1.0em;
	line-height: 1.2em;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}*/



nav {
	margin: 0;
	padding: 0;
	background-color: #606;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size: 1.0em;
	line-height: 1.8em;
}

nav:after {
	content: "";
	display: table;
	clear: both;
}

nav ul {
	/*float: right;*/
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	display: flex;
    align-items: center;
}

nav ul li {
	margin: 0px;
	display: block;
	float: left;
	
}

nav a {
	display: block;
	padding: 0 7px;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.8em;
	text-decoration: none;
}

nav ul li ul li:hover { 
	background: #000000;
 }

nav a:hover {
	 background-color: #000000;
	 }

nav ul ul {
	display: none;
	position: absolute;
	top: 2.2em;
}

nav ul li:hover > ul { 
	display: inherit;
 }



nav ul ul li {
	width: 220px;
	float: none;
	display: list-item;
	position: relative;
	font-size:1.0em;
}

nav ul ul ul li {
	position: relative;
	top: 0;
	/*left: 220px;*/
}

/*li > a:after { content: ' +'; }*/

li > a:only-child:after { content: ''; }


input[type=checkbox].hidden{
	display:none;
}


/* additional */

.wide1280 {
	width:100%;
	max-width:1280px;
}

.bo_heading {
	width:100%;
	text-align:center;
	padding-top:15px;
}
.bo_info {
	width:96%;
	text-align:left;
	padding:0px 15px 15px 15px;
	margin:0 auto;
}
.h150 {
	height:150px;
}
.bo_message {
	width:100%;
	background-color:#af78bd;
	text-align:center;
	z-index:999999;
}
.bo_row {
	background:#bdf2ba;
}
.font-bold {
	font-weight:bold;
}
.forgot {
	display:block;
	margin:30px;
	width:994px;
	max-width:100%;
	display:grid;
	place-items:center;
	text-align:center;
}
.marg8-0 {
	margin:8px 0px;
}
.pocket-header {
	width:100%;
	text-align:center;
	padding-top:15px;
}
.show-trade2 {
	padding:5px;
	border: solid 1px #B9B9B9;
}
.show-trade {
	padding:5px;
	border: solid 1px #B9B9B9;
	text-align:center;
}
.table_collapse {
	border-collapse:collapse;
}
.header_title {
	width:200px;
	margin-left:2%;
}
.header_qty {
	width:70px;
	text-align:center;
}
font_bold {
	font-weight:bold;
}
.dblock {
display:block;
}
.z999999 {
	z-index:999999;
}
.pos_rel {
	position:relative;
}
.current_page {
	margin: 0 8px 6px 0;
	padding: 2px 3px;
	border: 1px solid #ccc;
	background-color: #000;
	color: #fff;
}
.not_current_page {
	margin: 0 8px 6px 0;
	padding: 2px 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
}
.font_italic {
	font-style: italic;
}
.font_size_1_3 {
	font-size:1.3em;
}


@media all and (max-width: 950px), all and (max-height: 300px) {
	.breadcrumbs {
		max-width:1280px;
		width:100%;
		text-align:center;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		font-size:0.8em;
		flex-direction:row;
		padding:10px 0px;
		position:relative;
		top:12px;
	}
	
	li.hidden {
		display:none;
	}
	
	.logo {
		top:0;
	}
	
	.pagination {
		position:relative;
		top:12px;
	}
	
	/*
	div.show_cards {
		margin-bottom:10px;
		width:100%;
		background-color:#d1b2d1;
		padding:5px;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		line-height:1.8em;
		font-size:1.1em;
		position:relative;
		top:12px;
	}
	
	*/
	.show_cards {
		display:flex;
		background-color:#d1b2d1;
		margin-bottom:10px;
		width:100%;
		padding:5px;
		margin-left:10px;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		line-height:1.8em;
		font-size:1.0em;
		max-height:110px;
	}
	
	.close-image {
		top: -12px;
	}
	
	nav { 
		margin: 0;
	}

	.toggle + a,
	.menu { 
		display: none;
	}

	.toggle {
		display: block;
		background-color: #606;
		padding: 0 7px;
		color: #FFF;
		font-size: 1.0em;
		line-height: 1.8em;
		text-decoration: none;
		border: none;
	}

	.toggle:hover { 
		background-color: #000000;
	}

	[id^=drop]:checked + ul {
		display: block; 
	}

	[id=drop]:checked + .menu {
		height: 100vh;
		overflow:auto;
	}

	nav ul li {
		display: block;
		width: 100%;
		background-color: #606;
	}

	nav ul ul .toggle,
	nav ul ul a { 
		padding: 0 40px;
	}

	nav ul ul ul a { 
		padding: 0 80px;
	}

	nav a:hover,
	nav ul ul ul a { 
		background-color: #a75ea7;
	}

	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #832783;
	}

	nav ul ul {
		float: none;
		position: static;
		color: #ffffff;
	}

	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	nav ul ul li {
		display: block;
		width: 100%;
		background-color: #832783 !important;
	}

	nav ul ul ul li {
		position: static;
		background-color: #a75ea7 !important;
	}


	
	/* Hide scrollbar for Chrome, Safari and Opera */
	body::-webkit-scrollbar {
		display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	body {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}

	.move_up {
		position: relative;
		top: -52vh;
	}

	.logo {
		/*margin:5px 25%;*/
		margin: 6px 0px 0px 8px;
		height:30px;
		position:fixed;
		right:20px;
		z-index:1000;
	}
	
	.toggle_logo {
		height:40px;
		display:flex;
		align-items: center;
	}

	.gallery {
		position:relative;
		top:12px;
		margin-bottom:125px;
	}

	
	.close-button {
		height:30px;
	}


	.sc_inner {
		top:40px;
	}

	.nav0 {
		width:100%; /* new */
		background: #606;
		z-index:999999;
		position:fixed;
	}
	.nav {
		margin-top: 0px;/*50px*/
		margin:0 auto; /*new*/
		background: #ffffff;
		z-index:2;
		max-width:1280px;
		width:100%; /* new */
	}

	.nav-footer nav ul {
		list-style: none;
		padding: 0 5px;
		margin: 0;
		line-height:1.2em;
		font-size:1.0em;
	}
	
	.product_details {
		margin-bottom:80px;
	}


	.hide-logo {
		display: none;
	}
}

/*@media all and (max-width: 950px) and (hover: none) {*/

.product_info {
	margin:0 auto;
	max-width:500px;
	width:100%;
	cursor: context-menu;
}
.img_width {
	margin:0 auto;
	max-width:500px;
	width:90%;
	margin-bottom:50px;
}
/*}*/

@media all and (min-width: 951px) and (max-height: 697px) {
	nav ul ul ul  {
		/*left:220px !important;*/
		/*overflow:auto !important;*/
		top:0;
		height:85vh;
		overflow-y: scroll;
	}
}

.logoutbutton:hover {
	text-decoration:underline;
}

@media all and (min-width: 951px) and (min-height: 301px) {
	p { 
		text-align: center;
	 }
	.toggle, [id^=drop] {
		display: none;
	}

	.cursor_normal {
		cursor:context-menu !important;
		text-decoration:none !important;
	}
	
	nav ul ul ul {
		left:-220px !important;
		overflow:auto !important;
		top:0;
		height:85vh;
	}

	nav ul ul ul li {
		background-color: #a75ea7 !important;
	}

	nav ul ul li {
		background-color: #832783 !important;
	}

	nav ul ul {
		height:85vh;
	}

	.top-0 {
		top:0;
	}
	.top-1 {
		top:-1.65em;
	}
	.top-2 {
		top:-3.25em;
	}
	.top-3 {
		top:-4.85em;
	}
	.top-4 {
		top:-6.5em;
	}
	.top-5 {
		top:-8.1em;
	}
	.top-6 {
		top:-9.7em;
	}
	.top-7 {
		top:-11.35em;
	}

	.top-8 {
		top:-12.95em;
	}

	.top-9 {
		top:-14.6em;
	}

	.sc_inner {
		top:52px;
	}
	
	.show_cards {
		margin-bottom:10px;
		width:100%;
		background:#d1b2d1;
		padding:5px;
		margin-left:10px;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		line-height:1.8em;
		font-size:1.0em;
		max-height:70px;
		position:relative;
		
	}
	.pagination {
		position:relative;
		
	}
	.breadcrumbs {
		max-width:1280px;
		width:100%;
		text-align:center;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		font-size:0.8em;
		flex-direction:row;
		padding:3px 0px;
		position:relative;
		
	}
	.gallery {
		position:relative;
		
		margin-bottom:68px;
		height:100%;
		overflow-y: scroll;
	}
	.menu-bar {
		align-items:center;
	}
	.nav0 {
		width:100%; /* new */
		background: #606;
		z-index:999999;
		position:relative;
	}
	.nav {
		margin-top: 0px;/*50px*/
		margin:0 auto; /*new*/
		background: #606;
		z-index:2;
		max-width:1280px;
		width:100%; /* new */
		display:flex;
		position:relative;
		top:0px;
	}
	.nav > nav {
		/*max-width: 900px;*/
		margin: 0 auto;
	}

	.move_up {
		position: relative;
		top: -52vh;
	}
}

@media all and (max-width : 330px) {
	nav ul li {
		display: block;
		width: 94%;
	}

}