body
{
 font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:14px;
 line-height: 200%; 
 text-align: left; 
 letter-spacing: 1px; 
 margin: 0px;
}

p{
  text-indent: 2.2em; 
}

h3{
	text-align: center;
}

h4{
	font-size: 16px;
}

h5{
  font-size: 14px;
}

table{
	width: 100%;
}

td{
	vertical-align: top;
}

img{
  border-width: 0px;
}

/*normal link */
a{
  color: darkblue;
  text-decoration: none;
}

a:hover{
  color: darkblue;	
  text-decoration: underline;
}

a.highlight{
  color: #FF6600;
}

/* language */
a#chosen{
  text-decoration: none;
  color: #0099CC;
}

.main{
width: 100%;
text-align: left;
}

.content
{
 border-style: groove;
 border-width: 2px;
 padding: 20px; 
}

/* left vertical link */
.vlink
{
 width: 24%;
 background-color: #CCCCCC; 
}

ul.vlink_product{
  list-style-type: none;
  font-size: 14px;
  margin-top: -12px;
  margin-left: 2.2em; 
  line-height: 150%;
}

ul.vlink_product li a:hover{
	background-color: #FFFF66; 
}
/* end vertical link */

/* horizontal navigator bar */
ul.hlink_list{ 
  list-style-type: none;  
  font-size: 16px;
  text-align: center;
  
  padding: 0;
  margin: 0;       
  /* border-bottom : 2px solid #0066CC;  */
  
  background-color: #0066cc;   
}

ul.hlink_list li{
	display: inline;
}

ul.hlink_list li a{
	text-decoration: none;
	padding: 3px 1.5em; /*1.2em;*/
	margin-left: -8px;
	
	color: #EEEEEE;
/*	border-color: #0066cc;
	border-style: outset;
	border-width: 3px;*/
}

ul.hlink_list li a:hover{
	text-decoration: none;
	background-color: #EEEEEE; /* #6699CC;*/
	color: #000000;
/*	border-color: #6699CC;*/
}

ul.hlink_list li a#current{
	background-color: #6699CC; /*#9999FF;*/
	color: #000000;
/*	border-color: #9999FF;*/
}
/* end horizontal bar */

/* for logo display */
img#banner{		
	position: absolute;
	top: 25px;	
	left: 300px;
}

/* for center bottom navigation */
.footer
{
 font-size: 12px;
 text-align: center;
}

/* for right top navigation */
.rtop
{
 font-size: 12px; 
 text-align: right;
}

/* used in sfimager */
.oneimage
{
  text-align: center; 
  padding: 1em;
}
.onetext
{
  position: relative;
  top: -5em;
  left: 2em;
}
.onearrow
{
   text-align: center; 
   position: relative;
   left: -2em;
}
/* end used in sfimager */

/* used in rt.php */
ul.rtfeature{
  list-style-image: url(../images/listarrow.gif);
  vertical-align: middle;
}

/* normally used in contact */
.txt_noindent{
   text-indent:0px;	
}
.txt_block{
   display: block;
}
.txt_indentfree{
 text-indent:4.4em;
}
.txt_indentaddress{
 text-indent:5.4em;
}
.txt_center{
 text-align: center;	
}
.txt_right{
 text-align: right;
}
.txt_left{
 text-align: left;
}

/*multiple column list in clients*/
ul.multi2col{
  float: left;
  list-style-type: none;
  margin: 0;
  padding-left: 2em;
}
ul.multi2col li{
  float: left;
  width: 49%;  
}
ul.inside{
	list-style-position: inside;
}

/* for price information  */
.price_list{
	border: 1px solid gray;
	padding: 0px 10px;
}

/* used in trial for input information */
input.name{
	border: 1px solid gray;
	padding: 4px;
	width: 10em;
}

input.address{
	border: 1px solid gray;
	padding: 4px;
	width: 80%;
}

/* used for button */
.button{
	padding: 4px;
}

/* used in trail for required information */
.required{
	color: red;
}

/* used for free or new flag */
.fnflag{
	background-color: #FFFF66;
	font-stretch: wider;
	font-weight: 600; 
	font-size:14px;
	color: #FF0066;
	padding: 2px;
	
	position: relative;
	top: -0.5em;
	left: 0.5em;
}

.fnflag_left{
	/*background-color: #FFCC00;	*/
	color: red;
	font-size:12px;
	font-stretch: wider;
	padding: 2px;
	
	position: relative;
	top: -0.5em;
	left: 0.5em;
}

/* used in version comparsion of surface */
table.tblist{
	border-collapse: collapse;
	width: 70%;
	
	position: relative; 
	left:15%; 
}
.checkmark{
	text-align: center;
	font-family: Wingdings;
}
.crossmark{
	text-align: center;
}

/* used for icon in product*/
img.iconimg{
  border: 1px solid white;
  border-style: outset;
  float: left;
  margin-right: 0.5em;
}

/*multiple column list for icon display in the homepage*/
ul.icon_list{
  float: left;
  list-style-type: none;
  line-height:120%;
  
  margin: 0;
  padding:0;
}
ul.icon_list li{
  float: left;
  width: 50%; 
  padding-bottom: 1.5em;  
}
img.left_image{
	float: left;
	padding-right: 0.5em;
	
	position:relative;
	top: -0.65em;
}

/* for news column */
.txt_news{
	line-height: 150%; 
/*	padding-right: 1em */
}
#NewsDiv{
	 position: absolute;
	 left: 1.5em;
	 top: 0;	 
	 width: 95%;	
}
#news_body{	 	
	 background-color: #FFFFCC;
}