/**
    * o------------------------------------------------------------------------------o
	* o  \ \ / /  |_ _|   | __|  |_   _|  / __|   / _ \   | |    
	* o   \ V /    | |    | _|     | |    \__ \  | (_) |  | |__  
	* o   _\_/_   |___|   |___|   _|_|_   |___/   \___/   |____| 
	* o _| """"|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""|_|"""""| 
	* o "`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-'"`-0-0-' 
    * o-----------------------------------------------------------------------------o
    * | Global Cascade Style Sheets													|
    * | @Author: nvh1505	-	nvh1505@vietsol.net									|
    * | Begin Date: July 01, 2009													|
    * | Don't remove these comments                                                 |
    * o-----------------------------------------------------------------------------o
    *
    * o Copyright 2009 Hung Nguyen
    */
*{
	margin:0px;
	padding:0px;
	outline:none;
	z-index:2;
}
a:link,
a:visited{
	text-decoration:none;
}
img{
	border:none;
}
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#000;
	background:#642145 url(../images/vs-background.jpg) top repeat-x;
}
    /**
    * o-----------------------------------------------------------------------------o
    * | GENERAL STYLING																	|
    * o-----------------------------------------------------------------------------o
    */
.clear{
	clear:both;
	margin:0px;
	padding:0px;
}
.right{
	float:right;
}
.left{
	float:left;
}
ul,
ul li{
	list-style:none;
	position:relative;
	overflow:hidden;
}
.vs-wrapper{
	width:870px;
	padding:0px 15px 15px 15px;
	background:#F5F6EE;
	z-index:2;
}
.vs-wrapper .vs-contain{
	width:100%;
	position:relative;
	z-index:2;
}
.vs-footer{
	width:900px;
	margin-top:10px;
}
.vs-border-wrap{
	border:1px solid #bf58bd;
}
.vs-block-wrap{
	padding:5px;
}
.vs-title{
	width:100%;
	height:30px;
	line-height:30px;
	position:relative;
	float:left;
	z-index:2;
}
.vs-title a:link,
.vs-title a:visited{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	background:url(../images/vs-square-bullet.gif) no-repeat 4px 50%;
	padding-left:16px;
}
    /**
    * o-----------------------------------------------------------------------------o
    * | HEADER CELL																	|
    * o-----------------------------------------------------------------------------o
    */
.vs-header{
	width:900px;
	z-index:3;
}
.vs-header .vs-logostrip{
	width:900px;
	height:60px;
	padding-top:40px;
	position:relative;
	z-index:2;
}
.vs-header .vs-sitemenu{
	width:870px;
	padding:15px 15px 0px;
	background:#f5f6ee;
	z-index:2;
}
.vs-header .vs-sitemenu ul{
	width:100%;
	height:35px;
	background:#a94aa4 url(../images/vs-maintitle.png) repeat-x;
}
.vs-header .vs-sitemenu ul li{
	line-height:35px;
	float:left;
	height:35px;
}
.vs-header .vs-sitemenu ul span.seperator{
	height:15px;
	width:1px;
	position:relative;
	float:left;
	background:#FFF;
	display:block;
	margin:10px 0px;
}
.vs-header .vs-sitemenu ul li a:link,
.vs-header .vs-sitemenu ul li a:visited{
	padding:0px 17px;
	float:left;
	color:#FFF;
	font-weight:bold;
}
.vs-header .vs-sitemenu ul li a:hover,
.vs-header .vs-sitemenu ul li a:active{
	background:#2b9b0b;
}
.vs-header .vs-slider{
	width:870px;
	height:215px;
	padding:5px 15px;
	background:#f5f6ee;
	overflow:hidden;
	z-index:2;

}
    /**
    * o-----------------------------------------------------------------------------o
    * | HOME CELL - SLIDER															|
    * o-----------------------------------------------------------------------------o
    */
.vs-contain .vs-slider{
	width:423px;
	height:205px;
	overflow:hidden;
	position:relative;
	float:left;
}
.vs-contain .vs-slider-view{
	width:423px;
	height:205px;
	position:relative;
	float:left;
	overflow:hidden;
}
.vs-contain .vs-slider-list{
	display:none;
}
.vs-contain .vs-slider-caption{
	position:absolute;
	bottom:0px;
	left:0px;
	width:413px;
	background:#2B9B0B;

	text-align:left;
}
.vs-contain .vs_play{
	position:absolute;
	top:0px;
	left:0px;
	padding:2px;
	background:#2B9B0B;
}
    /**
    * o-----------------------------------------------------------------------------o
    * | HOME CELL - NEWS															|
    * o-----------------------------------------------------------------------------o
    */
.vs-contain .vs-home-news{
	width:425px;
	height:217px;
	padding-top:0px;
	padding-bottom:0px;
	overflow:hidden;
	position:relative;
	float:left;
	overflow:hidden;
	text-align:justify;
	z-index:2;
}
.vs-home-news .vs-title{
	background:url(../images/vs-home-title.jpg);
	z-index:2;
}
html>body .innerfade{
	margin-top:30px;
}
.vs-home-news .vs-home-news-content{
	width:413px;
	height:175px;
	position:relative;
	float:left;
}
.vs-news-slider{
	float:left;
	width:100%;
}
.vs-home-news .vs-news-item{
	width:200px;
	height:175px;
	overflow:hidden;
	position:relative;
	font-size:90%;
}
.vs-home-news .vs-news-item a:link,
.vs-home-news .vs-news-item a:visited{
	color:#2B9B0B;
}
    /**
    * o-----------------------------------------------------------------------------o
    * | HOME CELL - WIDGET															|
    * o-----------------------------------------------------------------------------o
    */
.vs-contain .vs-widget{
	width:100%;
	position:relative;
	float:left;
	margin-top:5px;
	display:inline;
}
.vs-widget .vs-title{
	text-align:left;
	background:#A94AA4 url(../images/vs-maintitle.png) repeat-x;
}
.vs-widget .vs-widget-content{
	width:868px;
	padding-left:0px;
	padding-right:0px;
	position:relative;
	float:left;
}
.vs-widget .vs-border-wrap{
	border-color:#a94aa4;
}
.vs-widget .vs-widget-item{
	position:relative;
	float:left;
	width:139px;
	margin-left:5px;
	margin-bottom:5px;
	display:inline;
}
.vs-widget-item .vs-widget-img{
	width:129px;
	height:133px;
	overflow:hidden;
	position:relative;
	float:left;
	background:#d1b0d2;
}
.vs-widget-item .vs-widget-title{
	width:127px;
	position:relative;
	float:left;
	margin-top:5px;
	background:#d1b0d2;
	white-space:nowrap;
}
.vs-widget-item .vs-widget-title a:link,
.vs-widget-item .vs-widget-title a:visited{
	color:#000;
	font-size:78%;
	font-weight:bold;
}

.vs-contain .vs-entertaiment{
	background:#8dc73f;
}
.vs-entertaiment .vs-title{
	background:url(../images/vs-home-title.jpg);
}
.vs-entertaiment .vs-border-wrap{
	border-color:#8dc73f;
}
.vs-entertaiment .vs-widget-img,
.vs-entertaiment .vs-widget-title{
	background:#00a651;
}
.vs-brandlist{
	background:#dce0dc;
	vertical-align:middle;
}
.vs-brandlist .vs-border-wrap{
	border-color:#a39999;
}
.vs-brandlist .vs-brandlist-content{
	width:858px;
	height:40px;
	line-height:40px;
	position:relative;
	float:left;
}
    /**
    * o-----------------------------------------------------------------------------o
    * | PRODUCTS - NEWS																|
    * o-----------------------------------------------------------------------------o
    */
.vs-products,
.vs-news,
.vs-contacts{
	width:858px;
	position:relative;
	float:left;
	z-index:1;
	overflow:hidden;
}
.vs-products .vs-pcat,
.vs-news .vs-ncat,
.vs-contacts .vs-pcat{
	width:188px;
	position:relative;
	float:left;
	z-index:3;
	background:#F5F6EE url(../images/vs-searchbox.jpg) top repeat-x;
}
.vs-pcat .vs-search,
.vs-ncat .vs-search{
	width:100%;
	height:33px;
	position:relative;
	float:left;
}
.vs-subscrible {
	margin-top:10px;
	display:inline;
	width:198px;
	margin:10px -5px -5px -5px;
	position:relative;
	float:left;
	background:#E1E1E1;
}
.vs-subscrible p.title{
	width:188px;
	padding:0px 5px;
	line-height:24px;
	background:#00A651;
	color:#FFF;
	text-align:left;
	text-indent:5px;
	font-weight:bold;
	position:relative;
	float:left;
}
.vs-subscrible .vs-subcribe-form{
	width:188px;
	padding:5px;
	position:relative;
	float:left;
}
.vs-subcribe-form input.vs-bt-sub{
	width:21px !important;
	height:21px !important;
	border:none !important;

	display:block !important;
	background:url(../images/vs-bt-sub.jpg) !important;
	overflow:hidden !important;
}
.vs-ncat .vs-subscrible input,
.vs-pcat .vs-search input,
.vs-ncat .vs-search input{
	position:relative;
	float:left;
	height:19px;
	width:166px;
	border-width:1px 0px 1px 1px;
	border-style:solid;
	border-color:#b9b5b5;
}
.vs-pcat .vs-search input.vs-submit-bt,
.vs-ncat .vs-search input.vs-submit-bt{
	width:21px;
	height:21px;
	position:relative;
	float:left;
	border:none;
	display:block;
	background:url(../images/vs-submit-button.jpg);
	overflow:hidden;
}
.vs-pcat ul,
.vs-pcat ul li,
.vs-ncat ul,
.vs-ncat ul li{
	float:left;
	width:100%;
	overflow:hidden;
}
.vs-pcat ul li a:link,
.vs-pcat ul li a:visited,
.vs-ncat ul li a:link,
.vs-ncat ul li a:visited{
	position:relative;
	float:left;
	color:#b853b5;
	padding-left:10px;
	width:178px;
	background:url(../images/vs-maincat.gif) no-repeat 0px 50%;
	line-height:24px;
	text-align:justify;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}
.vs-pcat ul li a:hover,
.vs-pcat ul li a:active,
.vs-ncat ul li a:hover,
.vs-ncat ul li a:active{
	background:#2B9B0B url(../images/vs-maincat-hover.gif) no-repeat 0px 50%;
	color:#FFF;
}
.vs-pcat ul li ul,
.vs-ncat ul li ul{
	padding-left:10px;
}
.vs-pcat ul li ul,
.vs-pcat ul li ul li,
.vs-ncat ul li ul,
.vs-ncat ul li ul li{
	position:relative;
	float:left;
	width:178px !important;
}
.vs-pcat ul li ul li a:link,
.vs-pcat ul li ul li a:visited,
.vs-ncat ul li ul li a:link,
.vs-ncat ul li ul li a:visited{
	background:url(../images/vs-subcat.gif) no-repeat 0px 50%;
	text-transform:none;
	color:#00a8ec;
	width:168px !important;
}
.vs-pcat ul li ul li a:hover,
.vs-pcat ul li ul li a:active,
.vs-ncat ul li ul li a:hover,
.vs-ncat ul li ul li a:active{
	background:url(../images/vs-maincat-hover.gif) no-repeat 0px 50%;
	color:#009f3c;
/*	text-transform:uppercase; */
}
.vs-pcat ul li ul li ul li a:link,
.vs-pcat ul li  ul li ul li a:visited,
.vs-ncat ul li  ul li ul li a:link,
.vs-ncat ul li  ul li ul li a:visited{
	background:url(../images/vs-subcat.gif) no-repeat 0px 50%;
	text-transform:none;
	color:#07709b;
	width:158px !important;
}

.vs-pcat ul li ul li ul li a:hover,
.vs-pcat ul li ul li ul li a:active,
.vs-ncat ul li ul li ul li a:hover,
.vs-ncat ul li ul li ul li a:active{
	background:url(../images/vs-maincat-hover.gif) no-repeat 0px 50%;
	color:#009f3c;
/*	text-transform:uppercase; */
}

.vs-products .vs-products-wrap,
.vs-news .vs-news-wrap,
.vs-contacts .vs-contacts-wrap{
	width:663px;
	position:relative;
	float:right;
	z-index:1;
	margin-right:-5px;
	display:inline;
}
.vs-products-wrap .vs-products-header,
.vs-news-wrap .vs-news-header,
.vs-contacts-wrap .vs-contacts-header{
	height:30px;
	width:660px;
	line-height:30px;
	top:-5px;
	position:relative;
	padding-left:210px;
	margin-left:-207px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/vs-maintitle.png);
	text-align:left;
	z-index:2;
}
.vs-products-wrap .vs-products-header a:link,
.vs-products-wrap .vs-products-header a:visited{
	color:#FFF;
}
.vs-products-wrap .vs-products-header a:hover,
.vs-products-wrap .vs-products-header a:active{
	text-decoration:underline;
}

.vs-products-wrap .pagelinks,
.vs-news-wrap .pagelinks{
	height:30px;
	width:660px;
	line-height:30px;
	bottom:-5px;
	position:relative;
	float:right;
	padding-left:210px;
	margin-left:-207px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/vs-maintitle.png);
	text-align:left;
	z-index:2;
}

.vs-error-view{
	color:red;
	font-weight:bold;
	font-size:1.2em;
}

.vs-error-view a:visited{
	color: blue;
	font-weight:bold;
}

.vs-products-wrap .vs-products-contain,
.vs-news-wrap .vs-news-contain,
.vs-contacts-wrap .vs-contacts-contain,
.vs-faq{
	width:663px;
	position:relative;
	float:right;
	z-index:1;
	margin-top:5px;
	display:inline;
}
.vs-news-contain a:link,
.vs-news-contain a:visited{
	color:#a94aa4;
}
.vs-products-contain .vs-propducts-item{
	position:relative;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	width:158px;
	overflow:hidden;
	text-align:center;
	background:#FFF;
	display:inline;
}
.vs-products-contain .vs-propducts-item p.title{
	background:#e7e7e7;
	border-top:1px solid #b853b5;
	line-height:24px;
}
.vs-products-contain .vs-product-view{
	width:650px;
	position:relative;
	float:left;
	text-align:justify;
}
.vs-product-view img.product-img{
	margin-right:5px;
}
p.title a:link,
p.title a:visited{
	color:#000;
}
.vs-propducts-item:hover{
	border-color:#2B9B0B;
}
.vs-propducts-item:hover p.title{
	background:#2B9B0B;
}
.vs-propducts-item:hover p.title a:link,
.vs-propducts-item:hover p.title a:visited{
	color:#FFF;
}
.vs-news-contain .vs-news-item,
.vs-news-contain .vs-news-list,
.vs-contacts-form,
.vs-contacts-info,
.vs-faq .vs-faq-item,
.vs-faq .vs-faq-form{
	width:623px;
	position:relative;
	float:left;
	display:inline;
	text-align:justify;
	font-size:90%;
	margin:10px 20px;
	overflow:hidden;
}
.vs-news-item .news-title a:link,
.vs-news-item .news-title a:visited,
.vs-news-list .news-title a:link,
.vs-news-list .news-title a:visited,
.vs-contacts-info .contacts-title a:link,
.vs-contacts-info .contacts-title a:visited,
.vs-contacts-form .contacts-title a:link,
.vs-contacts-form .contacts-title a:visited{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #BF58BD;
	color:#000;
	font-weight:bold;
}
.vs-news-item .news-title a:hover,
.vs-news-item .news-title a:active{
	color:#B853B5;
}
.vs-news-item p.news-title{
	background:url(../images/green-bullet-arrow.gif) left no-repeat;
	position:relative;
	float:left;
	width:100%;
	text-indent:10px;
}
.vs-news-item img{
	padding:5px 5px 0px 0px;
}
.vs-news-list ul{
	float:left;
	width:600px;
	padding-left:30px;
}
.vs-news-list ul li{
	float:left;
	width:600px;
}
.vs-news-list ul li a:link,
.vs-news-list ul li a:visited{
	width:580px;
	border-bottom:1px dashed #BF58BD;
	position:relative;
	float:left;
	padding-left:10px;
	color:#5F5F5F;
	line-height:24px;
	background:url(../images/vs-maincat.gif) no-repeat 0px 50%;
}
.vs-news-list ul li a:hover,
.vs-news-list ul li a:active{
	color:#BF58BD;
	background:url(../images/vs-maincat-hover.gif) no-repeat 0px 50%;
}
.vs-regtitle{
	position:relative;
	float:left;
	width:100%;
	line-height:24px;
	margin-bottom:5px;
	display:inline;
	font-size:120%;
	border-bottom:1px dashed #BF58BD;
}
.vs-contacts-info{
	line-height:24px;
}
.vs-contacts-form .text-cell{
	width:170px;
	padding-right:3px;
	height:22px;
	line-height:22px;
	position:relative;
	float:left;
}
.vs-contacts-form .input-cell{
	width:450px;
	padding:2px 0px;
	position:relative;
	float:left;
}
.input-cell input{
	width:300px;
	height:16px;
	border:1px solid #BF58BD;
}
.input-cell input.checkbox,
.input-cell input.payment,
.input-cell input.myClass,
.input-cell input.source
{
	width:16px;
	height:16px;
	border-style:hidden;
	outline:none;
	background:none;
}
.input-cell input:hover,
.input-cell input:active,
.input-cell textarea:hover,
.input-cell textarea:active{
	border-color:#2B9B0B;
}
.input-cell textarea{
	width:300px;
	height:100px;
	border:1px solid #BF58BD;

}
.input-cell input.submit{
	width:100px;
	height:35px;
	border:none;
	overflow:hidden;
	background:url(../images/vs-send-bt.jpg) no-repeat;
}
#vs-games .vs-border-wrap,
#vs-games p.title{
	border-color:#8DC73F;
}
#vs-games .vs-products-header{
	background:url(../images/vs-home-title.jpg);
}
.vs-faq .vs-faq-item p.ask{
	position:relative;
	float:left;
	width:100%;
	line-height:18px;
	font-weight:bold;
	color:#ff6600;
}
.vs-title a:link,
.vs-title a:visited,
.vs-news-header a,
.vs-contacts-header a{
	color:#FFF;
}
.vs-faq-form p.title{
	position:relative;
	float:left;
	width:100%;
	font-weight:bold;
	color:#FFF;
	line-height:24px;
	text-indent:10px;
	background:#00A651;
}
span.required{
	color:#F00;
}
p.game_info{
	width:330px;
	position:relative;
	float:left;
	font-weight:bold;
	color:#FFF;
	line-height:22px;
	background:#32b441;
	text-indent:10px;
}
.PostedDate{
	text-align:right;
	font-style:italic;
	color:#999;
	font-size:90%;
	padding:2px 0px;
	line-height:18px;
}
p.more_products{
	text-align:left;
	position:relative;
	float:left;
	width:100%;
	font-weight:bold; line-height:24px;
	border-top:1px dashed #C6C;
}
    /**
    * o-----------------------------------------------------------------------------o
    * | FOOTER																		|
    * o-----------------------------------------------------------------------------o
    */
.vs-footer .vs-sitemenu{
	width:730px;
	padding:0px 80px;
	position:relative;
	color:#FFFF00;
	float:left;
}
.vs-footer .vs-sitemenu ul,
.vs-footer .vs-sitemenu ul li{
	float:left;
}
.vs-footer .vs-sitemenu ul span.seperator{
	position:relative;
	float:left;
	width:1px;
	height:14px;
	background:#ffff00;
}
.vs-footer .vs-sitemenu ul li a:link,
.vs-footer .vs-sitemenu ul li a:visited{
	color:#ffff00;
	padding:0px 10px;
	position:relative;
	float:left;
}
.vs-footer .vs-sitemenu ul li a:hover,
.vs-footer .vs-sitemenu ul li a:active{
	background:#2B9B0B;
}
.vs-footer .vs-copyright{
	width:100%;
	position:relative;
	float:left;
	color:#FFF;
}

/*Added by Luu Quang Vu */
.vs-news-item p.news-date{
	padding: 0px 5px 5px 0px;
	color:gray;
}

.vs-error{
	border:1px solid #CD0A0A !important;
	background:#FEF1EC;
	position:relative;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
}
/* Floating Banner Flash*/
.vs-header .vs-floating{
	position:absolute;
	top:115px;
	right:0px;
	z-index:1000;
}
.scrollWrapper{
	position:relative;
	float:left;
	overflow: hidden;
	width: 858px;
	height: 40px;
}
.scrollableArea{
	position:relative;
}
.scrollingHotSpotLeft
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

.scrollingHotSpotRight{
min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;

}