/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; outline:none;}
body			{font-size:0.625em; background:#e5e5e5 url(../images/bgd_body.gif) 0 0 repeat}
a				{color:#04629e; text-decoration:none}
a:hover			{text-decoration:underline; color:#04629e;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#000; border:#9b9b9b solid 1px; font-size:1em;}
input {padding:1px 0 2px 3px; color:#000; height:14px;}
h1{}
h2, h3,h4{font-size:1.5em;}
h5{font-size:1.1em; margin:0 0 5px 0}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{border-collapse:separate; border-spacing:0; margin:0;}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#container{width:990px; padding:0; margin:0 auto; font-size:1.2em; background:#fff;}
#container h1 {font-size:0.8em; font-weight:normal}

	/******************/
	#header{width:990px;}
		.logo{width:990px; overflow:hidden;}
			.logo h1{display:block; float:left}
				.logo h1 img{display:block}
			.logo ul{display:block; float:right; padding:10px 30px 0 0; margin:0 0 7px 0}
			.logo li{display:block; float:left; margin:0 5px 0 0;}
			.logo div{width:480px; float:right; overflow:hidden}
			.logo .tel{float:right; clear:both; background:url(../images/ico_tel.gif) 0 0 no-repeat; padding:9px 35px 7px 40px; font-size:1.5em;}
			
		/******************/
		#contNav{width:990px; background:url(../images/bgd_nav.gif) 0 0 no-repeat; height:63px;}
			#nav{width:990px; display:block;}
			#nav li{display:block; float:left; background:url(../images/bgd_lineNav.gif) 100% 50% no-repeat; padding:0 1px 0 0;}
				#nav li a{display:block; color:#fff; font-weight:bold; padding:0 22px 0 0}
				#nav li a span{display:block; padding:8px 0 8px 22px; line-height:17px; color:#fff; font-size:1.083em;}
				#nav li a:hover{text-decoration:none; background:url(../images/bgd_righttnav.gif) 100% 0 no-repeat;}
				#nav li a:hover span{background:url(../images/bgd_leftnav.gif) 0 0 no-repeat; color:#0c77ba;}
				#nav .last{background:none}
			
				#nav .current a{background:url(../images/bgd_righttnav.gif) 100% 0 no-repeat;}
				#nav .current a span{background:url(../images/bgd_leftnav.gif) 0 0 no-repeat; color:#0c77ba;}
			
			#contNav div{width:980px; padding:4px 10px 0 0; clear:both; overflow:hidden}
				#contNav input{float:right; width:200px; height:15px; background:#fff url(../images/ico_search.gif) 5px 50% no-repeat; padding-left:20px;} 
				#contNav input.btnSearch{width:15px; height:17px; border:none; background:none; padding:0; margin:2px 0 0 3px;}
				
				
	/******************/
	#main{width:975px; padding:0 0 10px 15px; margin:15px 0 0 0; overflow:hidden; background:url(../images/bgd_main.gif) 0 0 repeat-y}
	
	/******************/
	#content{width:710px; float:left}
		#content h2{color:#0e9b49; margin:0 0 5px 0}
		#content h3{color:#038639; margin:0 0 5px 0;}
		
		/******************/
		.intro{width:100%; overflow:hidden; margin:0 0 10px 0}
			.intro img{display:block; float:left; border:#cacaca solid 1px; padding:1px; margin:0 15px 0 0}
			.intro p{padding:0 0 10px 0}
			.intro a{background:url(../images/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 12px;}
			
		/******************/
		.banner{width:100%;  margin:0 0 10px 0}
		
		/******************/
		.contProducts{width:100%; overflow:hidden;}
			#content .contProducts h2{background:url(../images/bgd_h2.gif) 0 100% no-repeat; padding:0 0 10px 0; margin:0 0 10px 0; text-transform:uppercase; font-size:1.33em;}
			.contProducts .last{margin-right:0;}
			.infoProduct{width:170px; float:left; margin:0 10px 0 0; padding:0 0 15px 0}
				.infoProduct img{display:block; border:#cacaca solid 1px; padding:1px; margin:0 0 7px 0}
				.infoProduct h3{font-size:1em; color:#038639;}
					.infoProduct h3 a{color:#038639;}
			
			.more{text-align:right; width:100%; overflow:hidden; background:url(../images/bgd_line_03.gif) 0 0 repeat-x; padding:10px 0 0 0}				
				.more a{float:right; background:url(../images/ico_arrow_01.gif) 0 0 no-repeat; padding:0 0 3px 22px; color:#038638;}
			
			.productInfo2{width:100%; overflow:hidden; padding:0 0 10px 0; margin:0 0 15px 0; background:url(../images/bgd_line_03.gif) 0 100% repeat-x;}
				.productInfo2 img{display:block; float:left; border:#cecece solid 1px; margin:0 10px 5px 0;}
				.productInfo2 p{padding:0 0 10px 0}
				.productInfo2 h5{margin:0 0 10px 0}
				.detail {text-align:right}
				.detail a{background:url(../images/ico_arrow_01.gif) 0 0 no-repeat; padding:0 0 3px 22px; color:#038638;}

	/******************/
	#context{width:250px; float:right;}
		#context h1{color:#fff; text-transform:uppercase; font-size:1.083em; padding:5px 5px 5px 10px; line-height:15px;}	
		#context h2{color:#fff; text-transform:uppercase; font-size:1.083em; padding:5px 5px 5px 10px; line-height:15px;}
		#context h3{font-size:1em; color:#04629e; margin:0 0 5px 0}
		
		.lev1{width:250px; background:#f2bc26; margin:0 0 10px 0}
			.lev1 h1{background:url(../images/bgd_lev1.gif) 0 0 repeat-x;}
			.lev1 div{width:230px; padding:5px 10px 10px 10px;}
			.lev1 ul{}
			.lev1 li{display:block; background:url(../images/bgd_lineLev.gif) 0 100% repeat-x; padding:0 0 2px 0; color:#676767;}
				.lev1 li a{display:block; background: url(../images/ico_arrow_02.gif) 0 11px no-repeat; padding:5px 5px 3px 10px; color:#000; width:215px;}
			.lev1 li ul li{background:none; padding:2px 8px 3px 8px}
				.lev1 li ul li a{display:inline; background:none; padding:0; color:#000; width:210px;}
				.lev1 li a:hover{color:#000}
			
			.lev1 .current a{font-weight:bold; background:url(../images/ico_arrow_03.gif) 0 11px no-repeat;}
				.lev1 .current li a{font-weight:normal; background:none}
			
				.lev1 li.subActive a{font-weight:bold}
			.lev1 li.last{background:none; padding-bottom:0}
		
		/******************/
		.newProduct{width:100%; margin:0 0 10px 0}
			.newProduct h2{background:url(../images/bgd_title.gif) 0 0 repeat-x;}
			.newProduct div{padding:10px;}
				.newProduct div img{display:block; margin:0 0 7px 0}
				.newProduct div p{padding:0 0 5px 0}
				.newProduct div p a{background:url(../images/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 12px; float:right}
		
		/******************/
		.contextInfo{width:100%; overflow:hidden; margin:0 0 10px 0}
			.contextInfo dt{background:url(../images/bgd_title_01.gif) 0 0 repeat-x; color:#fff; text-transform:uppercase; font-size:1.083em; padding:5px 5px 5px 10px; line-height:15px; border-bottom:#fff solid 1px; cursor:pointer}
			.contextInfo dd{display:none}
			.contextInfo  div{ width:230px; padding:5px 10px 5px 10px; background:#E79121 url(../images/bgd_weather.gif) repeat-x}
			.contextInfo table{margin:0}
			.contextInfo tr{background:url(../images/bgd_line_01.gif) 0 100% repeat-x}
			.contextInfo .last{background:none}
			.contextInfo th{padding:5px 0; text-align:left; color:#000; width:100px;}
			.contextInfo td{font-weight:normal; text-align:right; padding:5px 0;  color:#000;}
			.contextInfo sup{color:#000}
			.contextInfo .last{background:none}
		
		.button{text-align:center; padding:10px 0 0 0}
		
	/******************/
	#footer{width:970px; background:#fff url(../images/bgd_footer.gif) 0 0 repeat-x; border-bottom:#cdcdcd solid 1px; text-align:center; padding:20px 10px;}
		#footer ul{text-align:center; padding:0 0 8px 0}
		#footer li{display:inline; background:url(../images/bgd_lineFooter.gif) 100% 50% no-repeat; padding:0 15px;}
		#footer li a{color:#000;}
		#footer li a:hover{color:#04629e; text-decoration:none}
		#footer li.last{background:none}
		
/***************22-01-2009**********/

	/***************tin tuc**********/	
	/******************/
	#content{width:710px; float:left; padding:0 0 10px 0}
	#content h2{color:#0e9b49; background:url(../images/bgd_h2.gif) 0 100% no-repeat; padding:0 0 10px 0; margin:0 0 10px 0; text-transform:uppercase; font-size:1.33em;}
		#content h3{color:#04629e; margin:0 0 5px 0; font-size:1.167em}
		#content .infoProduct h3{font-size:1em; color:#038639;}
		#content .infoProduct h3 a{color:#04629e;}
		
		#content h4{margin:0 0 5px 0; font-size:1.167em}
	
	/*******News***********/
	.contNews{width:100%;}
		.listNews{width:98%; overflow:hidden; padding:10px 5px;}
			.listNews img{display:block; float:left; padding:1px; margin:0 10px 0 0; border:#cacaca solid 1px;}
			.listNews p span{font-size:0.92em; font-style:italic;}
			.listNews p{padding:0 0 5px 0}
			.typeNews{background:#e8f1f7}
			.moreNews{text-align:right} 
			.moreNews a{background:url(../images/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 15px;}
			
		.newsDetails{width:100%; padding:0 0 10px 0}
		#content .newsDetails h3{font-size:1.5em;}
			.newsDetails p{padding:0 0 10px 0}
			.newsDetails p span{font-size:0.92em; padding:0 0 10px 0; display:block}
				.newsDetails .illus{text-align:center}
				.newsDetails .illus img{padding:1px; border:#cacaca solid 1px;}
		
		/******************/
		.otherNews{padding:10px 0 0 0; background:url(../images/bgd_line_04.gif) 0 0 repeat-x;}
			.back{float:right;  font-weight:bold; color:#000}
			.otherNews ul{padding:5px 0 0 0}
			.otherNews li{background:url(../images/ico_arrow_02.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 5px 0}
			
	/******************/
	.productDetails{width:100%;}
	.listProducts{width:100%; overflow:hidden; margin:0 0 20px 0}
		.listProducts .btnPrev{display:block; float:left; margin:0 15px 0 0; padding:40px 0 0 0}
		.listProducts .btnNext{display:block; float:right; margin:0;  padding:40px 10px 0 0}
		.listProducts div{width:660px; float:left; overflow:hidden;}
		.listProducts ul{display:block; overflow:hidden; width:10000px;}
		.listProducts li{display:block; float:left; margin:0 10px 0 0; text-align:center; width:122px; overflow:hidden}
		.listProducts li img{display:block; margin:0 0 5px 0; padding:1px; border:#cacaca solid 1px;}
		.listProducts li p{text-align:center; font-size:0.92em;}
		.listProducts li p a{width:222px; overflow:hidden}
		.listProducts li a{}
		
		.productInfo{width:100%; overflow:hidden; background:url(../images/bgd_line_04.gif) 0 0 repeat-x; padding:15px 0 0 0}
			#content .productInfo h3{font-size:1.5em; margin:0 0 15px 0;}
			.productInfo .illus{padding:0 0 20px 0; text-align:center}
			.productInfo .illus img{margin:0; padding:1px; border:#cacaca solid 1px}
			.moreInfo{width:100%;}
			
			.tabMenu{width:99%; display:block; overflow:hidden; background:url(../images/bgd_line_05.gif) 0 100% repeat-x; padding:0 0 0 10px;}
				.tabMenu li{display:block; float:left; background:url(../images/bgd_rightTab.gif) 100% 0 no-repeat; padding:0 3px 0 0; margin:0 10px 0 0}
				.tabMenu li a{display:block; background:url(../images/bgd_leftTab.gif) 0 0 no-repeat; padding:5px 15px 5px 18px; line-height:17px; color:#fff; text-decoration:none; font-weight:bold}
				.tabMenu li.current{background:url(../images/bgd_rightTab2.gif) 100% 0 no-repeat;}
				.tabMenu li.current a{background:url(../images/bgd_leftTab2.gif) 0 0 no-repeat; color:#04629e}
			
			.infoType{padding:10px 15px 5px 15px; border:#cacaca solid 1px; border-top:none}
				.infoType h4{margin:0 0 10px 0}
				.infoType p{padding:0 0 10px 0}
				.infoType ul{padding:0 0 5px 0; margin:0 0 0 23px;}
				.infoType ul li{list-style:decimal; padding:0; margin:0 0 5px 0}
				.infoType ol{padding:5px 0; margin:0 0 0 15px;}
				.infoType ol li{list-style:disc; margin:0 0 5px 0}	
		/***************Form****************/
.formType{padding:0 30px;}
	.formType p{width:100%; overflow:hidden; display:block; margin:0 0 10px 0}
	.formType label{width:120px; display:block; float:left; margin:0 10px 0 0;}
	.formType input{float:left; width:250px;}
	.formType .file{float:left; width:255px;}
	.formType textarea{width:247px; height:100px; padding:2px 1px 1px 2px;}
	.formType .checkType{padding:0 0 0 0px; width:75%;}
	.formType .checkType label{width:auto; margin:0 10px 0 0}
	.formType .checkType input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0;}
	.formType .btn{padding:0 0 0 130px; width:75%;}
	.formType .btn input{width:78px; margin:0 10px 0 0; height:30px; border:none; background:url(../images/bgd_btn_02.gif) 0 0 no-repeat; color:#fff; font-weight:bold; cursor:pointer}
	/***************Form****************/