/********************************
        Global Style
********************************/	

* { margin:0; padding:0; }

html, body  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:#000;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#000;
	font-size:13px;
	width:100%; height: 100%;
	background:url(../images/top_loop.jpg) repeat-x; width:100%; background-color:#FFF; line-height:22px;
}

h1 { font-size: 16px; line-height: 12px; }
h2 { font-size: 16px; line-height: 12px; }
h3 { font-size: 23px; line-height: 12px; }
h4 { font-size: 18px; line-height: 12px; }
h5 { font-size: 16px; line-height: 12px; }
h6 { font-size: 14px; line-height: 12px; }

div {font-size:12px;}

.wrapper { min-height:100%;position:relative;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* .push {
    height: 59px;	
}	*/
/*footer*/
.footer {
color:#FFFFFF;
line-height:20px;
font-size:12px;
width:100%;
background:url(../images/bottom_nav.jpg) repeat-x;
height:87px;
background-color:#dcdcdc;
position:absolute;
bottom:0px;
}
	.footer .navbott { float:right; padding-right:12px; padding-top:7px;}
		.navbott a{ color:#CCC; text-decoration:none}
		.navbott a:hover {color:#ed1c24;}
	.foot_info {padding-top:0px; color:#333; font-weight:bold; float:left }
	.foot_info img {float:left;}
.inside_footer { width:978px; margin:0 auto}


	
 .maincontent {
width:978px;
margin:0 auto;
text-align:left;
padding-bottom:87px;
/*margin: 0 auto -59px;*/
}

/******** NAVIGATION ********/
.top_nav {  width:100%}

	.navContainer {width: 978px; margin: 0 auto;}
		
			ul.nav { width:978px;margin: 0 auto; list-style:none; float:left;  }
			ul.nav li{ float:left;  font-weight:bold; position:relative; height:55px}
			ul.nav .cur{float:left;background:url(../images/g_navbut.png) no-repeat; background-position:-110px 0px; color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; font-style:italic; text-transform:uppercase;}
			
					
					ul.nav li{position:relative;}
					
					ul.nav li ul.sub li {background-color:#ed1c24; border-bottom:1px solid #FFF; text-align:left; background:none; padding-left:10px; padding-right:10px; height:25px }
					ul.nav li ul.sub {  display:none;}
					ul.nav li:hover ul.sub {display:block;list-style:none;  background-color:#ed1c24; position:absolute; top:55px; left:0px; }
					ul.nav li:hover ul.sub a{ color:#FFFFFF; text-decoration:none; }
					ul.nav li:hover ul.sub li:hover { background-color:#333;  }
					
					
					ul.nav li:hover li {float: none;}
					.login_reg {float:right; list-style:none; margin:0 auto; margin-top:7px; padding-left:10px; background:url(../images/g_log_reg_bg.png) no-repeat; width:269px; height:33px}
			.login_reg ul {margin: 0 auto; width:200px; padding-top:6px;}
				.login_reg li {display:inline;} 
					.login_reg li a { height:26px; float: left; padding-top:3px; padding-left:24px; color:#CCC; font-style:italic; text-decoration:none; font-weight:bold;}
					.login_reg li.login a {background:url(../images/g_login.png) no-repeat 0px 0px; width:18px; width:65px}
						.login_reg li.login a:hover{ text-decoration:underline}
					.login_reg li.reg a {background:url(../images/g_reg.png) no-repeat 0px 0px; width:18px; width:65px}
						.login_reg li.reg a:hover { text-decoration:underline;}
		

/*hot movie + top movie + review*/
	.hot_top_review {width:978px}
	.flash_banner {padding-left:10px; padding-bottom:-20px}
		.intro_text { padding-top:20px; padding-left:10px; padding-right:10px; line-height:20px; }
	.news_cus { width:978px}
		.news_cus_L {float:left; width:400px; }
			.news_loop { background:url(../images/tintuc_home_loop.jpg) repeat-y; width:356px; height:110px; padding-left:45px; overflow:hidden}
				.news_loop div { float:left; padding-top:5px;}
				.news_brief { width:200px; padding-left:5px}
		.news_cus_R {float:left; }
			.cus_loop { background:url(../images/khachang_home_loop.jpg) repeat-y; width:547px; height:110px; padding-left:25px;}
			/*.arr { padding-top:10px}
				.cus_loop div { }
				.logo {width:430px; overflow:hidden}
				.logo div {width:2000px;}*/
					
/*Vinastar*/
.leftContent {float:left; width:288px}
.rightContent {float:left;}
.top_cols { background:url(../images/newsCols_top.jpg) no-repeat; width:288px; height:47px; margin-top:10px;}
	.top_cols p {padding-top:20px; padding-left:10px}
	.top_cols span {color:#ed1c24; font-weight:bold; font-size:14px; text-transform:uppercase}
.leftCols_loop { background:url(../images/newsCols_loop.jpg) repeat-y; width:288px;}
.wrapNews { width:260px; height:190px; overflow:scroll; padding-top:10px; margin-left:15px}
	.leftCols_loop p {padding-top:10px; padding-left:10px}
	.leftCols_loop span {color:#ed1c24; font-weight:bold; font-size:12px; text-transform:uppercase}
	.rightContent {padding-left:30px; width:600px;}
	.rightContent h1 { color:#ed1c24; padding-top:10px;}
	.rightContent ul li { padding-top:10px; color:#ed1c24;}
	.rightContent ul p {color:#000; padding-left:15px}
	.rightContent ul li ul li {color:#000; padding-left:15px; list-style:none;}
	.vinastar_textConclude {font-size:15px; padding-top:15px; padding-bottom:20px}
	.readmore_news { float:right; padding-right:10px; font-size:10px}
		.readmore_news span {color:#ed1c24; text-transform:capitalize;}
		.readmore_news a { color:#ed1c24; text-decoration:none}
		.readmore_news a:hover { text-decoration:underline}
/*Khach hang*/
.khachhang_info { background:url(../images/vinastar_khachhang_bgcol.jpg) no-repeat; width:630px; height:151px; padding-top:10px}
	.khachhang_info_L {float:left; padding-top:30px; padding-left:10px;}
	.khachhang_info_R {float:left; width:340px; padding-left:90px; padding-top:20px;}
	.customer_name {float:right; padding-right:30px; color:#ed1c24; font-weight:bold; text-transform:uppercase}
	.customer_comment_tt {color:#ed1c24; padding-bottom:10px; padding-top:20px}
/*Doi tac*/
.doitac_info { background:url(../images/doitac_top.jpg) no-repeat; width:636px;  padding-top:10px; height:132px;}
	.doitac_info_L {float:left; padding-top:30px; padding-left:10px;}
	.doitac_info_R {float:left; width:340px; padding-left:60px; padding-top:20px;}
.doitac_loop {background:url(../images/doitac_loop.jpg) repeat-y; width:636px; }
.tt_info_doitac{padding-top:15px; font-weight:bold}
	.doitac_loop p { width:580px; padding-left:20px}
/*ISO*/	
.iso_27 td{  padding-left:10px; padding-right:10px; line-height:30px; border:1px solid #FFF}
    .iso_27 { background:#FF9; margin-top:20px}
    .iso27_cal { margin-top:30px; border:1px solid #F63; line-height:30px; padding-left:10px}
    .iso37_note { margin-bottom:30px; margin-top:10px; font-style:italic}
	/*Tin tuc*/
	
	.leftCols_loop_L {float:left; padding-left:5px; padding-top:10px}
		.leftCols_loop_L p {line-height:20px}
	.leftCols_loop_R {float:left; padding-left:5px; width:160px; padding-top:10px}
	.tintuc_more {float:right}
		.tintuc_more a {color:#ed1c24; text-decoration:none; font-size:10px}
		.tintuc_more a:hover { text-decoration:underline}
		.submit_news {float:right; padding-top:5px; padding-right:28px}
		
		.photo_news_R{float:right}
		
		/*Lien lac*/
		.info_lienlac {line-height:21px; font-size:14px}
		.mail_err { background:url(../images/lienlac_loopmail.jpg) repeat-y; width:610px; padding-left:20px}
		.mail_loop { background:url(../images/lienlac_loopmail.jpg) repeat-y; width:610px}
			.mail_loop_L {float:left; padding-left:20px}
				.mail_loop_L p {padding-top: 10px; padding-bottom:5px}
			.mail_loop_R {float:left; padding-top:12px;}
				.mail_loop_R p{padding-bottom: 12px; padding-left:10px}
				.mail_loop_R p input{border:1px #006600 solid; height:22px;}
			.mail_bottom { background:url(../images/lienlac_bottommail.jpg) no-repeat; width:610px; height:76px; padding-top:15px}
				.mail_bottom input {float:right; padding-top:10px}
				.mail_bottom .button_mail { padding-right:150px}
			