@charset "utf-8";
/* CSS Document */

body {
	background: #ccffcc;
	color: black;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;}

#page-wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 25px 25px 25px 25px;}

h1 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;}
h2 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;}

a:link {
	color: #111111;
	text-decoration: underline;}
a:visited {
	color: #111111;
	text-decoration: underline;}
a:hover {
	color: #444444;
	text-decoration: underline;}
a:active {
	color: #111111;
	text-decoration: underline;}

.topbar tr, td{
	border: 1px solid #777777;
	text-align: center; vertical-align: middle;}

.button{
	background: #777777;
	border: 0px solid #ccffcc;
	text-align: center; vertical-align: middle;}

p.contact {
	text-align: right;
	color: black;
	font-size: 14px;}
p.header1 {
	color: black;
	font-size: 16px;}

.priceTable {
	border-collapse: collapse;
	text-align: center; font-weight: lighter;
	font-size: 12px; background: #ffffff;
	word-break: normal;}
.priceTable tr, td{
	padding: 2px; border: 1px solid;
	font-weight: normal; vertical-align: middle;}

.hoverTable {
	border-collapse: collapse;
	text-align: center; font-weight: lighter;
	font-size: 12px; background: #ffffff;
	word-break: normal;}
.hoverTable tr, td{
	padding: 2px; border: 1px solid;
	font-weight: normal; vertical-align: middle;}
.hoverTable tr:hover {
	background: #BABABA;}

.specTable {
	border-collapse: collapse;
	font-weight: lighter;
	font-size: 12px; 
	word-break: normal;
	background-color:#ffffff;}
.specTable td{
	padding: 5px; border: 1px solid;
	text-align: left; 
	font-weight: normal; vertical-align: middle;}
.specTable tr:nth-child(even){background-color: #D9D9D9;}

.dropbtn {
	background-color: #777777;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;}
.dropdown {
	position: relative;
	display: inline-block;}
.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #D9D9D9;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;}
.dropdown-content a:hover {
	background-color: #bababa;}
.dropdown:hover .dropdown-content {
	display: block;}
.dropdown:hover .dropbtn {
	background-color: #757575;}


.telephone {}
.lftalign { text-align: left; padding-left: 5px;}
.darkgreen { background: #a7cb90;}
.gray { background: #D9D9D9;}
.ltgreen { background: #c9ddb2;}
.ltorange { background: #FFE69A;}
.orange { background: #ffcc00;}
.white { background: #ffffff;}
#gap { border-right-style: none; border-left-style: none;}
#nounderline a{ text-decoration: none;}
#sales-email { color: #660099; }
img { display: inline-block; }