﻿/*This is a comment*/
body {
	font: large Verdana, Geneva, Tahoma, sans-serif;
	color: #000000;
	background-image: url('https://hoffmanamps.com/images/background5.png');
}
body2 {
	font: large Verdana, Geneva, Tahoma, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
}
a:link {
	color: #540808;
	text-decoration: underline;
}
a:visited {
	color: #800080;
	text-decoration: underline;
}
a:active, a:hover {
	text-decoration: underline;
	color: #FF00FF;
}
h1 {
	font-size: x-large;
}
h2 {
	font-size: large;
}
h3 {
	font-size: large;
}
h4 {
	font-size: large;
}
.font2 {
	font-size: large;
}
.font3 {
	font-size: large;
}
.font4 {
	font-size: large;
}
.fontbold {
	font-weight: bold;
}
.fontgreen {
	color: #008000;
}
.fontred {
	color: #FF0000;
}
.fontpurple {
	color: #800080;
}
.fontBlue10px {
	color: #0000FF;
}
.fontBlue12px {
	color: #0000FF;
	font-weight: bold;
}
.fontpostagecalculator {
	font: 13pt "Courier New", Courier, monospace;
	color: #000000;
}
div.spacer {
	clear: both;
}
div.spacer-item {
	clear: both;
	color: #FF0000;
}
.divcenter {
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 100%;
}
.divoverflow {
	overflow: auto;
}
/* makes images scale down automatically and centered */
.img5 {
	border-width: 0px;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/* makes images scale down automatically and left */
.img6 {
	border-width: 0px;
	max-width: 100%;
	height: auto;
}
/* Start make tables collapse with scroll bars */
.table5 {
	border: thin #808080 solid;
	border-collapse: collapse;
	padding: 10px 3px 10px 3px;
	empty-cells: show;
	margin-left: auto;
	margin-right: auto;
	font-size: large;
	background-color: #E5E5E5;
}
.tdleft5 {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: left;
}
.tdright5 {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: right;
}
.tdcenter5 {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: center;
}
/* End make tables collapse with scroll bars */
/* resistor template */
.tablesimple {
	border: 1px #ECE9D8 solid;
	margin: 1px;
	padding: 1px;
	border-collapse: collapse;
	empty-cells: show;
	font-size: large;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.tdsimplecenter {
	text-align: center;
	border: 1px #ECE9D8 solid;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
.tdsimpleleft {
	text-align: left;
	border: 1px #ECE9D8 solid;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
.tdsimpleright {
	text-align: center;
	border: 1px #ECE9D8 solid;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
/* end resistor template */
/* catalog tables */
.table-simple {
	border: 0px;
	margin: 1px;
	padding: 10px 3px 10px 3px;
	border-collapse: collapse;
	empty-cells: show;
	font-size: large;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.td-simple-left {
	text-align: left;
	border: 0px;
	font-size: large;
}
.td-simple-right {
	text-align: center;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
.table-item {
	border: 1px #ECE9D8 solid;
	margin: 1px;
	padding: 10px 3px 10px 3px;
	border-collapse: collapse;
	empty-cells: show;
	font-size: large;
	border-spacing: inherit;
	margin-left: auto;
	margin-right: auto;
}
.td-item-center {
	text-align: center;
	border: 1px #ECE9D8 solid;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
.td-item-right {
	text-align: right;
	border: 1px #ECE9D8 solid;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
/* end catalog tables */
/*mobil template */
.table-mobile-item {
	border: 1px #000000 solid;
	margin: 1px;
	padding: 10px 3px 10px 3px;
	border-collapse: collapse;
	empty-cells: show;
	font-size: large;
	border-spacing: inherit;
	margin-left: auto;
	margin-right: auto;
}
.td-mobile-item-center {
	border-color: #000000;
	text-align: center;
	border: 1px #ECE9D8 solid;
	padding: 10px 3px 10px 3px;
	font-size: large;
}
/* end mobil template */
/* parts catalog form */
.form-single {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 3px 10px 3px;
}
/* cart  tables */
.tablecart {
	border: thin #808080 solid;
	border-collapse: collapse;
	padding: 10px 3px 10px 3px;
	empty-cells: show;
	margin-left: auto;
	margin-right: auto;
	font-size: large;
	background-color: #E5E5E5;
}
.tdleftcart {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: left;
}
.tdrightcart {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: right;
}
.tdcentercart {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: center;
}
/* end cart  tables */
/* checkout  tables */
.tablecheckout {
	border: thin #808080 solid;
	border-collapse: collapse;
	padding: 10px 3px 10px 3px;
	empty-cells: show;
	margin-left: auto;
	margin-right: auto;
	font-size: large;
	background-color: #E5E5E5;
}
.tdleftcheckout {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: left;
}
.tdrightcheckout {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: right;
}
.tdcentercheckout {
	border: thin #808080 solid;
	padding: 10px 3px 10px 3px;
	text-align: center;
}
/* endcheckout  tables */




/* used on postage calcualtor page */
.tableleft {
	border: thin #808080 solid;
	border-collapse: collapse;
	padding: 10px 3px 10px 3px;
	empty-cells: show;
	font-size: large;
	background-color: #E5E5E5;
	margin-right: auto;
	margin-left: 0px;
}


/* svg image hot spots */
#svg1 {
	position: relative;
	width: 100%;
	vertical-align: middle;
	margin: 0;
	overflow: hidden;
}
#svg1 svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
/* end svg image hot spots */
.svg-wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	vertical-align: middle;
}
.svg-wrapper svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
