@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	}

a {
	text-decoration: none;
	border: none;
	color: #000000;
	}

input {
	color: #686868;
	}
	
a:hover {
	text-decoration: none;
	border: none;
	}
	
body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(ground.jpg) fixed no-repeat center center;
	style: background-attachment: fixed;
	}

#wrapper {
	width: 100%;
	height: auto;
	text-align:center;
	padding-top:0px;
	}
	
#header {
	width: 996px;
	height: 130px;
	background: url(vareals_banner.png) no-repeat top left;
	}
	
	#banner {
		width: 996px;
		height: 85px;
		background: url(vareals_logo12.png) no-repeat top left;
		}
		#topBanner{
			width: 700px;
			height: 85px;
			float: right;
			padding-right:10px;
		}
		#logo{
			width: 266px;
			height: 110px;
			float: left;
			padding-left:2px;
			background: url(vareals_logo.png) no-repeat;
		}
		#bottomBanner{
		   height:17px;
		   cursor:pointer;
		}
		
	#navBar {
		width: 996px;
		height: 60px;
		padding-left:-2px;
		text-align: center;
		}
	
		#navBarButtons {
			width: 589px;
			height: 29px;
			margin: 0 auto;
			}
			
#main {
	width: 996px;
	height: auto;
	background:#F8F8F8;
	float:center;
	clear: both;
	padding-top:0px;
	}
	
	#leftSide {
		width:100%;
		height: auto;
		float: left;
		}
		
	#center {
		width:100%;
		height: auto;
		float: right;
		}
		
	#rightSide {
		width:100%;
		height: auto;
		float: left;
		}			
#login {
width:100%;
height: auto;
text-align: center;
}
				
#footer {
	width: 996px;
	height: 140px;
	background: url(footer_bg.png) no-repeat top left;
	clear: both;
	}
	
	#subNavBar {
		width: 996px;
		height: 22px;
		text-align: center;
		}
		
	#copyright {
		display: block;
		width: 996px;
		height: 59px;
		
		color: #fff;
		text-align: left;
		padding-top: 30px;
		margin-left:30px;
		}
	#headBar {
		width: 996px;
		height: 22px;
		text-align: left;
		color: #000;
		margin-top:2px;
		margin-left:10px;
		}	
/* ----- Classes ----- */
.leftSideBox_top {
	display: block;
	width:100%;
	height: 43px;
	background: url(leftSideBox_top_bg.png) no-repeat bottom left;
	}

	
.leftSideBox1_top {
	display: block;
	width:100%;
	height: 41px;
	background: url(rightSideBox1_top_bg.gif) no-repeat bottom left;
	}


	
.centerBox_top {
	display: block;
	width:100%;
	height: 38px;
	background: url(changer.gif) no-repeat bottom center;
	}

.centerBox_topPrivate {
	display: block;
	width:100%;
	background:F3F3F3;
	height: 38px;
	background: url(changer.gif) no-repeat bottom center;
	padding-top:0px;
	}

.centerBox_topPrivate2 {
	display: block;
	width:100%;
	height: 38px;
	padding-left:2px;
	background: url(changer.gif) no-repeat bottom center;
	}
.centerBoxBlue_top {
	display: block;
	width:100%;
	height: 38px;
	background: url(centerBoxBlue_top_bg.gif) no-repeat bottom left;
	}
	
.centerBox_top a {
	display: block;
	line-height: 34px;
	float: left;
	color: #00396b;
	}
	
.centerBox_middle {
	overflow: hidden;
	width:100%;
	height: auto;
	background: url(centerBox_middle_bg.gif) repeat-y top center;
	}
.centerBox_bottom {
	display: block;
	width:100%;
	height: 10px;
	background:url(centerBox_bottom_bg.gif) no-repeat top center;
	}
.centerbanner {	
	width:100%;
	background:F3F3F3;
	height: auto;
	padding-top:10px;
	}	
.rightSideBox1_top {
	display: block;
	width:100%;
	height: 41px;
	background: url(leftSideBox_top_bg.png) no-repeat top left;
	}

.rightSideBox_top {
	display: block;
	width:100%;
	height: 35px;
	background: url(rightSideBox1_top_bg.png) repeat-x top left;
	padding-top:0px;
	}
	
.leftSideBox_middle1 {
	overflow: hidden;
	width:100%;
	height: auto;
	background: url(leftSideBox_bg.gif) repeat-y top left;
	}

.leftSideBox_middle2 {
	overflow: hidden;
	width:100%;
	height: auto;
	background: url(leftSideBox_bg.gif) repeat-y top left;
	}
.leftSideBox_middle3 {
	overflow: hidden;
	width:100%;
	height: auto;
	background: url(leftSideBox_bg.gif) repeat-y top left;
	}

.leftSideBox_middle {
	overflow: hidden;
	width:100%;
	height: auto;
	background: url(leftSideBox_bg.gif) repeat-y top left;
	}

.rightSideBox_middle {
	overflow: hidden;
	width:100%;
	height: auto;
	padding-left:3px;
	background: url(rightSideBox_bg.gif) repeat-y top left;
	}
	
.leftSideBox_bottom {
	display: block;
	width:100%;
	height: 10px;
	background: url(leftSideBox_bottom_bg.gif) no-repeat top left;
	}
	
.rightSideBox_bottom {
	display: block;
	width:100%;
	height: 10px;
	background: url(rightSideBox_bottom_bg.gif) no-repeat top left;
	}
	
.leftSideBox_heading {
	display: block;
	width:100%;
	height: 30px;
	font-weight: bold;
	color: #FFF;
	padding-left: 20px;
	padding-top:11px;
	}

.rightSideBox_heading {
	display: block;
	width: 176px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #FFF;
	padding-top:11px;
	padding-left: 20px;
	}
	
.aNews {
	display: block;
	width:100%;
	height: auto;
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	}
	
.bullet {
	position: relative;
	top: 5px;
	}
	
.bulletBox {
	display: block;
	float: left;
	width: 30px;
	height: auto;
	text-align: center;
	}
	
.newsPopularBox {
	display: block;
	float: left;
	width: 150px;
	height: auto;
	text-align: justify;
	padding-right: 8px;
	}

.newsPopularBox a {
	color: #014d78;
	}
	
.aLaptop {
	display: block;
	width:100%;
	height: auto;
	clear: both;
	margin: 15px auto;
	overflow: hidden;
	}
	
.popularLaptopImg {
	display: block;
	width: 135px;
	height: 110px;
	border: none;
	}
	
.popularLaptopTitle {
	width: 186px;
	height: 30px;
	text-align: center;
	color: #ff6000;
	padding: 0 4px;
	margin: 5px auto;
	}
	
.popularLaptopTitle a {
	color: #ff6000;
	}
	
.popularLaptopTitle a:hover {
	color:#CC3300;
	}
.bg_menu{ 
	
	background-color:transparent;
}
.color_1
	{
	color: #000000;
	}
a:link.color_1 {
	color:#000000;
	font-size:14px;
	}
a:visited.color_1 {
	color:#000000;
	font-size:14px;
	}
a:hover.color_1 {
	color:#FF3300;
	font-size:14px;
	}
.color_2
	{
	color: #ffff00;
	}
a:link.color_2 {
	color: #ffff00;
	}
a:visited.color_2 {
	color: #ffff00;
	}
a:hover.color_2 {
	color: #ffffff;
	}
.color_3
	{
	color: #000000;
	}
a:link.color_3 {
	color: #000000;
	}
a:visited.color_3 {
	color: #000000;
	}
a:hover.color_3 {
	color: #CC0000;
	}
.color_4
	{
	color: #CC0000;
	}
a:link.color_4 {
	color: #CC0000;
	}
a:visited.color_4 {
	color: #CC0000;
	}
a:hover.color_4 {
	color: #000000;
	}
.color_5
	{
	color: #006BB3;
	font-size:12px;
	}
a:link.color_5 {
	color: #006BB3;
	font-size:12px;
	}
a:visited.color_5 {
	color: #006BB3;	
	font-size:12px;
	}
a:hover.color_5 {
	color: #CC0000;
	/*font-weight: bold;*/
	font-size:12px;
	}
.color_6
	{
	color: #FFFFFF;
	}
a:link.color_6 {
	color: #FFFFFF;
	text-decoration: none;
	}
a:visited.color_6 {
	color: #FFFFFF;
	text-decoration: none;
	}
a:hover.color_6 {
	color: #EF9724;
	text-decoration: none;
	}
.font_10
	{
	font-size: 10px;
	}
.font_12
	{
	font-size: 12px;
	}
.font_13
	{
	font-size: 13px;
	}
.aStore {
	display: block;
	width:100%;
	height: auto;
	clear: both;
	margin: 15px auto;
	overflow: hidden;
	}
	
.storeImg {
	display: block;
	width: 182px;
	height: 135px;
	border: none;
	}
	
.storeTitle {
	width: 166px;
	height: auto;
	text-align: justify;
	color: #ff6000;
	padding: 0 4px;
	margin: 5px auto;
	color: #ff6000;
	padding: auto 10px;
	}
	
.storeTitle p {
	line-height: 20px;
	}
	
.storeTitle .storeName {
	font-weight: bold;
	}

/* ----- Right Side ----- */
.loginBox {
	width: 176px;
	height: auto;
	}
	
.loginTextInput {
	width: 170px;
	height: 20px;
	clear: both;
	margin-bottom: 5px;
	}
	
.comboBox {
	width: 175px;
	height: 20px;
	clear: both;
	margin-bottom: 5px;
	}
.priceInput {
	width: 50px;
	}
	
.loginButton {
	float: right;
	}
	
.button {
	display: block;
	width: 84px;
	height: 25px;
	border: none;
	cursor: pointer;
	background: url(button_up.png) no-repeat center center;
	color: #ffffff;
	font-size: 11px;
	line-height: 25px;
	}

.viewMoreButton {
	display: block;
	width: 78px;
	height: 25px;
	border: none;
	cursor: pointer;
	background: url(viewMoreButton.gif) no-repeat center center;
	color: #ffffff;
	font-size: 10px;
	line-height: 18px;
	}

.viewMoreButton_blue {
	display: block;
	width: 88px;
	height: 26px;
	border: none;
	cursor: pointer;
	background: url(viewMoreButton_blue.gif) no-repeat center center;
	color: #005fb2;
	font-size: 11px;
	font-weight: bold;
	line-height: 26px;
	text-align: left;
	}
	
.subNavBarBox {
	}
	
.subNavBarBox a {
	margin: auto 10px;
	line-height: 22px;
	}
	
.colorLightBlue {
	color: #005fb2;
	}
	
.textBold {
	font-weight: bold;
	}
.textItalic {
	font-style:italic !important;
	}
	
.textUnderline {
	text-decoration: underline;
	}
	
.colorOrange {
	color: #ff6000 !important;
	}
	
.colorDarkBlue_Text {
	color: #014d78 !important;
	}
	
.colorDarkerBlue_Text {
	color: #00396b !important;
	}
	
.colorRed {
	color: #ff0000 !important;
	}
	
.lineHeight20 {
	line-height: 20px;
	}
	
.height20 {
	height: 20px;
	}
	
.height30 {
	height: 30px;
	}
	
.height40 {
	height: 40px;
	}
	
.height60 {
	height: 60px;
	}

.line189 {
	width: 189px;
	border-bottom: 1px solid #c8c8c8;
	}
	
.h30px {
	display: block;
	width: 1px;
	height: 30px;
	}
	
.h10px {
	display: block;
	width: 1px;
	height: 10px;
	}
	
.h5px {
	display: block;
	width: 1px;
	height: 5px;
	}

.h2px {
	display: block;
	width: 1px;
	height: 2px;
	}
	
.padLeft15 {
	padding-left: 15px;
	}
	
.font14 {
	font-size: 14px;
	}
	
.mBottom5 {
	margin-bottom: 10px;
	}
	
.clear {
	clear: both;
	}
	
.fLeft {
	float: left;
	}
.classTduser{
font:Tahoma;
font-size:11px;
font-weight:bold;
color: #013f75;
padding-left:4px;
}	
.classTduser2{
font:Tahoma;
font-size:11px;
font-weight:bold;
color:#000000;
padding-left:4px;
}	
.classTduser3{
font:Tahoma;
font-size:10px;
font-weight:bold;
color:#000000;
line-height:12px;
padding-top:3px;
padding-left:0;
}	
div#gallery {
width: 800px; height: 690px; margin-left: auto; margin-right: auto;}object a {display: none;} object {margin-left: auto; margin-right: auto; display block;}
.clr {
clear: both;
}
.shopLink{
font-size:12px;
font-weight:bold;
color:#0F62A0;
}
.shopLink:hover{
font-size:12px;
font-weight:bold;
color:#FF6508;
}
.nameShop{
padding-left:20px;
font-size:11px;
font-weight:bold;
color:#000000;
}
.imgsShop{
border:#CCCCCC solid 1px;
border-bottom:#FF9933 solid 1px;
border-right:#FF9933 solid 1px;
cursor:pointer;
moz-opacity:0.60;
width:120px;
}
.imgsShopView{
border:#CCCCCC solid 1px;
border-bottom:#FF9933 solid 1px;
border-right:#FF9933 solid 1px;
padding:0px;
width:250px;
}
.tableShop{
padding:8px;
}
.fontBasci{
font-family:Tahoma;
font-size:11px;
}
.titleNews{
text-align:left;
font-weight:bold;
color:#000000;
}
.titleNews:hover{
font-weight:bold;
color:#0000FF;
}
.nameProduct{
color:#FD9046;
}
#lineMenu{
background:url(lineMenu.gif) no-repeat left top;
width:2px;
float:left;
height:59px;
}

#subMENU_hover {
   color:#FE6E14;
   font-size:11px;
   line-height:67px;
   cursor:pointer;
}
.menu{
	text-align:center; 
	width:996px;
	padding:0px;
	height:auto;
	}
.submenu{
color:#FE6E14;
text-decoration:none;
}
.submenu:hover{
color:#000000;
font-weight:bold;
text-decoration:none;
}
.menu_top{
color:#FFFFFF;
font-size:11px;
font-family:Tahoma;
}
.menu_top:hover{
color:#000000;
font-size:11px;
font-family:Tahoma;
}
.link_top{
color:#000000;
font-size:12px;
font-family:Tahoma;
}
.link_top:hover{
color:#120000;
font-size:12px;
/*font-weight:bold;*/
font-family:Tahoma;
}
.footerMENU{
font-family:11px;
font-family:Tahoma;
color:#FFFFFF;
}
.footerMENU:hover{
font-family:11px;
font-family:Tahoma;
color:#FF9900;
}
.log_out{
color:#EC8C22;
font-size:10px;
font-family:Tahoma;
font-weight:bold
}
.log_out:hover{
color:#013F75;
font-family:Tahoma;
font-weight:bold
}
.edit_user{
color:#EC8C22;
font-size:10px;
font-family:Tahoma;
font-weight:bold
}
.edit_user:hover{
color:#013F75;
font-family:Tahoma;
font-weight:bold
}
.name_user{
color:#2DA6ED;
font-size:11px;
font-family:Tahoma;
font-weight:bold
}

.headerToltip{
border:#FFFFFF solid 1px;
background:#000000;
padding:5px;
height:50px;
}
footerToltip{
padding-top:5px;
border:#000000 solid 1px;
background:#FFFFFF;
padding:6px;
height:auto;
}
.hTooltip{
height:164px;
width:325px;
text-align:center;
padding-top:20px;
background:url(headerTooltip.gif) no-repeat top left;
}
.title_tooltip{
width:280px;
}
.title_tooltip2{
padding-left:30px;
width:280px;
}
.fTooltip{
width:325px;
height:48px;
background:url(footerTooltip.gif) no-repeat top left;
}
.bTooltip{
height:auto;
width:325px;
text-align:left;
background:url(bodyTooltip.gif) no-repeat top left;
}

.home{
background:url(homeHover.gif) no-repeat;
height:59px;width:95px;
float:left;cursor:pointer
}
.review{
background:url(reviewHover.gif) no-repeat;
height:59px;width:95px;
float:left;cursor:pointer
}
.news{
background:url(newsHover.gif) no-repeat;
height:59px;width:95px;
float:left;cursor:pointer
}
.faq{
background:url(faqHover.gif) no-repeat;
height:59px;width:95px;
float:left;cursor:pointer
}
.Normal{
font-size:12px;
line-height:20px;
font-family:Tahoma
}
img{
text-align:left;
}
#post_content p {
text-align: left;
}  
#tab_ctl26_WebUserControl1_1_divImg{
font-size:12px;
font-family:Verdana;
font-weight:bold;
}
.bg_ban{
background:url(linh-phu-kien_03.gif) no-repeat top left;
height:21px;
width:145px;
}
.charPI{
padding-left:20px;
font-size:11px;
font-family:Tahoma
}
.inputofme{
width:280px;
color:#000000;
padding-left:2px;
border:#A5B5C0 solid 1px;
height:21px;
}
.productforshop{
display:block; 
width:180px; 
height:175px;
text-align:center;
cursor:pointer;
float:left; 
}
.hoverRegisterShop{
color:#F09925;
}
.hoverRegisterShop:hover{
color:#0000FF;
}
.messagerSucessful{
font-weight:bold;
font-family:Tahoma;
font-size:12px;
font-style:normal}

.cssEdit{
font-size:10px;
text-decoration:underline;
font-family:Tahoma;
}
.okButton2 {
	width: 24px;
	height: 19px;
	cursor: pointer;
	border: none;
	background: url(okButton.gif) no-repeat center left;
}
.getPass{
color:#000000;
font-size:12px;
}
.getPass:hover{
color:#0000FF;
font-size:12px
}
/*--------------------*//*--------------------*/
#control
{ font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  margin-top:10px;
}
#control h5
{ 
	color:#FF0000;
	margin-bottom:0px;
}
#control a
{ 
	display:block;	
	color:#000000;
	text-decoration:none;
}
#control a:hover
{ 
	display:block;
	color:#d93e3d;
}
#control div
{
	margin-right:15px;
}
#control img
{ border-color:#ef1c66;
  border: 1px solid;
  float: left;
  text-align: center;
  display: inline;
  margin-right: 10px;
}
/*--------------------*//*--------------------*/



/*EZ MODIFICATION*/
#MAINFRAME{
	margin-left: auto;
	margin-right: auto;
	width: 996px;
	text-align:center;
	-moz-box-shadow: 0px 0px 4px 3px;
	-webkit-box-shadow: 0px 0px 4px 3px;
}

.block{
-margin-lefts:10px;
-margin-rights:10px;


box-shadow: 0pt 0pt 6px #395960;
-moz-box-shadow: 0pt 0pt 6px #395960;
-webkit-box-shadow: 0pt 0pt 6px #395960;

}

.column{
float:left;
/*display:inline;*//*for IE6 float buggy*/
}
/*IE6 Hacked*/
*html #LEFTCOL{
}


*html #CENTERCOL{
	margin-left:-4px;
	
}
*html #RIGHTCOL{
	margin-right:-5px;
}


.clear{
	clear: both; 
	line-height:0px;
	width: 0px;
	height: 0px;
}

.alexa{
	visibility:hidden;
}