@charset "utf-8";
/*=== CSS Document ===*/

body{
	background: #ffffff url(bgr.gif);
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #a3a3a3;
	text-decoration: underline;
}

img{
border:none;
}
/*=== Main Container ===*/
#main {
	width: 818px;
	margin: 0px auto;
}
#header {
	margin: 0px auto;
}
/*========================================== OPEN BANNER ===*/
#banner {
	width:818px;
	height:187px;
	margin: 0px auto;
}
#banner .b1{
	width:141px;
	float:left;
	height:187px;
	margin: 0px auto;
}
#banner .b2{
	width:428px;
	float:left;
	height:187px;
	margin: 0px auto;
}
#banner .b3{
	width:249px;
	height:187px;
	float:right;
	margin: 0px auto;
}
#banner .b4{
	width:818px;
	height:13px;
	float:left;
	margin: 0px auto;
}



#menu {
	width: 818px;
	height:43px;
	float:left;
	margin: 0px auto;
}

#menu .m1{
	width:136px;
	height:43px;
	float:left;
	margin: 0px auto;
}
/* Open Lang France */
#menu .fr{
	width:40px;
	height:43px;
	float:left;
	margin: 0px auto;
}
#menu .fr a{
	float:left;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	background:url(fr_off.gif) top left no-repeat;
	width:40px;
	height:43px;
	font: bold 12px Arial;
	text-align:center;
	line-height:32px;
	color:#424242;
}
#menu .fr a:hover{
	background:url(fr_on.gif) top left no-repeat;
	color:#FFFFFF;
}
#menu .fr .active
{
	background:url(fr_on.gif) top left no-repeat;
	color:#FFFFFF;
}
/* End Lang France */
#menu .m2{
	width:8px;
	height:43px;
	float:left;
	margin: 0px auto;
}
/* Open Lang English */
#menu .en{
	width:41px;
	height:43px;
	float:left;
	margin: 0px auto;
}
#menu .en a{
	float:left;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	background:url(en_off.gif) top left no-repeat;
	width:41px;
	height:43px;
	font: bold 12px Arial;
	text-align:center;
	line-height:32px;
	color:#424242;
}
#menu .en a:hover{
	background:url(en_on.gif) top left no-repeat;
	color:#FFFFFF;
}
#menu .en .active
{
	background:url(en_on.gif) top left no-repeat;
	color:#FFFFFF;
}
/* End Lang English */
#menu .m3{
	width:14px;
	height:43px;
	float:left;
	margin: 0px auto;
}
/* OPEN MENU */

#cataloge{
	background:url(menu_bg.gif);
	width:570px;
	float:left;
	margin: 0px auto;
}
#cataloge ul {
	list-style: none;
	padding:0;	
	margin:0;
}
#cataloge li {	
	display: inline;
}

#cataloge a{
	float:left;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	background:url(menu_off.gif) top left no-repeat;
	width:111px;
	height:43px;
	font: bold 12px Arial;
	text-align:center;
	line-height:32px;
	color:#424242;
	margin-left:3px;
}
#cataloge a:hover{
	background:url(menu_on.gif) top left no-repeat;
	color:#FFFFFF;
}
#cataloge .active
{
	background:url(menu_on.gif) top left no-repeat;
	color:#FFFFFF;
}

#cataloge .contact{
	width:111px;
	height:43px;
	float:right;
	margin: 0px auto;
}
#cataloge .contact a{
	float:right;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	background:url(contact_off.gif) top left no-repeat;
	width:111px;
	height:43px;
	font: bold 12px Arial;
	margin-bottom:0px;
	text-align:center;
	line-height:32px;
	margin:0px;
	color:#424242;
}
#cataloge .contact a:hover{
	background:url(contact_on.gif) top left no-repeat;
	color:#FFFFFF;
}
#cataloge .contact .active
{
	background:url(contact_on.gif) top left no-repeat;
	color:#FFFFFF;
}
/* END MENU */
#menu .m4{
	width:9px;
	height:43px;
	float:right;
	margin: 0px auto;
}
#menu .m5{
	width:818px;
	height:7px;
	float:left;
	margin: 0px auto;
}

/*========================================== END BANNER ===*/

/*========================================== OPEN PAGE ===*/

#page {
	width:818px;
	background:url(page_bg.gif);
	float:left;
}
#page .page_open{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .page_open .order{
	width:193px;
	height:174px;
	float:right;
}
#page .page_open .welcome{
	width:562px;
	height:174px;
	float:left;
}
#page .page_open .welcome .text1{
	width:538px;
	text-decoration:none;
	text-transform:uppercase;
	font: 30px Arial;
	margin-left:24px;
	color:#dc6700;
	float:left;
}
#page .page_open .welcome .text2{
	width:538px;
	text-decoration:none;
	font: 15px Arial;
	margin-left:24px;
	color:#7b7b7b;
	float:left;
}
#page .page_open .welcome .text3{
	background:#f7ffd6;
	width:560px;
	height:115px;
	margin-top:5px;
	color:#7b7b7b;
	float:left;
	border: 1px dashed #e2d973;
}
#page .page_open .welcome .gioithieu{
	width:552px;
	height:93px;
	padding: 5px;
	text-decoration:none;
	font: 12px Arial;
	color:#000000;
	text-align:justify;	
	float:left;
	overflow:hidden;
}
#page .page_open .welcome .read a{
	margin: 0px 0px 2px 5px;
	font: bold 9px Arial;
	float:right;
	text-align:right;
	color:#a3a0a0;
	text-decoration:none;
	}
#page .page_open .welcome .read a:hover{
	float:right;
	font: bold 9px Arial;
	color:#707276;
	text-decoration:underline;
}
#page .page_cach{
	width:818px;
	height:24px;
	background:url(cachcach.gif);
	float:left;
}
#page .page_center{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .page_center .ads{
	width:193px;
	float:left;
}
#page .page_center .ads .ads1{
	width:193px;
	float:left;
	border: 1px dashed #000;
	margin-bottom:10px;
}
#page .page_center .news{
	width:560px;
	color:#7b7b7b;
	float:right;
	}
#page .page_center .news .title1{
	font: 20px Arial;
	width:560px;
	height:30px;
	color:#000000;
	float:left;
	}
#page .page_center .news .promotion{
	font: 20px Arial;
	width:560px;
	height:105px;
	color:#000000;
	float:left;
	margin-bottom:15px;
	}
#page .page_center .news .img1{
	width:105px;
	height:105px;
	float:left;
	border: 1px dashed #000;
	}
#page .page_center .news .promotion .title{
	font: bold 12px Arial;
	width:445px;
	height:15px;
	float:right;
	}
#page .page_center .news .promotion .news{
	width:445px;
	height:78px;
	font: 12px Arial;
	float:right;
	text-align:justify;	
	overflow:hidden;
	color:#2d2d2d;
	}
#page .page_center .news .promotion .read{
	width:445px;
	height:9px;
	float:right;
	}
#page .page_center .news .promotion .read a{
	width:445px;
	height:9px;
	font: bold 9px Arial;
	float:left;
	text-align:right;
	color:#a3a0a0;
	text-decoration:none;
	}
#page .page_center .news .promotion .read a:hover{
	width:445px;
	height:6px;
	float:left;
	font: bold 9px Arial;
	color:#707276;
	text-align:right;
	text-decoration:underline;
}
#page .page_center .news .health1{
	font: 20px Arial;
	width:560px;
	height:96px;
	color:#000000;
	float:left;
	margin-bottom:12px;
	}
#page .page_center .news .health1 .title{
	font: bold 12px Arial;
	width:454px;
	height:15px;
	text-align:right;
	float:left;
	}
#page .page_center .news .health2{
	font: 20px Arial;
	width:560px;
	height:96px;
	color:#000000;
	float:left;
	}
#page .page_center .news .health2 .title{
	font: bold 12px Arial;
	width:454px;
	height:15px;
	text-align:right;
	float:left;
}
#page .page_center .news .news1{
	width:454px;
	height:72px;
	font: 12px Arial;
	float:left;
	text-align:justify;	
	overflow:hidden;
	color:#2d2d2d;
	}
#page .page_center .news .read{
	width:454px;
	height:9px;
	float:left;
	}
#page .page_center .news .read a{
	width:454px;
	height:9px;
	font: bold 9px Arial;
	float:left;
	text-align:left;
	color:#a3a0a0;
	text-decoration:none;
	}
#page .page_center .news .read a:hover{
	width:454px;
	height:6px;
	float:left;
	font: bold 9px Arial;
	color:#707276;
	text-align:left;
	text-decoration:underline;
}
#page .page_center .news .img2{
	width:96px;
	height:96px;
	float:right;
	border: 1px dashed #000;
	}
#page .page_center .news .title2{
	text-align:right;
	font: 20px Arial;
	width:560px;
	height:30px;
	color:#000000;
	float:left;
	}
#page_end {
	width:818px;
	height:29px;
	background:url(page_end.gif);
	float:left;
}
/*========================================== END PAGE ===*/


/*========================================== OPEN FOOTER ===*/

#footer{
	width:818px;
	height:72px;
	color:#787878;
	float:left;
	background:url(footer.gif);
	font: bold 12px Arial;
	text-align:center;
	line-height:70px;
}

/*============================================================================================================================== MENU ===*/

#page .page_menu{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .page_menu .welcome{
	width:562px;
	float:left;
}
#page .page_menu .welcome .text1{
	width:538px;
	text-decoration:none;
	text-transform:uppercase;
	font: 30px Arial;
	margin-left:24px;
	color:#dc6700;
	float:left;
}
#page .page_menu .welcome .text2{
	width:538px;
	text-decoration:none;
	font: 15px Arial;
	margin-left:24px;
	color:#7b7b7b;
	float:left;
}
#page .page_menu .shopping{
	width:193px;
	height:51px;
	float:right;
}
#page .page_menu .shopping .icon{
	width:51px;
	height:51px;
	float:left;
}
#page .page_menu .shopping .text1{
	width:137px;
	text-decoration:none;
	font: bold 12px Arial;
	float:right;
	text-align:left;
	margin-top:11px;
}
#page .page_menu .shopping .text2{
	width:137px;
	text-decoration:none;
	font: 11px Arial;
	float:right;
	text-align:left;

}
#page .menu_center{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .menu_center .title{
	text-decoration:none;
	text-transform:uppercase;
	font: bold 14px Arial;
	color:#00344f;
	width:770px;
	float:left;
	margin-bottom: 10px;
}
#page .menu_center .view{
	width:770px;
	float:left;
}
#page .menu_center .view .v1{
	width:770px;
	height:23px;
	background:url(bg_viewmenu.gif) top left repeat;
	float:left;
	font: bold 11px Arial;
	color:#606a74;
	line-height:22px;
}
#page .menu_center .view .v1 .id{
	width:27px;
	float:left;
	text-align:center;
}
#page .menu_center .view .v1 .name{
	width:557px;
	float:left;
	text-align:left;
	margin-left:15px;
}
#page .menu_center .view .v1 .money{
	width:60px;
	float:left;
	text-align:center;
}
#page .menu_center .view .v1 .view{
	width:50px;
	float:left;
	text-align:center;
}
#page .menu_center .view .v1 .order{
	width:60px;
	float:left;
	text-align:center;
}
#page .menu_center .view .v2{
	width:770px;
	height:28px;
	float:left;
	font: bold 11px Arial;
	color:#606a74;
	line-height:25px;
	background:#fafafa;
}
#page .menu_center .view .v3{
	width:770px;
	height:28px;
	float:left;
	font: bold 11px Arial;
	color:#606a74;
	line-height:22px;
	background:#e0f0ff;
}
#page .menu_center .view .v4{
	width:770px;
	height:28px;
	float:left;
	font: bold 11px Arial;
	color:#606a74;
	line-height:22px;
	background:#ffffff;
}
#page .menu_center .view .id1{
	width:27px;
	float:left;
	text-align:center;
	font: 11px Arial;
	line-height:24px;
	color:#00344f;
}
#page .menu_center .view .name1{
	width:557px;
	float:left;
	text-align:left;
	margin-left:15px;
	color:#00344f;
}
#page .menu_center .view .name1 .minitext1{
	text-align:left;
	margin-left:5px;
	font: 11px Arial;
	color:#00344f;
}
#page .menu_center .view .money1{
	width:60px;
	float:left;
	text-align:center;
	font: 11px Arial;
	line-height:24px;
	color:#00344f;
}
#page .menu_center .view .view1{
	width:50px;
	float:left;
	text-align:center;
	font: 11px Arial;
	line-height:24px;
	color:#00344f;
}
#page .menu_center .view .image1{
	width:50px;
	height:23px;
	background:url(noimg.jpg) no-repeat center;
	float:left;
	text-align:center;
	margin-top: 2px;
}
#page .menu_center .view .order1{
	width:60px;
	height:22px;
	float:left;
/*	background:url(cart_icon.gif) no-repeat center;
*/	margin-top: 6px;
}
#page .menu_center .printmenu{
	width:770px;
	height:100px;
	float:left;
	border: 1px dashed #000;
	margin-top: 10px;
}


#page .menu_center .viewimg{
	width:300px;
	float:left;
}
#page .menu_center .viewimg .img{
	width:300px;
	height:227px;
	float:left;
	border: 1px dashed #000;
	margin-bottom:10px;
}
#page .menu_center .viewcart{
	width:453px;
	float:right;
}
#page .menu_center .viewcart .bg{
	background:url(bg_cart.jpg);
	width:453px;
	height:20px;
	float:left;
	font: bold 11px Arial;
	line-height:20px;
	color:#ffffff;
	border: 1px dashed #000;
	margin-bottom:5px;
}
#page .menu_center .viewcart .vc{
	width:453px;
	height:23px;
	float:left;
	font: 11px Arial;
	color:#000;
	line-height:22px;
}
#page .menu_center .viewcart .vc .text{
	font: 12px Arial;
	width:70px;
	float:left;
	margin-top:4px;
}
#page .menu_center .viewcart .remove{
	width:50px;
	float:left;
	height:23px;
	text-align:center;
	border: 1px dashed #a3a3a3;
}
#page .menu_center .viewcart .remove .thungrac{
	margin-top:4px;
	}
#page .menu_center .viewcart .id{
	width:25px;
	height:23px;
	float:left;
	text-align:center;
	border: 1px dashed #a3a3a3;
}
#page .menu_center .viewcart .name{
	width:260px;
	height:23px;
	float:left;
	text-align:center;
	border: 1px dashed #a3a3a3;
}
#page .menu_center .viewcart .qty{
	width:38px;
	float:left;
	height:23px;
	text-align:center;
	border: 1px dashed #a3a3a3;
}
#page .menu_center .viewcart .total{
	width:70px;
	height:23px;
	float:right;
	text-align:center;
	border: 1px dashed #a3a3a3;
}
#page .menu_center .viewcart .vc .continue{
	width:133px;
	height:25px;
	float:left;
}

/*============================================================================================================================== HEALTH ===*/

#page .page_health{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .page_health .welcome{
	width:562px;
	float:left;
}
#page .page_health .welcome .text1{
	width:538px;
	text-decoration:none;
	text-transform:uppercase;
	font: 30px Arial;
	margin-left:24px;
	color:#dc6700;
	float:left;
}
#page .page_health .welcome .link{
	width:538px;
	text-decoration:none;
	font: 15px Arial;
	margin-left:24px;
	color:#7b7b7b;
	float:left;
}
#page .health_center{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .health_center .ads{
	width:193px;
	float:right;
}
#page .health_center .ads .ads1{
	width:193px;
	height:120px;
	float:left;
	border: 1px dashed #000;
	margin-top:10px;
}
#page .health_center .ads .ads2{
	width:193px;
	float:left;
	border: 1px dashed #000;
	margin-top:10px;
}
#page .health_center .news{
	width:560px;
	float:left;
}
#page .health_center .news .view{
	width:560px;
	float:left;
	margin-bottom:5px;
}
#page .health_center .news .view .title{
	width:560px;
	height:25px;
	float:left;
	text-align:left;
	font: bold 13px Arial;
}
#page .health_center .news .view .img{
	width:96px;
	height:96px;
	float:left;
	border: 1px dashed #000;
}
#page .health_center .news .view .news1{
	width:454px;
	height:98px;
	font: 12px Arial;
	float:right;
	text-align:justify;
	line-height:16px;
	overflow:hidden;
	color:#2d2d2d;
}
#page .health_center .news .view .link{
	width:560px;
	float:left;
}
#page .health_center .news .view .link .cach{
	background:#a3a3a3;
	height:1px;
	width:490px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
#page .health_center .news .view .link .read{
	width:62px;
	float:right;
	margin-top:3px;
	}
#page .health_center .news .view .link .read a{
	font: bold 9px Arial;
	color:#a3a0a0;
	text-decoration:none;
	}
#page .health_center .news .view .link .read a:hover{
	font: bold 9px Arial;
	color:#707276;
	text-decoration:underline;
}
/************ PHAN CSS PHAN TRANG TIN TUC ************/
#page .health_center .news .phantrang{
	width:550px;
	height:15px;
	text-align:center;
	margin:5px;
	float:left;
}

#page .health_center .news .phantrang
.pagecurrent{
	background: #FFC9A5;
	font: bold 11px Arial;
    color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}

#page .health_center .news .phantrang
.pagecur {
	background: #ffffff;
	border: 1px solid #294B79;
	padding: 1px 5px 1px 5px;
	font: bold 11px Arial;
	color: #003300;
}
#page .health_center .news .phantrang
.pagelink {
	background: #a3a3a3;
	border: 1px solid #999;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
	font: bold 11px Arial;
}
#page .health_center .news .phantrang
.pagelink:link,
.pagelink:visited,
.pagelink:active{
	text-decoration: none;
	color: #000000 ;
}
#page .health_center .news .phantrang
.pagelink:hover{
	background: #ffffff;
	border: 1px solid #294B79;
	padding: 1px 5px 1px 5px;
	font-weight: bold;
	color: #003300;
}
/************ PHAN CSS PHAN TRANG TIN TUC ************/

/*============================================================================================================================== PROMOTION ===*/

#page .page_promotion{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .page_promotion .welcome{
	width:562px;
	float:left;
}
#page .page_promotion .welcome .text1{
	width:538px;
	text-decoration:none;
	text-transform:uppercase;
	font: 30px Arial;
	margin-left:24px;
	color:#dc6700;
	float:left;
}
#page .page_promotion .welcome .link{
	width:538px;
	text-decoration:none;
	font: 15px Arial;
	margin-left:24px;
	color:#7b7b7b;
	float:left;
}
#page .promotion_center{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .promotion_center .title{
	width:770px;
	font: bold 15px Arial;
	float:left;
	color:#000000;
	text-align:center;
	margin-bottom:15px;

}
#page .promotion_center .text{
	width:770px;
	font: 11px Arial;
	text-align:justify;
	float:left;
	color:#000000;
}
#page .promotion_center .linkold1{
	margin-top:15px;
	width:770px;
	float:left;
}

#page .promotion_center .linkold1 .khac{
	font: bold 12px Arial;
	color:#000000;
	width:70px;
	float:left;
}
#page .promotion_center .linkold1 .cach{
	background:#a3a3a3;
	height:1px;
	width:695px;
	float:right;
	overflow:hidden;
	margin-top:7px;
}
#page .promotion_center .linkold2{
	width:500px;
	margin-top:5px;
	margin-left:15px;
	float:left;
}
#page .promotion_center .linkold2 ul {
	padding:0;	
	margin:0;
	list-style:none;
	position:relative;
}
#page .promotion_center .linkold2 li {
	display:block;
	list-style:none;
}

#page .promotion_center .linkold2 a{
	display:block;
	text-decoration:none;
	font: 11px Arial;
	color:#424242;
}
#page .promotion_center .linkold2 a:hover{
	color:#FFFFFF;
}
/*============================================================================================================================== Contact ===*/

#page .page_contact{
	width:770px;
	float:left;
	margin: 10px 24px 0px 24px;
}
#page .page_contact .welcome{
	width:562px;
	float:left;
}
#page .page_contact .welcome .text1{
	width:538px;
	text-decoration:none;
	text-transform:uppercase;
	font: 30px Arial;
	margin-left:24px;
	color:#dc6700;
	float:left;
}
#page .page_contact .welcome .link{
	width:538px;
	text-decoration:none;
	font: 15px Arial;
	margin-left:24px;
	color:#7b7b7b;
	float:left;
}
#page .contact_center{
	width:770px;
	float:left;
	padding: 10px 24px 0px 24px;
}
#page .contact_center .map1{
	background:url(map1.gif) no-repeat;
	width:770px;
	height:159px;
	float:left;
}
#page .contact_center .map2{
	background:url(map2.jpg) no-repeat;
	width:662px;
	height:323px;
	float:left;
	padding: 0px 54px 19px 54px;
}
#page .contact_center .map2 .bgr{
	width:662px;
	height:304px;
	float:left;
	background:#ffffff;
	border: 1px dashed #000;
}
#page .contact_center .map2 .bgr .title{
	text-decoration:none;
	text-transform:uppercase;
	font: bold 14px Arial;
	padding: 10px 10px 2px 10px;
	width:642px;
	float:left;
}
#page .contact_center .map2 .bgr .add{
	font: 12px Arial;
	padding: 0px 10px 10px 10px;
	width:642px;
	float:left;
	line-height:17px;
}
#page .contact_center .map2 .bgr .fom{
	font: 12px Arial;
	padding: 0px 10px 5px 10px;
	width:642px;
	float:left;
}
#page .contact_center .map2 .bgr .fom .text{
	font: 12px Arial;
	width:70px;
	float:left;
	margin-top:4px;
}
#page .contact_center .map2 .bgr .fom .send{
	width:642px;
	float:left;
}