html {
    height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	height: 100%;	
        background: #FFFFFF url(../images/bg.gif) repeat-x;   
	text-align: center;
}

.header {
   background: #FFFFFF url(../images/header.gif) repeat-x;  
   border-bottom: 4px solid #006633; 
   height: 120px !important;
   height /**/:124px;

}

.logo {
 padding: 30px 0 0 100px ;
}

.menu {
  width:490px;
  height: 40px;
  position: absolute;
  background: #FFFFFF url(../images/menu_bg.gif) no-repeat;   
  top: 84px;
  left: 460px;
  z-index: 999;
}

.menu ul {
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  overflow: hidden;
}

.menu ul li {
  text-align: center;
  list-style: none;
  display: block;
  width: 120px;
  height: 35px;		
  float: left;
}

.menu ul li a
{
   text-decoration: none;
   display: block;
   color: #000;
   width: 120px;	
   height: 35px;
   padding: 10px 0 0 0;
   margin-bottom: -3px;
}

.centerer {
   width: 950px;
   height: 100%;	
   position: relative;
   height: auto !important;
   height: 100%;
   min-height: 100%;
   margin: 0 auto;   
   text-align: left;
   background: #fff;	
   border: 0px none transparent;
}

.content {
   position: relative;
   padding-bottom: 30px;
}

h1 
{
   background: #99FFCC url(../images/headline_bg.gif) repeat-x;  
   padding: 16px 0 0 20px;
   font-family: Trebuchet MS, Verdana, Arial, sans-serif;
   font-weight: normal;
   letter-spacing: -1px;
   font-size: 30px;
   color: #006633;
   margin: 0;
   margin-bottom: 20px;
   width: 930px !important;
   width /**/:950px;
   height: 62px !important;
   height /**/:78px;
}



#before_footer {
    height: 70px;
} 


.footer 
{
    border-top: solid 4px #006633;
    position: relative;
    height: 70px;
    margin: 0;
    margin-top: -70px;
    margin-right:auto; margin-left:auto;
    padding: 10px 30px 0 30px;
    text-align: left;
   width: 890px !important;
   width /**/:950px;

}

.footer a 
{
	font-size: 80%;
} 

.sitemap_path 
{
	clear: both;
	position: absolute;
	top: 100px;
	height: 40px;
	font-size: 12px;	
	text-align: left;
	left: 30px;
}

.sitemap 
{
    position: relative;
    left: 30px;
}

.clear 
{
	clear:both;
}

pre 
{
	font-size: 80%;
}

.warn 
{
	color: Red;
}

/* tooltip */
.tt {
    position:relative;
    z-index:998;
}

.tt .tooltip
{
	display: none; 
	width: 400px;
}

.tt:hover { z-index:999;}
.tt:hover .tooltip
{
	z-index:999;
    display: block;
    position:absolute;
    top:30px; left:0;
	padding: 16px;
	margin: 0;
	width: 400px;
	font-size: 80%;
	border: 1px solid #006633;
	background-color: #FFFFCC;	
}


/* end tooltip */

/* homepage */

.product_item 
{
     position: relative;
     padding-top:25px;
}

.product_image 
{
        float: left;
        width: 420px;
}

.product_image img 
{   
	 border: 0;
}

.product_text 
{
        float: left;
        width: 450px;
}


.news 
{
	clear:both;
	padding: 10px 30px 30px 30px;
}
.newsitem small
{
	color: #777;
}

ul.buttons  {
  list-style: none;
  margin: 0;
  display: inline;
  overflow: hidden;
}

ul.buttons li {
  text-align: center;
  list-style: none;
  padding-left: 5px;
  display: block;	
  float: left;
}
ul.buttons img {
  border: 0;
}

/* end homepage */


/* product */
.infobox 
{
	width: 160px;
	position: absolute;
	top: 130px;
	border-right: solid 1px #CCC;
	padding: 0 20px 0 20px;
}

.infobox ul {
	 list-style-type: none;
	 margin:0;
	 padding:0;
	 overflow: hidden;
}

.infobox ul li {
	 line-height:25px;
	 border-top:1px solid #006633; 
	 border-bottom:1px solid #006633; 
	 margin-top:2px; 
	 padding:4px;
	 overflow:hidden;
}

.infobox ul li a {
   text-decoration :none;
   font-size:80%;
}

.contentbox
{
	position: relative;
	margin-left: 200px;
	top: 40px;
	padding: 0 30px 0 30px;
}

.content_text
{
	position: relative;
	top: 40px;
	padding: 0 30px 30px 30px;
}

/* end product */