body {font:62.8% arial, sans-serif;background-color: #fff;text-align:center;}
* {margin:0; }

#wrap {width:980px;margin:0 auto;position:relative;text-align:left;}
p,div,span{ font-size: 1.1em; }
table { font-size: 1.1em;}

/*menu bar*/
#container
	{  clear:both;
		width: 100%;
		padding: 0px;
		border-top: 0px solid #006f00;
		border-bottom: 1px solid #006f00;
		background: #fff;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 0px;
		background: #006f00;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: right;
		background: #006f00;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		padding: 2px 20px 2px 20px;
		margin-right: 0px;
		border-left: 1px solid #fff;
		border-top:0px;
		border-bottom:0px;
		text-decoration: none;
		color: #fff;
		letter-spacing: 0.12em;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-left: 1px solid #bfffbf;
		border-top:0;
		border-bottom:0px;
		background: #ffcc00;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.12em;
	}

#tabnav a:hover
	{
		background: #ff0000;
		color:#fff;
	}
/*end menu bar*/

#logobar{
background: White;	
width: 100%;
}

#searchbox {
	background: #e4e4e4;
	width: 100%;
	margin-bottom: 0px;
	font-weight:bold;
	font-size: 1.2em;
	
	padding-top: 5px;
	padding-bottom:0px;
	text-align: center;		
}
  .greenlink a:link, .greenlink a:visited, .greenlink a:active{
  	font-weight:bold;
	font-size:  1.2em;
	text-decoration: none;
	color:#008f00;
  }
  .greenlink a:hover{
  	background: #cccccc;
  }
#advsearch {
text-align: right;	
}
.clear{clear:both;}
#content-wrap {position:relative;width:100%;}
	#rc {float:left; width:250px;margin-top:5px; font-size:1.1em; margin-left:2px; padding-top: 0px;padding-bottom: 4px;}
	#content {float:left; width:725px; margin-top:5px; font-size:1.2em; border:solid 1px #EEEEEE;}
		#content h4, #content h5, #content h6 {border-bottom:1px solid #006f00; border-right:1px solid #006f00; padding:2px;background:#fc0;color:#fff;}
	  .th{padding:2px;margin:4px 0px 0px 0px;font-size:1.1em;font-weight:bold;	}
	  .rh{background: #ffcc00; color: #fff;padding:2px;margin:0px;font-weight:bold;}
	  .featurebox{ font-size:1.1em; color:#333;padding: 5px 5px 5px;border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7; background:#f6f6f6;}
	  .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em; border-bottom: 1px solid #006f00;color:#006f00;}
/*end home page*/

#bar{clear:both; margin-top:.5em;margin-bottom:2px;border-top: double  #006f00;}
#menu{
	text-align: center; font-size: 1.2em;
}
#footer{text-align:center;font-size: 1.0em;padding-top: 5px;}
#copyright{	text-align: center;}
/*form */
#frmwrap{ text-align: center; }/*fix ie center align problem*/
#frm{width:100%;margin:20px auto 10px auto; border: dotted 1px #cccccc; background: #FFECBF; font-size:1.1em;text-align:left;}
div#frm form{border:1px solid #ccc;}
div#frm div.clearfix{ border-top:1px solid #CCC; padding:0.35em;}
div#frm form label{ width:120px; float:left;}
div#frm label{ width:120px; float:left;}
div#home_top_cat{ padding-top: 7px; }
input#submit {padding: 1px 3px;float:right;}
.section{ font-size:1.1em;font-weight:blod;background:#eee;padding:0.3em; border-bottom:solid 1px #006f00}
/*end form page*/

/*detailed page*/
#productwrap{ border:1px solid #CCC; }
.productinfo{ font-size:1.1em; }
#image{ text-align:center;margin-top:.3em;margin-bottom:.3em; }
.error {color:#c00;font-weight:bold;letter-spacing:1px;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*product start*/
#floatright{position:absolute;top:3;right:0; width:210px;padding-left:3em;	}

.span{text-align: right;font-size: 1.1em;	margin:0.33em;}
/*product end*/

/*category*/
#title {background:#e4e4e4; margin-top:0.3em;margin-bottom:0.3em; padding:3px;font-size:1.2em;font-weight:bold;letter-spacing: 1px;border:solid 1px #ccc;}
ul.related li{list-style-type:none; font-size:1.1em; font-weight:blod;margin-left:2.4em; margin-bottom:0.5em;}
.date{ color:#8b8b8b; }
.msg{padding: 10px; font-size:1.1em;color:#006f00;letter-spacing: 1px;}
.new{ color:red; vertical-align: 65%;font-size:65%; }
.update{ color:006f00; vertical-align: 65%;font-size:65%; }
.numlinks {font-size: 1.0em;color: #666666;}
.catlink{ font-weight:bold; font-size:12px;}
td.catlist {font-size:inherit;color: #000000;}*/
td.th{ font-size: 1.1em;}
/*for product list table*/
table#linktable{ margin:0.5em 0; }
/*prod menu*/


/* the horizontal menu starts here */
div#listmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	/*border-top:1px solid #069;	/* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:1.1em;	/* SET FONT-SIZE HERE */
	background-color:#CCF; /* colors the div */
	/*margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {margin:0 0 0 0;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFA; /*sets the background of the menu items */
	border-right:1px solid #069; /* creates dividing lines between the li elements */
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#069;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
* html div#listmenu a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */

li.link{margin-bottom:0.5em;}	 
a.sl{	color: #000066;	text-decoration: none;font-size: 10px;}
.url{color:#666666;font-size:11px;}
.linkdate{color:#666666;font-size:10px;}
.des{font-size:12px;}

/*temp*/
#loginbar a.in {
  background: transparent;
}
#loginbar a.out {
  background: transparent;
  }