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

.clr{ clear:both}
.c-left{ clear:left;}
.c-right{ clear:right;}
.spacer{ height:10px;}
.f-left{ float:left;}
.f-right{ float:right;}
a, a:link, a:active, a:visited{ text-decoration:none; color:#625757;}
a:hover{ text-decoration:underline;}

#whole-body{ 
	font-family:Tahoma, Geneva, sans-serif; font-size:12px;
}

#warp {
	width:990px;
	margin:0 auto;
	direction:rtl;}
#warp #header {
	background-image: url(../images/header-b-g.png);
	background-repeat: repeat-x;
	height: 185px;
	width: 990px;
	margin:0 auto;}
#warp #header .h-right {
	background-image: url(../images/header-right.png);
	background-repeat: no-repeat;
	float: right;
	height: 172px;
	width: 479px;}
#warp #header .h-right .h-r-links { margin-top:122px;}
#warp #header .h-right .h-r-links li{ width:100px; text-align:center; float:right}
/*end header-right-content*/
#warp #header .h-left {
	background-image: url(../images/header-left.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 172px;
	width: 439px;}
#warp #header .h-left-links { margin-right:10px;}
#warp #header .h-left-links li{ float:right; text-align:center; width:80px;}
#warp #header .h-left .h-l-search-box {
	height: 25px;
	width: 300px;
	background:#ffffff;
	margin-top:50px;
	margin-left:15px;
	float:left;
	padding:10px;}

#warp #header .h-left .h-l-search-box form .s-submit {height: 22px;	width: 70px; text-align:center;  background:#a9a9a9;}
#warp #header .h-left .h-l-search-box form .s-text { width:200px; text-align:center; height:18px; background:#FFF;}
#warp #header .h-left .h-l-login { padding-top:18px; width:440px; float:right;}
#warp #header .h-left .h-l-login form .login-text { width:110px; height:18px; background:#FFF; text-align:center;}
#warp #header .h-left .h-l-login form .login-submit{ width:70px; height:22px; text-align:center; background:#a9a9a9;}
/*end header-left-content*/

#container {width: 815px; margin:0 auto;}

#container .block-table {	float: left; width: 815px;}

#container .block-table .block-table-top {
	background-image: url(../images/block-top-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 36px;
	width: 815px;
	text-align:right;
	text-indent:30px;
	line-height:25px;
}
#container .block-table .block-table-bottom {
	background-image: url(../images/block-bottom-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 17px;
	width: 815px;}
	
#container .block-table .block-table-midlle { background:url(../images/block-midlle-bg.jpg) repeat-y; float: left; width: 815px;}
#container .block-table .block-table-midlle .category-img {
	float: right;
	height: 150px;
	width: 100px;
	overflow:hidden; margin:5px 10px 5px  5px;
}
#container .block-table .block-table-midlle .game-img {	
	float: right;
	height: 150px;
	width: 145px;
	overflow:hidden; 
	margin:5px 10px 5px  5px;
}
#container .block-table .block-table-midlle .list-of-catwgories{ width:140px; float:right; margin-right:15px; margin-bottom:10px; text-align:center;}

#container .block-table .block-table-midlle .list-of-catwgories li{ width:140px; text-align:center; border-bottom:1px dotted #999;}
/*end container & block-table*/

#warp #footer {
	height: 40px;
	width: 990px;
	margin:0 auto;
	background:#e0e0e0;
	line-height:30px;
}
#warp #footer .right-copyrights{ width:400px; float:right; margin-right:15px;}
#warp #footer .footer-left-links{ float:left; width:510px;}
#warp #footer .footer-left-links ul{}
#warp #footer .footer-left-links ul li{ float:right; width:100px; text-align:center;}
#warp #footer .footer-left-links ul li span{ float:right;}