/* Paging control */
a.PagerControl
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	padding: 4px 7px;
	text-align: center;
	vertical-align: middle;	
}
a.PagerControl:link
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.PagerControl:active
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	background-color: #24AEF9;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.PagerControl:visited
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.PagerControl:hover
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	background-color: #24AEF9;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


a.PagerControlSelected
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	padding: 4px 7px;
	text-align: center;
	vertical-align: middle;
}
a.PagerControlSelected:link
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	background-color: #24AEF9;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.PagerControlSelected:active
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	background-color: #24AEF9;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.PagerControlSelected:visited
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	background-color: #24AEF9;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
a.PagerControlSelected:hover
{
	font-family:Verdana,Times New Roman,MS Sans Serif,Arial;
	background-color: #24AEF9;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
/*------------------------------------------------------------------ 
# [Master Stylesheet] 
# -------------------------------------------------------------------*/ 
* 	{padding:0; margin:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#555; background:#000; padding:0; margin:0;}
img	{border:none;}
img, form, fieldset, input {margin:0; padding:0; vertical-align:middle;}

h1	{font-family:Arial; font-size:22px; line-height:26px; font-weight:normal!important; color:#27508f; margin:5px 0 15px 0;}
h2	{
	font-family:Arial;
	font-size:20px;
	line-height:20px;
	color:#545a5c;
	margin-bottom:10px;
}
h3	{font-family:Arial; font-size:24px; line-height:28px; font-weight:normal!important; color:#284F90; margin:20px 0px 20px 0;}
	h3 span	{ color:#fff; background:#77A6D4; margin-left:50px; padding:5px 10px;}
h4	{font-family:Arial; font-size:14px; line-height:18px; font-weight:normal!important; color:#94abc4; text-transform:uppercase;}
h5	{font-family:Arial; font-size:12px; font-weight:bold; line-height:16px; color:#27508f; text-transform:uppercase; margin:25px 0 5px 0;}
p	{margin:0 0 15px 0;}
ul {margin-left:15px}
a		{color:#1267a5; text-decoration:none;}
a:hover {color:#002249; text-decoration:none;}

a.btn01	{width:150px; height:22px; color:#fff; font-family:Arial; font-size:10px; font-weight:bold; line-height:22px; text-align:center; background:url("../../App_Themes/img/site/btn01.gif") no-repeat left top; display:block;}
a.btn01:hover	{color:#fff; background:url("../../App_Themes/img/site/btn01-hover.gif") no-repeat left top;}

a.btn02	{
	width:auto;
	height:auto;
	color:#fff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:32px;
	background:url("../../App_Themes/img/site/b-all.jpg") no-repeat left top;
	display:block;
	padding:0 10px 0 15px;
}
a.btn02:hover	{
	color:#fff;
}

.padT5	{padding:0 5px 0 0;}
.padB5	{padding:0 0 5px 0;}
.pad10	{padding:10px;}
.padTB10{padding:10px 0;}
.padT10	{padding:10px 0 0 0;}
.padB10	{padding:0 0 10px 0;}

.marTB10{margin:10px 0;}
.marT10	{margin:10px 0 0 0;}
.marR10	{margin:0 10px 0 0;}
.marT15	{margin:15px 0 0 0;}
.marR15	{margin:0 15px 0 0;}

.clear	{clear:both;}
.left	{float:left;}
.hidden	{diplay:none;}
.right	{float:right;}

.nobrd		{border:none!important;}
.dot_brd	{
	background-image: url(b-all.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 15px;
	height: 32px;
	width: 221px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.viewmore	{height:0%!important; font-size:11px!important; background:url("../../App_Themes/img/site/dot2.gif") left center no-repeat; border-top:1px solid #eee; padding:3px 0 3px 10px; margin:0!important;}

/*------------------------------------------------------------------ 
# [Master Structure]
#------------------------------------------------------------------*/
#header	{ width:956px; background:#000; margin:15px auto 0 auto; padding-right:17px;}
	#header p {margin:0; font-size:11px; line-height:14px; color:#fff;}
	#header .left img	{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
	#header .right 		{
	margin-top:15px;
}
	
	#header .right img	{ margin:11px 20px 0 0;}
	#nav		{
	font-family:Arial;
	list-style:none;
	clear:both;
	background-color: #002249;
	background-image: url(nav-s.gif);
	background-repeat: repeat-x;
}
		#nav li	{ font-size:11px; display:inline; background:url("../../App_Themes/img/site/dot.gif") right center no-repeat;}
		#nav li a		{ color:#93cdfd; text-transform:uppercase; display:inline-block; padding:6px 20px;}
		#nav li a:hover	{
	color:#001f42;
	text-decoration:none;
	background-color: #93cdfd;
	background-image: url(nav-h.gif);
	background-repeat: repeat-x;
}
		#nav li.selected a	{
	color:#002249;
	background-color: #fff;
}

#body	{ width:910px; background:#fff; margin:0 auto; padding:15px;}
#main	{ margin-bottom:20px;}
#main .left {
	float: left;
	height: 296px;
	background-color: #6490c0;
}
#main .right {
	margin-left: 10;
}
#main {
	text-align: center;
	padding-top: 5px;
}
#main .form {
	text-align: center;
	height: 20px;
	width: 200px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #2d5fa4;
}
.col01	{width:195px; float:left; margin:0 15px 0 0;}
.col02	{width:720px; float:right;}
	.col02 ul.simple {margin:10px 10px; padding:0px; list-style:none;}
	.col02 ul.simple li { background:url("../../App_Themes/img/site/li_arr01.gif") no-repeat left 6px; padding: 0 20px; margin:5px 0;}
	.col02 ul.simple ol  { margin:0 0 0 35px; list-style: lower-roman; }
	.col02 ul.simple ol li { background:none; padding:0px; display: block;}
	.col02 ul.colright {padding-left:25px;}
.col03	{width:480px; float:left; margin:0 10px 0 0;}
.col04	{width:230px; float:left;}

/* tab navigation: company profile */
#tabnav	{list-style:none; padding:0; border-top:1px solid #284F90;}
	#tabnav li a { color:#002249; background:#fff url("../../App_Themes/img/site/dot2.gif") left center no-repeat; font-size:10px; font-weight:bold; text-transform:uppercase; padding:10px 0 10px 15px; border-bottom:1px solid #ccc; display:block;}
	#tabnav li a:hover {color:#333; background:#ddd url("../../App_Themes/img/site/dot2.gif") 180px center no-repeat;}
	#tabnav li.selected a {color:#002249; background:#93cdfd url("../../App_Themes/img/site/dot2.gif") 180px center no-repeat;}

#footer	{ width:940px; font-size:10px; text-align:center; color:#fff; background:#000; margin: 0 auto 15px auto;}
	#footer .links	{ background:#000; display:block; padding:10px;}
	#footer ul			{ list-style:none;}
	#footer li			{ display:inline;}
	#footer li a 		{ font-size:11px; color:#83a5cb; text-decoration:none; border-right:1px solid #83a5cb; padding:0 10px;}
	#footer li a:hover	{ color:#fff; text-decoration:underline;}
	#footer p			{ padding:10px 20px;}

/*------------------------------------------------------------------ 
# [Sections]
#------------------------------------------------------------------*/
/* search */
.searchbox	{
	width:195px;
	font-size:12px;
	line-height:14px;
	background:#e0e7f1;
	float:left;
}
	.searchbox .box	{
	font-size:12px;
	font-weight:bold;
	line-height:10px;
	text-transform:uppercase;
	vertical-align:middle;
	padding:10px 10px;
	display:block;
}
	.searchbox .box a		{
	color:#2d5fa4;
}
	.searchbox .box a:hover	{ color:#1267a5;}
	
.searchbox-02	{
	font-size:12px;
	line-height:14px;
	background:#e0e7f1;
	float:right;
	width: 165px;
}
#search_keyword-02		{
	height:310px;
}
#search_keyword		{
	height:290px;
	padding:10px;
}
	#search_keyword p		{margin:0 0 10px 0; clear:both;}
	#search_keyword input[type:text] { width:150px; }

#search_criteria	{min-height:190px; padding:10px;}
	#search_criteria p		{margin:0 0 4px 0; clear:both;}
	#search_criteria label	{width:70px; float:left;}
	#search_criteria input[type:text] { font-size:x-small; width:105px; }
	#search_criteria select { font-size:x-small; width:105px; }

#search_similar		{min-height:190px; padding:10px;}
	#search_similar	p		{margin:0 0 10px 0; clear:both;}
	#search_similar label	{width:72px; float:left;}
	#search_similar input	{margin:0 5px 0 0; float:left;}

#frmContact	{}
	#frmContact p		{padding:0 0 5px 0; margin:0; clear:both;}
	#frmContact label	{width:150px; float:left;}
	#frmContact .label	{font-size:10px; color:#94abc4; text-transform:uppercase;}	
	#frmContact input	{wdith:200px; margin:0 5px 0 0; float:left; vertical-align:middle;}
	#frmContact input[type:text] { width:300px; }	
	#frmContact textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#frmContactVn	{}
	#frmContactVn p		{padding:0 0 5px 0; margin:0; clear:both;}
	#frmContactVn label	{width:150px; float:left;}
	#frmContactVn .label	{font-size:10px; color:#94abc4; text-transform:uppercase;}	
	#frmContactVn input	{width:200px; margin:0 5px 0 0; float:left; vertical-align:middle;}
	#frmContactVn input[type:text] { width:300px; }	
	#frmContactVn textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.formbttn	{
	width:40px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	height: 24px;
	background-image: url("../../App_Themes/img/site/bg-but.gif");
	background-repeat: repeat-x;
	border: 1px solid #7e7d7b;
}
.form_search	{
	width:135px;
	color:#7e7d7b;
	font-size:11px;
	text-transform:none;
	height: 22px;
	background-color: #d8dede;
	border: 1px solid #b5b3b4;
	margin-top: 10px;
	margin-bottom: 10px;
}


.pagination	{list-style:none; text-align:right; border-top:1px solid #e0e7f1; padding:10px 0; clear:both;}
	.pagination li		{display:inline;}
	.pagination a		{color:#002248; background:#E0EBF8; padding:6px 10px; display:inline-block;}
	.pagination a:hover	{color:#fff; background:#284F90; text-decoration:none;}
	.pagination .selected a	{font-weight:bold; color:#002248; background:#fff;}

/* listing on homepage */
.contType01	{
	width:540px;
	float:left;
	padding-top: 15px;
}
	.contType01 div		{ width:125px; margin-right:10px; float:left;}
	.contType01 div img	{ margin-bottom:5px;}
	.contType01 div p	{
	font-size:11px;
	line-height:16px;
	color:#787878;
	padding:10px 0;
	margin-top:5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E0E7F1;
}
	.contType01 div a	{
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#6699cc;
	height:145px;
	display:block;
}
	.contType01 div a:hover	{ color:#1267a5;}

/* search + map*/
.contType02	{
	width:370px;
	float:right;
	padding-top: 0px;
	height: 360px;
}

.line {
	border:1px dotted #E0E7F1;
}

/* listing on listing page */
.contType03 { width:100%; list-style:none;}
	.contType03 li			{ width:230px; margin:0 10px 20px 0; float:left; display:inline-block;}
	.contType03 li img		{ margin-bottom:10px;}
	.contType03 li a		{ color:#6699cc; font-size:14px; line-height:20px; margin:0 0 10px 0; display:block; height:205px;}
	.contType03 li span		{ color:#6699cc; font-size:14px; line-height:20px; margin:0 0 10px 0; display:block;}
	.contType03 li a:hover	{ color:#1267a5;}
	.contType03 div			{ font-size:11px; line-height:16px; color:#787878; background:#E0E7F1; padding:5px 10px;}
	.contType03 div strong	{ color:#444;}	
	.contType03 li p		{ font-family:Verdana; font-size:11px; line-height:17px; padding:10px 10px 10px 0; height:110px;}

/* image headline for detail page */
.contType04 {min-height:317px; background:#284F90; clear:both;}
	.contType04 .colleft {
	width:360px;
	height:100%;
	float:left;
}
	.contType04 .colright {
	width:210px;
	float:left;
	list-style:none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-top: 10px;
}
	.contType04 .colright li { display:inline;}
	.contType04 .colright img { width:100px; height:72px; margin:0 2px 5px 0;}
	
/* content for detail page */
.contType05	{ padding-bottom:20px; margin:0; clear:both;}
	.contType05 p	{ font-family:Verdana; font-size:11px; line-height:18px; margin:0 12px 15px 0;}
	
/* listing in detail page */
.contType06	{ font-size:11px; list-style:none; margin:0 0 25px 0; clear:both;}
	.contType06 h4	{ color:#284F90; padding-bottom:5px; border-bottom:1px solid #284F90;}
	.contType06 dt	{ width:150px; background:#f4f4f4; border-bottom:1px solid #ccc; padding:5px 0 5px 10px; float:left;}
	.contType06 dd	{ width:60px; background:#E6ECF4; border-bottom:1px solid #ccc; padding:5px 10px 5px 0; float:right; text-align:right;}
	.contType06 dd.yes	{ background:#E6ECF4 url("../../App_Themes/img/site/yes.gif") no-repeat 45px center;}
	.contType06 dd.no	{ background:#E6ECF4 url("../../App_Themes/img/site/no.gif") no-repeat 45px center;}
	.contType06 dd span	{ visibility:hidden;}
	
	
/* overview in detail page */
.contType07	{ font-size:11px; color:#4e6b9c; list-style:none; margin:0 0 10px 0; clear:both;}
	.contType07 dt	{ width:120px; font-weight:bold; background:#bdd3eb; padding:4px 0 4px 10px; float:left;}
	.contType07 dd	{ width:90px; background:#bdd3eb; padding:4px 10px 4px 0; float:right; text-align:right;}	
	.contType07 .altbg	{ color:#fff; background:#90B7E0;}
	.contType07 dt.box	{ width:60px; font-size:14px; padding:10px 0 10px 10px; margin-top:10px; background:#284F90;}
	.contType07 dd.box	{ width:150px; font-size:14px; padding:10px 10px 10px 0; margin-top:10px; background:#284F90;}

/* team */
.contType08 { }
	
/* contact */
.contType09 { font-size:11px; margin:0; }
	.contType09 h4	{ font-family:Arial; font-size:12px; line-height:18px; font-weight:normal!important; color:#94abc4; text-transform:uppercase; border-top:1px solid #284F90; border-bottom:1px solid #ddd; margin:0 0 5px 0; padding:5px 0;}
	.contType09 h5	{ font-size:11px; color:#002249;}


/* BEGIN ALERT CLASS CSS RULES
***********************************************************************************************************************************/
.alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background:#fff url(../images/_alert_bar.gif) 0 0 no-repeat; border:1px solid #ccc; height:auto; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999;}
	.alertClassBox p {margin:0; padding:5px 3px 3px 3px; clear:both;}
	.alertClassBox a.closeImage {width:12px; height:12px; background:url("../../App_Themes/img/site/_alert_close.gif") 0 0 no-repeat; float:right; display:block; cursor:pointer;}
.alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998;}
.hide{display:none!important;}
/* END ALERT CLASS CSS RULES		
	

/* Tien Add */

#navBar
{
	height: 20px;
	width: 100%;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0 190px;
	text-transform: uppercase;
	text-align: left;
}

#left
{
	float:left;
	width: 150px;
}

#right
{
	float: right;
	width: 720px;
	margin-left:5px;
}

#bannerProduct {
	width: 600px;
	padding: 0;
}
.news12
{
	float: left;
	width: 235px;
	height: auto;
	margin-left: 5px;
	margin-top: 5px;
}
.news1
{
	float: left;
	width: 235px;
	height: 380px;
	margin-left: 5px;
	margin-top: 5px;
}

.news1 .newsImg
{
	text-align: center;
}

.news1 .newsTitle
{
	text-transform: uppercase;
	padding: 10px 5px;
	font-weight: bold;
	text-align: left;
}

.news1 .shortContent
{
	padding: 10px 5px;
	background:url("../../App_Themes/img/site/shortContentBg.jpg") repeat-x;
	text-align: left;
}

.news1 a:hover, .news1 a:active
{
	text-decoration: none;
}

.news1 .more
{
	width: 215px;
	padding: 10px;
	background: url("../../App_Themes/img/site/shortContentBg.jpg") repeat-x;
	background-position: bottom;
	border-top: dashed 1px gray;
	text-align: left;
}

.news1 .more a:hover, .news1 .more a:visited
{
	color: blue;
}

#bdsHVG h2
{
	height: 20px;
	width: 100%;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0 0 0;
	text-transform: uppercase;
	text-align: left;
}

.bds {
	margin-top: 5px;
	width: 720px;
	height: 140px;
	text-align: left;
}

.bdsProduct {
	margin-top: 5px;
	width: 720px;
	height: 140px;
	text-align: left;
	border-bottom: dotted 1px #000;
}

.bds1 {
	width: 720px;
	text-align: left;
	color:Black;
}

.bds a:hover{
	text-decoration: none;
}

.bdsLeft {
	float: left;
	width: 180px;
	height: 130px;	
	text-align: center;
	margin-top: 5px;
}

.bdsRight {
	float: left;
	width: 520px;
	margin-left: 10px;
}

.bdsAbout {
	float: left;
	width: 520px;
	margin-left: 10px;
	text-align: left;
}

.bdsTitle {
	text-transform: uppercase;
	padding: 0 5px;
	font-weight: bold;
	font-size:12px;
}

.bdsShortContent {
	padding: 10px 5px;
	background:url("../../App_Themes/img/site/shortContentBg.jpg") repeat-x;
}

.bdsMore {
	text-align: right;
	clear:both;
}

.aboutContent {
	padding: 10px 5px;
	text-align: left;
}

.aboutFullContent {
	text-align: left;
}

#menu{
	float:left;
	width:140px;
	margin-top:15px;
}
	
.tab_menu{
	text-align:left;
	color:#545a5c;
	cursor:pointer;
	font-family:Arial;
	font-size:12px;
	position:relative;
	background-attachment: scroll;
	background-color: #CCC;
	background-image: url("../../App_Themes/img/site/bg_menu_left.png");
	background-repeat: repeat-x;
	background-position: 0%;
	height:40px;
	width:170px;
}
.tab_menu:hover{
	color:#545a5c;
	background-attachment: scroll;
	background-color: #5885BC;
	background-image: url("../../App_Themes/img/site/bg-menu_left.gif");
	background-repeat: repeat;
	background-position: 0%;
}
.tab_v_menu{
	padding-top: 12px;
	padding-bottom:5px;
	padding-left: 10px;
}

.sub_menu{
	text-align:left;
	list-style: none;
	text-indent: 30px;
	padding:0;
	margin: 0;
}

.sub_menu li
{
	padding: 10px 0;
	background:url("../../App_Themes/img/site/bg_menu_left.png") repeat-x;
}
.sub_menu li:hover
{
	padding: 10px 0;
	background:url("../../App_Themes/img/site/bg-menu_left.gif") repeat-x;
}

.hvg {
	background: #000;
}

/* End Tien Add */