/* Begin Site Colors */
/* pg bg:205/209/212 #cdd1d4, navbar bg:232/232/230 #e8e8e6, logo yello:253/199/26 #fdc71a, logo tan:196/130/34 #c48222  dk blue:57/69/83 #394553 */

/* Begin Typography & Colors */


body {
	background-color: #cdd1d4;
	background: url("/images/bg_pg.gif") repeat;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	}

p, h1, td, ul, ol, li, dl, dt, dd {
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size: 11px;
	}

h2, h3, h4 {
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

img { border: 0; }

a:link { text-decoration: none; color: #c48222; background: transparent; }
a:visited { text-decoration: none; color: #c48222; background: transparent; }
a:hover   { text-decoration: underline; color: #fdc71a; background: transparent; }
a:active  { text-decoration: none; color: #fdc71a; background: transparent;  }
	
#container {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	background: url("/images/bg_pg.gif") repeat;
}
		
#header {
	width: 760px;
	height: 235px;
	margin: 0;
	}

/* ------------- */
/* content and sidebar */	
#contentcontainer {
	width: 760px;
	margin: 0;
	}
	
#navbarcontainer {
	width: 200px;
	margin: 0 auto;
	float: left;
	}
	
	
/*-- start: navigation --*/

#nav {
	margin: 0;
	padding: 15px 0 20px 0;
	width: 200px;
	height: 176px;
	background-color: #e8e8e6;
	border-bottom: 1px solid #e8e8e6;
}
#nav ul  {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#nav li {
	margin: 0;
	padding: 0;
	display: table;
}
#nav li a:hover {
	text-decoration: none;
}
#nav li a {
	float: left;
	text-indent: -9000px;
	text-decoration: none;
	height: 22px;
	border: 0px;
	margin: 0px;
}

#navSpacer {
	background-color: #e8e8e6;
}

div.theend {
	position:absolute;
	bottom: 0px;
	right: 0px;
	line-height: 0px;
}


#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n10, #n11 {
	background: #626355 url(/images/nav.gif) left top no-repeat;
	width: 200px;
	height:22px;	
}
#n1 { background-position: 0 0px; }
#n2 { background-position: 0 -22px; }
#n3 { background-position: 0 -44px; }
#n4 { background-position: 0 -66px; }
#n5 { background-position: 0 -88px; }
#n6 { background-position: 0 -110px; }
#n7 { background-position: 0 -132px; }
#n8 { background-position: 0 -154px; }

#n1:hover, #n1:focus, #n1.on { background-position: 0 -176px; }
#n2:hover, #n2:focus, #n2.on { background-position: 0 -198px; }
#n3:hover, #n3:focus, #n3.on { background-position: 0 -220px; }
#n4:hover, #n4:focus, #n4.on { background-position: 0 -242px; }
#n5:hover, #n5:focus, #n5.on { background-position: 0 -264px; }
#n6:hover, #n6:focus, #n6.on { background-position: 0 -286px; }
#n7:hover, #n7:focus, #n7.on { background-position: 0 -308px; }
#n8:hover, #n8:focus, #n8.on { background-position: 0 -330px; }

/*-- end: navigation --*/

#navbarBottom {
	background-color: #e8e8e6;
	padding: 15px 0 0px 0;
	margin: 0;
	width: 200px;
	height: 114px;
	float: left;
	}

#content {
	background-color: #FFF;
	padding: 10px 15px 20px 15px;
	width: 530px;
	float: right;
	}

#content h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 16px;
	line-height: 16px;
	color: #394553; 
	font-weight: bold;
	margin: 0;
	padding-top: 8px;
	}
	
#content h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 16px;
	line-height: 16px;
	color: #394553; 
	font-weight: bold;
	margin: 0;
	padding-top: 8px;
	}
	
#content h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 14px;
	line-height: 14px;
	color: #394553; 
	font-weight: bold;
	margin: 0;
	padding-top: 4px;
	}
	
#content h4 {
font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 16px;
	line-height: 16px;
	color: #394553; 
	font-weight: bold;
	margin: 0;
	padding-top: 0px;
	}
	
#content a:link { text-decoration: none; color: #c48222; background: transparent; }
#content a:visited { text-decoration: none; color: #c48222; background: transparent; }
#content a:hover   { text-decoration: underline; color: #fdc71a; background: transparent; }
#content a:active  { text-decoration: none; color: #fdc71a; background: transparent;  }

#footer {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 560px;
	height: 110px;
	background: url(/images/bg_footer.gif) no-repeat center;
	float: right;
}

#footer p {
	padding: 35px 15px 0px 15px;
	color: #999;
	font-size: 9px;
	line-height: 15px;
	}

.footerLinks {
	font-size: 9px;
	line-height: 15px;
	color: #999;
}
	
.footerLinks  a:link { text-decoration: none; color: #999; background: transparent; }
.footerLinks  a:visited { text-decoration: none; color: #999; background: transparent; }
.footerLinks  a:hover   { text-decoration: underline; color: #c48222; background-color: transparent; }
.footerLinks  a:active  { text-decoration: underline; color: #c48222; background-color: transparent;  }
	
/* content and sidebar for home pg */
/* #containerHome {
	width: 780px;
	text-align: left;
	margin: 0 auto;
	background: url("/images/bg_pgHome.gif") repeat-y center;
	}
	
#contentHome {
	background-color: #FFF;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 0px;
	width: 459px;
	float: left;
	}

#maincontentHome {
	background-color: #fff;
	border: 0;
	padding: 10px;
	width: 439;
	}
	
#maincontentHome h1 {
	font-size: 17px;
	line-height: 27px;
	color: #225b43; 
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
	
#maincontentHome a:link { text-decoration: underline; color: #229a5a; background: transparent; }
#maincontentHome a:visited { text-decoration: underline; color: #229a5a; background: transparent; }
#maincontentHome a:hover   { text-decoration: none; color: #333; background-color: #f0d890; }
#maincontentHome a:active  { text-decoration: none; color: #333; background-color: #f0d890;  }
	
#sidebarHome {
	background-color: #333;
	padding: 22px 0 0 0;
	width: 320px;
	float: left;
	}

.sidebarHome p { line-height: 12px; font-weight: bold; color: #fff; }
.sidebarHome td a:link { text-decoration: none; color: #fff; }
.sidebarHome td a:visited { text-decoration: none; color: #fff; }
.sidebarHome td a:hover   { text-decoration: none; color: #f0d890; }
.sidebarHome td a:active  { text-decoration: none; color: #f0d890; }
*/

#footerHome {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 560px;
	height: 110px;
	background: url(/images/bg_footer.gif) no-repeat center;
	float: right;
}

#footerHome p {
	padding: 35px 15px 0px 15px;
	color: #999;
	font-size: 9px;
	line-height: 15px;
	}
	
.footerBOL {
	font-size: 9px;
	line-height: 15px;
	color: #999;
}
	
.footerBOL  a:link { text-decoration: none; color: #c48222; background: transparent; }
.footerBOL  a:visited { text-decoration: none; color: #c48222; background: transparent; }
.footerBOL  a:hover   { text-decoration: underline; color: #c48222; background-color: transparent; }
.footerBOL  a:active  { text-decoration: underline; color: #c48222; background-color: transparent;  }


/* prod image on products pages */
.prodImg {
	padding: 10px 10px 10px 10px;
	border: 1px;
	background-color: #e8e8e9;
}

/* collapsible menu on products pages */
#content .multiple1 {
	font-weight: bold;
	color: #666;
	}
#content .multiple1 a: { color: #ff0000; text-decoration: none; }
#content .multiple1 a:link { text-decoration: none; color: #666;  }
#content .multiple1 a:visited { text-decoration: none; color: #666; }
#content .multiple1 a:hover   { text-decoration: none; color: #666; }
#content .multiple1 a:active  { text-decoration: none; color: #666;  }


/* form stuff */
.box { 
	background: #f2f2ef; 
	width: 300px; height: 18px; 
	border: 1px solid #cdd1d4; 
	}
	
.field { 
	background: #f2f2ef; 
	width: 300px; height: 100px; 
	border: 1px solid #cdd1d4; 
	}
	
.dropdown { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; 
	width: 300px; height: 18px;
	border: #cdd1d4; border-style: solid; background: #f2f2ef;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
	}
.btSubmit2 { 
	background: #cdd1d4; 
	height: 18px; 
	border: 1px solid #cdd1d4; 
	color: #394553;
	font-size: 10px;
	}	

		 
	
.spacer5px {
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	line-height: 5px;
	}
	
.red {
	color: Red;
	}

.tbf { background-color: yellow; }

h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size: 16px;
	line-height: 16px;
	color: #fdc71a; 
	font-weight: bold;
	margin: 0;
	padding-top: 8px;
}
#store {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 760px;
}

#footerStore {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 110px;
	background: url(/images/bg_footer_store.gif) no-repeat center;
	float: right;
}

#footerStore p {
	padding: 35px 15px 0px 15px;
	color: #999;
	font-size: 9px;
	line-height: 15px;
	}

.font9 {
	font-size: 9px;
	line-height: 12px;
	}
	
.font10 {
	font-size: 10px;
	line-height: 13px;
	}
	
/*
=Start table structure
*/
.tableStyle {
	margin: 0;
	border: 1px solid #cdd1d4;
	border-collapse: collapse;
}

.tableStyle th, .tableStyle td {
	border: solid 1px #cdd1d4;
	padding: 0.4em;
	font-size: 9px;
	text-align: left;
}
/*
=End table structure
*/

/* start form stuff */
.storebox { 
	background: #fff; 
	width: 45px; height: 15px; 
	border: 1px solid #cdd1d4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; line-height: 12px; 
	}
	
.storeboxConfOrder { 
	background: #fff; 
	/* width: 45px; */
	height: 15px; 
	border: 1px solid #cdd1d4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; line-height: 12px; 
	}
	
.storeboxPrice { 
	background: #f2f2ef; 
	width: 45px; height: 15px; 
	border: 1px solid #cdd1d4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; line-height: 12px; 
	}
	
.storefield { 
	background: #f2f2ef; 
	width: 25px; height: 50px; 
	border: 1px solid #cdd1d4; 
	}
	
.btSubmit {
	height: 15px;
	margin: 0px 0px 0px 0px;
	xxbackground-color: #ECE6D6;
	background-color: #394553;
	border: 1px solid #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px; 
	font-weight: bold;
}
/* end form stuff */
