body {
	margin: 0;
	padding: 0;
	background-color:#e3e3e3;
	/*background:url(../images/background.gif) repeat-x left top #ebeaeb;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3b3b3b;
	line-height:150%;
}
form{
	margin:0;
	padding:0;
	float:none;
}
fieldset {
	padding:10px;
	border:1px solid #333333;
	/*background-color:#fbfbfb;*/
}

input[type=button],input[type=submit],select,option
{
	text-transform:capitalize;
}
legend
{
	color:#000000;
	font-weight:bold;
}
.download-result td
{
	padding:0 0 0 7px;	
}
.download-result a
{
	border-bottom:1px dashed;
}
.download-result a:hover
{
	border-bottom:none;
}
.alternate
{
	background-color:#e7e7e7;
}
.btn-detail
{
	border:0;
	width:80px;
	height:23px;
	background:url(../images/btn-detail.gif) left top no-repeat;
	cursor: hand !important;
	cursor: pointer !important;  
}
	
a
{
	color:#003366;
	text-decoration:none;
	cursor: hand !important;
	cursor: pointer !important;  
}	
a:hover
{
	color:#FF0000;
 
}	
/**************  WRAPPER ******************/
#header
{
	height:60px;
	background:url(../images/header-bg.gif) repeat-x left top;
}
#wrapper {
	width:950px;
	background-color:#FFFFFF;
	margin: 20px auto 0 auto;
}
	#frame-bg-topleft 
	{
		height:15px;
		background:url(../images/frame-bg-topleft.gif) no-repeat left top #FFFFFF;
	}
	#frame-bg-topright 
	{
		height:15px;
		background:url(../images/frame-bg-topright.gif) no-repeat right top;
	}
	
	#banner {
		height:197px;
		padding:0;
		background:url(../images/banner.gif) center top no-repeat;
		margin:0;
	}
	#banner .banner-home
	{
		float:right;
		margin:22px 35px 0 0;
		width:477px;
		height:149px;
		background:url(../images/banner-home.gif) left top no-repeat;	
	}
	#banner .banner-product
	{
		float:right;
		margin:22px 35px 0 0;
		width:477px;
		height:149px;
		background:url(../images/banner-product.gif) left top no-repeat;	
	}
	#banner .banner-news
	{
		float:right;
		margin:22px 35px 0 0;
		width:477px;
		height:149px;
		background:url(../images/banner-news.gif) left top no-repeat;	
	}
	#banner .banner-contact
	{
		float:right;
		margin:22px 35px 0 0;
		width:477px;
		height:149px;
		background:url(../images/banner-contact.gif) left top no-repeat;	
	}
	#frame-menutop
	{
		height:35px;
		margin:10px 0 0 0;
		/*background:url(../images/menutop-bg.gif) left top repeat-x;*/
	}
	#frame-left-menutop
	{
		height:35px;
		background:url(../images/menutop-left-bg.gif) left top no-repeat;
	}
	#frame-right-menutop
	{
		height:35px;
		background:url(../images/menutop-right-bg.gif) right top no-repeat;
	}		
	
	
	
	
#row{
	padding:4px 0 4px 0;
}	
#row-gray{
	padding:4px 0 4px 0;
	background-color:#EEEEEE;
}	
#row .txttitle
{
	float:left;
	width:110px;
	padding: 5px 0 0 0;
	font-weight:bold;
}
#row .txt_register
{
	float:left;
	width:150px;
	padding: 5px 0 0 7px;
	font-weight:bold;
}
#row-gray .txt_register
{
	float:left;
	width:150px;
	padding: 5px 0 0 7px;
	font-weight:bold;
}
	
#frame-1
{
	height:29px;
	background-color:#e8e8e8;
	/*background:url(../images/frame-1-bg.gif) repeat-x left top;*/
}		
	#frame-1-left
	{
		height:29px;
		/*background:url(../images/frame-1-left.gif) no-repeat left top;*/
	}
	#frame-1-right
	{
		padding:0 0 0 15px;
		height:29px;
		/*background:url(../images/frame-1-right.gif) no-repeat right top;*/
	}
#frame-2
{
	background-color:#e8e8e8;
	margin:7px 0 0 0;
}		
	#frame-2 .frame-2-lefttop
	{
		height:6px;
		/*background:url(../images/frame-2-lefttop.gif) no-repeat left top;*/
	}
	#frame-2 .frame-2-righttop
	{
		height:6px;
		/*background:url(../images/frame-2-righttop.gif) no-repeat right top;*/
	}	
	#frame-2 .frame-2-left
	{
		/*background:url(../images/frame-2-left.gif) repeat-y left top;*/
	}
	#frame-2 .frame-2-right
	{
		/*background:url(../images/frame-2-right.gif) repeat-y right top;*/
	}
	#frame-2 .frame-2-leftbottom
	{
		height:6px;
		/*background:url(../images/frame-2-leftbottom.gif) no-repeat left top;*/
	}
	#frame-2 .frame-2-rightbottom
	{
		height:6px;
		/*background:url(../images/frame-2-rightbottom.gif) no-repeat right top;*/
	}	
#frame-3
{
	/*background:url(../images/frame-3-bg.gif) repeat-x left top;*/
	margin:7px 0 0 0;
	background-color:#e8e8e8;
}	
	#frame-3-left
	{
		/*background:url(../images/frame-3-left.gif) no-repeat left top;*/
	}
	#frame-3-right
	{
		height:58px;
		/*background:url(../images/frame-3-right.gif) no-repeat right top;*/
	}
	
#frame-4
{
	/*background-color:#486075;*/
	margin:7px 0 0 0;
	background-color:#e8e8e8;
}	
	#frame-4 .frame-4-lefttop
	{
		height:6px;
		/*background:url(../images/frame-4-lefttop.gif) no-repeat left top;*/
	}
	#frame-4 .frame-4-righttop
	{
		height:6px;
		/*background:url(../images/frame-4-righttop.gif) no-repeat right top;*/
	}	
	#frame-4 .frame-4-left
	{
		/*background:url(../images/frame-4-left.gif) repeat-y left top;*/
	}
	#frame-4 .frame-4-right
	{
		/*background:url(../images/frame-4-right.gif) repeat-y right top;*/
	}
	#frame-4 .frame-4-leftbottom
	{
		height:6px;
		/*background:url(../images/frame-4-leftbottom.gif) no-repeat left top;*/
	}
	#frame-4 .frame-4-rightbottom
	{
		height:6px;
		/*background:url(../images/frame-4-rightbottom.gif) no-repeat right top;*/
	}	
	
#frame-title
{
	height:32px;
	background-color:#e8e8e8;
	/*background:url(../images/frame-title-bg.gif) repeat-x left top;*/
}		
	#frame-title-left
	{
		height:32px;
		/*background:url(../images/frame-titleleft.gif) no-repeat left top;*/
	}
	#frame-title-right
	{
		padding:7px 0 0 15px;
		height:32px;
		/*background:url(../images/frame-titleright.gif) no-repeat right top;*/
	}	
	#frame-title-right .title_txt
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#CC0000;
		text-transform:capitalize;
		font-size:14px;
		font-weight:bold;
	}
	
/**************  MAIN PAGE ******************/

.bar-path
{
	text-transform:capitalize;
	padding:5px 0 5px 10px;
}
.bar-path a
{
	text-transform:capitalize;
	color:#3b3b3b;
}
.bar-path a:hover
{
	text-transform:capitalize;
	border-bottom:1px dashed;
	color:#FF3300;
}
/********** PAGE ************/
#frame-page{
	width:950px;
	margin: 0px auto;
	background-color:#FFFFFF;
	/*background:url(../images/frame-left-page.gif) repeat-y top left #5a708c;*/
}
#frame-right-page{
	/*background:url(../images/frame-right-page.gif) repeat-y top right;*/
}

#main_content
{
	margin:10px 0 0 0;	
}
#main_content .page_txt
{
	line-height:160%;
	text-align:justify;
	padding:0 0 0 15px;
}
#title_content
{
	height:30px;
	font-size:14px;
	font-weight:bold;
		
}
	#title_content .title_txt
	{
		color:#006600;
	}
	#title_content .title_txt span
	{
		color:#000000;		
	}
	
	/**** LEFT CONTENT *********/
	
	#leftsidebar {
		float: left;
		position:relative;
		width: 230px;
		margin:10px 0 0 5px;
		padding: 0px 0px 0 0px;
	}
	.sidebar {
		float: left;
	}
	

	#main-page
	{
		padding:10px 10px 10px 20px;
		position:relative;
		margin:0 0 0 230px;
	}
		#banner-middle
		{
			margin:0 0 0px 0;
		}
		#page_content
		{
			margin:20px 0 0 0;
		}
	.sidebar
	{
		float:left;
	}
	
	
	
		#search-form
		{
			padding:20px 0 0 15px;
		}
	
		#search-form .right
		{
			border:0;
			height:26px;
			width:26px;
			background:url(../images/icon-search.gif) left top no-repeat;
			cursor: hand !important;
			cursor: pointer !important;	
		}
		
		#search-form .search_input
		{
			float:left;
			padding:1px 1px 1px 2px;
			color:#999999;
			margin:0 3px 0 0;
			
		}

	

	
	
	/*****  LEFT CONTENT ******/
	
	#fr-title
	{
		height:33px;
		background:url(../images/menu-left-right-title.gif) right top no-repeat;		
	}
		#fr-title .fr-title-left
		{
			height:33px;
			padding:5px 0 0 15px;
			color:#FFFFFF;
			font-weight:bold;
			background:url(../images/menu-left-bg-title.gif) left top no-repeat;				
		}
		#icon-title
		{
			float:right;
			background:url(../images/icon-title-menu-left.gif) right top no-repeat;
			width:19px;
			height:19px;
			margin:0 8px 0 0;
		}
		
	#title{
		height:20px;
		background: url(../images/bg_block_title.gif);
		border-bottom:1px solid #9fb6da;		
	}
	#title .title_cont{
		float:left;
		height:20px;
		padding-top:3px;
		background: url(../images/blue/icon/block_oval.gif) left top no-repeat;
	}
	.title_cont span{
		padding:5px 0 0 35px;
		font-weight:bold;
		font-size:11px;
	}
	#title .arrow_drop{
		height:20px;
		float:right;
		background: url(../images/blue/title_right.gif) right top no-repeat;
	}
	.arrow_drop img{
		margin-right:5px;	
	}
	.arrow_drop img:hover{
		opacity:.70;
		filter:alpha(opacity=70, style=1);
	}  
	.handcursor{
		cursor: hand !important;
		cursor: pointer !important;  
	} 
	
	#help_online
	{
		margin:5px 0 5px 0;
	}
	#hotline .label
	{
		float:left;
		margin:0 5px 0 0; 
		color:#FF0000;	
	}
	#hotline .numberhotline
	{
		background-color:#cccccc; 
		padding:0 3px 0 5px;	
		font-size:12px;
	}
	
	/***** SHOW ALL PRODUCTS CONTENT ******/
	.tableproduct td
	{
		padding:0 10px 0 5px;
		text-align:left;
	
	}
	.tableproduct
	{
		width:670px;
	}
	.name-pro
	{
		color:#0040b3;
		font-weight:bold;
		font-size:13px;
	}
	.capacity-pro
	{
		width:120px;
		display:compact;
		font-size:12px;
		text-decoration:inherit;
		text-align:justify;
	}
	.frameproduct
	{
		width:120px;
	}
	.thump{
		padding:1px;
	}
	.thump img{
		width:80px;
	}
	.thump img:hover{
		background:#0099FF;
		opacity:.50;
		filter:alpha(opacity=50, style=1)		
	}
	#showall-products-title
	{
		font-weight:bold;
		text-align:left;
		padding:0 0 0 20px;
	}
	
	#product-content-one
	{
		margin:15px 0 10px 0;
		text-align:left;
	}
	#product-content-one .pic-product-one
	{
		float:left;
		width:110px;
		text-align:center;
	}
	.content-right
	{
		margin:0 0 0 120px;		
	}
	.content-right dl
	{
		height:40px;
		padding:0;
		margin:0;
	}
	 .cost
	{
		float:none;
		position:relative;
		height:37px;
		font-size:14px;
		font-family:sans-serif,Verdana, Arial, Helvetica;
		font-weight:bold;
	}
	
	#sharepage
	{
		/*background-color:#425367;*/
		padding:5px 10px 5px 10px;
		margin:10px 0 0 0;			
	}
	#sharepage .numberpage 
	{
		color:#FF6600;
	}
	#sharepage .numberpage a
	{
		text-decoration:underline;
	}
	
	#sharepage .numberpage a:hover
	{
		color:#FFFF00;
		text-decoration:none;
	}
	
	#sharepage .left
	{
		float:left;
	}
	
	#sharepage p
	{
		padding:0;
		margin:0;
	}
	
	
	#show_product{
		text-align:center;
		padding:10px 0 10px 0 ;
		margin:0 auto;
	}
	#show_product img{
		max-width:300px;
		text-align:center;
	}
	
	#content_detail
	{
		margin:10px 0 0 0;
	}
	.detail_field{
		padding:8px 0 5px 8px;
		border-bottom:1px dashed #999999;
	}
	.detail_field_gray{
		padding:8px 0 5px 8px;
		border-bottom:1px dashed #999999;
	}
	.detail_field_gray .l{
		float:left;
		width:150px;
		font-weight:bold;
	}
	.detail_field_gray .r
	{
		margin: 0 0 0 150px;
	}
	.detail_field .r
	{
		margin: 0 0 0 150px;
	}
	.detail_field .l{
		float:left;
		width:150px;
		font-weight:bold;
	}
	#arrow_product{
		height:33px;
		padding:10px 0 0 0; 	 	
		margin:10px 0 10px 0;
		border-bottom:1px dashed #CCCCCC;	
	}
	
	
	/****** NEWS ************/
	#newstitle
	{
		font-size:14px;
		color:#FFFF00;
		padding:5px 0 5px 0;
	}
	#newscontent
	{
		text-align:justify;
	}

 	.contactcontent a
	{
		color:#FF0000;
		text-decoration:underline;		
		
	}
	.contactcontent a:hover
	{
		color:#FF3300;
		text-decoration:none;		
	}
	.allnews a
	{
		color:#003366;
		text-decoration:none;
		border-bottom:1px dashed;
	}
	.allnews a:hover
	{
		color:#FF0000;
		text-decoration:none;
		border-bottom:1px solid;		
	}
	
	.titlenewshome
	{
		font-size:14px;
		margin:10px 0 10px 0;
		text-transform:capitalize;
		padding:5px 0 5px 0;
		font-weight:bold;
	}
	.titleprohome
	{
		font-size:14px;
		text-transform:capitalize;
		margin:20px 0 10px 0;
		padding:5px 0 5px 0;
		font-weight:bold;
	}
	.newshome  
	{
		margin:0 0 0 40px;		
	}
	.newshome a 
	{
		border-bottom:1px dashed;
	}
/******** DOWNLOAD ********/

/********** RATE ************/	

#rate .grey
{
	background-color:#e7e7e7;
}
#rate .white:hover
{
	background-color:#cbcbcb;
}
#rate .grey:hover
{
	background-color:#cbcbcb;
}
#rate table
{
	margin:5px 0 0 0;
	border:1px solid #666666;
	font-size:9px;
}	
#rate th
{
	background-color:#0e4e97;
	text-transform:capitalize;
	font-weight:bold;
	padding:5px 0 3px 7px;
	color:#FFFFFF;	
}	
#rate td
{
	padding:2px 0 1px 7px;

}		
	
/* FOOTER */

#footer 
{
	width:950px;
	margin: 0px auto;
	color:#424242;
	
}
	#footer-left 
	{
		height:15px;
		background:url(../images/frame-bg-bottomleft.gif) no-repeat left top #FFFFFF;
	}
	#footer-right 
	{
		height:15px;
		background:url(../images/frame-bg-bottomright.gif) no-repeat right top;
	}
#legal 
{
	padding:20px 0 0 0;
}
#legal .link
{
	margin:0 auto;
	text-transform:capitalize;
	padding:0 0 0 0;
}
#footer a
{
	color:#424242;
	text-decoration:underline;	
}
#footer a:hover{
	color:#FF6600;
	text-decoration:none;
	}
#footer p {
	margin: 0;
	text-align: center;
	font-size: 10px;
}

#footer a {
}