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

body{
	margin:0px auto;
	padding:0px;
	width:970px;
	background-color:#0065ad;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
body.index{
	margin:0px auto;
	padding:0px;
	width:970px;
	background-color:#0065ad;
	background-image: url(../images/bg_index.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#header{
	margin:0px auto;
	padding:0px;
	background-color:#FFF;}
#header h2{
	margin:15px 0px 15px 30px;
	padding:0px;
	float:left;}
ul.topnav {
	list-style: none;
	margin:0px 0px 0px 110px;
	padding:20px 0px 0px 0px;
	background: url(../../css/images/vn/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	margin:0px 0px 0px 0px;
	padding:0;
	float:left;
	font-size: 14px;
	color:#333;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 0px 0px;
	display: block;
	text-decoration: none;
	float: left;
    color:#333;
}
ul.topnav li a:hover{
	color:#181818;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 16px;
	height: 30px;
	float: left;
	background-image: url(../images/vn/subnav_btn.gif);
	background-repeat: no-repeat;
	background-position: center -10px;
}
ul.topnav li span.subhover {background-position: center -42px; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -20px;
	top: 25px;
	margin: 0;
	padding: 15px 0px 0px 15px;
	display: none;
	float: left;
	width: 130px;
	height:135px;
	background-image: url(../images/vn/bg_subnav.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
ul.topnav li ul.subnav.b {
	left: -30px;
	background-image: url(../images/vn/bg_subnav.gif);
}
ul.topnav li ul.subnav li{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 3px 10px;
	clear: both;
	font-size: 12px;
	font-weight: lighter;
	color:#ffcc66;
	width: 102px;
	background-image: url(../images/vn/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	display:block;
}
html ul.topnav li ul.subnav li a {
	color:#ffcc66;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	color:#FFF;
}
ul#distributor{	margin:0px 0px 0px 0px;padding:0px;list-style-type:none;}
ul#distributor li{
	margin:10px 0px 0px 0px;
	padding:0px 0px 6px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
ul#distributor li table{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul#distributor li table td{
	margin:0px 0px 0px 0px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ul#distributor li table th{
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
#header h3{
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
	background-image: url(../images/vn/bg_menu_main.jpg);
	height:58px;
}
#header h3 li.a{
	}
#header h3 li.b{
	margin-left:25px;
	letter-spacing: 0px;
	}
#header h3 li.c{
	margin-left:20px;
	letter-spacing: 1px;
	}
#header h3 li.d{
	margin-left:20px;
	letter-spacing: 1px;
	}
#header h3 li.e{
	margin-left:30px;
	}
#header h3 li.f{
	margin-left:28px;
	}
#header h3 li.g{
	margin-left:28px;
	}
#header p{
	margin:0px;
	padding:0px;
}
#header ul.p {
	margin:0px 0px 0px 750px;
	*margin:0px 0px 0px 435px;
	padding:0px 0px 0px 9px;
	float:right;
	*background-image: url(../images/vn/bg_menu_up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:250px;
	height:30px;
	position:absolute;
	z-index:99;
	list-style-type:none;}
#header li.p {
	margin:5px 0px 0px 10px;
    margin:*7px 0px 0px 14px;
	padding:0px;
	float:left;
	color:#333;
	font-size: 12px;
	}
#header li.p a{
	color:#333;
	text-decoration:none;
	}
#flash{
	margin:0px;
	padding:3px 0px 0px 0px;
	padding:0px;
	height:auto;
	background-color:#FFF}
#content{
	margin:0px;
	padding:15px 110px 30px 110px;
	background-color: #FFF;
}
#content.golden{
	padding:0px;
	background-image: url(../images/vn/bg_content_main.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#content.golden .infobox_up{
	padding:15px 35px 30px 35px;
	background-image: url(../images/vn/bg_content_up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .side_left{
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	float:left;
	width:238px;
}
#content .side_left .menu_left{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:30px;
	}
#content .side_left .menu_left ul{
	margin:0px 0px 0px 0px;
	padding:10px 45px 0px 25px;
	list-style-type:none;
	}
#content .side_left .menu_left li{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 18px;
	background-image: url(../images/vn/icon_01.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 10px;
	height:auto;
	}
#content .side_left .menu_left li a{
	color:#06C;
	font-size: 12px;
	text-decoration:none;
	}
#content .side_left .menu_left li a:hover{
	color:#333;
	text-decoration:none;
	}
#content .side_right{
	margin:0px;
	padding:35px 0px 0px 0px;
	float:right;
	width:625px;
}
#content h2{
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px;
	color: #333;
	font-family: font-size:14px;font-weight:lighter;
}
#content .side_right h3{
	margin:0px 0px 15px 0px;
	padding:6px 0px 0px 20px;
	background-image: url(../images/vn/bg_subtitle_h3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:22px;
}
#content .side_right h4{
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#960;
}
#content .offer span{margin:0px 0px 10px 0px;display:block;color:#666;padding-bottom:4px;font-size:10pt;}
#content .offer span q{font-family:"Arial";font-size:11px;}
#content .offer em{display:block;color:#666;padding-bottom:12px;}
#content p{
	margin:0px 0px 15px 0px;
	padding:0px;
	color: #333;
	font-size: 12px;
	line-height: 22px;
	word-wrap:break-word;
	word-break:break-all;
}
#content li{
	margin:0px 0px 15px 0px;
	padding:0px;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	word-wrap:break-word;
	word-break:break-all;
}
#content table{
	margin:0px 0px 15px 0px;
	padding:0px;
}
#content th{
	margin:0p;
	padding:5px;
	color: #333;
	font-size: 15px;
	line-height: 22px;
	
	text-align:right;
	border:1px dotted #CCC;
	background-image: url(../images/vn/bg_th.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#content td{
	margin:0px;
	padding:5px;
	color: #333;
	font-size: 15px;
	line-height: 22px;
	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#CCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color:#CCC;
}
#content td span{
	padding:0px 0px 0px 5px;
	color:#C00;
	font-size: 12px;
}
#content td.up{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color:#CCC;
}
#content td.no{
	border:none;
	text-align:center
}
#content .infobox_list ul{
	margin:0px 0px 0px 5px;
	padding:0px;
	letter-spacing:0;
	line-height:30px;
	background: url(../../img/arrow1.jpg) no-repeat 10px center;
	list-style-type:none;
}
#content .infobox_list li{
	font-size: 12px;
}
#content .infobox_list li.sec{
	display:block;
	background-image: url(../images/vn/bg_list.jpg);
}
#content .infobox_list li a{
	color:#000;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 2px 15px;
	background-image: url(../images/vn/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left 17px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height:auto;
	display:block;
}
#content .infobox_list li a:hover{
	color:#069;
}

#content .inforbox_private, #content .inforbox_rule{
	padding:0px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
}
#content .inforbox_private h2, #content .inforbox_rule h2{
	margin:20px 0px 8px 0px;
	padding:0px 0px 0px 15px;
	font-size: 18px;
	font-weight: bolder;
	background-image: url(../images/vn/icon_03.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 22px;
}
#content .inforbox_private p, #content .inforbox_rule p{
	margin:0px 0px 10px 0px;
	padding:0px;
	color: #333;
	font-size: 16px;
	line-height: 22px;
}
#content .inforbox_private ul, #content .inforbox_rule ul{
	margin:0px 0px 20px 5px;
	padding:0px;
	letter-spacing:0;
	line-height:30px;
	background: url(../../img/arrow1.jpg) no-repeat 10px center;
	list-style-type:none;
}
#content .inforbox_private li, #content .inforbox_rule li{
	color: #333;
	font-size: 16px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 2px 15px;
	background-image: url(../images/vn/icon_02.gif);
	background-repeat: no-repeat;
	background-position: left 17px;
	line-height: 22px;
}
#content .inforbox_private ol, #content .inforbox_rule ol{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 25px;
}
#content .inforbox_private ol li, #content .inforbox_rule ol li{
	padding-left:0px;
	background-image:none;
}
#content .inforbox_private li.sec, #content .inforbox_rule li.sec{
	display:block;
	background-image: url(../images/vn/bg_list.jpg);
}
#content .inforbox_private li a, #content .inforbox_rule li a{
	color:#000;
	text-decoration:none;
}
#content .inforbox_private li a:hover, #content .inforbox_rule li a:hover{
	color:#069;
}

#content .articel table, #content .articel th, #content .articel td{ border:none; padding:0px; margin:0px;}
#content .articel p{ font-size:11px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.line{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	background-image: url(../images/vn/line.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.subtitle{
	margin:0px 0px 20px 0px;
	padding:10px 0px 0px 0px;
	background-image: url(../images/vn/bg_subtitle_about.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	display:block;
	height:34px;
}
.subtitle.b{
	background-image:none;
}
.level{
	margin:0px 0px 0px 0px;
	padding:0px 25px;
	font-size: 12px;
	color: #333;
}
.level a{	
	color: #666;
	text-decoration:underline;
	}
.level a:hover{	
    color: #333;}
	
#content .pic_left{
	margin:0px 15px 7px 0px;
	padding:0px;
	float:left;}
#content .pic_left img{
	border:5px #efefef solid;}
#content .pic_left p{
	margin:0px 0px 0px 15px;
	padding:0px;
	color:#069;
	font-size:12px;
	line-height: 18px;
}
#banner{	
    margin:0px;
	padding:0px;
}
#banner.health{	
    margin:0px 0px 15px 0px;
	padding:0px;
}
#banner.health ul{	
    margin:0px;
	padding:0px;
	list-style-type:none;
}
#banner.health li{	
    margin:0px;
	padding:0px;
	float:left;
	background-color:#FFF;
	height:auto;
}
#banner.health li.a img{	
    margin:0px 0px 0px 0px;
	border:#CCC solid 5px;
}
#banner.health li.b img{	
    margin:0px 0px 0px 30px;
	border:#CCC solid 5px;
}
.top{
	margin:0px auto;
	padding:0px;
	clear:both;
	background-image: url(../images/vn/bg_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:28px;
	display:block;
	}
.top img{
	margin:0px 0px 0px 352px;
	border:none;
	}
.top.b img{
	margin:0px 0px 0px 295px;
	border:none;
	}
.top.list{
	margin:15px 0px 0px 0px;
	text-align:center;
	color:#666;
	font-size: 12px;
	}
.top.list a{
	color:#069;
	text-decoration:none;
	}
.top.list a:hover{
	color:#666;
	text-decoration:none;
	}
.top.list span{
	background-color:#FFF;
	}
.top.list img{
	margin:0px 0px 0px 0px;
	border:none;
	}
.pageList{
	margin:10px 0px 15px 0px;
	text-align:center;
	word-spacing: 0.1em;
	color:#666;
	font-size: 12px;
}
.pageList span{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.pageList a{
	color:#0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#news{
	margin:0px;
	padding:0px;
}
#news .left{
	margin:0px;
	padding:0px;
	float:left;
	width:390px;
	height:140px;
	background-color:#FFF;
}
#news .left h2{
	margin:0px;
	padding:17px 0px 9px 18px;
}
#news .left ul{
	margin:0px 18px;
	padding:5px 0px 15px 0px;
	list-style-type:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c58c00;
	}
#news .left li{
	margin:5px 0px 0px 0px;
	padding:0px 0px 1px 0px;
	font-size: 12px;
	color: #333;
	letter-spacing: 1px;
}
#news .left li span{
	margin:0px;
	padding:0px 5px 0px 0px;
	color: #6a82c4;
	font-weight: bold;
	font-size: 12px;
}
#news .middle{
	float:left;
}
#news .right{
	float:left;
}
#footer{
	margin:0px;
	padding:18px 0px 15px 115px;
	background-image: url(../images/vn/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear:both;
}
#footer.b5index{
	padding:8px 0px 15px 115px;
	background-image: url(../images/vn/bg_footer_b5index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer p{
	margin:0px;
	padding:0px 25px 22px 0px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#footer p img{
	padding:5px 0px 0px 0px;
}
#footer p.right{
	padding:0px 0px 0px 25px;
	border:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FFF;
}
#footer p.right a{
	color: #FFF;
	text-decoration:underline;
}
#footer p.right a:hover{
	color: #FFF;
	text-decoration:none;
}
.clear{ clear:both;}
img{ border:none;}