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

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #858585;
}
body {
	margin-top: 0px;
}
a:link {
	color: #858585;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #858585;
}
a:hover {
	text-decoration: none;
	color: #d8b400;
}
a:active {
	text-decoration: none;
	color: #d8b400;
}

.aw:link {
	text-decoration: none;
	color: #FFFFFF;
	margin-right:10px;
}
.aw:visited {
	text-decoration: none;
	color: #FFFFFF;
	margin-right:10px;
}
.aw:hover {
	text-decoration: underline;
	color: #FFFFFF;
	margin-right:10px;
}
.aw:active {
	text-decoration: none;
	color: #FFFFFF;
	margin-right:10px;
}
.or:link {
	text-decoration: none;
	color: #d8b400;
}
.or:visited {
	text-decoration: none;
	color: #d8b400;
}
.or:hover {
	text-decoration: underline;
	color: #d8b400;
}
.or:active {
	text-decoration: none;
	color: #d8b400;
}

h1 {
  margin: 0;
  font-size:x-large;
  display: inline;
  font-family:helvetica;
  font-weight:normal;
}
h4 {
  margin: 0;
  font-size:18px;
  display: inline;
  font-family:helvetica;
  font-weight:normal;
}
h3 {
  margin: 0;
  font-size:16px;
  display: inline;
  font-family:helvetica;
  font-weight:normal;
}

.gold {color: #d8b400;}
.textbox {border: solid 1px #999999;}
.small {font-size: small}
.white {color:#FFFFFF;}
.price {color: #990000}

.prod td {border:solid 1px; text-align:center;}
.cart td{border-bottom:1px solid #CCCCCC;}
.btn {border:1px #dad9d9 solid; font-size:x-small; color:#858585; background-color:#FFFFFF; margin:5px;}
.btno {border:1px #dad9d9 solid; font-size:x-small; color:#FFFFFF; background-color:#D5B301; margin:5px;}

#container {width:980px; margin-right:auto; margin-left:auto;}
#head {width:980px; height:82px; /*background:url(images/logo.gif) no-repeat;*/ text-align:right; padding-top:3px;}
#hmetop {width:980px; height:286px;}
#topper {width:980px;}
#hmewelcome {width:585px; height:286px; background-image:url(images/welcomelite2.jpg); float:left;}
#welcomesm {width:585px; height:165px; background-image:url(images/welcomesm.jpg); float:left;}
#hmeabout {width:335px; height:226px; background-image:url(images/about.gif); float:right; padding:30px; color:#FFFFFF;}

#prodsm {width:335px; height:105px; background-image:url(images/prodsm.gif); float:right; padding:30px; color:#FFFFFF;}
#aboutsm {width:335px; height:105px; background-image:url(images/aboutussm.gif); float:right; padding:30px; color:#FFFFFF;}
#contactsm {width:335px; height:105px; background-image:url(images/contactsm.gif); float:right; padding:30px; color:#FFFFFF;}

#welcome {width:585px; height:286px; background-image:url(images/welcomelite.jpg); float:left;}
#about {width:335px; height:226px; background-image:url(images/aboutlite.gif); float:right; padding:30px; color:#FFFFFF;}

#hmebot {width:980px; height:267px; clear:both;}
#hmecontact {width:339px; height:207px; background-image:url(images/contact.gif); float:left; color:#FFFFFF; padding:30px;}
#hmefeatured {width:498px; height:237px; background-image:url(images/featuredprods.gif); float:right; padding:30px 30px 0px 30px;}

#footer {width:950px; clear:both; text-align:right; font-size:xx-small; padding-top:2px; padding-right:30px;}
#maintext {width:920px; background:no-repeat url(images/innerbga.gif) #efefee; padding:30px 30px 0px 30px; clear:both;}
#fin {width:920px; clear:both;}
#maintextleft {width:620px; float:left;}
#maintextcol {width:245px; float:right; border-left:#d5d5d5 1px solid; padding-left:30px;}
#maintextleftshop {width:620px; float:left; padding-right:30px;  border-right:#d5d5d5 1px solid;}
#maintextcolshop {width:245px; float:right;}
#manbota {width:980px; clear:both; height:28px; background-image:url(images/mainbot.gif);}
#manbot {width:980px; clear:both; height:30px; background-image:url(images/mainbotdr.gif);}


/*lightbox css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }