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

body {
    background:url(../images/bg1.gif);
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height:16px;
	color: #000000;
	margin:0px; padding:0px;
	font-weight:normal;}
	
a:link, a:visited{ font-size:12px; color:#000000; text-decoration:none; font-weight:normal; }
a:hover{ font-size:12px; color:#003185; text-decoration:none; font-weight:normal;}

tr, td , div{ font-size: 12px; font-weight:normal; color:#2e2e2e; line-height:16px; margin:0px; padding:0px;}
	
img { border: 0px; margin:0px; padding:0px;  }

h1, h2, h3 { margin: 0; padding: 0; color:#000000; font-weight:bold; text-decoration:none;}

h1 { font-size:28px; }

h2 { font-size:26px; }

h3 { font-size:14px; }

p { margin:0 0 0.5em 0; padding: 0;}

.block { display: block;}

#left{ float:left;}
#right{ float:right;}
#clear { clear:both; }
#line1{ height:1px; margin:0px; padding:0px; }
#line20{ height:15px; margin:0px; padding:0px; background-color:#FFFFFF; }
#line10{ height:10px; margin:0px; padding:0px; background:#FFFFFF;}
#line6{ height:6px; margin:0px; padding:0px; background-color:#FFFFFF}
#linexanh{ height:5px; margin:0px; padding:0px; background-color:#13b5f2;}
#linehong{ height:5px; margin:0px; padding:0px;background-color:#f027a0;}
#linevang{ height:5px; margin:0px; padding:0px;background-color:#ffc902;}
#linetim{ height:5px; margin:0px; padding:0px;background-color:#59188e;}	

#wrapper { margin:0px auto; padding:0px 6px; width:948px;  position:relative; background-color:#13B5F2;  }
#wrapper_body { margin:0px; padding:0px 0px; width:948px;  position:relative; background:url(../images/bg_main.gif) top right no-repeat #FFFFFF;  }

#header {  margin:0; padding:0; width:948px; height:102px; position:relative;   }

#bannerleft{ float:left; width:530px; height:233px;  }
#bannerright{ float:right;  width:176px; height:233px;  }

#content { text-align:left; margin:0px ; padding:0px ; width:948px; position:relative; background:url(../images/bg_content.gif) left repeat-y ;     }
#content_main { text-align:left; margin:0px ; padding:0px 8px ; position:relative;    }
#contentleft { float:left; width:211px; margin:0px ; padding:0px ; }
#contentleft_cell { padding: 0px 4px 0px 4px; text-align:center;}
#contentright { float:right; width:711px; margin:0px ; padding:0px ; }
#main { text-align:left; margin:0px ; padding:10px 20px;  }

#Navtop{  margin:0; padding:0; width:932px; height:36px; background:url(../images/menutop_bg.gif) }
#Navtop_cell{ float:left; height:36px; width:110px; }
#Navtop_line{ float:left; height:36px; width:10px; }

#Navleft{ padding: 0px 5px 10px 10px; }

#title {  width:711px; height:47px; margin:0px ; padding:0px ; background:url(../images/title.gif);}
#title_cell { padding: 20px 0px 0px 85px;}

#timkiem { float:right;   margin:0px ; padding:5px 0px 0px 0px ;}

#khungsp { width:179px; padding:20px 16px; margin:0;  text-align:center;   }
#khungsp_cell {  width:179px;   margin:0; }

#jean { width:211px; margin:0px ; padding:0px ; background:url(../images/bg1.gif) bottom no-repeat #b5e8fa; }
#jean_cell, #treem_cell, #phukien_cell, #hotro_cell  { padding: 0px 20px 10px 20px ; }
#treem { width:211px; margin:0px ; padding:0px ; background:url(../images/bg2.gif) bottom no-repeat #fbc5e6 ; }
#phukien { width:211px; margin:0px ; padding:0px ; background:url(../images/bg3.gif) bottom no-repeat #ffeeae; }
#hotro { width:211px; margin:0px ; padding:0px ; background:url(../images/bg4.gif) bottom no-repeat #E5DAED; }
#hotro_cell2  { text-align:center; }

#bar{  height:28px; width:932px; background:#b2bdc5; }
#bar_left { float:left; padding: 0px ; height:27px; width:230px; text-align:left; background-color:#f0eaea;}
#bar_left_cell { padding: 5px 10px 0px 15px;}
#bar_right { float:left; padding: 0px ; height:27px; width:702px; text-align:left; background-color:#f0eaea;}
#bar_right_cell { padding: 5px 10px 0px 10px;}

#sp { float:left; text-align:left; width:154px; }
#sp_line { float:left; height:100px; width:16px; margin:0; padding:0; }
#sp_cell1 { border: 1px solid #B1B1B1; text-align:left; margin-top:20px; line-height:10px;}
#sp_cell2 { padding: 3px 0px 5px 0px ; text-align:left;}

#footer{ text-align:left; margin:0px ; height:60px; width:948px; background:#ED629B url(../images/bg_footer.gif) no-repeat bottom;  }
#footer a { color: #FFFFFF;}
#footer_left{ float:left; margin:0px ; padding: 5px 13px; }
#footer_right{ float:right; margin:0px ; padding: 5px 13px; }



.menuleft_x{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.menuleft_x a:link, .menuleft_x a:visited { font-size:12px; color:#000000;  text-decoration:none; font-weight:bold;}
.menuleft_x a:hover { font-size:12px; color:#006ba3; text-decoration:none; font-weight:bold;}

.menuleft_h{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.menuleft_h a:link, .menuleft_h a:visited { font-size:12px; color:#000000;  text-decoration:none; font-weight:bold;}
.menuleft_h a:hover { font-size:12px; color:#f027a0; text-decoration:none; font-weight:bold;}

.menuleft_v{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.menuleft_v a:link, .menuleft_t a:visited { font-size:12px; color:#000000;  text-decoration:none; font-weight:bold;}
.menuleft_v a:hover { font-size:12px; color:#E67300; text-decoration:none; font-weight:bold;}

.menutitle{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold; line-height:45px;}

.blue18 { font-size:18px; color:#003185; text-decoration:none; font-weight:normal;}

.white{ font-size:11px; color:#ffffff; text-decoration:none; font-weight:normal;}
.white a:link, .white a:visited { font-size:11px; color:#ffffff;  text-decoration:none; font-weight:normal;}
.white a:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:normal;}

.gray11{ font-size:11px; color:#626161; text-decoration:none; font-weight:normal;}
.gray11 a:link, .gray11 a:visited { font-size:11px; color:#626161;  text-decoration:none; font-weight:normal;}
.gray11 a:hover { font-size:11px; color:#626161; text-decoration:none; font-weight:normal;}

.blue11b{ font-size:11px; color:#003185; text-decoration:none; font-weight:bold;}
.blue11b a:link, .blue11b a:visited { font-size:11px; color:#003185;  text-decoration:none; font-weight:bold;}
.blue11b a:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:bold;}

.blue12b{ font-size:12px; color:#003185; text-decoration:none; font-weight:bold;}
.blue12b a:link, .blue12b a:visited { font-size:12px; color:#003185;  text-decoration:none; font-weight:bold;}
.blue12b a:hover { font-size:12px; color:#000000; text-decoration:underline; font-weight:bold;}

.pink12_b{ font-size:12px; color:#f027a0; text-decoration:none; font-weight:bold;}
.pink12_b a:link, .pink12_b a:visited { font-size:12px; color:#f027a0;  text-decoration:none; font-weight:bold;}
.pink12_b a:hover { font-size:12px; color:#fc84cc; text-decoration:none; font-weight:bold;}

.pink14_b{ font-size:14px; color:#f027a0; text-decoration:none; font-weight:bold;}
.pink18{ font-size:18px; color:#f027a0; text-decoration:none; font-weight:normal;}
.gray14_b{ font-size:14px; color:#626161; text-decoration:none; font-weight:bold;}

.white_b{ font-size:11px; color:#ffffff; text-decoration:none; font-weight:bold;}
.white_b a:link, .white_b a:visited { font-size:11px; color:#ffffff;  text-decoration:none; font-weight:bold;}
.white_b a:hover { font-size:11px; color:#ff874c; text-decoration:none; font-weight:bold;}

.black_b{ font-size:11px; color:#000000; font-weight:bold;}
.black_b a:link, .black_b a:visited { font-size:11px; color:#000000;  text-decoration:none; font-weight:bold;}
.black_b a:hover { font-size:11px; color:#19a8fc; text-decoration:none; font-weight:bold;}

.white12_b{ font-size:12px; color:#ffffff; text-decoration:none; font-weight:bold;}
.white12_b a:link, .white12 a:visited { font-size:12px; color:#ffffff;  text-decoration:none; font-weight:bold;}
.white12_b a:hover { font-size:12px; color:#ff874c; text-decoration:none; font-weight:bold;}

.black12_b{ font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.black12_b a:link, .wblack12 a:visited { font-size:12px; color:#000000;  text-decoration:none; font-weight:bold;}
.black12_b a:hover { font-size:12px; color:#000000; text-decoration:underline; font-weight:bold;}

.white12{ font-size:12px; color:#ffffff; text-decoration:none; font-weight:normal;}
.white12 a:link, .white12 a:visited { font-size:12px; color:#ffffff;  text-decoration:none; font-weight:normal;}
.white12 a:hover { font-size:12px; color:#ff874c; text-decoration:underline; font-weight:normal;}

.black11{ font-size:11px; color:#000000; text-decoration:none; font-weight:normal; }
.black11 a:link, .black11 a:visited { font-size:11px; color:#000000;  text-decoration:none; font-weight:normal; }
.black11 a:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:normal; }

.black11b{ font-size:11px; color:#000000; text-decoration:none; font-weight:bold; }
.black11b a:link, .black11b a:visited { font-size:11px; color:#000000;  text-decoration:none; font-weight:bold; }
.black11b a:hover { font-size:11px; color:#000000; text-decoration:underline; font-weight:bold; }

.white11{ font-size:11px; color:#ffffff; text-decoration:none; font-weight:normal; }
.white11 a:link, .white11 a:visited { font-size:11px; color:#ffffff;  text-decoration:none; font-weight:normal; }
.white11 a:hover { font-size:11px; color:#ffffff; text-decoration:underline; font-weight:normal; }

.white11b{ font-size:11px; color:#ffffff; text-decoration:none; font-weight:bold; }
.white11b a:link, .white11b a:visited { font-size:11px; color:#ffffff;  text-decoration:none; font-weight:bold; }
.white11b a:hover { font-size:11px; color:#ffffff; text-decoration:underline; font-weight:bold; }

.xemtatca{ font-size:10px; color:003185; text-decoration:underline; font-weight:normal;}
.xemtatca a:link, .xemtatca a:visited { font-size:10px; color:#003185;  text-decoration:underline; font-weight:normal;}
.xemtatca a:hover { font-size:10px; color:#003185; text-decoration:underline; font-weight:normal;}



.paginator { 
	padding:20px 0 0 0;
	margin:0px;
	list-style: none; 
	display:block;
	clear:both;
	border:0px solid #eee;
	text-align:right;
	
}
.paginator li { display:inline; }

.paginator li a {
	color:#666666;
	padding:2px 6px;
	border:1px solid #e9e9e9;
}
.paginator li a:hover {
	background:#333333;
	color:#FFFFFF;
	border:1px solid #e9e9e9;
	text-decoration:none;
}
.curent {
	background:#333333;
	color:#FFFFFF;
	border:1px solid #e9e9e9;
	font-weight:bold;
	padding:2px 6px;
}

.shortInput { border:solid 1px #d5d5d5; font-family:Arial; font-size:12px; width:30px; height:16px; padding:2px; text-align:right }
.inputLogin { border:solid 1px #232323; font-family:Arial; font-size:12px; width:150px; height:14px; padding:2px}

.longInput { border:solid 1px #d5d5d5; font-family:Arial; font-size:12px; width:300px; height:16px; padding:2px }

.timinput { border:solid 1px #d5d5d5; font-family:Arial; font-size:11px; width:100px; height:16px; padding:2px }

.btntim {font-family:Arial; font-size:12px; width:80px;  padding:2px }

.mediumInput { border:solid 1px #d5d5d5; font-family:Arial; font-size:12px; width:150px; height:16px;padding:2px }

textarea { width: 400px;
	height: 120px;
	border: 1px solid #d5d5d5;
	padding: 5px;
	font-family:Arial; font-size:12px;
 }
 
 
 #pro_detail{ float:left;}
#pd_left{ width:290px; float:left;}
#pd_right{ float:left; margin-left:25px; width:350px;} 
#pd_right #label{ line-height:42px; font-weight:bold; font-size:12px; color:#454545}
#pd_picture{  width:260px;}
.cl_label{ height:25px; width:125px; background:url(../images/dot_grey.gif) top left no-repeat; background-color:#E4E3DC; }
.cl_label div{ margin:0px 0px 2px 29px; color:#454545;  font-size:12px;}
.cl_info{ width:*; background-color:#F5F5F3;}
.cl_info div{ margin:0px 0px 2px 5px; color:#454545; font-size:12px;} 
.rw_hr{ height:1px; background:#FFFFFF; padding:0; margin:0}
.cl_label_1{ height:34px; width:125px; background-color:#E4E3DC;}
.cl_label_1 div{ margin:0px 0px 10px 20px; color:#F07200;  font-size:14px; font-weight:bold;}
.cl_info_1{ width:*; background-color:#F5F5F3;}
.cl_info_1 div{ margin:0px 0px 10px 5px; color:#F07200; font-size:14px; font-weight:bold;} 
.sp_label{ height:90px; width:125px;}
.sp_info{ width:*;}
#title_support{ float:left; line-height:13px; margin-left:5px;}
#ym_support{ float:left;}
#space_support{ float:left; line-height:29px; margin:0px 5px 0px 5px;}

#support_online{ height:55px;}
#pic_thub{ height:52px; width:382px; padding:0px 5px 6px 5px;/* border:#CBC9C9 1px solid;*/ text-align:left;}
#pic_thub div{ float:left; height:52px;}
#pic_thub img{width:65px; height:45px; padding:1px 4px 1px 4px; border:#FFFFFF 1px solid;}
#pic_thub a{ padding-top:5px; display:block;}
#pic_thub a.selected { background:url(../images/arrow-slide.gif) top no-repeat;}
#pic_thub a.selected img{width:65px; height:45px; padding:1px 4px 1px 4px; border:#006dcd 2px solid;}


