body{ font-family: Arial, Helvetica, sans-serif; 
	color: black; 
	font-size: 90%;

	scrollbar-arrow-color: #FFFFFF;
	scrollbar-darkshadow-color : #EDE5D8;
	scrollbar-shadow-color : #FFFFC0;
	scrollbar-face-color : #A6BBD8;
 }
table { margin-left: auto; margin-right: auto; }

/* centered black */
tr, td { color: black; font-family:Arial, Helvetica, sans-serif; text-align : center; font-size: 14px;}


/* for left justified */
td.left { font-family:Arial, Helvetica, sans-serif; text-align : left; }

/* for left justified */
td.small { font-family:Arial, Helvetica, sans-serif; text-align : left; color: #878787; font-size: 80%; }

/* for right justified */
td.right { font-family:Arial, Helvetica, sans-serif; text-align : right; }

/* same as td.left but grey color */
td.menu { font-family:Arial, Helvetica, sans-serif; text-align : left; color: #808080; }

/* unknown use */
td.colors { font-size: 65%; text-align: left;}


/* for text justification */
.justify { text-align: justify;}
.ctr { text-align: center; }
.rt { text-align: right}
.rtpad { padding-right: 20 px;}

/* box borders */
.border { border : solid;  border-color : black; }

/* gray divider border right */
.brdright {border-right: 2px dotted rgb(192,192,192); }

/* menu bgcolors */
.bgcolor { background-color : #FFFFC0; }

/* for normal links */
a {color: #000080; text-decoration: underline;}
a:visited {color: #000080; text-decoration: underline;}
a:hover {color: #800000; text-decoration: none; }

/* for LINK CHECKER LINKS */
a.checker {color: #000080; text-decoration: underline;}
a:visited.checker {color: #800000; text-decoration: underline;}
a:hover.checker {color: #800000; text-decoration: none; }


/* for new links in menu blocks always blue */
a.blue { color:#000080; text-decoration: none; font-weight: bold;}
a:visited.blue { color:#000080; text-decoration: none; font-weight: bold;}
a:hover.blue { color:#800000; text-decoration: underline; font-weight: bold;}


/* for links in menu blocks always black */
a.menu { color:#000080; text-decoration: none;}
a:visited.menu { color:#000080; text-decoration: none;}
a:hover.menu { color:#800000; text-decoration: underline;}

/* for links in siteLeft menu blocks always black */
a.siteleft { color:black; text-decoration: none; }
a:visited.siteleft { color:black; text-decoration: none; }
a:hover.siteleft { color:#800000; text-decoration: underline; }


/* for links in left nav always black */
a.leftnav { color:black; font-weight: bold; text-decoration: none;}
a:visited.leftnav { color:black; font-weight: bold; text-decoration: none;}
a:hover.leftnav { color:#800000; font-weight: bold; text-decoration: underline;}

/* for links in menu blocks always black */
a.menuleft { color:black; text-decoration: none;}
a:visited.menuleft { color:black; text-decoration: none;}
a:hover.menuleft { color:#800000; text-decoration: underline;}

/* for indented links in nav menu */
a.navind { color:black; text-decoration: none; padding-left: 10px;}
a:visited.navind { color:black; text-decoration: none; padding-left: 10px;}
a:hover.navind { color:#800000; text-decoration: underline; padding-left: 10px;}

/* for links in NEW menu blocks always black */
a.links {font-weight : bold; color:black; text-decoration: none;}
a:visited.links { color:black; font-weight : bold; text-decoration: none;}
a:hover.links { color:#800000; font-weight : bold; text-decoration: underline;}

/* for links in Links not yet reciprocated */
a.pp {font-weight: normal; text-decoration: underline; font-size: 80%; }
a:visited.pp {font-weight: normal; text-decoration: underline; font-size: 80%; }
a:hover.pp {font-weight: normal; text-decoration: underline; font-size: 80%; }

/* for bottom nav links to be bolded*/
a.smallbold {color: #878787; font-weight: bold; text-decoration: underline; font-size: 80%; }
a:visited.smallbold {color: #878787; font-weight: bold; text-decoration: underline; font-size: 80%; }
a:hover.smallbold {color: #800000; font-weight: bold; text-decoration: underline; font-size: 80%; }



/* for links in Links not yet reciprocated and bottom nav links */
a.small {color: #878787; font-weight: normal; text-decoration: underline; font-size: 80%; }
a:visited.small {color: #878787; font-weight: normal; text-decoration: underline; font-size: 80%; }
a:hover.small {color: #800000; font-weight: normal; text-decoration: underline; font-size: 80%; }

/* for links in patterns for contributors */
a.contr {color: #920029; font-weight: bold; text-decoration: underline; }
a:visited.contr {color: #920029; font-weight: normal; text-decoration: none;}
a:hover.contr {color: #920029; font-weight: bold; text-decoration: underline; }

/* for product links in patterns */
a.pattern {text-decoration: none; }
a:visited.pattern {text-decoration: none;}
a:hover.pattern {text-decoration: none; }


/* for links in menu blocks dk blue with black hover */
a.cat {color: #000080; font-weight: normal; text-decoration: none; }
a:visited.cat {color: #000080; font-weight: normal; text-decoration: none;}
a:hover.cat {color: #800000; font-weight: normal; text-decoration: underline; }


/* for bottom nav links  */
a.bottomNav {font-weight: bold; text-decoration: underline; }
a:visited.bottomNav {font-weight: bold; text-decoration: underline;}
a:hover.bottomNav {font-weight: bold; text-decoration: none; }

/* unknown */
a.index {color:black; font-family: Arial, Helvetica, sans-serif; text-align : center;}

/* for section titles usually bookmarked */
.bookmarks { color: #000000; text-align: left; font-weight : bold; font-size: 105%; }

/* for page titles */
.title { font-size: 110%; font-weight : bold;}
.smtitle { font-weight : normal; text-align: left; }
.caption { font-weight: bold; text-decoration: underline; text-align: left; }
.frmcap {font-weight: bold; text-align: center; font-size: 100.1%; }
.contr { font-weight: bold; text-decoration: none; text-align: left; }


h1 { font-size: 130%; font-weight : bold; margin: 0px; }
h2 { font-size: 115.1%; font-weight : bold; margin: 0px; } 
h2.lg { font-size: 120%; font-weight : bold; margin: 0px; color: black; text-align: left;} 
h2.lgred { font-size: 120%; font-weight : bold; margin: 0px; color: 800000; } 
h2.cat { font-size: 90%; font-weight : normal; margin: 0px; }
h3 { font-size: 90%; font-weight : normal; margin: 0px; }

/* for cart listings */
hr.cart { color: #93ACCA;
	text-align: left; width: 85%;
	}
.item { color: black;
	text-align:right;
	font-size: 100%;
	}
.clknt { font-size: 80%; color: gray; font-style: italic;}


.crtprc { 
text-align: center;
 }

.crtpic {padding-top: 5px;}

.crtprice { 
text-align: center;
background-color : #DDEEFD; 
		 color: black;
		 border-bottom: 2px solid #C0C0C0;
	     border-top: 2px solid #C0C0C0;
		 line-height: 200%;
	  	 width: 40px;
		 white-space: nowrap;
		 padding-left : 25px;
		 padding-right : 25px;
		 }



.crtspec { text-align: left; text-indent: 15px; font-weight: bold; }

.crtdesc { text-align: left; text-indent: 45px; }

.addCart
	{ padding-top: 20px;
	text-align: right;
		padding-right: 15px;
		vertical-align: bottom;
		}


/* for left aligned page titles */
.titleleft { text-align: left; font-weight : bold;}



/* for when centered titles need to be bookmarked */
.titlebookmark {color:black; text-align: center; font-size: 110%; font-weight : bold;}

/* for bookmarks that need to be centered */
.middlebookmark {color:black; text-align: center; font-size: 105%;}

/* unknown */
.answ { color:black; font-weight:bold;}

/* use on order/payment page for section titles */ 

.leader { text-align: left; font-weight: bold; font-size: 90%; color: #000000; text-decoration: underline; }

/* unknown */
.back {color:black; text-align: center;}

/* for copyright message */
.copyright  { font-size : 85%; color:#808080; }
.copyrightB  { font-size : 85%; color:#000000; }

/* maroon color for discontinued items*/
.disc { color: #800000; }

/* separators for feedback page */
.separ { color: #800000; font-weight: bold; font-size: 85%; text-align: left; }

/* reduce font size */
.small { font-size: 80%; }

/* reduce font size - color to gray - align to right */
.smgrrt { font-size: 80%; color: gray; text-align: right; }


/* reduce font size - color to gray */
.smallgray { font-size: 80%; color: gray; }


/* repeating header on color charts */
.capt { background-color: #FFFFD5; font-weight: bold; }

div {
text-align: center; 
}

/* close window js */
a.close { color:#000080; text-decoration: underline; font-weight: normal; }
a:visited.close { color:#000080; text-decoration: underline; font-weight: normal; }
a:hover.close { color:#800000; text-decoration: underline; font-weight: normal; }

/* no longer available - grayed out */
.gray { color: gray; }

.menubottom { padding-left : 25px; text-align: left; }
.menuleft { padding-left: 20 px; text-align: left; }
.siteleft { padding-left: 20 px; text-align: left; }
.leftnav { font-weight: bold; text-align: left; }
.menuleftnew { text-align: left; font-weight: bold; color:#00000;}
.listindent { padding-left : 40px; text-align: left; }
.listindent30 { padding-left : 30px; text-align: left; }




hr { color: #93ACCA; }
	


/* strike-through for oos items */

.soos {
text-decoration: line-through;
}

.sbis {
		text-decoration: none; }

/*
 .box {
width: 80px;
	   border-bottom: 2px solid #C0C0C0;
	   border-top: 2px solid #C0C0C0;
padding: 4 px;
background: #DDEEFD;
white-space: nowrap;
		 height: 200%;
		 line-height: 200%;

}


 .price {
width: 40px;
	   border-bottom: 2px solid #C0C0C0;
	   border-top: 2px solid #C0C0C0;
padding: 6 px;
background: #DDEEFD;
white-space: nowrap;
		 line-height: 200%;
}
.oos { background-color : #DDEEFD; 
       padding : 6 px;
	   text-decoration: line-through;
	   border-bottom: 2px solid #C0C0C0;
	   border-top: 2px solid #C0C0C0;
	   line-height: 400%;
	   }

*/

/* original code */
.box { background-color : #DDEEFD; 
		 color: black;
		 border-bottom: 2px solid #C0C0C0;
	     border-top: 2px solid #C0C0C0;
		 line-height: 200%;

		width: 40px;
		white-space: nowrap;
		 }
		 
.price { background-color : #DDEEFD; 
		 color: black;
		 border-bottom: 2px solid #C0C0C0;
	     border-top: 2px solid #C0C0C0;
		 line-height: 200%;
	  	 width: 40px;
		 white-space: nowrap;
		 padding-left : 25px;
		 padding-right : 25px;
		 }

.oos { background-color : #DDEEFD; 
	   text-decoration: line-through;
	   border-bottom: 2px solid #C0C0C0;
	   border-top: 2px solid #C0C0C0;
	   line-height: 200%;
	   width: 40px;
	   white-space: nowrap;
	   }

/*
 experiment.oos {
width: 40px;
	   border-bottom: 2px solid #C0C0C0;
	   border-top: 2px solid #C0C0C0;
padding: 6 px;
background: #DDEEFD;
white-space: nowrap;
	   text-decoration: line-through;
		 line-height: 200%;





*/


.float { float: right; margin: .5em;}
.floatleft {float: left; margin: .5em;}
.floatrt {float: right; margin: .5em;}
.floatBtn {float: right;
 margin: .5em;
 position: relative;
	bottom: -40;
	right: 10;
}

/* justify and background color for home page */
.justyellow { background-color: #FFFFC0; }
.justblue { background-color: #DEE5EC; }
.justgreen { background-color: #E4EBDD; }
.justorange { background-color: #FFE4C9; }
.justpink { background-color: #FFE6FF; }
.justlav { background-color: #E4C9FF; }
.specialNotice { font-weight : bold;
				text-align: center;
				font-size: 90%;
}
.specialBorder{	border : solid;  
				border-color : red;}

/* for special notice on contact form pages */
.formSpecialNotice
	{color:c00000;
	 font-size: 115%; 
	 font-weight: bold; 
	 text-align: justify;
	 background-color: #ffe4c9;
	 } 

/* floatthumbnail on home page */
.floathome { float: left; margin: .3em;}

border-color: #AEAD8F;

/* left nav Home Link at top */

.homelink { font-weight: bold; font-size: 100.1%; text-decoration: none; text-align: left;  }

.scripture {
		text-align: justify;
		font-size: 130%;
		font-weight: bold;
		}
		
/* borders */

.borbl {border-bottom: 1px solid black;
		border-left: 1px solid black;
		text-align: left;
		}
.borbr  {border-bottom: 1px solid black;
		border-right: 1px solid black;
		text-align: left;

		}
.bortl  {border-top: 1px solid black;
		border-left: 1px solid black;
		text-align: left;

		}
.bortr {border-top: 1px solid black;
		border-right: 1px solid black;
		text-align: left;

		}
.borb {border-bottom: 1px solid black; 
	   text-align: left;}

.borbot {border-bottom: 1px solid black; 
}

.borbotx {border-bottom: 1px solid black;
			text-align: left; }
	   
.bort {border-top: 1px solid black; 
	   text-align: left;
}

.bortop {border-top: 1px solid black; 
}

.bortlr { border-top: 1px solid black;
			border-left: 1px solid black;
			border-right: 1px solid black;
			}
			
.borl {border-left: 1px solid black; 
		text-align: left;
}
.borr{border-right: 1px solid black; 
		text-align: left;
}
.borsides { border-right: 1px solid black;
			border-left: 1px solid black;
		    text-align: left;
}
.borbothsides { border-right: 1px solid black;
			border-left: 1px solid black;
}

.bortb {border-top: 1px solid black;
		border-bottom: 1px solid black;}
		
.borsidesb { border-right: 1px solid black;
			border-left: 1px solid black;
			border-bottom: 1px solid black;
	    	text-align: left;

			}
.borsidest { border-right: 1px solid black;
			border-left: 1px solid black;
			border-top: 1px solid black;
			text-align: left;

			}
.borsidessmall { border-right: 1px solid black;
			border-left: 1px solid black;
		    text-align: left;
			font-size: 80%;
}
/* border on price class */

.borprice { border-right: 1px solid black; 
}

/* border on menubottom class */

.bormenubottom { border-right: 1px solid black;
				 padding-left : 25px; 
				 text-align: left;

}

.toos { color: #800000;
		font-weight: bold;
		font-style: italic;
}


.newMes
	{ font-size: 130%;
	  font-weight: bold;
	  color: red;
	 }

.newPrice
	{ font-size: 100%;
	  font-weight: bold;
	  color: #800000;
	 }

/* for email notes */

.pam { font-weight: bold;
		color: red;	 
		}

/* for priority processing positioning in left nav */
.ppNav {position: absolute;
left: 55px;
top:177px;
}

/* for priority processing positioning in right nav */
.ppNav2 {position: absolute;
right: 55px;
top:185px;
/* original top is 185px */
}

/* TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST section */

.imgLarge
{
display: none;
position: fixed; left: 20px; top: 1px; 
border: solid black 1px;
padding: 40px; 
background-color: rgb(255,255,225);
/* filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;  */
text-align: justify; font-size: 12px;    
}
.imgClose
{
background-color: #ffffff; padding: 3px; text-decoration: underline; color: #000000; border: solid black 1px; font-weight: bold;
}


/* for clearance note on products  */
.clearance {
font-style: italic;
color: red;

}
/*==========================================================================================================================================*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);*/
.capt {
color: #345270;
text-decoration: underline;
font-style: italic;
padding: 20px;
}

@charset 'UTF-8';
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 100.1%;
  font-weight: bold;
  position: relative;
  text-align: left;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu {
  width: 250px;
}
#cssmenu > ul > li > a {
  padding-right: 40px;
  font-size: 100.1%;
  font-weight: bold;
  display: block;
  background: #466f98;
  color: #ffffff;
  border-bottom: 1px solid #263c52;
  text-transform: uppercase;
}
#cssmenu > ul > li > a > span {
  background: #5d89b4;
  padding: 10px;
  display: block;
  font-size: 105%;
  font-weight: bold;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  color: #fff;
}
#cssmenu > ul > li.active > a span {
  background: #466f98;
}
#cssmenu span.cnt {
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
  margin: 0;
  background: none;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border: 1px solid #e0e0e0;
  border-top: 0;
}
#cssmenu ul ul a {
  padding: 3px;
  display: block;
  color: #000000;
  font-size: 100.1%;
  text-indent: 20px;
}
#cssmenu ul ul a:hover {
  color: #bd0e36;
}
#cssmenu ul ul li.odd {
  background: #fff;
}
#cssmenu ul ul li.even {
  background: #f4f4f4;
}

/* ---------------------------- nav sub menu pages link blocks -------------------------- */
.navsubblocks
{
font-size: 150%; 
background-color: #ebebeb; 
padding: 3px 3px 4px 4px;
}