/* Global Styles */

body {
	margin:0px;
	background-color: #888e50;
	}
.popup {
	padding-right: 8px;
	padding-left: 8px;
}


HTML {
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #7F7F7F;
	SCROLLBAR-ARROW-COLOR:  #7F7F7F;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #7F7F7F;
}
	
td {
	color:#003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.bodyText input {
	font-size: 11px;
}
.bodyText select {
	font-size: 11px;
}
a, a:visited {
	color: #FF0D00;
	text-decoration: none;
	}
.noborder {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

	
a:hover {
	color: #FF0D00;
	text-decoration: underline;
	}

/* ID Styles */

#navigation td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	}
.copyright {
	font-size: 9px;
	background-image: url(../pix/footerbg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	color: #003300;
}

	
/*#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("../pix/arrow.gif") 14px 45% no-repeat;
	}*/
	
/*#navigation a:hover {
	background: #ffffff url("../pix/arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
	}*/
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	color: #003300;
	letter-spacing:.2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	border-right-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	color:#003300;
	line-height:20px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.pageName{
	color: #003300;
	line-height:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	}
	
.subHeader {
	color: #003300;
	line-height:16px;
	letter-spacing:.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	}
	
.navText {
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	
.copyright a:link {
	font-size: 9px;
	color: #003300;
	font-weight: normal;
	text-decoration: none;
}
.copyright a:visited {
	font-size: 9px;
	color: #003300;
	font-weight: normal;
	text-decoration: none;
}
.copyright a:hover {
	font-size: 9px;
	color: #003300;
	font-weight: normal;
	text-decoration: underline;
}
/*ACCORDION MENU STYLES*/
.glossymenu{
	padding: 0;
	width: 165px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;	/*border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #9A9A9A;
	border-right-color: #9A9A9A;
	border-bottom-color: #9A9A9A;
	border-left-color: #9A9A9A;*/
	color: #003300;
}

.glossymenu a.menuitem{
	background-image: url(url(%22../pix/arrow.gif%22)
%2014px%2045%25%20no-repeat);





font: /*bold*/ .75ems Verdana, Arial, Helvetica, sans-serif;
	color: #E0E2CB;
	display: block;
	line-height:16px;
	letter-spacing:.14em;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	/*padding: 4px 0;*/
	/*padding-left: 10px;*/
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	background-color: #003300;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: normal;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #E0E2CB;
	text-align: left;
	font-size: 1.05em;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #003300;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 13px;
	/*right: 5px;*/
border: none;
	right: 152px;
}

.glossymenu a.menuitem:hover{
	background: #ffffff;
	color: #003300;
	text-align: left;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	font-size: 1.05em;
	font-weight: normal;
	text-transform: uppercase;
	border-right-width: 1px;
	border-right-color: #cccccc;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	text-align: left;
	display: block;
	line-height: 16px;
	letter-spacing: .14em;
	text-transform: capitalize;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: block;
}

.glossymenu div.submenu ul li{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	line-height: 2em;
	display: block;
	margin: 0px;
	padding: 0px;
}

.glossymenu div.submenu ul li a{
	display: block;




	font: normal .75ems Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	text-decoration: none;
	padding-left: 20px;
	text-align: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 16px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	background-color: #F0F1E7;
}

.glossymenu div.submenu ul li a:hover{
	color: #FF0D00;
	background-color: #F0F1E7;
	text-decoration:underline;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
tr {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
table {
	border: 1px solid #1A3200;
	background-color: #FFFFFF;
	background-image: url(../pix/footerbg.gif);
	background-repeat: repeat-y;
}
.bodyText table {
	padding: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.sidebar {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
	background-image: url(../pix/white.gif);
	color: #003300;
}
.sidebar a {
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.glossymenu a.menutop {
	background-image: url(url(%22../pix/arrow.gif%22)
%2014px%2045%25%20no-repeat);








font: /*bold*/ .75ems Verdana, Arial, Helvetica, sans-serif;
	color: #E0E2CB;
	display: block;
	line-height:16px;
	letter-spacing:.14em;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	/*padding: 4px 0;*/
	/*padding-left: 10px;*/
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	background-color: #003300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	font-weight: normal;
	text-transform: uppercase;
}
.glossymenu a.singleitem {
	background-image: url(url(%22../pix/arrow.gif%22)
%2014px%2045%25%20no-repeat);




font: /*bold*/ .75ems Verdana, Arial, Helvetica, sans-serif;
	color: #E0E2CB;
	display: block;
	line-height:16px;
	letter-spacing:0.14em;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	/*padding: 4px 0;*/
	/*padding-left: 10px;*/
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	background-color: #003300;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	font-weight: normal;
	text-transform: uppercase;
}

.glossymenu a.singleitem:visited, .glossymenu .menuitem:active {
	color: #E0E2CB;
	text-align: left;
	background-color: #003300;
	font-size: 1.05em;
	font-weight: normal;
	text-transform: uppercase;
}
.glossymenu a.singleitem:hover {
	background: #ffffff;
	color: #003300;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	font-size: 1.05em;
	font-weight: normal;
	text-transform: uppercase;
}
.captionText {
	line-height:20px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.bodyText img {
	border: 1px solid #003300;
}
.bodyText .pageName img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.glossymenu a.menutop:visited, .glossymenu .menutop:active {
	background-image: url(url(%22../pix/arrow.gif%22)
%2014px%2045%25%20no-repeat);









font: /*bold*/ .75ems Verdana, Arial, Helvetica, sans-serif;
	color: #E0E2CB;
	display: block;
	letter-spacing:.14em;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	/*padding: 4px 0;*/
	/*padding-left: 10px;*/
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #003300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	font-size: 1.05em;
	font-weight: normal;
	text-transform: uppercase;
}
.glossymenu a.menutop:hover {
	background-image: url(url(%22../pix/arrow.gif%22)
%2014px%2045%25%20no-repeat);









font: /*bold*/ .75ems Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	display: block;
	letter-spacing:.14em;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	/*padding: 4px 0;*/
	/*padding-left: 10px;*/
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	font-size: 1.05em;
	font-weight: normal;
	text-transform: uppercase;
}
.sidebar #sidebar img {
	border: 1px solid #006600;
}
.caption {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.contenttable {
	background-color: F0F1E7;
	border: 1px solid #003300;
	border-collapse:collapse;
	background-image: url(../pix/spacer.gif);
}
#dateformat table {
	background-color: #FFFBD2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.underline {
	font-size: 1px;
	color: #29593C;
	noshade: noshade;
}
.bodyText .cattable {
	border: 1px solid #003300;
}
.bodyText .cattable .categoryheader {
	text-transform: uppercase;
}
.bodyText hr {
	line-height: 1px;
	color: #003300;
}

input.button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input.generalfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #29593C;
}
textarea.textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #29593C;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

.bodyText li {
	list-style-type: disc;
}
.categoryheader {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003300;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	background-color: #E0E2CB;
	font-size: 1.2em;
	font-weight: bold;
}
/* ORDER FORM STYLES */
input.pricefield1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	vertical-align: -5%;
}
input.linetotal1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	vertical-align: -5%;
	color: #0000FF;
}
input.pricefield2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	vertical-align: -5%;
	background-color: #EDEEDF;
}

input.linetotal2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	vertical-align: -5%;
	color: #0000FF;
	background-color: #EDEEDF;
}
input.pricefield3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	vertical-align: -5%;
	color: #0000FF;
	background-color: #E0E2CB;
}
input.pricefield4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	vertical-align: -5%;
	color: #FF0000;
	background-color: #E0E2CB;
}
input.quantityfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #29593C;
}
input.button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input.generalfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #29593C;
}
.note {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}
.bodyText .plaintable {
	border: 1px solid #003300;
	background-color: #F0F1E7;
	background-image: none;
}
.photocopyright {
	font-size: 9px;
	background-color: #FFFFFF;
	color: #003300;
}
.photocopyright a:link {
	font-size: 9px;
	color: #003300;
	font-weight: normal;
	text-decoration: none;
}
.photocopyright a:visited {
	font-size: 9px;
	color: #003300;
	font-weight: normal;
	text-decoration: none;
}
.photocopyright a:hover {
	font-size: 9px;
	color: #003300;
	font-weight: normal;
	text-decoration: underline;
}
.bodyText .cattable .categorysubheader {

}
.categorysubheader {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003300;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003300;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	font-weight: bold;
	background-color: #edeedf;
}
.tabcell {
	border-top-width: 1px;
	border-right-width: 0px !important;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: none !important;
	border-top-color: #000000;
	border-right-color: #888E50 !important;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #888E50;
}
.tab {
	background-image: url(../pix/tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 47px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}
.thistab {
	background-image: url(../pix/thistab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 47px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}
.thistab a {
	color: #00cc00;
}
.tab a {
	color: #007700;
}
.toptab {
	background-image: url(../pix/toptab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}
.thistoptab {
	background-image: url(../pix/thistoptab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}
.thistoptab a {
	color: #00cc00;
}
.toptab a {
	color: #007700;
}
.bottomtab {
	background-image: url(../pix/bottomtab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}
.thisbottomtab {
	background-image: url(../pix/thisbottomtab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}
.thisbottomtab a {
	color: #00cc00;
}
.bottomtab a {
	color: #007700;
}
.bodyText .cattable .note {
	font-size: x-small;
	line-height: 12px;
}
