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

*{
	margin: 0px;
	padding: 0px;
}

body {
  background-color: #f5f5f0;
  font-family: Georgia, Verdana, Arial, Tahoma, Helvetica;
  color: #334d4d;
}


div {
	/*
	border: 2px solid red;
	margin: 20px;
	*/
}

div.header{
	width: 96%;
	margin: 1% auto;
	border: 3px solid #e1e1e1;
	/* height: 127px; 
	border: 1px solid #e1e1e1;
	display: block;
	*/
	
}

div.navbar{
	width: 96%;
	margin: 1% auto;
	padding: .6% 0% 1% 0%;
	height: 24px;
}

div.button a{
	float: left;
	width: 25%;
	font-size: 200%;
	color: gray;
	font-weight: bold;
	text-align: center;
	padding: 0% 0% 0% 0%;
	
}


div.mainbody{
	width: 96%;
	margin: 1% auto;
}

div.footer{
	width: 96%;
	margin: 1% auto;
	height: 5px;
	background: #666;
}

div.contact{
	width: 80%;
	margin: 1% auto;
}


div.display{
	width: 90%;
	margin: 1% auto;
	overflow:  auto;
}
div.clear{
	clear: both;
}

div.selection {
	/*
		background-color: #69ffff;
		 BACKGROUND-COLOR: cornsilk;
		 border:1px solid #bbb;
		 margin: auto;
		padding-bottom:10px;
		 
		 */
		 
		width:95%;
		margin: 1% auto;
		 height: 90px;
		 overflow:  auto;
	}
	div.selection div {
		
		padding-left: 10px;
		float:left;
		font-size: 120%;
		/* border: 1px solid black */; 
	}

.col_10 {
	width:10%;
	border: 0px solid black;
}
.col_7 {
	width:7%;
}
.col_8 {
	width:8%;
}
.col_15 {
	width:15%;
}

.col_18 {
	width:18%;
}
.col_20 {
	width:20%;
}
.col_25 {
	width:25%;
}


.col_30 {
	/* margin-left:1px; */
	width:30%;
}
.col_33 {
	/* margin-left:1px; */
	width:33.3%;
}
.col_40ish {
	/* margin-left:1px; */
	width:41%;
}
.col_50 {
	/* margin-left:1px; */
	width:50%;
}
.col_55 {
	/* margin-left:1px; */
	width:55%;
}
.col_60 {
	/* margin-left:1px; */
	width:60%;
}



h1{
	color: #3d5c5c;
	font-size: 250%;
	font-weight: bold;
	text-align: Center;
	width: 100%;
	margin: 1% auto;
	border: 2px ridge #bfbfbf;
}


h2 {
	color: #3d5c5c;
	font-size: 200%;
	text-align: Center;
	width: 80%;
	margin: 1% auto;

	}

h3 {
	color: #3d5c5c;
	text-indent: 3%;
	font-size: 130%;
	font-weight: normal;
	line-height: 1.5;
	width: 90%;
	margin: 1% auto;
	text-align: Left;
}

p {
	font-size: 130%;
	font-weight: normal;
	line-height: 1.5;
	margin: 1%;
}



input{
	font-size: 100%;
	width: 90%;
}
input.w3{
	font-size: 100%;
	width: 3%;
}
input.w10{
	font-size: 100%;
	width: 10%;
}
input.w20{
	font-size: 100%;
	width: 20%;
}

input.w70{
	font-size: 100%;
	width: 70%;
}

input.button{
	width: 10%;
}

input.buttonS{
	width: 60%;
}

input[type=submit]{
	width: 10%;
}


textarea {
	font-size: 120%;
}

table {
	width: 100%;
}

	table.list {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}

table.menu {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


TR.odd
{
    BACKGROUND-COLOR: #f0f5f5;
}

TR.even
{
    BACKGROUND-COLOR: #f5f5f0;
}

th.left {
	text-align: left;
	font-size: 120%;
}

td
{
	text-align: left;
	FONT-SIZE: 75%;
	padding: 1px 1px 1px 1px;
}

td.list
{
	FONT-SIZE: 120%;
}


select.catselect
{
    MARGIN-LEFT: 0px;
    FONT-SIZE: 80%;
	padding:1px;
	width: 50%;

}

td.NoBorder
{
border: 0px solid black;
padding:10px;
margin: 0px;
text-align: left;
line-height: 120%;
vertical-align: top;
FONT-SIZE: 150%;
}

td.caption
{
border: 0px solid black;
padding:10px;
margin: 0px;
text-align: left;
line-height: 120%;
vertical-align: top;
FONT-SIZE: 120%
}

td.NoBorderL
{
border: 0px solid black;
padding:5px;
margin: 0px;
text-align: left;
FONT-SIZE: 100%;
}


td.verbage {
font-size: 24px;
text-align: left;
padding: 0px 0px 0px 15px;
}

td.prodimg {
	width: 30%;
}

td.prodname {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #663;
	text-align: Left;
	width: 70%;
	padding: 0% 0% 0% 2%;
}

td.highlight {
border: 1px solid #e1e1e1;
}

td.highlight:hover {
    box-shadow: 0 0 10px 5px gray;
}

p.verbage {
font-size: 23px;
}


img.full {
	  display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


img.fullTH {
	width: 95%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 0px 0px 0px;
}

/* test image highlight selected*/
img.selected{
   box-shadow:0px 12px 22px 1px #333;
}


/* MEDIA QUERIES*/
@media screen and (max-width: 800px) {
	
div.display{
	width: 100%;
}

table.menu {
	width: 100%;

}

td.prodimg {
	width: 40%;
}

td.prodname {
	font-family: Eras Medium ITC, Engravers Gothic BT, Charrington Strewn;
	font-size: 130%;
	font-style: normal;

	width: 60%;
	padding: 0% 0% 0% 2%;
}


td {
	FONT-SIZE: 70%;
	padding: 1px 1px 1px 1px;
}
td.list
{
	FONT-SIZE: 80%;
}

th.left {
	FONT-SIZE: 80%;
	padding: 1px 1px 1px 1px;
}
	
	p.verbage {
		font-size: 120%;
		line-height: 120%;
	}
	td.verbage {
		font-size: 120%;
		line-height: 120%;
	}
	

	h2 {
		font-size: 120%;
	}
	h3 {
		font-size: 100%;
	}

	div.button a{
		font-size: 85%;
	}


	h1{
		padding: 0px 0px 5px 0px;
		font-size: 150%;
	}
	div.navbar{
		padding: 10px 0px 00px 0px;
		height: 24px;
	}
	
	div.selection {
		width: 95%;
		BACKGROUND-COLOR: cornsilk;
	}
		div.selection div {
		
		padding-left: 10px;
		float:left;
		font-size: 80%;
		/* border: 1px solid black */; 
	}
	input{
	font-size: 80%;
	width: 90%;

	}
	input.buttonS{
	width: 100%;
}
	table {
	width: 100%;
	}
	
	td.NoBorder {

		FONT-SIZE: 100%
	}
	select.catselect{
    
		FONT-SIZE: 60%;
	}
	
}