html { margin-left: calc(100vw - 100%); } /* 29/4/20 - https://css-tricks.com/elegant-fix-jumping-scrollbar-issue/ - Trick to stop page jumping when scroll bar shows! */

body,td,th {
	font-family: Comic Sans MS;
	color:grey;
}
table#outer {
	font-family: Comic Sans MS;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto; 
}
img {
    max-width: 100%;
    height: auto;
}
.imgleft {
    max-width: 100%;
    height: auto;
	float:left;
	border-color:white;
}
.imgright {
    height: auto;
	float: right;
	border-color:white;
}
li {
	margin-top: 10px;
}
.info {
    margin: auto;
    width: 70%;
	text-align: left;
}
.center {
    margin: auto;
    /* width: 60%; */
	width:1000px; /* Tie up with menu width */
	text-align: center;
	/*
	word-wrap: break-word;
	white-space: pre-line;
	*/
}
.reactive1  {
    margin: auto;
    /* width: 60%; */
	width:1000px; /* Tie up with menu width */
	text-align: center;
	color: #FFFFFF;
	background-color: red;
}
.reactive2  {
    margin: auto;
    /* width: 60%; */
	width:1000px; /* Tie up with menu width */
	text-align: center;
	color: #FFFFFF;
	background-color: green;
}
.reactive3  {
    margin: auto;
    /* width: 60%; */
	width:1000px; /* Tie up with menu width */
	text-align: center;
	color: #FFFFFF;
	background-color: blue;
}
.reactive4  {
    margin: auto;
    /* width: 60%; */
	width:1000px; /* Tie up with menu width */
	text-align: center;
	color: #FFFFFF;
	background-color: black;
}
.centerdet {
    margin: auto;
    width: 100%;
}
.centerfixedheight {
    margin: auto;
    width: 70%;
	height: 600px;
}
.middle {
    margin: auto;
    width: 75%;
	text-align: center;
}
.products {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
.products li {
    display: inline-block;
    padding: 10px;
}
.productbox {
	height: 500px;
	width: auto;
}
body {
	background-color: white;
}
/*
a:link {
	color: #0066AA;
	text-decoration: none;
	font-family: "Comic Sans MS";
	font-size: 16px;
}
a:visited {
	text-decoration: none;
	color: #0066AA;
	font-family: "Comic Sans MS";
	font-size: 16px;
}
a:hover {
	text-decoration: none;
	color: #0066AA;
	font-family: "Comic Sans MS";
	font-size: 16px;
}

a:active {
	text-decoration: none;
	color: #0066AA;
	font-family: "Comic Sans MS";
	font-size: 16px;
}
*/
.smallmenu {
	font-family: "Comic Sans MS";
	font-size: xx-small;
	color: #3366FF;
}

.footer {
	/* position: fixed; */
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: white;
   color: white;
   text-align: center;
}
.footermiddle {
    margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
    width: 75%;
    background-color: grey;
	color: white;
	text-align: center;
}
.footer a:link, a:hover a:active, a:visited {
	color: white;
	text-decoration: none;
	font-family: "Comic Sans MS";
	font-size: 16px;
}
.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}
/* 9/9/22 - Honeypot email links */
a.hp:link {color:#ff0000;}
a.hp:visited {color:#0000ff;}
a.hp:hover {color:#ffcc00;}