body {
  margin: 0 5px;
  background-color: white;
  font:  10pt/15px Arial, Helvetica, sans-serif;
}

a {
color: #060;
}

a:hover {
  color: #693;
}

#pageSurround {
/* wrapper */
  width: 800px;
  margin: 0 auto;
  background: url(../styleImages/css-container-shadow.jpg) repeat-y;
  padding: 0 7px;
  color: #000000;
  height:100%;
}

#subSurround {
  background: url(../styleImages/allcontent_pinstripe.jpg) repeat-y;
}

#subSurround2 {
  background: url(../styleImages/allcontent_pinstripe2.jpg) repeat-y;
}


/* ------------------------ begin header */
#topHeader {
  background: url(../styleImages/home-header.jpg) 0 0;
  text-align: right;
  height: 115px;
  margin-bottom: 0px;
  padding-top: 0px;
  border-bottom: 5px solid #2C6E17;
}

.topnav-linkpos {
  background: url(../styleImages/nav-top.jpg) 0 1px;
  text-align: right;
  padding: 17px 17px 3px 0;
  word-spacing: 2.5em;
}

.topnav-linkpos a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
  text-decoration:none;
}
.topnav-linkpos a:hover{
  color: #000000;
}

a.navspace {
  padding-right: 6px;
}

/* This controlls the button of the drop down menu */
.trigger {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration:none;
  position:relative;
  cursor:pointer;
  z-index:2;
}

.trigger a:hover{
  /* color: #000000;*/
}

/* This controlls the drop down menu */
.menu {
  position:absolute;
  visibility:hidden;
  overflow:hidden;
  z-index:100;
  margin:0px;
  margin-top: 2px;
  /*lines up flush with the left slant of products*/
  margin-left:-25px;
  /*height of the header*/
  background:#2C6E17;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}

.menu a{
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

.menu p{
	color:#FFFFFF;
	margin:10px;
}


.menu a:hover{
	color:#000000;
}


.homelink {
  float: left;
  height: 60px;
  width: 145px;
  position: relative;
  top: 7px;
  left: 40px;
  background: url(../styleImages/logo-header.jpg) 0 0 no-repeat;
}

.homelink a {
  text-decoration: none;
  display: block;
  height: 60px;
  width: 145px;
}

.form {
  padding-right: 9px;
  float: right;
  width: 300px;
  position: relative;
  top: 60px;
}
/* --------------------------- end header */

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

h1, .boxTitleLeft, .boxTitleRight {
  text-transform: uppercase;
  font-size: 1em;
  color:#2C6E17;
  padding-left: 5px;
  padding-top: 5px;
}

h1 {
  padding-top: 12px;
  text-indent: 1.2em;
  background: url(../styleImages/h1_logo.gif) 0 10px no-repeat;
}

h3 {
  padding: 5px 0 20px 0;
}

.boxContentLeft, .boxContentRight {
  padding-left: 5px;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 5px;
}

.featured_prod {
  margin: 5px 0;
  text-align: center;
  padding: 10px 5px;
}

.colLeft {
  position: relative;
  left: 0px;
  width: 163px; 
  padding: 0 9px;
  float: left;
}

.colLeft b {
  font-size: 1.1em;
}
.colLeft p {
  font-size: .7em;
}

.colMid {
  background: white;
  position: relative;
  width: 418px;
  float: left;
  padding: 9px;
}

.colRight {
  position: relative;
  width: 160px; 
  padding: 0 9px;
  right: 0px;
  float: right;
}

.boxContent {
	padding: 3px;
	font-size: 75%;
	color: #666;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}


/* CHECKOUT PAGES */
.colMainCheckout {
  position: relative;
  margin: 5px;
  width: 608px;
  float: left;
}

/* END CHECK OUT PAGES */
.siteDocs {
	text-align:center;
	margin-top: 10px;
}
.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	background-color: #EBEDFE;
	text-align: center;
	border: 1px solid #C9CEFC;
	margin: 0px;
	padding: 3px;
	float: left;
	width: 387px;
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
}

.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.footer {
  text-align: right;
  font-size: 0.7em;
  margin: 0 auto;
  padding: 7px 7px 0 5px;
  background: url(../styleImages/_css-footer-greenbar.jpg) 0 0 repeat-x;
  height: 12px;
  width: 802px;
  clear: both;
}

.footer a {
  color:#009900;
}

.footer span {
  float: left;
}

.txtCopyright {
//display: none;
}
