﻿/* base */
*{ font: normal 12px/160% "Arial","Tahoma",sans-serif;color:#ccc;}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,form,div,p,i,img,ul,li,ol,table,tr,td,fieldset,label,legend,dt,dd,dl,body {margin:0;padding:0}
img {border:0}
a {text-decoration:none}
a:hover {color:#ff0;text-decoration:underline}
button {cursor:pointer}
div,p {display:block}
fieldset,form {background:none;border:none;padding:0;margin:0}
.clear {clear:both;overflow:hidden;height:0;font-size:1px}
strong {font-weight:bold}
option,input {color:#000}
body {background:url(bg.gif) center top repeat-y}
#head,#body,#footer {width:1000px;text-align:left;margin:0 auto;}
#head {position:relative;background:url(top_bg.gif) repeat-x;padding-top:69px;}
#head h1 {float:left;width:196px;height:194px;position:absolute;top:0;left:0}
#head h1 a {display:block;float:left;background:url(logo.png) no-repeat;width:196px;height:194px;text-indent:-2000em;}
#head ul {position:absolute;background:#eff4fa url(nav_bg.gif) repeat-x;top:32px;left:208px;}
#head li {float:left}
#head li a {display:block;float:left;color:#fff;background:url(vline.gif) left no-repeat;height:64px;line-height:70px;padding:0 10px;font-size:13px;font-weight:bold;text-decoration:none}
#head li a:hover {color:#ff0;}
#head .home a {background:none}
#atf {position:absolute;right:12px;top:19px;}
#body {clear:both;padding:8px 0}
#topgames {background:#3d3d3d;padding:.5em;color:#f00;font-weight:bold;text-align:center;margin-top:-10px}
#topgames li {display:inline;}
#topgames li a {padding:0 .5em;font-size:10px;color:#ccc;font-weight:bold;}
#topgames li a:hover {color:#cc0;}
#page-side {width:179px;padding:12px;float:left}
.page-box {background:url(box_bottom.gif) left bottom no-repeat;padding-bottom:10px;margin-bottom:10px;white-space:normal; word-break:break-all;}
.page-box h3 {background:url(title.gif) no-repeat;height:24px;line-height:24px;font-weight:bold;text-indent:1em}
.box-bg {background:url(box_bg.gif) repeat-y;padding:1px 3px}
.box-in {padding:6px;background:url(box_in.gif) repeat-x;white-space:normal; word-break:break-all;}
.box-contact {color:#ddd;}
.box-contact p {display:block;color:#fc0;font-weight:bold;font-size:12px}
#gamelist li{background:url(list.gif) left center no-repeat;padding:3px 0 3px 14px;}
#gamelist a {font-size:12px}
.side-image {margin-bottom:10px}
#favimg {cursor:pointer}
#LoginForm {text-align:center}
#email,#password {width:80px}
#login-input {float:left;padding-right:2px;padding-top:3px}
#login-input label {width:5.5em;display:block;float:left;text-align:left}
#page-body {float:left;width:540px;margin-left:10px;}
.page-main {background:url(page_main.gif) left bottom no-repeat;padding-bottom:10px;margin-bottom:20px}
.page-main h2 {background:url(dotline.gif) left bottom repeat-x;height:22px;padding-left:16px;font-size:14px;font-weight:bold;color:#fff;}
.page-main h2 a{font-size:14px;font-weight:bold;color:#fff;}
.page-main .choose-game {background:url(choose.gif) no-repeat;height:22px;}
.page-content {padding:12px}
.page-content h3 {font-size:12px;font-weight:bold;color:#009;padding-top:1em}
#gimg {overflow:auto}
#gimg li {float:left;width:33%;}
#gimg li span {display:block;text-align:center}
#news-list li {line-height:26px;background:url(line.gif) bottom repeat-x}
.page-content hr {height:1px}
#page-sub {width:179px;padding:12px;float:right;}
.subnews {padding:6px;}
.subnews li {padding-top:4px;padding-left:8px;background:url(dot.gif) left 12px no-repeat;}
#footer {clear:both;text-align:center;background:#fff}
#game-tags {background:#3d3d3d;padding:10px;line-height:9px;word-break:break-all}
#game-tags a {font-size:9px;padding-right:.5em}
#payment-methods {background:url(payment_methods.gif) center top no-repeat;height:87px;}
#footer-links {height:28px;border-top:1px solid #fff;line-height:28px}

#foot-lnks {background:#910000 url(endpic.gif) no-repeat;padding-top:17px;height:42px;line-height:42px}
#foot-lnks a {font-weight:bold;font-size:14px;padding:0 .5em}

#copyright {padding:16px 0;background:#000}
.alignr {text-align:right}
.regform td {border-bottom:1px solid #666;padding:.5em}
.tdunderline {border-bottom:1px solid #666}
.regtable {border:1px solid #666}
input:focus,input.focus,textarea:focus,textarea.focus {background:#f0f7fd;color:#333}
.fred {color:#f50}
.note {font-size:10px;color:#89A5D5}
#articlelist li {line-height:2em;background:url(line.gif) bottom repeat-x}
.titletxt {color:#009;font-size:13px}
.tableline,.tableline td {border-collapse: collapse;padding:.5em;border:1px solid #9A9A9A}
.iItem {background:url(yellow_arrow.gif) left no-repeat;width:25%;padding-left:16px}
.iLine {background:url(yellowline.gif) repeat-x;height:1px}
.iIndex {background:#fffff7;}
.iIndex a {font-size:14px;font-weight:bold;color:#000099;}
.tr0 {background-color:#333}
.tr0 td {font-weight:bold}
.tr1 {background-color:#E7F9FF}
.tr3 {background-color:#89A5D5}
.sum {color:#f00;}
.gsel {text-align:center;padding:10px;border:1px solid #ddd;margin:0 0 5px 0;}
.osum {color:#600;text-decoration:line-through;}
#cmt {margin:10px 0;}
#cmt li {padding:10px 0;font-size:12px;}
#cmt li b {font-size:10px;color:#00f;text-decoration:underline;}
#cmt li span {display:block;font-size:10px;color:#ccc;}
#cmt li em {display:block;}
#cmt li em i {color:#090;}
.ps {margin:10px 0;text-align:right}
.ps strong {padding:0 .5em;border:1px solid #ccc;background:#f00;color:#fff;}
.ps a {padding:0 .5em;border:1px solid #ccc;margin:0 .2em}
.ps a:hover {background:#fc0}
.gsel select { width:240px; margin:3px;}
.imgpm {cursor:pointer;display:block;}
.rb {font-weight:bold;color:red;}
/*table*/
table.tbl {width:98%;border-spacing:1px;background-color:#5a5a5a;;color: #666;border-collapse: collapse;}
table.tbl td, table.tbl th {padding: 2px 4px;}
table.tbl th {text-align: center;background: #5a5a5a;border: 1px solid #FFF;letter-spacing:1px;}
table.tbl tbody tr.odd 	{background: #f9f9f9;border-top:1px solid #FFF;}
table.tbl tbody th {border: 1px solid #81817F;}
table.tbl tbody tr td { text-align:center;background: #5a5a5a;border: 1px solid #81817F;}
table.tbl tbody tr.odd td{ background: #f9f9f9;border-top:1px solid #FFF;}
table.tbl  td a:link, table td a:visited {color: #1975D7;text-decoration: none;}
table.tbl  td a:hover {color: #50ADEA;border-bottom:2px solid #8FD5FF;text-decoration: none ;}
table.tbl tfoot th, tfoot td {background-color:#E7E7E7; padding:6px;text-align:left; font-family:Georgia, "Times New Roman", Times, serif;font-size:12px; font-weight:bold;border-bottom:3px solid #CCC;border-top:1px solid #DFDFDF;word-spacing:6px;}

.fail { padding:5px; border:1px solid #999;  font-weight:bold; color:#F00; background:#FCF; }
.succ { padding:5px; border:1px solid #999;  font-weight:bold; color:#FFF; background:#090; }

.gd { color:#999900; text-indent:.5em; font-weight:bold;}
.fblue { color:#0066FF; text-indent:.5em; font-weight:bold;}

.util {padding:5px;}

.stitle {font-weight:bold;font-size:14px;color:#CDCDCD;}
.slist { overflow:hidden; zoom:1;padding:10px 0 10px 20px;border:1px solid #DDDDDD; }
.slist li { float:left; width:200px; background:url(arr.gif) left center no-repeat; text-indent:1em;}
.slist li.power a { color:red; font-weight:bold;}
.slist li.items a { color:blue; font-weight:bold;}
.intro {border:1px solid #DDDDDD; padding:5px; margin:10px 0 0 0; }
a.cart { background:url(cart.gif) left center no-repeat; padding:0 0 0 20px;}

h5.gamenews {font-size:14px;margin:5px;}
div.gameintro{border:1px solid #DDDDDD; padding:5px; margin:10px 0 0 0;}

.itext { height:18px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}

.input_area { height:50px; border-top:#999999 solid 1px; border-left:#999999 solid 1px; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px;}


table.itbl { width:95%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px; }
table.itbl td, table.itbl th {padding:5px; text-align:center;font-size:12px;!important}
table.itbl th {text-align:center; border-bottom: 1px dotted #C96;}
table.itbl tbody th {border-bottom: 1px dotted #C96;}
table.itbl tbody tr td { border-bottom: 1px dotted #C96;}
table.itbl td.s1 {text-align:left; text-indent:2em;}

table.tbl { width:100%; border-spacing:1px; border-collapse:collapse;margin:5px 0 10px 0px;}
table.tbl td, table.tbl th {padding:5px;}
table.tbl th {text-align:center; border: 1px solid #999;}
table.tbl tbody th {border: 1px solid #999;}
table.tbl tbody tr td { border: 1px solid #999;text-align:left;}

.news {}
.news li { padding:3px; text-indent:.6em; border-bottom: 1px dotted #666; background:url(doc.gif) left no-repeat 5px;}

#user-login { display:none;}
#username { width:120px;}
#password { width:120px;}
#user-inline { display:none;}

#sale select {background: #ccc; color:#FFFFFF}
#sale input.itext { width:180px; background:#ccc;border: 1px solid #4F4A3F;color: #000;margin-top: 0 !important;}
#sale textarea.iarea { background:#ccc;width:300px; height:60px;}

.rq { font-size:12px; font-weight:bold; color:#fff;}

.ibtn {
  background: none repeat scroll 0 0 #094D9E;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  margin: 1px;
  padding: 5px 20px;
}
.s4 a {color:#fff;}
.aztitle a {font-size:14px; font-weight:bold; color:#fff;}