@font-face { 
	font-family: Jost-Medium; 
	src: url('/fonts/Jost-Medium.woff') format('woff'); 
	font-weight: 400; 
	font-style: normal; 
	font-display: swap;
}

@font-face {
	font-family: Jost-Regular; 
	src: url('/fonts/Jost-Regular.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
	font-display: swap;
}

body {
	font-family: Jost-Regular, Calibri; 
	font-size: 14px;
	margin: 0;
}

hr {
	border: none; height: 1px;
	color: #36c; /* old IE */
	background-color: #36c; /* Modern Browsers */
}

#pagebody {
	clear: both; 
	display: block; 
	max-width: 1080px;
	margin-left: auto; 
	margin-right: auto;
	padding: 1em 0.5em 1em 0.5em;
	background-color: white;
}

#pagetitle { 
	margin-top: 9px; 
	margin-bottom: 3px; 
	font-size: 20px; 
	font-weight: bold; 
}

#pagefooter {
	width:100%; 
	min-width:360px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 10px; 
	text-align:center; 
	color:black; 
	background-color: #cef; 
}

#searchbar { 
	width:100%; 
	min-width:360px; 
	max-width: 1080px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 0.5em; 
}

#loginbox { display: none }
#searchbox { text-align: right }

#itemcount { 
	width: 40px; 
	height: 53px; 
	margin-top: 3px; 
	margin-bottom: 3px; 
	cursor: pointer; 
}

a.menuitem, a.menuitem:visited {
	padding-left: 0.5em; 
	padding-right: 0.5em; 
	white-space: nowrap;
	font-size: 18px; 
	text-decoration: none; 
	color: white;
}

#menubar {
	position: relative;
	color: white;
}

#dropmenu {
	position: absolute;
	background-color: #047;
	color: white;
	text-align-last: left;
	display: none;
	padding: 10px;
}

#compactmenu { display: none }

#compactmenu:hover #dropmenu { display:block; }

.pagethumb { 
	display: inline-block; 
	width: 330px; 
	margin: 15px; 
	text-align: center; 
	vertical-align: top;
}

.flowable { white-space: normal }
#itemphoto { width: 480px; }
#coloroptions, #variants, #sizeoptions, #widthoptions, #qty { margin-top: 5px; }
.colorswatch { border: 1px solid gray; }
.retail { color:#007F00; }
.wholesale { color:#C30; }
.width4em { width: 60px; display: inline-block; }

option { 
	font-family: Jost-Regular, Calibri; font-size: 14px;
	margin-top:3px; margin-bottom:3px; 
}

input[type=text], input[type=password], textarea {
	font-family: Jost-Regular, Calibri; font-size: 14px;
}

a, a:visited { color: #36c; text-decoration: none; outline: none }
img { border: 0; }

@media (max-width: 720px) {
	#homelink { display: none }
	#menu { display: none }
	#compactmenu { display: inline-block }
	#searchbar { background-color: #047; color: white; width:100%; }
	#loginfo { color: white; text-decoration: none; }
	.menuitem { padding-top: 5px; padding-bottom: 5px; }
	#logindialog  {
		margin-top: 50px;
		margin-left: 50px;
	}
}

@media print {
	#pageheader { display: none; }
	#pagefooter { display: none; }
}