@charset "utf-8";
/* Website : BourBonAnHoa.com
 * Date : 14-04-2010
 */
/*commont*/
body{
	background:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0px auto;
	text-align:justify;
}
/*for text */
.txt_blue_bold{
	color:#134a86;
	font-size:12px;
	word-spacing:2px;
	font-weight:bold;
	text-align:left;
}
.txt_red_bold{
	color:#e90006;
	font-size:12px;
	word-spacing:2px;
	font-weight:bold;
}
.txt_red_bold a{
	color:#e90006;
	text-decoration:none;
}
.txt_red_bold a:hover{
	color:#216e14;
	text-decoration:underline;
}
.txt_red_bold_small{
	color:#ab1e23;
	font-size:11px;
	word-spacing:2px;
	font-weight:bold;
}
.txt_red_bold_small a{
	color:#ab1e23;
	text-decoration:none;
}
.txt_red_bold_small a:hover{
	color:#226f14;
	text-decoration:underline;
}

.txt_white_bold{
	color:#fff;
	font-size:12px;
	word-spacing:2px;
	font-weight:bold;
}
.txt_white_bold a{
	color:#fff;
	text-decoration:none;
}
.txt_white_bold a:hover{
	color:#fff;
	text-decoration:underline;
}

.txt_black_bold{
	color:#000000;
	font-size:11px;
	word-spacing:2px;
	font-weight:bold;
}
.txt_black_bold a{
	color:#444545;
	text-decoration:none;
}
.txt_black_bold a:hover{
	color:#e90006;
	text-decoration:underline;
}
.hr{
	width:98%;
	color:#c3d7b3;
	height:1px;
	margin:5px 0px;
}
.p_txt{
	padding:5px;
	text-align:justify;
	margin-top:5px;
        height:60px;
}

/*for div*/
#container{
	width:auto;
	height:auto;
	margin:0px auto;
}
#top {
	width:auto;
	height:219px;
	background:#58b947 url(../images/banner.jpg) center top no-repeat;
	border-bottom:1px solid #fff;
}
#middle {
	width:auto;
	height:auto;	
	border-top:1px solid #58b947;
	margin:0px auto;
	background:#1259d5  url(../images/bg_mid.jpg) bottom center repeat-x;

}

#middleAll {
	width:auto;
	height:auto;
	border-top:1px solid #58b947;
	margin:0px auto;
        background:#1259d5  url(../images/bg_mid.jpg) bottom center repeat-x;
}
#content {
	width:1000px;
	height:auto;
	margin:0px auto;
        background:#FFFFFF;
}

#mLeft{
	width:237px;
	height:auto;
	float:left;
}
#mRight{
	width:235px;
	height:auto;
	float:right;
	padding-left:10px;
}
#mCenter{
	background:#FFF;
	width:505px;
	padding:5px;
	height:auto;
	float:left;
}
#mCenterAll{
	background:#FFF url(../images/bg_bar.jpg) top repeat-x;
	width:741px;
	height:auto;
	float:left;
}
#divBar{
	width:741px;
	height:21px;
	background:#34b61d;
	padding:6px 0px 2px 22px;
	vertical-align:middle;
	color:#FFF;
	font-size:13PX;
	font-weight:bold;
	margin-bottom:10px;
}
#divCont{
	width:710px;
	height:auto;
	padding:6px 10px 2px 22px;
        /*background:url(bg_main.gif) bottom right no-repeat;*/
}
#bottom {
	width:auto;
	height:61px;
	border-top:1px solid #fff;
	background:#58b947 url(../images/bg_bottom.jpg) bottom repeat-x ;
}
#bg_btom {
	width:1000px;
	height:61px;
	background:url(../images/bottom.jpg) center bottom no-repeat;
	margin:0px auto;
	text-align:center;
}
#bottom_link{
	text-align:center;
	width:600px;
	padding-left:90px;
	margin-top:10px;
	height:50px;
	float:left;
	word-spacing:2px;
}
#hitcounter{
	width:auto;
	height:auto;
	float:right;
	text-align:right;
	margin:10px;
}
#banner{
	width:1000px;
	height:180px;
	background:#58b947 url(../images/banner.jpg) center top no-repeat;
	margin:0px auto;
}
.frame_image_top{
	background:url(../images/frame_top.jpg) top no-repeat;
	width:238px;
	height:23px;
	margin-top:5px;
}
.frame_boder{
	width:236px;
	height:auto;
	border:1px solid #84a763;
	border-top:none;
	text-align:center;
	padding:5px 0px;
}
.ulList{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.li_bg_menu{
	/*background:url(../images/main_menu.jpg) right no-repeat;*/
	background:url(../images/bgmenuleft.jpg) right repeat-y;
	height:auto;
	width:243px;
	padding:7px 0px 7px 15px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	word-spacing:2px;
}
.li_sub_menu{
	height:auto;
	width:207px;
	padding:10px 0px 10px 15px;
	text-align:left;
	word-spacing:2px;
	border-bottom:1px dotted #308b20;
	background:url(../images/icon2.gif) left no-repeat;
	margin-left:15px;
}

.li_title{
	height:auto;
	width:207px;
	padding:5px 0px 5px 15px;
	text-align:left;
	word-spacing:2px;
	border-bottom:1px dotted #308b20;
	margin-left:15px;
	background:url(../images/icon.gif) left no-repeat;
}
.li_title_noline{
	background:url(../images/icon.gif) left no-repeat;
	padding-left:15px;
	padding-bottom:5px;
	margin:10px 20px 0px 15px;
}
.divContact{
	padding:5px 15px;
	float:right;
	width:235px;
	height:auto;
}
.iso{
	width:113px;
	height:53px;
	margin:5px 10px;
	float:left;
}
/*for menu*/
#divmenu{
	width:1000px;
	height:39px;
	margin:0px auto;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background:url(../images/mn_active.jpg) repeat-x;
}
.menu{
	font: bold 13px Arial;
	width:1000px;
	word-spacing:3px;
}

.menu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.menu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.menu ul li a{
	display: block;
	background:url(../images/mn_line.jpg) left bottom no-repeat; /*background of menu items (default state)*/
	color: white;
	padding:11px 7px;
	/*border-right: 1px solid #778;*/
	color: #2d2b2b;
	text-decoration: none;
}

* html .menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.menu ul li a:link, .menu ul li a:visited{
	color: white;
}

.menu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:#900 url(../images/mn_selected.jpg) repeat-x; 
	color: white;
}

.menu ul li a:hover{
	background:url(../images/mn_selected.jpg) repeat-x; /*background of menu items during onmouseover (hover state)*/
	color: white;
}
	
/*1st sub level menu*/
.menu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background:#59ba48; 
	border-top:1px solid #FFF;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a{
	font: normal 13px arial;
	width: 200px; /*width of sub menus*/
	padding: 5px 4px;
	margin: 0;
	border: 1px solid #fff;
	border-top:none;
}
.menu ul li ul li a:hover{
	background:#308b20 ; /*background of menu items during onmouseover (hover state)*/
	color: white;
}
/* Holly Hack for IE \*/
* html .menu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background:#59ba48;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;

}



/* QA */
.QAright{ padding-bottom:10px; margin:10px 0px 0px 0px;}
.kbquestion{ margin:0px; padding:0px 0px 0px 0px;}
.qaitem { font-size:8pt; padding:0px 0px 10px 10px; font-weight:bold; color:#000000; font-family: arial,tahoma,verdana;background: url("../images/bg_kb.gif") top left no-repeat;}
.qaitem a { color:#000000; text-decoration:none; padding:0px 0px 0px 15px; }
.qaitem a:hover { color:#000000; text-decoration:underline; }


/*left sub menu*/

ul.sub{
    list-style-type: circle; padding: 0; margin: 0; margin-left:30px; border-bottom: 1px dotted #666666; width:180px; list-style-position: inside;
}
ul.sub li{
    background: none; padding: 0; margin: 0; border: 0 none; padding: 3px;
}
ul.sub li a{color:#134A86; text-decoration: none; font-size: 11px; font-weight: bold}
ul.sub li a:hover{text-decoration: underline; color:GREEN}

.txt_blue{color:#134A86;}



/*=======UPDATE CSS V2.0===========*/
.ulList2 {background: #024282; color:#FFFFFF; margin:0; padding:0;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.ulList2 li{border-bottom:1px solid #FFFFFF; line-height:25px;}
.ulList2 a{font-size:14px; color:#FFFFFF; text-decoration: none; padding:0 0 0 20px; }
.li_title2{background:0; margin:0; padding:0; list-style: none; background:0;}
ul.sub2 {padding:0; margin:0; list-style: none;}
ul.sub2 .li_title2{background:#1e64a9 ! important; font-size: 13px;}
ul.sub2 .li_title2 a{font-size: 13px;}
.bgGreen{background:#00923f ! important}

.ulList2r {background: #024282; color:#FFFFFF; margin:0 20px 0 0; padding:0; list-style: none; float:left; width:245px; overflow:hidden; width:100%}
.ulList2r li{border-bottom:1px solid #FFFFFF; line-height:25px ! important; float:left;}
.ulList2r li a{font-size:13px ! important; color:#FFFFFF ! important; text-decoration: none; padding:0 0 0 20px;}
.rbox .footer a{height:30px ! important; line-height: 25px; font-size: 13px; font-weight:normal ! important}

#mBlock{float:left;width:100%; background: #f3f4f6;}
.mb_header{margin: 10px 0; float:left; padding:0 43px 0 20px; height: 30px; background: #00923f url(/bac/images/right_small_header.gif) right top no-repeat; color:#FFFFFF; font-size:14px; line-height: 30px; clear:both;  font-size: 13px;}
#mBlock .mb_content{width:100%; float:left; background:#f3f4f6; background: url(/bac/images/bg_headline.jpg) 10px 10px no-repeat;}
#mBlock .mb_content .headline{float:left; padding:0 0 0 170px; position: relative; width:540px;}
#mBlock .mb_content .headline:hover{cursor: pointer}
#mBlock .mb_content .headline > span{position: absolute; left:30px; top:30px; width:110px; height:80px; overflow: hidden}
#mBlock .mb_content p{padding:0 10px 0 0; text-decoration: none;}
#mBlock .mb_content p a{text-decoration: none;}
#mBlock .mb_content ul.mb_list{list-style: none; padding:0 0 0 20px;margin:0; float: left;}
#mBlock .mb_content ul.mb_list li{padding:0 0 0 15px; background: url(/bac/images/dot.gif) 5px 5px no-repeat}
#mBlock .mb_content ul.mb_list li a{line-height: 1.5em; font-size:12px; text-decoration: none;}
#mBlock .mb_content ul.mb_list li a:hover{text-decoration: underline;}
.dblue2{color:#215182}
.b{font-weight:bold;}
.subTitle{font-weight:normal ! important; font-size:11px ! important; color:#567391;}
