html, body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

button {
	height: auto;
	width: auto;
	background-color: white;
	border: none;
}

div {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid DodgerBlue;
}

form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

h1
{
	text-align: center;
	font-size: 140%;
}

iframe {
	height: auto;
	width: 100%;
	resize: both;
	overflow: auto;
	padding: 0px;
	border: 0px solid red;
}

input 
{
/*    -webkit-appearance: none;*/
	-webkit-border-radius:0; 
	border-radius:0;
}

input:not([value=""]):not(:focus):invalid
{
  background-color: tomato;
}


p
{
	text-align: left;
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: .3em;
	overflow-wrap: break-word;
	width: 95%;
}


table, th, tr, td {
	table-layout: fixed;
	width: 98%;
	border-collapse: collapse;
	border-spacing: 0;
	border: thin solid black;
	text-align: left;
	padding-left: 4px;
	padding-right: 4px;
}

th {
/*	position: -webkit-sticky;
	position: sticky; */
	top: 0;
	background-color: #D8D8D8;
}

tr {
	vertical-align: top;
}

.iframe-container {
  overflow: hidden;
  position: relative;
  height: 100%;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

#content
{
	height: 100%;
}

.nietable th:first-child,
.nietable tr:first-child {
  /* Apply a left border on the first <td> or <th> in a row */
  border-left: thin solid black;
}

.nieth::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border-right: 1px solid black;con
	display: block;
	top : 0px;
}

.nieth::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	display: block;
	top : 0px;
}

.div80, .divSingle
{
	position: relative;
	width: auto;
	max-width: 80%;
	margin-left: auto;
	margin-right:auto;
	text-align: left;
}

.div100
{
	position: relative;
	max-width: 100%;
	margin-left: auto;
	margin-right:auto;
	text-align: left;
}

.DivA
{
	position: absolute;
	z-index: 1;
	overflow-wrap: break-word;
	object-fit: contain;
}

.DivP /* container for image on the single item page */
{
	position: absolute;
	width: 99%;
	height: 406px;
	padding: 2px;
}

.DivPics1 /* container for the main image on the single item page */
{
	position: relative;
	width: 500px;
	height: 406px;
	margin: auto;
	object-fit: contain;
	border: 2px solid #1E245A;
}

.DivPics2 /* container for the main image plus one column of thumbnails on the single item page */
{
	position: relative;
	width: 602px;
	height: 406px;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	border: 2px solid #1E245A;
}

.DivPics6 /* container for the main image plus two columns of thumbnails on the single item page */
{
	position: relative;
	width: 704px;
	height: 406px;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	border: 2px solid #1E245A;
}

.DivPics10 /* container for the main image plus three columns of thumbnails on the single item page */
{
	position: relative;
	width: 806px;
	height: 406px;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	border: 2px solid #1E245A;
}

.DivPicLeft /* container for pictures on the left side of the page */
{
	position: relative;
	float: left;
	align: left;
	width: 25%;
	padding: 2px;
	object-fit: contain;
}

.DivPicRight /* container for pictures on the right side of the page */
{
	position: relative;
	float: right;
	align: right;
	width: 25%;
	padding: 2px;
	object-fit: contain;

.ImgMain /* container for the main image on the single item page */
{
	position: absolute;
	width: 500px;
	height: 406px;
	margin: auto;
	object-fit: contain;
}

.ImgMore /* container for the thumbnails on the single item page */
{
   position: absolute;
   left: 500px;
   width: 300px;
   height: 400px;
}

.left {
 float: left;
 padding: 0 10px 0 0;}
 
 .right {
 float: right;
 padding: 0 0 0 10px;}
 
.ptitle /* bold font for titles */
{
	font-weight: bold;
	line-height: 1.4;
}

.Thumb /* style for the thumnails on the single item page */
{
	position: absolute;
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.ThumbNail /* style for the thumbnails on the multiple items page */
{
	margin: 2px;
	height: 100px;
	object-fit: contain;
	float: left;
}

.tdPic { /* style for the table picture row data */
	vertical-align: middle;
}

#tout {
	text-align: center;
}

.trPic { /* style for table picture row */
	vertical-align: middle;
}

.tRowC1 {
	width:13%;
}

.tRowC2 {
	width:15%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}


.tRowC3 {
	text-align: right;
	width: 3%;
}

.tRowC4 {
	width: 53%;
}

.tRowC5 {
	text-align: right;
	width: 7%;
}

.tRowC6 { 
	width: 7%;
}
 
.swipecontainer /* div used for all the images on portable devices */
{
	height: 50%;
    white-space: nowrap;
}

.swipepic /* div for swipe div */
{
	height: 100%;
	width: 100vw;
	float: left;
}

.imgswipe /* class for swipe img */
{
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
}

.mobileListDiv
{
	width: 100%;
	height: 23%;
	border-bottom: 1px solid black;
}

.mobileListPicDiv
{
	float: left;
	width: 23%;
	height: 100%;
}

.mobileListDescDiv
{
	width: 73%;
	height: 100%;
	float: right;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mobileThumb
{
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin-top: auto;
	margin-bottom: auto;
}