/* ----- HTML Elements -------------------------------------------------- */
html {height: 100%;}
body 
{
	background-image: url(i/bg.gif);
	background-repeat: repeat;
	height: 100%;
}
form {height: 100%;}
input
{
	border: solid 1px #BDB76B;
	background-image: url(i/shdw.gif);
	background-repeat: repeat-x;
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 9pt;
}
select
{
	border: solid 1px #BDB76B;
	background-image: url(i/shdw.gif);
	background-repeat: repeat-x;
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 9pt;
}

/* ----- ID Elements   -------------------------------------------------- */
#container{height: auto; margin-left: auto; margin-right: auto; width: 760px;}

/* ----- CSS Classes   -------------------------------------------------- */
.bgpic1
{
	background-image: url(i/bgpic1.jpg);
	background-repeat: no-repeat;
}
.bgpic2
{
	background-image: url(i/bgpic2.jpg);
	background-repeat: no-repeat;
}
.bgpic3
{
	background-image: url(i/bgpic3.jpg);
	background-repeat: no-repeat;
}
.bgpic4
{
	background-image: url(i/bgpic4.jpg);
	background-repeat: no-repeat;
}
.bigHdr
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14pt;
	font-weight: bolder;
	padding-bottom: 5px;
	padding-top: 5px;
}
.khakiHdot
{
	background-image: url(i/hdot.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}
.khakiHr
{
	background-image: url(i/dkkhaki1x1.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
}
.khakiVdot
{
	background-image: url(i/vdot.gif);
	background-repeat: repeat-y;
	width: 1px;
	height: 100%;
}
.khakiVr
{
	background-image: url(i/dkkhaki1x1.gif);
	background-repeat: repeat-y;
	width: 1px;
	height: 100%;
}
.logo
{
	height: 110px;
	width: 200px;
}
.shdw
{
	background-image: url(i/shdw.gif);
	background-repeat: repeat-x;
	height: 6px;
	width: 100%;
}
.textHdr
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: bolder;
}
/* ----- Catalog CSS Classes   ------------------------------------------ */
.catalog
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	padding-bottom: 5px;
	padding-top: 5px;
}
.catalog a
{
	color: #336600;
	font-weight: bolder;
	text-decoration: none;
}
.catalog a:hover
{
	color: #336600;
	font-weight: bolder;
	text-decoration: underline;
}
.catalog a:visited
{
	color: #336600;
	font-weight: bolder;
}
/* ----- Footer CSS Classes   ------------------------------------------- */
.footer
{
	color: #BDB76B;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: normal;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.footer a
{
	color: #BDB76B;
	text-decoration: none;
}
.footer a:hover
{
	color: #BDB76B;
	text-decoration: underline;
}
.footer a:visited
{
	color: #BDB76B;
	color: #BDB76B;
}
/* ----- Grid CSS Classes   --------------------------------------------- */
.grid
{
	border-collapse: collapse;
	border-width: 0px;
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	text-align: left;
}
.grid a
{
	color: #336600;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
}
.grid a:hover
{
	color: #336600;
	font-weight: bolder;
	text-align: center;
	text-decoration: underline;
}
.grid a:visited
{
	color: #336600;
	font-weight: bolder;
	text-align: center;
}
/* ----- inputForm CSS Classes   ---------------------------------------- */
.inputForm
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	text-align: left;
	vertical-align: bottom;
}
.inputForm a
{
	color: #336600;
	font-weight: bolder;
	text-decoration: none;
}
.inputForm a:hover
{
	color: #336600;
	font-weight: bolder;
	text-decoration: underline;
}
.inputForm a:visited
{
	color: #336600;
	font-weight: bolder;
}
/* ----- loginStatus CSS Classes   -------------------------------------- */
.loginStatus
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	height: 110px;
	text-align: right;
	vertical-align: bottom;
	width: 560px;
}
.loginStatus a
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.loginStatus a:hover
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}
.loginStatus a:visited
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
}
/* ----- Menu CSS Classes   --------------------------------------------- */
.menu
{
	padding-left: 5px;
	padding-right: 5px;
}
.menuItemSelectedStyle
{
	background-image: url(i/shdw.gif);
}
.menuItemStyle
{
	background-repeat: repeat-x;
	border-left: solid 1px #BDB76B;
	border-right: solid 1px #BDB76B;
	border-top: solid 1px #BDB76B;
	font-size: 10pt;
	padding: 4px;
}
.menuItemStyle a
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bolder;
	text-decoration: none;
}
.menuItemStyle a:hover
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bolder;
	text-decoration: underline;
}
.menuItemStyle a:visited
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 8pt;
	font-weight: bolder;
}
.mainMenuStyle
{
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
/* ----- Product CSS Classes   ------------------------------------------ */
.product
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	padding-bottom: 5px;
	padding-top: 5px;
}
.product a
{
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
}
.product a:hover
{
	color: #336600;
	font-weight: bolder;
	text-decoration: underline;
}
.product a:visited
{
	color: #336600;
	font-weight: bolder;
}
.productImg
{
	border: solid 1px #BDB76B;
}
.productName
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 14pt;
	font-weight: bolder;
	padding-bottom: 5px;
	padding-top: 5px;
}
.productVendor
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* ----- Text CSS Classes   --------------------------------------------- */
.text
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
.text a
{
	color: #336600;
	text-decoration: none;
}
.text a:hover
{
	color: #336600;
	text-decoration: underline;
}
.text a:visited
{
	color: #336600;
}
/* ----- Vendor CSS Classes   ------------------------------------------- */
.vendorLink
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	text-align: left;
}
.vendorLink a
{
	color: #336600;
	font-weight: bolder;
	text-decoration: none;
}
.vendorLink a:hover
{
	color: #336600;
	font-weight: bolder;
	text-decoration: underline;
}
.vendorLink a:visited
{
	color: #336600;
	font-weight: bolder;
}
.vendorText
{
	color: #336600;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: 500;
	text-align: left;
}
.vendorText a
{
	color: #336600;
	font-weight: 500;
	text-decoration: none;
}