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

body{ margin:0px; text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px; background-image:url(../images/bg_page.gif); background-repeat:repeat-x; background-color:#161d22}


.spacer{clear:both; }
/* layout*/

/* top*/
#wrapper{ width:1000px; margin:0px auto; text-align:left; background-color:#000}
#top{ background-image:url(../images/top_bg.jpg); background-repeat:no-repeat; height:100px;width:1000px;}
#top .logo{ padding-left:33px; padding-top:25px;}

#top .register{color:#fff; text-align:right; padding-top:4px; margin-top:0px; padding-right:8px; float:right }

#top input{height:12px; border:1px solid #ccc;}
#top .button{background-image:url(../images/btn_login.gif); background-repeat:no-repeat; width:54px; height:21px; border:0px;}
#top a:link{color:#fdc415; text-decoration:underline;}
#top a:hover{color:#fff;}
#top table{text-align:right}




#menu{  height:33px;background-image:url('../images/menu_bg.gif'); 
background-repeat:repeat-x;  padding-top:5px;margin-top:0px;
}
#menu ul{margin:0px; padding:0px; list-style:none; padding-left:30px; padding-top:5px; margin-top:0px; }
#menu li{float:left; color:white; font-size:12px; padding-left:35px; margin-top:0px;}
#menu li a:link{color:#000; text-decoration:none}
#menu li a:visited{color:#000; text-decoration:none}
#menu li a:hover{color:#000; text-decoration:underline}
#menu  .current{background-color:#000; color:#fff;   padding:9px; margin-left:15px; margin-top:0px; padding-bottom:3px;}


/* left*/

#left{clear:both;width:246px; float:left; background-image:url(../images/left_bg.jpg);  color:#fff;background-color:#3f3f3f; background-repeat:no-repeat; padding:3px; background-repeat:no-repeat; text-align:left}
#left p{padding-left:12px; padding-right:8px; line-height:18px;}
#left img{border:1px solid #ccc; float:left; margin-right:3px;}

#left .whyus td{border-bottom:1px solid #ccc; color:#eecc11}

#left .heading{font-size:14px; font-weight:bold; color:#fff; text-align:center; padding-top:20px; margin:0px;font-family:Arial, Helvetica, sans-serif; font-variant:small-caps}
#left h3{border:1px solid #fff; background-color:#061d2f; height:25px; font-size:12px; font-weight:bold; width:200px; text-align:center; color:#fff; padding:2px; line-height:25px; }




#left a:link{color:#ffdf04; text-decoration:none;}
#left a:visited{color:#ffdf04;text-decoration:none; }
#left a:hover{color:#fff;text-decoration:underline;}
#left a:active{color:#fff;}
#left ul{margin-left:28px; padding-left:0px; text-align:left;}
#left ul li{list-style-image:url(../images/bullet_blue.gif); margin-bottom:8px;}

/*======================*/


/*#left .total{font-weight:bold; font-size:11px; color:#0E82B2; text-align:right}
#left .checkout{ background-image:url(../images/btn.gif); width:81px; height:22px; font-size:11px;  font-weight:bold; color:#fff; text-align:center; border:0px;}
#left .gamelist{ width:171px; height:27px; font-weight:BOLD; color:#CCCC00; font-SIZE:12PX; PADDING-TOP:3PX;  background-image:url(../images/arrow.gif); background-repeat:no-repeat;}

.gamelist a:link{color:#efa732; text-decoration:none;}
.gamelist a:visited{color:#0066CC;text-decoration:underline;}
.gamelist a:hover{color:#996600; text-decoration:none;}*/


/* middle*/
#middle{float:left; left:246px; width:506px; padding-bottom:5px;}

/* promotion*/

/*.pro{ background-image:url(../images/pro_bg.jpg);background-repeat:no-repeat; width:506px; height:165px;  font-size:14px; color:#d1c67b; padding-right:15px }
.pro img{float:right; padding-right:15px }
.pro p{padding-left:150px; padding-top:50px;}*/

.middle_top{background-image:url(../images/middle_top.gif); background-repeat:repeat-x; height:25px; font-size:14px; font-weight:bold; padding-left:3px; color:#000; font-variant:small-caps}
.middle_middle{background-image:url(../images/middle_bg.gif); background-repeat:repeat-x; background-color:#fff; color:#333; font-size:13px; padding:5px; }

.middle_middle .notes{font-size:11px; color:#0066CC}

.middle_middle p{margin-bottom:8px;}
.middle_middle ul li{margin-bottom:8px; font-size:13px;}
.middle_middle ul li a:link{ color:#000; text-decoration:underline;}
.middle_middle ul li a:hover{ color:#000; text-decoration:none; }

.middle_middle ul li a:visited{ color:#333; text-decoration:underline;}

.middle_middle a:link{color:#635d2e; text-decoration:underline;}
.middle_middle a:visited{color:#0066CC;text-decoration:underline;}
.middle_middle a:hover{color:#000; text-decoration:none;}

/*
.middle_bottom{ width:506px; background-repeat:no-repeat; background-image:url(../images/middle_bottom.gif); height:2px;}
*/

.chuhuo { font-size:12px; font-family:Arial, Helvetica, sans-serif;
  color:#333;
}
.chuhuo dl {
  width:420px;
}
.chuhuo dt {
  width: 110px;
  float: left;
  padding:4px;
  padding-top:8px; 
  text-align:right;
  clear:both;
}
.chuhuo dd{
  margin:0 0 0 118px;
  padding:4px;
  text-align:left;
}
.chuhuo input {
  width:180px;
}
.chuhuo .radio{width:15px;}
.chuhuo select#content {
  width:185px;
}
.chuhuo input.submit {
  width:70px;
}
div#submit {
  width:298px;
  text-align:left;
  padding:4px;
  padding-left:122px;
}
* html .quickshop input,* html .quickshop select, radio{
  margin-left: -3px;  
}
* html div#submit input{
  margin-left: 0px;
}


 #middle.aboutus{ width:500px;  background-color:#34636E; }
.aboutus a:link{color:#655C44; text-decoration:underline;}
.aboutus a:visited{color:#655C44;text-decoration:underline;}
.aboutus a:hover{color:#000; text-decoration:none;}

 
#middle .aboutus td{ border:1px solid #4B4944;background-color:#f0eee8; color:#000; font-size:12px; padding:15px;}
 
#middle .aboutus th{ background-color:#8F9697; color:#000; font-size:12px; height:24px; padding-left:15px;}

#middle .aboutus td h3{color:#000; font-size:14px;}
#middle .aboutus li{ margin-bottom:10px;}




/* right*/
#right{float:right; width:240px;padding-bottom:3px; }


#right .login td h3{color:#000; font-size:14px;}

.logintop{background-image:url(../images/right_heading.gif); background-repeat:repeat-x;background-color:#38961A; width:240px; height:26px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border:1px solid #000; font-variant:small-caps}
.loginmiddle{ background-image:url(../images/login_bg.gif); background-repeat:no-repeat border:1px solid #24333a; text-align:left; padding:2px; FONT-SIZE:12PX; color:#dca72e;width:240px;  }
/*
.loginbottom{ background-image:url(../images/right_bottom.gif);width:195px; height:9px; background-repeat:no-repeat; }*/
.loginmiddle dl {
  width:190px; color:#fff

}
.loginmiddle dt {  clear:both;
  width: 90px;
  float: left;
  padding:4px;
  padding-top:8px; 
  text-align:right;
}
.loginmiddle dd{

  margin:0 0 0 60px;
  padding:4px;
  text-align:left;
}
.loginmiddle input {
  width:80px;
}


#right .cart{ width:240px; color:#fff}
#right .cart td{ background-image:url(../images/newsbg2.gif); background-repeat:repeat-x; border:1px solid #24333a; color:#fff; background-color:#000; }
#right .cart th{background-image:url(../images/right_heading.gif); background-repeat:repeat-x;width:240px; height:23px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border:1px solid #000; font-variant:small-caps}

#right .cart ul{ list-style-image:url(../images/bullet_y.gif); list-style-position:outside}
#right .cart ul li{margin-bottom:8px;}

a:Link{color:#fff; text-decoration:none;  text-decoration:underline;}
a:hover{color:#996600; text-decoration:underline}
a:visited{color:#dca72e; text-decoration:underline}

/*second pages*/
.cart_detail{ }
.cart_detail td{border-bottom:#999 1px  dotted; padding:8px;}

.newsheader{ background-image:url(../images/middle_top.gif); background-repeat:repeat-x; height:25px; font-size:14px; font-weight:bold; padding-left:3px; color:#000; font-variant:small-caps}
.newsheader2{background-image:url(../images/right_heading.gif); background-repeat:repeat-x;background-color:#38961A; width:240px; height:26px;  text-align:center; font-size:14px; font-weight:bold; color:#000; border:1px solid #000; font-variant:small-caps}
.newsbg1{background-image:url(../images/middle_bg.gif); background-repeat:repeat-x; background-color:#fff; color:#333; font-size:13px;  padding:12px; padding:8px; line-height:25px; }
.newsbg1 div img{float:none; padding:0px;}
.newsbg1 img{float:left; padding-right:15px;}

.newsbg1 li{margin-bottom:6px;list-style-image:url(../images/bullet3.gif);}
.newsbg1  a:link{color:#000; text-decoration:none;}
.newsbg1  a:visited{color:#000; text-decoration:none;}
.newsbg1  a:hover{color:#000; text-decoration:underline;}
.newsbg1 .button{ background-image:url(../images/btn_bg2.gif); width:54px; height:21px; border:0px;}




.newsbg2{ background-image:url(../images/newsbg2.gif); background-repeat:repeat-x; border:1px solid #24333a; color:#fff; background-color:#51504c; padding:3px; }
.newsbg2 li{margin-bottom:6px; list-style-image:url(../images/icon.gif); list-style-position:outside;}
.news_middle{ margin-bottom:3px;}
.notice1{font-size:14px;}
.notice1 li{list-style-image:url(../images/dot2.gif); list-style-position:outside;  padding-left:18px;}
.newsbg2  a:link{color:#fff; text-decoration:none;}
.newsbg2  a:visited{color:#fff; text-decoration:none;}
.newsbg2  a:hover{color:#fff text-decoration:underline;}
.notice{font-weight:bold; font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; font-style:italic; color:#b2350e}

/* FOR NEWS_DETAIL PAGE*/

#right2{width:744px; float:left; left:246px;}
#right2 .middle_top{background-image:url(../images/middle_top.gif); background-repeat:repeat-x; height:25px; font-size:14px; font-weight:bold; padding-left:3px; color:#000; font-variant:small-caps;width:740px;}
#right2 .middle_middle{background-image:url(../images/middle_bg.gif); background-repeat:repeat-x; background-color:#fff; color:#333; font-size:13px; padding:5px;width:740px; }

#right2.middle_middle .notes{font-size:11px; color:#0066CC}

#right2 .middle_middle p{margin-bottom:8px;}
#right2 .middle_middle ul li{margin-bottom:8px; font-size:13px;}
#right2 .middle_middle ul li a:link{ color:#000; text-decoration:underline;}
#right2 .middle_middle ul li a:hover{ color:#000; text-decoration:none; }

#right2 .middle_middle ul li a:visited{ color:#333; text-decoration:underline;}

#right2  a:link{color:#000; text-decoration:underline;}
#right2  a:visited{color:#000;text-decoration:underline;}
#right2  a:hover{color:#000; text-decoration:none;}

#right2 table{background-color:#ccc}
#right2 table th{background-color:#333; color:#fff; text-align:center}
#right2 table td{ background-color:#fff; text-align:left}





/*footer*/
#footerMain{
	width:1000px;
	margin:0px auto;
	height:84px;
	background:url(../images/footer_bg.gif) 0 0 repeat-x;
	clear:BOTH;

}
#footer{
	width:944px;
	height:84px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	position:absolute;
	left:100px;
	top:19px;
	width: 497px;
	list-style:none;
}
#footer ul li{
	float:left;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 5px;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/24px Arial, Helvetica, sans-serif;
	position:absolute;
	left:650px;
	top:38px;
	width:260px;
	color:#fff;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:72px;
	height:23px;
	position:absolute;
	left:17px;
	top:0;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#BA0804;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat;
	width:72px;
	height:23px;
	position:absolute;
	left:95px;
	top:0px;
	font:normal 10px/19px Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#BA0804;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:170px;
	position:absolute;
	left:17px;
	top:29px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#9DBC52;
	background-color:inherit;
	padding:2px;
}
#footer p.design a.link{
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#9DBC52;
	background-color:inherit;
	text-decoration:none;
	
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#BD3535;
}


.intro{ background-color:#ccc}
.intro td{background-color:#eeeeee}

.price{text-decoration:line-through; color:red}

.registerinfo { font-size:12px; font-family:Arial, Helvetica, sans-serif;
  color:#333;
}
.registerinfo dl {
  width:450px;
}
.registerinfo dt {
  width: 110px;
  float: left;
  padding:4px;
  padding-top:5px; 
  text-align:right;
  clear:both;
}
.registerinfo dd{
  margin:0 0 0 118px;
  padding:4px;
  text-align:left;
}

.registerinfo .radio{width:15px;}

.registerinfo input.submit {
  width:70px;
}
div#submit {
  width:298px;
  text-align:left;
  padding:4px;
  padding-left:122px;
}
* html .registerinfo input,* html .quickshop select, radio{
  margin-left: -3px;  
}
* html div#submit input{
  margin-left: 0px;
}