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

/* General HTML elements */

html {
	padding: 0;
	margin: 0;
	/*background: url("images/gs.gif") no-repeat fixed bottom;*/
}
body{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/cs_bg.jpg) top center no-repeat  #010713;
	color: #999b9d;
	font-family: Calibri, Candara, Segoe, Geneva, Tahoma, Arial, sans-serif;
	font-size: 16px;
	line-height: 145%;
}
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ul li, ol, ol li, dl, dl dt, dl dd {
	margin: 0;
	padding: 0;
}
h2{
	font-size:18px;
}
p {
	text-align: left;
}
ul, ul li {
	list-style: none;
}
img {
	border: none;
}
a {
	color:#1756b5;
	line-height: 16px;
	text-decoration: none;
}
a:hover {
	color:#1756b5;
	text-decoration: none;
}
input, select, textarea {
	font: 12px Arial, Tahoma, Verdana, "Bitstream Vera Sans", sans-serif;
	padding: 1px;
}
.ClearItems:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.ClearItems {
	clear: both;
	display: inline; /* Mac */
}
/* For Windows */
* html .ClearItems, * html .ClearItems * {
	height: auto;
}
.ClearItems {
	display: block;
}
.ClearDemo {
	clear: both;
}
/* End of: For Windows */

/****************************/
#content-bg
{
    
    width: auto;
    margin: 0 auto;
    }
#outter {
	width: auto;
	margin: 0 auto;
	background: url(../images/bgheader.jpg) left top no-repeat;
	
	
	overflow: hidden;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-top: 0px;
}
#header {
	width: 980px;	
	float: left;
}
#header .topHead {
	display: block;
}
#header .logo {
	float: left;
	display: inline;
	margin: 7px 0 0 10px;
}
#header .searchBox {
	width: 380px;	
	margin: 14px 0 0 15px;
	position:relative;
	float: left;
}
/*--Search--*/
/*.dropdownSearch
{
    background-color: White; width: 80%; height: 300px; z-index: 9999;
    position:absolute;
    top:36px;
    left: 5px;    
}
.dropdownSearch ul{ margin 0;}
li {
    list-style: none outside none;
}*/
.search-autocomplete 
{
     background-color: White;
    border: 1px solid #B3B3B3;
    left: 0px;
    position: absolute;
    top: 37px;
    width: 345px;
    z-index: 99999;
}
.search-for 
{
    width: 315px;
    border-bottom: 1px solid #DFDFDF;
    display: block;
    padding: 5px 15px;
}
.search-item-vnn ul {
    background-color: #F2F2F2;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    float: right;
    width: 75%;
}

.search-item-vnn a {
    display: block!important;   
    text-shadow: 0 1px 0 #FFFFFF;
    padding: 5px;
}
.search-item-vnn a:hover 
{
     display: block;
     background-color: #bb2480;
    /*background-color: #8E59A9;*/
    text-shadow: 0 1px 0 #333;
    color:#FFF;
}
.search-item-vnn span {
    display: block;
    
}
.search-img {
    float: left;
    margin-right: 5px;
    padding: 2px;
}

.search-item-vnn h3 {
    float: left;
    padding: 10px 0 0 10px;
}


.search-item-vnn, .search-autocomplete a 
{
    clear: both;
    overflow: hidden;
    display:block;
}
.search-item-vnn a:hover span{color:White; display:block;}

.zme-autocomplete-activeItem {
    background-color: #E5E5E5;
}
/*--Search--*/
#header .searchBox .inputStyle {
	width: 230px;
	height:23px;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	border:none;
	border-top: 4px solid #bb2480;
	border-bottom: 4px solid #bb2480;
	border-left: 4px solid #bb2480;
	background-color: #393a3d;
	color:#c0c0c0;
	padding: 3px;
	float:left;
}
.option {
	background-color: #393a3d;
	border-left: 1px solid #bb2480;
	border-right: 1px solid #bb2480;
	border-top: 4px solid #bb2480;
	border-bottom: 4px solid #bb2480;
	float: left;
	width: 80px;
	height: 29px;
	line-height: 20px;
	overflow:hidden;
}
/* Look and feel of select box */
.selectbox {
	margin: 0px 5px 10px 0px;
	padding:5px 2px 5px 2px;
	width : 80px; /* Resize Width */
	cursor: pointer;
	border:none;
	color:#ccc;
	line-height:18px;
	background-color: #393a3d;
}
.selectbox option {
	background-color:#393a3d;
	padding: 2px 0;
	float:left
}
#header .searchBox a{
	float:left;
}
div.selectbox-wrapper {
	position:absolute;
	width:400px;
	background-color:white;
	border:1px solid #ccc;
	margin:0px;
	margin-top:-10px;
	padding:0px;
	text-align:left;
	max-height:200px;
	overflow:auto;
	z-index:3000;
	top:60px;
}
/*Drop down list styles*/
div.selectbox-wrapper ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
	background-color: #EAF2FB;
}
/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
	background-color: #CDD8E4;
}
/* Drop down list items style*/
div.selectbox-wrapper ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}

#header .searchBox .btnSearch {
	position:absolute;
	right:0;
	z-index:10
}
#header .topLink {
	font-family:Tahoma, Arial, Geneva, sans-serif;
	margin: 14px 0 0 0px;
	float: left;
}
#header .topLink li {
	margin: 10px 0 0 10px;
	float: left;
}
#header .topLink li a {
	text-transform: uppercase;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
	float:left;
}
#header .topLink li a:hover {
	text-decoration: underline
}
#header .login {
	margin: 24px 10px 0 0px;
	color:#FFF;
	float: right;
}
#header .login a {
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	margin:0 5px;
}
#header .login a:hover {
	text-decoration: underline
}
#header .logined {
	min-width: 200px;
	margin: 12px 0px 0 0px;
	color:#FFF;
	float: right;
	text-align: right;
}
#header .logined .avatar_logined {
	width: 36px;
	width: 36px;
}
#header .logined .avatar_logined img {
	border: 1px solid #adadad;
	padding: 2px;
}
#header .logined .user {
	padding-right: 5px;
}
#header .logined a {
	color:#f06cae;
	text-decoration: none
}
#header .logined a:hover {
	color:#f06cae;
	text-decoration: underline
}
/********** < Navigation */
#fdmega-menu {
	width: 980px;
	margin: 3px auto;
	float:left;
}

ul#topnav {
	float: left;
	width: 960px;
	position: relative;
	font-size:13px;
	height:30px;
	z-index:999;

/* behavior: url(whateverhover.htc); */
}

ul#topnav li  {
	float: left;
	height: 30px;
	padding-top: 5px;
	color:#333;

}

ul#topnav li a {
	padding: 6px 20px 8px 20px;
	display: block;
	font-weight: bold;
	text-transform: capitalize;
	color: #333;
	text-decoration: none;
}

ul#topnav li:hover a {
	color:#FFF;
	background:#B51771;
	padding: 6px 20px 8px 20px;
}
ul#topnav li .selectedTab{ background-color:#b51771; color:#FFF;}
ul#topnav li.btn_upload a{
	padding:0;
}
ul#topnav li.mg-home {
	background:url(../images/icon_home.png) no-repeat top right!important;
	width:45px;
	margin: 9px 10px 0 0;
}

ul#topnav li.mg-home a {
	height:19px;
	background:none!important;
}
ul#topnav li.mg-home a:hover{
	background:none;
}
ul#topnav li div.sub {
	position: absolute;
	top: 30px;
	background: #b51771;
	padding:5px;
	display: none;
	color:#fff;
	z-index: 999;
}
ul#topnav li:hover div.sub {
	display: block;
}

ul#topnav li div.sub p {margin-bottom:5px;text-align:justify;}
ul#topnav li div.sub a{ font-weight:400;}
ul#topnav li div.sub div.cont {float: left;padding:5px;}
ul#topnav li div.sub div.cont h3 {}
ul#topnav li div.sub div.cont a{display:block; margin:0;padding:0;padding:0 0 5px;color:#fff;}
ul#topnav li div.sub div.cont a:hover{
	text-decoration:underline;
}
ul#topnav li:hover div.sub div.cont a{
	color:#fff; 
	background:none;
}

ul#topnav li div.ms1 {}
ul#topnav li div.ms2 {left: 151px;}
ul#topnav li div.ms3 {left: 151px; }
ul#topnav li div.ms4 {left: 309px;}
ul#topnav li div.ms5 {left: 427px;}

ul#topnav li div.sub div.cs21 {width:150px;}
ul#topnav li div.sub div.cs31 {width:120px;}

div#info {width: 900px;margin: 20px auto;font-size:12px!important;}
div#info h1 {font-size:22px;}

.topBanner {
	float: left;
	width: 980px;
	margin: 5px 0px 5px 0;
}
#content {
	width: 960px;
	background-color:#FFF;
	float: left;
	padding:10px;
	box-shadow: 2px 1px 2px 2px #888;
	margin-top: 10px;
}
/*---- footer -----*/
#mega-footer {
	width: 980px;
	background:#f1f1f1 url(../images/bgfooter.gif) left top repeat-x;
	outline: 1px solid #d5d3cd;
	margin-top: 10px;
	float:left;
}
.mega-footer-nav {
	width: 974px;
	padding: 10px 0;
	overflow: hidden;
}
.product-nav-footer {
	width: 146px;
	float: left;
}
.fleft_footer {
	margin-left: 15px;
}
.title-brand {
	padding: 2px 0 7px 0;
	color: #bedcf9;
	text-transform: uppercase;
	font-weight: bold;
}
.lst-prd-ft {
	display: block;
	height: 58px;
}
.lst-prd-ft li {
	display: block;
	color: #333;
	padding: 0px 0 5px 0px;
	line-height: 14px;
}
.lst-prd-ft li a {
	color: #333;
	padding-left: 10px
}
.lst-prd-ft li a:hover {
	text-decoration: underline
}
.fleft {
	float: left
}
.cirle-bullet {
	background:url(../images/news-bullet.gif) left 7px no-repeat;
}
.mega-footer-menusub {
	width: 980px;
	color: #000;
	overflow: hidden;
}
.footer-top {
	display: block;
	width: 980px;
	text-align: center;
	padding: 4px 0;
	background-color:#4c4949;
	float: left;
}
.footer-top li {
	display: inline
}
.footer-top li a {
	font-weight: bold;
	color: #FFF;
	padding: 0 10px
}
.footer-top li a:hover {
	text-decoration: underline
}
.logo-footer {
	float: left;
	margin: 10px 0 10px 10px;
}
.copyright {
	display: block;
	font-size: 11px;
	width: 450px;
	margin: 5px 0 0 8px;
	float: left;
}
.logo-vnn-vnpt {
	float: right;
	padding: 8px 8px 0 0;
}

.margintop10 {
	margin-top: 10px;
}
.ml5 {
	margin-left:5px;
	float:left
}