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

p{
  text-indent: 0px;
}

h3{
	text-align: center;
	font-size: 16px;
}

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: 18%;
 background-color: #CCCCCC;
}
ul.vlink_product{
  list-style-type: none;
  font-size: 14px;
  margin-top: -12px;
  margin-left: 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: 14px;
  font-weight: bold;
  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.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
{
  position: relative; 
  left: 30%;
  padding: 1em;
}
.onetext
{
  position: relative;
  top: -5em;
  left: 1em;
}
.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;
   line-height: 150%;
}
.txt_indent{
 text-indent:5em;
}
.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: 50%;  
}
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: 49%; 
  padding-bottom: 1.5em;  
}
img.left_image{
	float: left;
	padding-right: 0.5em;
	
	position: relative;
	top: -0.8em;
}
.app_anno{
	font-size: 12px;
	color: #3366FF;
}

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

#invoice_no{
	width:80px;
	margin-right: 40px;
}
#amount_dollar{
	width: 60px;
	margin-right:0px;
}
#amount_cent{
	width: 20px;
	margin-right:0px;
}
#pay_btn{
	margin-left:40px;
	font-weight: bold;
}