@charset "utf-8";
/* CSS Document */
/* Common */
body {
	background:#6280B3 url(../images/bg.png) repeat-x fixed;
	margin:0px;
	padding:0pc;
}
table{border-collapse:collapse;}
body *, p, div, tr, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5689D2;
	line-height: 20px;
	text-align:left;
}
a {	color:#5584C4;
	text-decoration:none;
	line-height: 150%;
}
a:hover {color:#083F8A;	text-decoration:underline;}
a img {border: none}
.cl {clear:both;
}
.pleft {text-align:left;}
.pright {text-align:right;}
.pcenter {text-align:center;}
.pright {text-align:right;}
.fleft {float:left;}
.fright {float:right;}
 ul {list-style-image:url(../images/bullet1.png) }
/*.helper {background: transparent url(../images/help_16.png) no-repeat }
.helper:hover {background: transparent url(../images/help_16.png) no-repeat;background-position: 0 -16px;}*/
.readmore{
		background:url(../images/bg_more.png) no-repeat center center; 
		width:85px; 
		height: 23px;
		border:none; 
		text-align:center;
		}
.readmore a {
		color:#F3F3F3; 
		font-size:11px; padding:0px; 
		line-height:23px;
		}

.text_red,.red{color:red;}
.smalltext, .smalltext * {font-size: 10px; color:#808080;}
/*#menu-top-vn  #menu-top-vn #menu-top-vn #menu-top-vn #menu-top-vn #menu-top-vn */

/*--------------- START: STYLE FOR SUBMIT, BUTTON -----------------------------*/
form {
	margin:0px;
	padding: 0px;
	}
input[type=text]{
	padding-top:4px;
	height: 17px; 
}
select{height: 23px; line-height:23px; }
input[type=text],textarea, select{
	background-color:#fff;
	border: 1px solid #ccc;
	font: 12px/100% "Verdana";
}
option{line-height:18px;height:18px;}

input[type=text]:hover, textarea:hover, select:hover {
	border: 1px solid #888;
}
input[type=submit], input[type=button],input[type=reset] {
	background: url(../images/btn-search-submit.png) no-repeat center center;
	width:104px; 
	height:24px; 
	border:none; 
	color:#EEF9FF;
	
	font-size: 10px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}
.btn-w130{
	background: url(../images/btn-search-submit-w130.png) no-repeat center center !important;
	width:134px !important;
	} 
input[type=submit]:hover, input[type=button]:hover ,input[type=reset]:hover{
	color:#fff;
}
.input157{WIDTH: 157px;}
.input150{WIDTH: 150px;}
.input100 {WIDTH: 100%;}
.input99 {WIDTH: 99%;}
.input98 {WIDTH: 98%;}
.input97 {WIDTH: 97%;}
.input96 {WIDTH: 96%;}
.input95 {WIDTH: 95%;}
.input92 {WIDTH: 92%;}
.input90 {WIDTH: 90%;}
.input85 {WIDTH: 85%;}
.input80 {WIDTH: 80%;}
.input75 {WIDTH: 75%;}
.input70 {WIDTH: 70%;}
.input65 {WIDTH: 65%;}
.input60 {WIDTH: 60%;}
.input55 {WIDTH: 55%;}
.input53 {WIDTH: 53%;}
.input50 {WIDTH: 50%;}
.input48 {WIDTH: 48%;}
.input45 {WIDTH: 45%;}
.input43 {WIDTH: 43%;}
.input40 {WIDTH: 40%;}
.input35 {WIDTH: 35%;}
.input30 {WIDTH: 30%;}
.input25 {WIDTH: 30%;}
.input20 {WIDTH: 20%;}
.input300 {WIDTH: 70%;height: 150px;}
.input18 {WIDTH: 18%;}
.input15 {WIDTH: 15%;}
.input10 {WIDTH: 10%;}
.input6 {WIDTH: 6%;}
.input5 {WIDTH: 5%;}
.btitle {
	color:#CC0066;
	font-weight:bold;
	font-size: 14px;
	padding: 5px 0px 10px 0px;
}
/* end Common */

/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/* MENU *************************************************************************************************************/
/*#menu-top-vn  #menu-top-vn #menu-top-vn #menu-top-vn #menu-top-vn #menu-top-vn */
.menu-top {
	height: 41px;
	background:url(../images/btn-top.jpg) no-repeat top center;
	z-index: 1500;
	padding: 0 47px ;
	text-align:left;

}

.menu-top a {
	float: left;
	margin:0;
	padding:0;
	text-decoration:none;
	outline:none;
}

#menu-top-vn a #about{background:url(../images/menu/menu-vn.png); background-position: 0px 0px }
#menu-top-vn a #about:hover{background:url(../images/menu/menu-hover-vn.png); background-position: 0px 0px}

#menu-top-vn a #products{background:url(../images/menu/menu-vn.png); background-position:  -168px 0px; }
#menu-top-vn a #products:hover{background:url(../images/menu/menu-hover-vn.png);background-position: -168px 0px;}

#menu-top-vn a #news{background:url(../images/menu/menu-vn.png); background-position:  -312px 0px;}
#menu-top-vn a #news:hover{background:url(../images/menu/menu-hover-vn.png); background-position: -312px 0px;}

#menu-top-vn a #cart{background:url(../images/menu/menu-vn.png); background-position:  -455px 0px}
#menu-top-vn a #cart:hover{background:url(../images/menu/menu-hover-vn.png); background-position:  -455px 0px}

#menu-top-vn a #member{background:url(../images/menu/menu-vn.png);  background-position:  -619px 0px}
#menu-top-vn a #member:hover{background:url(../images/menu/menu-hover-vn.png);  background-position:  -619px 0px;}


#menu-top-vn a #contact{background:url(../images/menu/menu-vn.png);  background-position:  -783px 0px;}
#menu-top-vn a #contact:hover{background:url(../images/menu/menu-hover-vn.png);  background-position:  -783px 0px;}




#menu-top-en a #about{background:url(../images/menu/menu-en.png); background-position: 0px 0px }
#menu-top-en a #about:hover{background:url(../images/menu/menu-hover-en.png); background-position: 0px 0px}

#menu-top-en a #products{background:url(../images/menu/menu-en.png); background-position:  -168px 0px; }
#menu-top-en a #products:hover{background:url(../images/menu/menu-hover-en.png);background-position: -168px 0px;}

#menu-top-en a #news{background:url(../images/menu/menu-en.png); background-position:  -312px 0px;}
#menu-top-en a #news:hover{background:url(../images/menu/menu-hover-en.png); background-position: -312px 0px;}

#menu-top-en a #cart{background:url(../images/menu/menu-en.png); background-position:  -455px 0px}
#menu-top-en a #cart:hover{background:url(../images/menu/menu-hover-en.png); background-position:  -455px 0px}

#menu-top-en a #member{background:url(../images/menu/menu-en.png);  background-position:  -619px 0px}
#menu-top-en a #member:hover{background:url(../images/menu/menu-hover-en.png);  background-position:  -619px 0px;}


#menu-top-en a #contact{background:url(../images/menu/menu-en.png);  background-position:  -783px 0px;}
#menu-top-en a #contact:hover{background:url(../images/menu/menu-hover-en.png);  background-position:  -783px 0px;}


/*END MENU*************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/
/**************************************************************************************************************/

.div1000{
	width:1000px;
	margin: 0px auto;
	position:relative;
	background-color:#DAF3FF;
}


.top {

}
.top .div1000 {
	width:1000px;
	height: 268px;
	margin: 0px auto;
	position:relative;
	background:url(../images/banner.jpg) no-repeat top center;
	
}



.top  .menu-top{
	top: 129px;
	left: 60px;
}

.top .top_3 {
	background:url(../images/bg_main.png) repeat-x;
	background-position:  0px -308px;
	height:122px;
	position:relative;
}


.bottom {
	color:#EEF9FF;
	text-align:center;
	font-size: 10px;
}

.bottom .div1000 {
	width:1000px;
	margin: 0px ;
	height: 100px;
	background: #DAF3FF url(../images/bg-buttom.png) no-repeat bottom center;	
}
.bottom .div1000 .menu {text-align:center;  }
.bottom .div1000 .menu a {
	font-size:10.5px;
	color: #5689D2;
	font-weight:bold;
}
.bottom .div1000 .menu a:hover {text-decoration:underline}

.bottom .div1000 .info{
	text-align:center;
	font-size: 10px;
	color: #EEF9FF;
	padding-top: 15px;
}
.bottom .div1000 .info a{color:#EEF9FF;}

.main {
	/*min-height: 500px;*/
	text-align:center;
	padding-top:13px;
	background:#DAF3FF url(../images/bg2.png) repeat-x  center top;
}
.main .div1023 {
	width:920px;
	margin: 0px 40px 10px 40px;
	padding:0px;
	position:relative;
}
.main .div1023 .content-left1 {
	border: none;
	position:relative;
	width: 235px;
	float:left;
	display:block;
	z-index: 10;
}
.main .div1023 .content{
	width:430px;
	margin: 0px 7px 0px 7px;
	float:left;
	display:block;
	z-index: 20;
	
}
.main .div1023 .content p{
text-align:justify;
}

.main .div1023 .content-left3 {
	border: none;
	position:relative;
	width: 235px;
	float:right;
	display:block;
	z-index: 30;
}



.content .box-category .list .ul .li a {
	background:url(../images/b1.gif) no-repeat;
	background-position:0px 5px;
	padding: 0px 0px 0px 10px;
}


 h3.title a {
	text-transform:uppercase;
	color:#CC0066;
}
 h3.title2 a {
	text-transform:uppercase;
	color:#666666;
}






.tbox  {width:430px; margin:  0 0 13px ; background: #DAF3FF url(../images/bg-title-c.png) repeat-x center top;	}

.tbox .title {
background: url(../images/bg-title-l.png) no-repeat left top;
padding: 0px 0px 0px 20px;
	
}
.tbox .title .bullet { height:40px; text-align:left; background: url(../images/bg-title-r.png) no-repeat right top; padding: 0px 20px 0px 0px;}
.tbox .title .bullet, .tbox .title .bullet a {	
	color:#083F8A;	
 	font-family:Verdana,tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12.5px; 
	line-height: 40px;
	text-transform:uppercase;
	
	}


.xbox  {	width:235px; margin: 0px 0px 0px 0px;	}

.xbox .title {
	background: #DAF3FF url(../images/bg-box-title.png) no-repeat center top;
	
}
.xbox .title .bullet {height:34px; text-align:center;}
.xbox .title .bullet, .xbox .title .bullet a {	
	color:#fff;	
 	font-family:Verdana,tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px; 
	line-height: 34px;
	}
	


.xbox .con{
	background: url(../images/bg-box-c.png) left  repeat-y;
	width:235px;
}
.xbox .con .con2{
	background:url(../images/bg-box-t.png) left top   no-repeat;
	padding: 15px 0 0 0px;
	
}
.xbox .con .con2 .con3{
	background:url(../images/bg-box-b.png) left bottom no-repeat;
	padding: 0px 20px 15px 20px;
}

.menu-product .li{
	background: url(../images/dot-line149.png) no-repeat bottom;
	padding: 10px 0px 10px 0px ;
	margin-left: 3px;
	/*border-bottom: 1px  dashed #ccc;*/
	}
.menu-product .li a {
	padding: 3px 3px 3px 15px ;
	background: url(../images/bullet1.png)  no-repeat;
	background-position:0px 8px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;


}


.menu-product  .sub .li{
	background: url(../images/dot2-line156.png) no-repeat bottom;
	padding: 7px 0px 7px 0px;
	margin-left: 40px;
	/*border-bottom: 1px  dashed #ccc;*/
	}
.menu-product  .sub .li a {
	padding: 3px 3px 3px 10px;	
	background: url(../images/bullet2.png)  no-repeat;
	background-position:0px 9px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#083F8A;


}



.hot-product{ text-align:center;}
.hot-product .li{
	
	background: url(../images/bg_product2.png) no-repeat top left;
	width:176px !important;
	height:142px  !important;
	margin: 0px auto;
	overflow:hidden;
	}
.hot-product .li {}
.hot-product .text {text-align:center;}
.hot-product .text a {
	padding: 3px 3px 3px 15px ;
	color:#EC2C2B;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight:bold;


}


.list1,.list2  {

}
.list1 .li{
	background: url(../images/bullet1.png)  no-repeat;
	background-position:0px 8px;
	padding: 6px 0px 6px 20px;
	margin: 0px;
}
.list1 .li a{

}
.list2 .li {
	padding: 5px 0px 5px 0px ;
	margin: 0 5px ;
	/*border-bottom: 1px  dashed #ccc;*/
	}
.list1 .li a, .list2 .li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 3px;
}
.newletter,.poll, .download {
}
.newletter .li, .poll .li, .download .li a{
	padding: 0px;
	margin: 5px 0px;
	color:#666666;
	font-size:80%;
}
.poll .li  label {
	padding: 5px;
	margin: 5px 0px;
	color:#666666;
	font-size:100%;
}
/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ 
/*//class to apply to your scroller(s) if desired*/
}

/*table table table table table table table table table table table table table table table */
.col1{
padding: 5px 15px 3px 3px ;
color:#777;
text-align:right;
font-weight:bold;
vertical-align:top;
font-size:90%;
}
.col2 {
padding: 5px 5px 5px 5px ;
vertical-align:top;
}
.w130{
width:120px;
}
.w150{
width:150px;
}
/*text title*/
/*link*/
.partner {font-size: 11px;}
.table0 td,
.table1  td,
.table2 td,
.tablecartheader td,
.FormTitle td {
	border:1px solid #91BEE9;
	padding: 5px 5px;
}

.table0 td,
.tablecartheader td,
.FormTitle td    {
	FONT-WEIGHT: bold;
	font-size: 11px;
	line-height: 11px;
	text-align:center;
	MARGIN: 0px;
	height: 40px;
	BACKGROUND: url(../images/bg-title-c.png) repeat-x ;
	border-top:none;
	color:#222;
	
}

.table0 td A:link {
	FONT-WEIGHT: bold
}
.table1 td a, .table2 td a, .table1 td, .table2 td { font-size: 11px;line-height: 11px;}
.table1 td input, .table2 td input { border: 1px solid #666; background-color:#fff;; height:auto; width:90%}
.table1 td {
	BACKGROUND-COLOR: #EDF7FF;
}
.table2 td {

	BACKGROUND-COLOR: #D4EDFE;
}
.subtext{padding: 0px 5px 5px 25px; background: url(../images/arrowGreen.gif) no-repeat 10px 4px;font-size:10px;}
.subtext a{ color:#000}
.subtext a:hover{color:#660033;}
.viewkhoahoc {
background: url(../images/arrowGreen.gif) no-repeat 10px 3px;
padding:  0 15px 0 0 ;
}

.line1{
padding: 5px; 
margin: 5px 0;
background: transparent url(../images/v_dot.gif) repeat-x scroll center bottom;}

.line10{
padding: 5px 0 5px 0 10px 0; 
margin: 5px;
background: transparent url(../images/v_dot.gif) repeat-x scroll center bottom;}

.graytext {color: #666; font-size: 10px;}

.xtitle {
	FONT-SIZE: 12px;
	 COLOR: #CC0066; font-weight:bold;
}
.xtitle1, .title_recruit1 {
	FONT-SIZE: 15px;
	 COLOR: #CC0066;
	  font-weight:bold;
}
.xtitle2, .title_recruit2 {
	FONT-SIZE: 15px; 
	COLOR:#cc0066;font-weight:bold;
}
.xtitle3 {
	FONT-WEIGHT: bold;
	 FONT-SIZE: 12px; COLOR: #727272
}
.table{}
.tr {clear:both;}
.table-col1{
width:180px;
padding: 5px 15px 3px 3px ;
color:#666666;
text-align:right;
font-weight:bold;
vertical-align:top;
float:left}
.table-col2{
width:470px;
padding: 5px 5px 5px 5px ;
vertical-align:top;
float:left;
}
.col0{
padding: 20px ;
color:#666666;
vertical-align:middle;
}

.col1{
width:180px;
padding: 5px 15px 3px 3px ;
color:#666666;
text-align:right;
font-weight:bold;
vertical-align:top;
}
.col2 {
width:470px;
padding: 5px 5px 5px 5px ;
vertical-align:top;
}

.msgbox {
padding: 20px;

background-color:#FFFFD9;
text-align:center;
font-weight:bold;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px dashed #999999;
}

.menuLeft a{ 
background:url(../images/arrowGreen.gif) no-repeat 10px 15px;
padding: 10px 10px 10px 25px;
padding-left: 25px;
display:block;

}
.menuLeft a:hover
{
background:url(../images/arrowGreen.gif) no-repeat 12px 14px;
background-color:#FFFFD9;
padding: 9px 9px 9px 24px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFFF97;
}
.toogled { display:none; }
 .showed { display:none; }
 
table.footer {
height:27px;
background:url(../images/bg_bottom.gif)  repeat-x bottom;
margin: 10px auto;

}
table.footer a{
color:#1e3672;
line-height:20px;
display:inherit;
width:auto;
padding: 0px 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e1e1e1;
font-size:90%;
}
.boxred, .boxred2 {
	padding: 3px 10px;
	text-align:left;
	margin: 10px 50px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius :5px;}
.boxred2 {	margin: 5px;background-color:#CCCCFF;}
.boxred {	margin: 10px 50px;background:#FFCCFF;}
.boxred3 {
	display:block;
	border:3px solid #424242;
	background:#151515;
	padding:8px;
	margin-bottom:8px;
	text-align:center;
		
	-moz-border-radius : 10px;
	-webkit-border-radius : 10px;
	}
	
/* gallery  */
#cpanel {
	VERTICAL-ALIGN: middle;
	
}
#cpanel DIV.icon {
	MARGIN:  20px 10px;
	clear:both;
	TEXT-ALIGN: center;

}
#cpanel DIV.icon A {
	DISPLAY: block;
	FLOAT: left;
	/*padding: 5px;
	VERTICAL-ALIGN: middle;*/
	WIDTH: 135px;
	HEIGHT: 135px;
	overflow:hidden;
	TEXT-DECORATION: none;
	BORDER: #5b3734 1px solid;
	BACKGROUND-COLOR: #3a0d08;
}
#cpanel DIV.icon A:link {
	COLOR: #808080
}
#cpanel DIV.icon A:hover {
	
	BORDER: #CC0000 1px solid;
}
#cpanel DIV.icon A:active {
	COLOR: #808080
}
#cpanel DIV.icon A:visited {
	COLOR: #808080
}
#cpanel DIV.icon IMG {
}
#cpanel DIV.icon SPAN {
	DISPLAY: block;
/*	PADDING-TOP: 3px*/
}
/* end gallery  */

/* menu  */
.fm{
border-collapse:collapse;
}
.fm tr td{
padding:3px 4px;
border: 1px solid #5E3A37;
}
.fm-title td {
text-align:center;
font-size:13px;
font-weight:bold;
}
.fm-category td {
	text-align:center;
	font-size:13px;
	line-height: 30px;
	font-weight:bold;
	background:#3A0D08;
}
.fm-item td.fm-item-STT{text-align:center; }
.fm-item td.fm-item-sName{text-align:left; }
.fm-item td.fm-item-iPrice{text-align:right;}
.fm-item td.fm-item-iPrice2{text-align:right;}
/* end menu  */


.LanguageChoice {
	padding: 17px 0 0 0;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	}
.LanguageChoice a {
	color:#FFF;
	font-weight:bold;
	}
.LanguageChoice img {
	vertical-align:middle;
	}
.search-box {
	position:relative;
	background: url(../images/bg-searchProducts.png) no-repeat top left;
	width:235px;
	height:89px;
	padding:0px;	
	margin:0px;
	}
	.search-box .form-search { margin:0px;padding: 21px 17px;}
	.search-box  .form-search input{
	margin: 2px 0;
	}
.txtsearch {width:197px; height: 18px; background-color:#E5EEF8; border: 1px solid #F4FBFF}
.txtsearch-submit {background: url(../images/btn-search-submit.png) no-repeat top left; width:79px; height:24px; border:none; color:#EEF9FF;}
.homeInfo{
	padding: 17px 0 0 65px;
	color:#FFF;
	text-align:left;
	}

.cartInfo {
	padding: 17px 0 0 105px;
	color:#FFF;
	text-align:left;
	}
.cartInfo a, .homeInfo a{
	color:#FFF;
	font-weight:bold;
	}
.product-item {
	background:url(../images/dot-line.png) bottom repeat-x;
	padding: 10px 0px;
	display:table;
	}
.product-item .image {
	width:200px;
	height:164px;
	float:left;
	background: url(../images/bg_product.png) no-repeat top left;
	overflow:hidden;
	
}
.product-item .desc {width:200px; float:right}


.product-item .image {	display: table;	#position: relative;	overflow: hidden; }
.product-item .image .middle { #position: absolute;  #top: 50%; #left:50%; display: table-cell; vertical-align: middle;  text-align:center}
.product-item .image img {  #position: relative;  #top: -50%; #left:-50%;  margin: -6px 0 0 -6px;}


.hot-product .li {display: table; #position: relative; overflow: hidden;}
.hot-product .li .middle { #position: absolute;  #top: 50%; #left:50%;display: table-cell; vertical-align: middle;  text-align:center}
.hot-product .li img {  #position: relative;  #top: -50%; #left:-50%; margin:0; }



.product-item .desc .title a{color:#EC2C2B; font-size:11px; font-weight:bold;}
.product-item .desc .info{}
.product-item .desc .view {}
.product-item .desc .addToCart{}
.btnview, .btnaddToCart,.btnview:hover, .btnaddToCart:hover {
	color:#FEFEFE;
	font-size: 10px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	margin:2px;
	}
.btnview {
	width: 71px;
	background: url(../images/btn-view.png) no-repeat center center
	}
.btnaddToCart {
	width: 121px;
	background: url(../images/btn-addToCart.png) no-repeat center center
	}