* {
	margin:0;
}

html {
	
}
body {
	color: #393733;
	margin: 0pt;
	padding: 0pt;
	text-align:center;
	font-size: 75%;
	background: url(../Images/pageBG.jpg) repeat-x;
}

body,th, textarea, input, select, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

textarea, input, select{
	font-size: 95%;
	margin: 0;
	padding: 0;
}

h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif;
}

a {
	color: #39c;
	/*color: #369;*/
	cursor: pointer;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* Fieldset */

fieldset,fieldset.blue{
	border: 1px solid #b1e77a;
	margin: 0 0 1em 0;
	padding-top: 5px!important ;
	padding: 15px;
	position: relative;
}
* html #contents fieldset,* html #contents fieldset.blue,* html fieldset {
	width: 94%;
}
/* for IE6 3col */
* html #content2 #checkout fieldset{
	width: 94%;
}


fieldset.blue{
	border: 1px solid #AADAFF;
}

legend,fieldset.blue legend {
	color: #690;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1;
	padding: 0pt 0.5em;
	margin-bottom: 5px;
}
fieldset.blue legend{
	color: #39c;
}

legend span{
	color: #666;
	letter-spacing: 0;
	font-size: 80%;
	padding: 0 4px;
}

/* ���� */

#container {
	margin: 0pt auto;
	/*position: relative;*/
	text-align: left;
}

#containerModel {
	padding: 0 5px; /* need for ie*/
/* no relative positioning due to IE6 */
	width: auto;
	background-color: #fff;
	text-align: left;
}



/* Header ���ֵ���ʽ�?������ */
#header {
	background: url(../Images/Nav-BG.png) repeat-x 0px 0px;
	color: #FFFFFF;
	float: left;
	position: relative;
	width: 100%;
	height: 71px;
	clear: both;
	min-width: 990px;
	font-size: 105%;
	line-height: 1.4em;
}

h1 {
	float: left;
	font-size: 100%;
	margin: 0pt;
}
h1 a {
	background: transparent url(../Images/menu-current.gif) no-repeat scroll 0px 0px;
	display: block;
	height: 46px;
	text-indent: -2000em;
	width: 259px;
	z-index: 1000;
}
h1 a:hover{
	background-position: 0pt -46px;
	cursor: pointer;
}

#header ul{
	list-style-image: none;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}

#header li {
	float: right;
	margin: 0pt;
	padding: 0pt;	
}

#header #nav li a{	
	background: transparent url(../Images/menu-current.gif) no-repeat 0px -91px;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: bold;
	color: #ddd;
	padding:14px 2em 0;
	height: 32px;
	text-decoration: none;
}

#header #nav li a:hover{
	color: #fff;
	background: transparent url(../Images/Nav-BG.png) repeat-x scroll 0 -71px;
}

#header #nav li div.menu{	
	background: transparent url(../Images/menu-current.gif) no-repeat 0px -91px;
	display: block;
	float: left;
	padding: 0 5px;
	height: 46px;
	position: relative;
}

#header #nav li div.menu a{
	background: transparent url(../Images/Nav-BG.png) repeat-x scroll 0 -168px;
	font-size: 80%;
	color: #fff;
	height: 18px;
	display: block;
	float: left;
	margin: 14px 0 0 5px;
	padding: 0 0 0 1em;
	border: 1px solid #888;
}

#header #nav li div.menu a:hover{
	background: transparent url(../Images/Nav-BG.png) repeat-x scroll 0 -190px;
	border: 1px solid #aaa;
}

#header #nav li div.menu a strong{
	background: transparent url(../Images/Icon.gif) no-repeat 100% 2px;
	display: block;
	padding-right: 1.5em;
}

.popupmenu_popup {
	border: 1px solid #b1e77a;
	width: 180px;
	line-height: 1.4em;
	overflow: hidden;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0pt;
	padding: 5px;
	background:#f6ffe0 url(../Images/BoxGreen-BG.png) repeat-x 0 bottom;
	filter:Alpha(opacity=95);
	-moz-opacity:0.95;
	z-index: 10000;
	position: absolute;
}

.popupmenu_popup li{	
	float: left;
}

.popupmenu_popup li a{
	color: Green;
	font-weight: bolder;
	width: 80px;
	display: block;
	padding: 3px 5px;
	border-bottom: 1px solid #eee;
}

.popupmenu_popup li a:hover{
	color:#fff;
	background: #A2C609;
	text-decoration: none;
}


/* Header �������� */
#header-primary {
	color: #000;
	float: left;
	position: relative;
	width: 100%;
	height: 24px;
	font-size: 95%;
	padding-top: 1px;
}

#header-primary a{
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

#header-primary a:hover{
	color: #000;
	text-decoration: underline;
}

#header-primary #breadcrumb {
	background: transparent none repeat scroll 0%;
	float: left;
	padding: 2px 25px;
}

#header-primary #welcome {
	background: transparent none repeat scroll 0%;
	float: right;
	padding: 2px 1em;
	position: relative;
}

#header-primary #welcome a.shoppingcart {
	background: transparent url(../Images/Icon.gif) no-repeat 0% -16px;
	margin-right: 5px;
	padding-left: 20px;
}

/* ��񲼾� */
.warp{
	border: 0;
	cel
}

/* ����Ӧ���� */
#wrapper {
	max-width:1200px;
	min-width:990px;
	width:100%;
	margin:0 auto;
	text-align:left;
/*	border:1px solid #000;*/
	position: relative;
	background: url(../Images/LogoBG.jpg) no-repeat scroll 100% bottom;/* right column colour*/
	overflow: hidden;
	
}

#inner {
	margin-right:214px;
	background: url(../Images/line.gif) repeat-y scroll 100% bottom;
	/*background:#bfcfff; left column colour*/
}
#middle {
	/*background:#03c; centre column colour*/
	margin-left:224px;
	background: url(../Images/line.gif) repeat-y scroll;/*centre column colour*/
	padding: 10px 0;
}
#content2 {
	width:auto;
	float:none;/* contain clearing*/	
}
/*
#left {
	width:220px;
	margin-left:-219px;overlap for old mozilla
	position:relative;
	left:-1px; now line it up
	float:left;
}
#right {
	width:210px;
	margin-right:-209px;overlap for old mozilla
	position:relative;
	left:1px; now line it up
	float:right;
}
*/

#left{
	width:220px;
	margin-left:-219px;
	position:relative;
	left:-4px;
	float:left;
	top:-13px;
	overflow: hidden;
}
#right{
	width:210px;
	margin-right:-209px;
	position:relative;
	left:4px;
	float:right;
	overflow: hidden;
}

/* 2��� */

#left1{
	width:220px;
	top:-3px;
	left: 0;
	padding-bottom: 20px;
	position: absolute;
}

#content3 {
	padding-top: 6px;
	margin-left: 223px;
	margin-right: 2px;
	background: url(../Images/line.gif) repeat-y scroll 100%;	
	overflow: hidden;
}

.heightfix{
	min-height: 600px;
	height: 600px;
	height: auto!important ;
}

/* �����  */
#inner3{
	/*background:url(../Images/line.gif) repeat-y scroll 224px;*/
	text-align: left;
}

/* �µIJ��ֲ��� */
#wrapper1{
	padding:0;
	margin:0 auto;
	max-width:1200px;
	min-width:990px;
	width:auto;
	background: url(../Images/LogoBG.jpg) no-repeat scroll 100% bottom;/* right column colour*/
}

#wrapper2{
	padding:0;
	margin:0 20px;
	width:auto;
	background: url(../Images/LogoBG.jpg) no-repeat scroll 100% bottom;/* right column colour*/
}

#wrapper2 #inner3{
	margin: 20px 0 ;
}

#inner2{
	background:url(../Images/line.gif) repeat-y scroll 224px;
	min-height: 650px;
}
* html #inner2{
	height: 650px;
}

#sidebar {
	clear: right;
	float: left;
	width: 223px;
	position: relative;
	top: -3px;
	text-align: left;	
}

#contents {
	margin-left:226px;
	text-align: left;
	padding: 8px 0 0 0;
	background: url(../Images/line.gif) repeat-y scroll 100%;
	min-height: 650px;	
}
* html #contents{

}



/* hacker */

.clearer{
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* mac hide  \*/
.clearfix {
	display: block;
}

#inner3 .clearfix{
	margin-bottom: 1em;
}

/* End hide */

/* ���˵� */
/* Left Side */

.LeftSide{
	background: transparent url(../Images/menu-current.gif) no-repeat scroll -6px -244px;
	display: block;
	width: 185px;
	padding: 22px 18px 30px 20px;	
}

.LeftSide h2{
	color: #74BA1C;
	font-size: 125%;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 4px solid;
}

.LeftSide ul,.LeftMenu ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}


.LeftSide li a,.LeftMenu li a{
	background: transparent  url(../Images/Link-BG.gif) no-repeat;
	display: block;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	text-decoration: none;
}
.LeftSide li a:hover{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: transparent  url(../Images/Nav-BG.png) repeat-x 0 -117px;
}
.LeftSide li a span{
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -35px;
	display: block;
	padding: 5px 0px 0 20px;
	text-decoration: none;
}
.LeftSide li a:hover span{
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -89px;
}
.LeftSide li a.close span{
	color:#666;
}
/* ����м������ͼ�� */
/*  */
.imgCenter{
	text-align: center;
	margin-bottom: 1em;
}
.imgCenter img{
	border: none;
}

/* ���˵� */
.LeftMenu{
	padding:0 15px;
	position: relative;
	clear: left;
}
.LeftMenu h3{
	color: #666;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 3px solid #ccc;
}

.LeftMenu li a{
	padding-top: 2px;
}

.LeftMenu li a:hover{
	color: #fff;
	font-weight: bold;
	background: transparent  url(../Images/Nav-BG.png) repeat-x 0 -211px;
	text-decoration: none;
}

/* Contact Icons */
a span.email,a span.aim,a span.msn,a span.qq,a span.arr{
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -270px;
	display: block;
	padding: 4px 0px 4px 20px;
	text-decoration: none;
	margin-left: 2px;
}
a span.aim {
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -390px;
}

a span.msn {
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -331px;
}


a span.qq {
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -455px;
}

a span.arr{
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -626px;
}

/* Center Content */

/* GameCard and CD Key */
.cdkey{
	color: #369;
	font-size: 100%;
	background-color: #E5F3FF;
	border: 1px solid #C6E6FF;
	margin: 5px;
	padding: 3px 10px;
}
div.cdkey table{
	border-spacing: 0;
}
div.cdkey table td{
	border-bottom:1px solid #f5fffa;
	padding: 2px 0;
}
div.cdkey table td.img{
	text-align: center;
}
div.cdkey table td.oldprice{
	font-size: 14px;
	color: green;
	padding: 0 0 0 10px;
	text-decoration: line-through;
}

div.cdkey table td.price{
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
	padding: 0 10px;
}

#TopPic{
	text-align: center;
}

#Tips{
	color: #369;
	font-size: 105%;
	font-weight: bold;
	background-color: #f3f1e9;
	border: 1px solid #dbd5c8;
	margin: 10px;
	padding: 3px 10px;
	text-align: center;
}

#Tips a{
	color: #369;
}

.xLine{
	background: url(../Images/line.gif) repeat-x;
	background-position: bottom;
	padding: 5px 10px;
	overflow: hidden;
}

.xLine h2{
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -515px;
	color: #74BA1C;
	font-size: 120%;
	font-weight: bold;
	padding: 0px 0 0 18px;
}

.xLine h2.game{
	background: transparent  url(../Images/Icon.gif) no-repeat 0 -781px;
	color: #74BA1C;
	font-size: 140%;
	font-weight: bold;
	padding: 1px 0 1px 20px;
}
.xLine h2 span.title{

}
.xLine h2 span.bn{
	margin-left: 5px;
	float: right;	
}
.xLine h2 span.bn span.active{
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/button/button.gif) no-repeat 100% -51px;
	text-align: center;	
	display: block;
	padding-right: 5px;
}
.xLine h2 span.bn span.active strong{
	background: transparent url(../images/button/button.gif) no-repeat 0 -51px;
	padding: 2px 15px 5px 20px;
	display: block;
}

.xLine h2 span.bn a{
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/button/button.gif) no-repeat 100% 0px;
	text-align: center;	
	display: block;
	padding-right: 5px;
}
.xLine h2 span.bn a span{
	background: transparent url(../images/button/button.gif) no-repeat 0 0px;
	padding: 2px 15px 5px 20px;
	display: block;
}

.xLine h2 span.bn a:hover{
	text-decoration: none;
	background: transparent url(../images/button/button.gif) no-repeat 100% -51px;
	text-align: center;	
	display: block;
	padding-right: 5px;
}
.xLine h2 span.bn a:hover span{
	font-size: 14px;
	color: #f0ffe1;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/button/button.gif) no-repeat 0 -51px;
	padding: 2px 15px 5px 20px;
	display: block;
}

.xLine h3{
	color: #000;
	font-size: 100%;
	font-weight: bold;
}

/* ��ҳ��Ϸͼ���б� */
/*  */


div.pro_div{
	font-size: 12px;
	text-align: center;
}
ul.pro_list {
	list-style-image: none;
	list-style-type: none;
	padding: 0 0 0 5px;
	margin: 0;
}
ul.pro_list li {
	border-bottom: 0px solid #DAFCC9;
	margin: 0pt 0pt 10px;
	padding: 0pt;
	text-align: center;
	width: 24%;
	float: left;
}
ul.pro_list li span.gameTitle {
	color: Black;
	font-weight: bolder;
}
ul.pro_list li a {
	background: transparent none repeat scroll 0%;
	border: 1px solid #FFFFFF;
	display: block;
	line-height: 18px;
	margin: auto;
	padding: 0pt;
	text-decoration: none;
}
ul.pro_list li a:hover {
/*	background-color: #FFF6F4;
	border: 1px solid #FF6347;
	color: #FF6347;
	text-decoration: none;*/
	background-color: #f6ffe0;
	border: 1px solid #eaffb2;
	color: #FF6347;
	text-decoration: none;
}
ul.pro_list img {
	margin-bottom: 5px;
	border: none;
}

/* HomeGameList PopupMenu */
.home_popup {
	border: 1px solid #b1e77a;
	width: 175px;
	line-height: 1.4em;
	overflow: hidden;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0pt;
	padding: 2px;
	background:#f6ffe0 url(../Images/BoxGreen-BG.png) repeat-x 0 bottom;
	filter:Alpha(opacity=95);
	-moz-opacity:0.95;
	z-index: 10000;
	position: absolute;
}

.home_popup li a,.home_popup li strong{
	background: transparent none repeat scroll 0%;
	display: block;
	line-height: 22px;
	margin: auto;
	padding: 0pt;
	border-bottom: 1px solid #dcf4c4;
	text-decoration: none;
	text-align: center;
}

.home_popup li strong{
	border-bottom: 1px solid #bfec93;
}

.home_popup li a:hover{
	color:#fff;
	font-weight: bold;
	background: transparent  url(../Images/Nav-BG.png) repeat-x 0 -214px;
	text-decoration: none;
}


/* News List */
div.newslist{
	float: none;
	margin: 10px;
}

div.newslist h2{
	font-size: 115%;
	font-weight: bold;
	color: #369;
	background: url(../Images/Link-BG.gif) repeat-x 0 -30px;
	padding-bottom: 10px;
}
div.newslist ul{
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.newslist li{
	background: url(../Images/Icon.gif) no-repeat 98% -179px;
	padding: 3px;
	border-bottom: 1px solid #ddd;
}
div.newslist li small{
	padding: 0 5px;
	color: #690;
	margin-right: 5px;
	border-right: 1px solid #ddd;
	display: block;
	float: left;
	width: 60px;
	white-space: nowrap;
}

/* Login DIV */
#login{
	background-color: #e5f3ff;
	border: 1px solid #c6e6ff;
	padding: 6px 10px;
	position: relative;
	margin-bottom: 1em;
}

#login h2{
	color:#369;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #99CCFF;
}

#login h2 img{
	vertical-align: middle;
	padding: 5px;
}

#login h3{
	color:#369;
	font-weight: bold;
}

#login input{
	padding: 0;
	margin: 2px 0;
	width: 95%;
	font-weight: bold;
	clear: both;
}

#login .block{
	display: block;
	margin-top: 10px;
}

#login tr{
	border-bottom: 1px solid #d3ecff;
}

#login ul{
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin:1em 0;
	text-align: left;
	
}

#login li{
	background: url(../Images/Icon.gif) no-repeat 0 -570px;
	border-bottom: 1px solid #d3ecff;
	padding: 3px 5px 3px 20px;
}

#login strong{
	font-weight: bold;
	border: 1px solid;
	padding: 1px 3px;
	background-color: #F0F8FF;
	color: #369;
}

#login a:hover strong{
	font-weight: bold;
	border: 1px solid;
	padding: 1px 3px;
	background-color: #FFF;
	color: #FF6600;
	text-decoration: none;
}

#login li a{
	color: #000;
	font-size: 93%;
}

p.msg{
	border: 1px solid #c6e6ff;
	padding: 10px 10px 8px 30px;
	position: relative;
	margin-bottom: 1em;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	background:#e5f3ff url(../Images/Icon/warning.gif) no-repeat 6px 10px;
}

#loginp{
/*	background-color: #e5f3ff;
	border: 1px solid #c6e6ff;
	padding: 6px 10px;
	position: relative;
	margin-bottom: 1em;
	width: 70%;
	margin: auto;*/
}

#loginp span.g{
	color: #ED5B00;
	font-size: 120%;
}

#loginp p{
	margin: 5px 0;
}
#loginp h3{
	color:#369;
	font-weight: bold;
}

#loginp input{
	margin: 2px 0;
	vertical-align: middle;
}

#loginp .input{
	width: 200px;
	font-size:120%;
	font-weight: bold;
}

/* Help & Info */
.addfav{
	display: block;
	position: absolute;
	right:225px;
	top:250px
}

.paypallogo{
	display: block;
}

#right .LeftMenu{
	padding: 0;
}

#help .LeftMenu h3{
	color: #369;
	font-weight: bold;
	background: url(../Images/Link-BG.gif) repeat-x 0 -34px;
	padding-bottom: 5px;
	border: none;
}

#help .LeftMenu li a {
	color:#74ba1c;
	background: url(../Images/Link-BG.gif) no-repeat 0 -100px;
}

#help .LeftMenu li a:hover{
	color: #fff;
	background: transparent  url(../Images/Nav-BG.png) repeat-x 0 -117px;
}

.divLeft{
	float: left;
	width: 50%;
	margin-right: 5px;	
}

.detail{
	background-color: #f9fff0;
	border: 1px solid #c2e37d;
	padding: 0.5em;
}
.detail h3{
	color: #CC6633;
}
.detail ul{
	list-style-image: none;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
}
.detail li{
	background: transparent url(../Images/Icon.gif) no-repeat 0% -570px;
	display: block;
	padding: 3px 3px 3px 20px;
}

/* ��վ״̬ */

ul.stat li b {
	color: #CC0000;
	font-weight: bolder;
}

ul.stat li{
	background: transparent  url(../Images/Link-BG.gif) no-repeat 0 -150px;
	padding: 5px 0 5px 22px;
	color: #39c;
	font-size: 90%;
}

/* Tools */

.bn1,.bn2,.bn1l{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	background: url(../Images/Nav-BG.png) repeat-x 0 -261px;
	border: 1px solid #8bb82e;
	padding: 2px 25px;
	font-size: 105%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
	height: 17px;
}

.bn1l{
	text-align: center;
	padding: 2px 50px;
	margin: 5px;
}

.bn2{
	background: url(../Images/Nav-BG.png) repeat-x 0 -284px;
	border: 1px solid #0074ab;
}

.bn2:hover{
	background: url(../Images/Nav-BG.png) repeat-x 0 -84px;
	border: 1px solid #0074ab;
	text-decoration: none;
}

.bn1:hover,.bn1l:hover{
	background: url(../Images/Nav-BG.png) repeat-x 0 -422px;
	border: 1px solid #390;
	text-decoration: none;
}

.bn1s,.bn1t{
	background: url(../Images/Nav-BG.png) repeat-x 0 -262px;
	border: 1px solid #8bb82e;
	padding: 2px 10px;
	font-size: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin: 0 5px;
}

.bn1t{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	padding: 3px 5px;
	margin: 0 2px;
	white-space: nowrap;
}

.CommonTextButton {
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #eeeeee;
	color: #333333;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}

.CommonTextButton:LINK {
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.CommonTextButton:VISITED {
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.CommonTextButton:ACTIVE {
	text-decoration: none;
	color: #333333;
}

.CommonTextButton:HOVER {
	text-decoration: underline;
	color: #333333;
	background-color: #dddddd;
}

.CommonTextButtonHighlight {
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #bbbbbb;
	color: #333333;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	white-space: nowrap;
}

.CommonTextButtonHighlight:LINK, .CommonTextButtonHighlight:VISITED, .CommonTextButtonHighlight:ACTIVE, .CommonTextButtonHighlight:HOVER {
	text-decoration: none;
	background-color: #bbbbbb;
	color: #333333;
}

table.en9 a.bn1t:Hover{
	background: url(../Images/Nav-BG.png) repeat-x 0 -285px;
	border: 1px solid #0074ab;
	text-decoration: none;
}

.bn1s:hover{
	background: url(../Images/Nav-BG.png) repeat-x 0 -285px;
	border: 1px solid #0074ab;
	text-decoration: none;
}



/* Green Text Box */

.boxGreen,.boxGreenH{
	background: url(../Images/BoxGreen-BG.png) repeat-x 0 bottom;
	background-color: #f6ffe0;
	padding: 5px 1em;
	margin: 5px 0 10px 0;
	border: 1px solid #b1e77a;
	line-height: 100%;
	position: relative;
	/*width: 97%;*/
}

* html .boxGreen{
	display: inline-block;
}

.boxblue{
	border: 1px solid #9cf;
	background: url(../Images/BoxBlue-BG.png) repeat-x 0 bottom;
	background-color: #fff;
	padding: 5px 1em;
	margin: 5px 0 10px 0;
	line-height: 100%;
}

.boxGreen input{
	margin: 0 3px;
	padding: 0 3px;
}

.boxGreenH{
	background:#f6ffe0 url(../Images/BoxGreen-H-BG.png) repeat-x 0 bottom;
}

.boxGreen h3,h3.g,h3.org{
	color: #c63;
	font-weight: bold;
	font-size: 110%;
	line-height: 150%;
}

h3.g{
	color: #390;
	margin-right: 10px;
	float: left;
}

.boxGreen div#bn{
	text-align: right;
}

/* Search Server */
input.quicksearch{
	width: 200px;
	margin: 5px 0;
	font-weight: bold;
	font-size: 120%;
}

label.inside{
	margin: 9px 5px;
	color: #999;
	position: absolute;
	z-index: 0;
	cursor: text;
}


.scrollDiv{
	height: 190px;
	width: 100%;
	overflow: auto;
	border-top: 1px solid #d1efb3;	
}

.scrollDiv ul{
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-image: none;
}

.scrollDiv li{
	float: left;
	width: 32%;	
	font-size: 12px;
}

.scrollDiv li a{
	display: block;
	padding: 3px 5px 0 15px;
	height: 18px;	
	border:1px solid #fff;
	background: url(../Images/Icon.gif) no-repeat 0 -924px;
	float: left;
	white-space: nowrap;
}
.scrollDiv li a:hover{
	color: #000;
	font-weight: bold;
	background-color: #F0FFD8;
	border:1px solid #C2E37D;
	
	/*background: transparent  url(../Images/Nav-BG.png) repeat-x 0 -211px;*/
	text-decoration: none;
}

.scrollDivL{
	height: 46px;
	border: none;
}
.scrollDivL li{
	float: left;
	width: 47%;	
}

.scrollDiv li a.clearicon {
	border-style: none;
	margin: 4px 0pt 0pt 0pt;
	height: 16px;
	width: 16px;
	background: url(../Images/Icon.gif) no-repeat 0 -1144px;
}

.scrollDiv li a.clearicon:hover, a.clearicon:active {
	background: url(../Images/Icon.gif) no-repeat 0 -1181px;
	background-color: transparent;
}
.fav{
	padding: 5px 10px 0 10px;
}
.xLine .fav{
	padding:10px 0 0 0;
}

/* ItemList table */

.itemlist,.cartlist{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 2px 0;
}

.itemlist td,.cartlist td{
	padding: 3px;
	text-align: center;
}
.itemlist td a.bn1s,.cartlist td a.bn1s{
	margin: 1px 0;
	display: block;
}

.itemlist .header{	
	background:#F2FFCC url(../Images/Link-BG.gif) repeat-x 0 -216px;
}
.itemlist .header td{
	padding: 10px 2px 4px 2px;
	border-bottom: 1px solid #DDEF98;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	white-space: nowrap;
}

.itemlist tr.tr1 td,.itemlist tr.tr2 td{
	border-bottom: 1px solid #eee;
}
.itemlist tr.tr2{
	background-color: #FCFFF0;
}

.itemlist tr.tr3{
	background-color: #E5F3FF;
}

.itemlist td.itemname,.itemlist td.price,.itemlist td.vdis{
	font-weight: bold;
	/*font-size: 115%;*/
}

.itemlist td.itemname,.cartlist td.itemname,.itemlist td.inblue{
	text-align: left;
	font-size: 100%;
	color: #333;
}
.itemlist td.inblue{
	color: #0673DA;
	font-weight: bold;
}


.itemlist td.itemname img.icon,.cartlist td.itemname img.icon{
	vertical-align: middle;
	border: 1px solid #F3F9DC;
	margin-right: 5px;
}

.itemlist td.img,.cartlist td.img{
	width: 1%;
}

.itemlist td.img img.icon{
	vertical-align: middle;
	border: 1px solid #F3F9DC;
}

.itemlist td.price{
	color: #390;
	white-space: nowrap;
}
.itemlist td.vdis{
	color: #c00;
	white-space: nowrap;
}

/* Shopping Cart Table */

.cartlist .header td{
	padding: 0px 2px 4px 2px;
	border-bottom: 1px solid #b1e77a;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #390;
	white-space: nowrap;
}

.cartlist td img.icon,.cartlist td.img img.icon{
	border: 1px solid #b1e77a;
}

.cartlist td.itemname{
	font-weight: bolder;
	line-height: 15px;
}

.cartlist td.itemname span{
	color: #666;
	font-weight: normal;
}

.cartlist td.itemname span.price{
	color: #390;
	font-weight: bold;
}

/* QTY */
.cartlist td.qty{
	line-height: 16px;
}

.cartlist td.price{
	font-weight: bold;
	font-size: 120%;
	color: #396;
}

.cartlist tr.tr1 td,.cartlist tr.tr2 td{
	border-bottom: 1px dotted #ddd;
}


.cartlist tr.tr2 td{
	background-color: #FCFFF0;
}


/* ���㲿�� */
.boxGreenH #subtotal{
	border-top: 1px solid #b1e77a;
	font-size: 125%;
	font-weight: bolder;
	margin-top: 1px;
	padding: 10px 5px 5px 5px;
	width: auto;
	text-align: right;
}

.boxGreenH #subtotal div {
	font-size: 95%;
	color: #666666;
	padding: 3px;
}

.boxGreenH #subtotal div img{
	vertical-align: middle;
}

.boxGreenH #subtotal span.price, .boxGreenH #subtotal span.discount{
	color: Green;
	float: right;
	margin-left: 1em;
	text-align: left;
	width: 90px;
}

.boxGreenH #subtotal span.discount{
	padding-top: 3px;
	color: #c00;
}


.boxblue #Subtotal{
	border-top: 1px solid #9cf;
	padding: 10px 5px;
	text-align: right;
	font-size: 110%;
	font-weight: bolder;
}

.boxblue #Subtotal div{
	min-height: 20px;
	font-size: 90%;
	color: #666;
	clear: both;
}

.boxblue #Subtotal span.price,.discount{
	color: Green;
	width: 90px;
	float: right;
	text-align: left;
	margin-left: 1em;
}

.boxblue #Subtotal span.discount{
	color: #B22222;
}

.boxblue #Subtotal label{
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #3DA7F8;
}

.boxblue #Subtotal span{
	color: #B22222;
}

/* ���ﳵ����İ�ťDIV */
div.bndiv{
	min-height: 45px!important ;
	height:35px;
	position: relative;
}
div.bndiv p{
	padding: 5px 0;
}
div.bndiv p.left{
	float: left;
}
div.bndiv p.right{
	float: right;
	padding-left:5px;
}

/* Tab Nav */
/***** tabbed navigation *****/
#sub-nav,.extra-nav {
	background:url(../images/tab-line.png) bottom repeat-x;
	position: relative;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif;
	overflow: hidden;/* FireFox bug*/
	/*border-bottom: 1px solid #A2C609;*/
}

#sub-nav h3, .extra-nav h3 {
	font-size: 110%;
	color: #333;
	margin-top: 5px;
	float: left;
}

.extra-nav h4{
	font-size: 100%;
	color: #333;
	margin: 2px 0 2px 0;
	float: left;
}
.extra-nav h4 span input#keywords{
	width: 200px;
	height: 18px;
	border: 1px solid #74ba1c;
}

#sub-nav ul, .extra-nav ul {
	padding: 0 0 0 1em;
	list-style: none; /*	font-size: 85%;*/
}

#sub-nav li ,.extra-nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0 0px 0 0px;
}

.extra-nav li {
	float: right;
}

#sub-nav li a ,.extra-nav li a{
	display: block;
	color: #360;
	padding: 0px 5px 0px 0px;
	text-align: center;
	white-space: nowrap;
	border-bottom: 1px solid #A2C609;
	background: url(../images/tab-back.png) 100% -100px;
	text-decoration: none;
}

#sub-nav li.close, .extra-nav li.close{
	display: block;
	color: #360;
	padding: 0px 5px 0px 0px;
	text-align: center;
	white-space: nowrap;
	border-bottom: 1px solid #A2C609;
	background: url(../images/tab-back.png) 100% -100px;
	text-decoration: none;
}

#sub-nav li a span ,.extra-nav li a span,#sub-nav li.close span ,.extra-nav li.close span{
	display: block;
	padding: 6px 6px 5px 11px;
	text-align: center;
	white-space: nowrap;
	background: url(../images/tab-back.png)  0 -100px;
	text-decoration: none;
	min-height: 17px; /* fixes FX/Mac issue */
}

#sub-nav li.active, .extra-nav li.active {
	padding: 0 5px 0 0px;
	border-bottom: 1px solid #fff;
	background: url(../images/tab-back.png) 100% 0;
}

#sub-nav li span, .extra-nav li span {
	display: block;
	padding: 5px 6px 6px 11px;
	text-align: center;
	white-space: nowrap;
	background: url(../images/tab-back.png)  0 -100px;
	text-decoration: none;
	min-height: 17px; /* fixes FX/Mac issue */
}

#sub-nav li.active a, #sub-nav li.active span, .extra-nav li.active a, .extra-nav li.active span {
	font-weight: bold;
	background: url(../images/tab-back.png)  0 0;
}


#sub-nav li img, .extra-nav li img,{
	vertical-align: middle;
}

#sub-nav li a:hover, .extra-nav li a:hover {
	background-position: 100% -200px;
}

#sub-nav li.active:hover, .extra-nav li.active:hover {
	background-position: 100% 0;
}

#sub-nav li a:hover span ,.extra-nav li a:hover span {
	color: #003;
	background-position: 0 -200px;
}

/* �ڱ���8����ʾDropDownList�õ���ʽ�� */
.extra-nav span.TextForm{
	float: left;
	font-weight: bolder;
	color: #000;
	margin-left: 2px;
	margin-right: 5px;
	margin-top: 2px !important;
	margin-top: 8px;
}

#sub-nav span.TextForm input{
	padding: 0;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -2px;
}

/***** tabbed navigation 2 *****/
#sub-nav-2,.extra-nav-2 {
	background:url(../images/tab-line-2.png) bottom repeat-x;
	position: relative;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif;
	overflow: hidden;/* FireFox bug*/
	/*border-bottom: 1px solid #A2C609;*/
}
* html #sub-nav-2,* html .extra-nav-2,* html #sub-nav,* html .extra-nav  {
	height: 1px;
	overflow: visible;
}

#sub-nav-2 h3, .extra-nav-2 h3 {
	font-size: 150%;
	color: #666;
	margin-top: 2px;
	float: left;
}

#sub-nav-2 ul, .extra-nav-2 ul {
	padding: 0 0 0 1em;
	list-style: none; /*	font-size: 85%;*/
}

#sub-nav-2 li ,.extra-nav-2 li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0 0px 0 0px;
}

.extra-nav-2{
	padding-right: 10px;
}

.extra-nav-2 li {
	float: right;	
}

#sub-nav-2 li a ,.extra-nav-2 li a {
	display: block;
	padding: 0px 5px 0px 0px;
	text-align: center;
	white-space: nowrap;
	border-bottom: 1px solid #9cf;
	background: url(../images/tab-back-2.png) 100% -100px;
	text-decoration: none;
}

#sub-nav-2 li a span ,.extra-nav-2 li a span{
	display: block;
	padding: 6px 6px 4px 11px;
	text-align: center;
	white-space: nowrap;
	background: url(../images/tab-back-2.png)  0 -100px;
	text-decoration: none;
	min-height: 15px; /* fixes FX/Mac issue */
}

#sub-nav-2 li.active, .extra-nav-2 li.active {
	padding: 0 5px 0 0px;
	border-bottom: 1px solid #fff;
	background: url(../images/tab-back-2.png) 100% 0;
}

#sub-nav-2 li.close, .extra-nav-2 li.close {
	display: block;
	padding: 0px 5px 0px 0px;
	text-align: center;
	white-space: nowrap;
	border-bottom: 1px solid #9cf;
	background: url(../images/tab-back-2.png) 100% -100px;
	text-decoration: none;
}

#sub-nav-2 li span, .extra-nav-2 li span {
	display: block;
	padding: 5px 6px 5px 11px;
	text-align: center;
	white-space: nowrap;
	background: url(../images/tab-back-2.png)  0 -100px;
	text-decoration: none;
	min-height: 15px; /* fixes FX/Mac issue */
}

#sub-nav-2 li.active a, #sub-nav-2 li.active span, .extra-nav-2 li.active a, .extra-nav-2 li.active span {
	font-weight: bold;
	background: url(../images/tab-back-2.png)  0 0;
}


#sub-nav-2 li img, .extra-nav-2 li img,{
	vertical-align: middle;
}

#sub-nav-2 li a:hover, .extra-nav-2 li a:hover {
	background-position: 100% -200px;
}

#sub-nav-2 li.active:hover, .extra-nav-2 li.active:hover {
	background-position: 100% 0;
}

#sub-nav-2 li a:hover span ,.extra-nav-2 li a:hover span {
	color: #003;
	background-position: 0 -200px;
}

div.sub-nav-box{
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #99CCFF;
	padding: 10px;
}

/* Sub-navs */
#sub-navs{
	width: auto;
}
#sub-navs ul{
	margin: 0;
	padding: 0;
	list-style: none;	
}
#sub-navs li{
	float: left;
	display: block;
	margin: 8px 0;
	padding: 0px 1em;
	background: url(../Images/tab-h-line.png) no-repeat 0 2px;
}

#sub-navs li span{
	color: #ed5b00;
	font-size: 120%;
	font-weight: bold;
	display: block;
}

#sub-navs li a{
	display: block;
	color: #578cca;
	text-decoration: underline;
}

#sub-navs li a:hover{
	color: #ed5b00;
}
/* �û����� */

fieldset p,fieldset div.p{
	border: 1px solid #fff;
	border-bottom: 1px solid #E7F3DB;
	padding: 5px 0pt 5px 10px;
	width: 99%;
	position: relative;
	clear: both;
}

fieldset p label.g{
	color: #ED5B00;
	padding:0 3px;
}

fieldset.blue p{
	border-bottom: 1px solid #e5f3ff;
}

input.floatleft{
	width: 200px;
	float: left;
}
fieldset p input.text{
	width: 200px;
}


fieldset p span,fieldset div.p span{
	display: block;
	float: left;
	margin: 0pt;
	padding: 2px 0 0 3px;
	width: 150px;
	border: 0;
}

fieldset p strong{
	color: #c63;
}

fieldset p.focus{
	background-color: #eafacb;
	border: 1px solid #bfe995;
}

fieldset.blue p.focus{
	background-color: #e5f3ff;
	border: 1px solid #c6e6ff;
}

fieldset p span.rblist{
	width: auto;
	display: block;
	clear: right;
}
fieldset p span.info{
	width: auto;
	font-weight: normal;
	float: none;
	padding: 1em 0 0 0;
}

fieldset table{
	float: none;
}

fieldset table label span{
	width: auto;
	padding-left: 20px;
	display: block;
	font-size: 90%;
	font-weight: normal;	
}

fieldset table label img{
	vertical-align: middle;
	padding: 0 5px 5px 5px;
}

.Warning {
	background-color: #FFF4EA;
	background-image: url(../images/icon/error.gif);
	background-position: 3px 50%;
	background-repeat: no-repeat;
	border: 1px solid Red;
	color: #c00;
	padding: 2px 10px 2px 25px;
}
span.succeedImgMsg{
	position: absolute;	
	left: 386px!important ;
	left: 393px;
	top: 5px;
	z-index: 80000;
	width: auto!important ;
	margin:0 2px;
	display: block;
}

.remain{
	display: block;
	float: none;
	width: 60%;
	clear: both;
	background-color: #EEFFEE;
	border: 1px solid #32CD32;
	margin-bottom: 1em !important;
	margin-bottom: 0;
	margin-top: 5px;
	padding-left: 25px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/icon/remain.gif);
	background-repeat: no-repeat;
	background-position: 3px;
}

.AlipaySupport{
	display: block;
	float: none;
	width: 60%;
	clear: both;
	margin: 5px 0 5px;
	padding: 6px 3px 6px 76px;
	border: 1px solid #DDCF8F;
	color: #333;
	text-align: left;
	background: #FFFFED url(http://pics.taobao.com/2k5/sys/item_detail/alipay_logo_small2.gif) no-repeat 5px 3px;
}

input.button {
	font-size: 120%;
	padding: 5px 15px;
	font-weight: bold;
}

/* Help Icon */
.helpicon {
	border-style: none;
	display: block;
	float: left;
	margin: 2px 2px 0px 0px;
}

.helpicon img {
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

a.helpicon {
	border-style: none;
	height: 16px;
	width: 16px;
	background: url(../Images/Icon.gif) no-repeat 0 -1051px;
}

a.helpicon:hover, a.helpicon:active {
	background-position: 0 -1084px;
	cursor: help;
}

/* ��ɫ�����H3 */
h3.org span{
	color: #369;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-left: 5px;
}

/* Search���ť */
.clearicon {
	border-style: none;
	line-height: normal;
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 2px;
}

.clearicon img {
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

a.clearicon {
	border-style: none;
	height: 16px;
	width: 16px;
	background-image: url(../images/icon/SearchClear.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

a.clearicon:hover, a.clearicon:active {
	background-image: url(../images/icon/SearchClear-over.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/* Page Numbers */
.AlphaPicker{
/*    padding: 0 1em 1em 1em;
    margin: 1em 0;*/
	 display: block;
	 float: none;
	 height: 20px;
	 margin-bottom: 1px;
    font-size: 11px;
	 clear: both;
	 background-color: #F4FAFF;
	 border: 1px solid #F4FAFF;
}

.AlphaPicker a,.AlphaPicker span{
    display: block;
	 text-align: center;
	 padding: 0.2em 0.4em;
    float: left;
    margin-right: 0.1em;
    border: 1px solid #9AAFE5;
    background: #FFF;
	 white-space: nowrap;
}

.AlphaPicker span.current {
    border: 1px solid #06c;
	 padding: 0.2em 0.4em;
    font-weight: bold;
    background: #06c;
    color: #fff;
}
.AlphaPicker a{
    text-decoration: none;
}
.AlphaPicker a:hover{
	padding: 0.2em 0.4em;
   border-color: #06c;
}
/* Pager */
.pages {
    padding: 0 1em 2em 1em;
    margin: 1em 0;
    clear: left;
    font-size: 9pt;
	 float: right;
}

.alpha{
	font-size: 9px;
}

.alpha a,.alpha span,.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}


.pages span.current,.alpha span.current{
    border: 1px solid #06c;
    font-weight: bold;
    background: #06c;
    color: #fff;
}
.alpha a.current{
    border: 1px solid #06c;
    font-weight: bold;
    background: #06c;
    color: #fff;
}

.pages a,.alpha a{
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages span.disabled,.alpha span.disabled{
	display: none;
}

.pages a:hover,.alpha a:hover{
    border-color: #06c;
}

.pages a.nextprev,.alpha a.nextprev {
    font-weight: bold;
}

.pages span.nextprev,.alpha span.nextprev {
    color: #666;
}

.pages span.nextprev,.alpha span.nextprev  {
        border: 1px solid #ddd;
        color: #999;
}

.pages .columnText,.alpha .columnText{
	background: none;
}



/* Status ״̬��ʾ */
div.status-green{
	background-color: #EEFFEE;
	border: 1px solid #32CD32;
	background-image: url(../images/icon/status-green.gif);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 42px;
	padding-right: 1em;
	padding-bottom: 6px;
	padding-top: 6px;
	color: Green;
	line-height: 25px;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.status-red{
	background-color: #FFF4EA;
	border: 1px solid Red;
	background-image: url(../images/icon/status-red.gif);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 42px;
	padding-right: 1em;
	padding-bottom: 6px;
	padding-top: 6px;
	color: #990000;
	line-height: 25px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Table */
Table.en9{
	font-size: 100%;
	color: #666;
	margin-bottom: 5px;
}

* html Table.en9{
	width: 99%;
}

Table.en9 a{
	text-decoration: none;
}

Table.en9 a:hover{
	text-decoration: underline;
}

.off{
	color: Gray;
}

Table.en9 TR.focus{
	background-color: #fafad2;
}

Table.en9 TD.listHead{
	padding: 5px;
	color: #0673DA;
	font-weight: bolder;
	background: White;
	border-bottom: 1px solid #9cf;
}

Table.en9 TD.listHead .helpicon{
	margin-right: -10px;
	margin-top: -2px;
}

Table.en9 TD.listMB{
	padding: 5px;
	border-bottom: 1px dotted #9cf;
	border-right: 1px dotted #D3E9FE;
}
Table.en9 TD.Option{
	padding: 5px;
	color: #0673DA;
	font-weight: bolder;
	border-bottom: 1px dotted #9cf;
}

Table.en9 TD.Option .helpicon{
	display: inline;
	float: none;
	padding-bottom: 2px;
	margin-right: 2px;
}

Table.en9 TD.Item{
	padding: 5px;
	color: #333;
	border-bottom: 1px dotted #9cf;
}

Table.en9 TD.Option input,Table.en9 TD.Option select{
	font-size: 100%;
	font-weight: normal;
	float: left;
	margin-right: 1px;
}

/* Table EN9Green */
Table.en9g{
	color: #666;
	margin-bottom: 5px;
}

Table.en9g td{
	line-height: 130%;
}

Table.en9g a{
	text-decoration: none;
}

Table.en9g a:hover{
	text-decoration: underline;
}

.off{
	color: Gray;
}


Table.en9g TD.listHead{
	padding: 5px;
	color: #390;
	font-weight: bolder;
	background: White;
	border-bottom: 1px solid #B1E77A;
}

Table.en9g TD.listHead .helpicon{
	margin-right: -10px;
	margin-top: -2px;
}

Table.en9g TD.listMB{
	padding: 5px;
	border-bottom: 1px dotted #B1E77A;
	border-right: 1px dotted #D3E9FE;
}
Table.en9g TD.Option{
	padding: 5px;
	color: #390;
	font-weight: bolder;
	border-bottom: 1px dotted #B1E77A;
}

Table.en9g TD.Option .helpicon{
	display: inline;
	float: none;
	padding-bottom: 2px;
	margin-right: 2px;
}

Table.en9g TD.Item{
	padding: 5px;
	color: #333;
	border-bottom: 1px dotted #B1E77A;
}

Table.en9g TD.Option input,Table.en9g TD.Option select{
	font-size: 100%;
	font-weight: normal;
	float: left;
	margin-right: 1px;
}

div.form{
	background: url(../Images/formbg.png) no-repeat 0 0;
	padding-left: 10px;
	margin: 8px 0;
}

div.form .formr{
	background: url(../Images/formbg.png) no-repeat 100% 0;
	min-height: 280px;
	padding: 15px 15px 15px 5px;
}

Table.cformTable{
}

Table.cformTable tr{
}

Table.cformTable td{
	padding: 15px 5px;
	border-bottom: 1px dotted #d8e9b9;
}

Table.cformTable td.Title{
	font-size: 120%;
	font-weight: bold;
	color: Green;
}

Table.cformTable td.Desc{
	font-size: 85%;
	padding: 2px;
	border: 0;
}

Table.cformTable td.PriceTitle{
	font-size: 110%;
	font-weight: bold;
	color: #000;
	padding: 10px 0;
}

Table.cformTable td.Price{
	font-size: 100%;
	font-weight: bolder;
	color: #000;
	padding: 5px;
	padding-left: 15px;
}

Table.cformTable td span.total{
	font-size: 125%;
	color: #06c;
}

Table.cformTable td span.vdiscount{
	font-size: 125%;
	color: #CC0000;
}
/* Price Table */
Table.PriceTable{
	margin: 1em 0;
	border: 1px #c4e383 solid;
}

Table.PriceTable td{
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #F5F5DC;
}

Table.PriceTable td.head{
	padding: 5px;
	color: #000;
	background-color: #FAFFDB;
	border-bottom: 1px #ccc solid;
}

Table.PriceTable td.amount{
	color: Olive;
	background-color: #FCFFEC;
	border-right: 1px #F5F5DC solid;
}

Table.PriceTable td.price{
	color: Green;
	white-space: nowrap;
}

/* Modal Styles */
#popupMask,.popupMask  {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=30); /* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color: transparent !important;
	background-color: #333333; /* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url(../../../Utility/Modal/maskBG.png);
	// For browsers Moz, Opera, etc.
	background-image: none;
	background-repeat: repeat;
	display: none;
}

#popupContainer  {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display: none;
	padding: 0px;
}

#popupInner  {
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	border-right-width: 3px;
	border-right-color: #888888;
	border-bottom-width: 3px;
	border-bottom-color: #888888;
	background-color: #eeeeee;
	padding: 0px;
	margin: 0px;
}

#popupFrame{
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
	padding: 0px;
}

#popupTitleBar  {
	font-family: Tahoma, Arial, Helvetica;
	height: 1.1em;
	padding: 3px; /*padding-bottom: 7px;*/
	border-style: solid;
	border-width: 0px;
	border-color: #888888;
	border-bottom-width: 1px;
	position: relative;
	z-index: 203;
	border-color: #cccccc;
	background-color: #52ABF7;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
}

#popupTitle  {
	float: left;
	font-size: 1.1em;
	color: #ffffff;
}

#popupControls  {
	float: right;
	cursor: pointer;
	cursor: pointer;
}

#popupFull{
	margin: 0px;
	padding: 0px;
}

#popupButtonDiv{
	float: right;
	margin: 0px;
	margin-top: 0px!important;
	margin-top: -5px;
	padding: 0px;
}

/* Footer */
/*--------------------------------------------------------*/
#footer #footer-contents,#footer #footer-copyright {
	clear: both;
	color: #000000;
	/*position: relative;*/
	text-align: center;
	width: 100%;	
	min-width: 990px;
}

#footer #footer-contents {
	border-top: 4px solid #c6e6ff;
	background-color: #e5f3ff;
	height: 180px;
}

#footer #footer-contents img{
	margin: 8px;
}

#footer #footer-contents #games{
	list-style-image: none;
	list-style-type: none;
	margin: auto;
	padding: 0pt;
	width: 70%;
	border-top:1px solid #c6e6ff;
}

#footer #footer-contents #games li{
	float: left;
	width: 24%;
}

#footer #footer-contents #games li a{
	display: block;	
	padding: 5px;
	border-bottom:1px solid #D3ECFF;
}


/* Copyright */
#footer #footer-copyright {
	border-top: 4px solid #95c64b;
	border-bottom: 2px solid #95c64b;
	background-color: #b1da63;
	height: 55px;
}

#footer #footer-copyright #terms{
	float: left;
}

#footer #footer-copyright #terms p{
	margin: 0;
	padding: 0;
	display: block;
	color: #71932b;
	font-size: 85%;
	text-align: left;
	padding: 12px 25px;
}

#footer #footer-copyright #copyright{
	display: block;
	float: right;
	height: 55px;
	/*position: relative;*/
}

#footer #footer-copyright #copyright h1 a {
	background: transparent url(../Images/menu-current.gif) no-repeat scroll 0px -139px;
	display: block;
	height: 52px;
	text-indent: -2000em;
	width: 232px;
	z-index: 1000;
}
#footer #footer-copyright #copyright h1 a:hover, h1 a:focus {
	background-position: 0pt -191px;
	cursor: pointer;
}
/*
Context Menu Styles
*/
.CommonContextMenuGroup {
	background-color: #ffffff;
	border: solid 1px gray;
}

.CommonContextMenuItem {
	background-color: white;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	border: solid 1px white;
	cursor: pointer;
}

.CommonContextMenuItemHover {
	background-color: #e2eecd;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	border: solid 1px #dddddd;
	cursor: pointer;
}

.CommonContextMenuItemExpanded {
	background-color: silver;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	border: solid 1px white;
	cursor: pointer;
}

.CommonContextMenuSeperatorItem {
	background-color: #cccccc;
	height: 1px;
	border-style: solid;
	border-color: white;
	border-width: 4px;
	cursor: pointer;
}



/*
Modal Styles
*/

/* Modal Styles */
/* cjh 2006-09-06 ģ̬���ڵ��q� */
.CommonModalMask
{
	opacity: .1;
	filter: alpha(opacity=10);
	background-color: #333333;
}

/* cjh 2006-09-06 ģ̬���� */
.CommonModal
{
	border-style: solid;
	border-width: 1px;
	border-color: #69aef0;
	/*border-right-width: 3px;
	border-right-color: #888888;
	border-bottom-width: 3px;
	border-bottom-color: #888888;*/
	background-color: #eeeeee;
}

/* cjh 2006-09-06 ģ̬���ڵı��� */
.CommonModalTitle
{
	font-family: Tahoma, Arial, Helvetica;
	height: 18px;
	font-size: 16px;
	padding: 5px;
	padding-bottom: 7px;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #99ccff;
	background-color: #f5fbff;
	background-image: url(../Images/Modal/Title.gif);
	color: #000000;
	font-weight: bold;
	cursor: move;
	overflow: hidden;
	text-align: left;
}

/* cjh 2006-09-06 ģ̬���ڵĹر� */
.CommonModalClose
{
	width: 42px;
	height: 12px;
	background-image: url(../Images/Modal/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
	margin-top: 3px;
}

/* cjh 2006-09-06 ģ̬���ڵ����� */
.CommonModalContent
{
	background-color: #ffffff;
	padding: 5px;
}

/* cjh 2006-09-06 ģ̬���ڵ�ҳ�� */
.CommonModalFooter
{
	border: 1px solid #69aef0;
	border-bottom: 0px;
	border-right: 0px;
	background-color: #eee;
	padding: 2px;
}

/* cjh 2006-09-06 ģ̬���ڵĵ����С */
.CommonModalResize
{
	width: 14px;
	height: 14px;
	background-image: url(../Images/Modal/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	float: right;
	cursor: se-resize;
}
/* ���� */
#ItemTitle{
	height:20px;
	padding: 8px 2px 2px 2px;
	margin-right: 4px;
	border-bottom: 1px solid #DDEF98;
	color: #000;
	font-weight: bold;
	background:#F2FFCC url(../Images/Link-BG.gif) repeat-x scroll 0pt -216px;
}
#ItemTitle div.names{
	float:left;
	line-height: 20px;
	width:80%;
	margin-right:-270px;
	text-align: center;
}

#ItemTitle div.totalViews{
	width:80px;
	float:right;
	text-align:center;
	line-height: 20px;
}
#ItemTitle div.newsTime{
	width:130px;
	float:right;
	text-align:center;
	line-height: 20px;
}

/* �����б�������ʾ */
#ItemList #ListView div.News,#ItemList #ListView div.NewsSmall{
	position:relative;
	height:40px;
	padding:2px;
	padding-bottom: 6px;
	border-bottom:1px dotted #CCC;
	margin-right: 5px;
}

#ItemList #ListView div.NewsSmall{
	height: 20px;
	padding: 0 0 4px 0;
	border-bottom:0;
}

#ItemList #ListView div.News div.Pic{
	position:absolute;
	left:5px;
	top:4px;
	width:40px;
	height:40px;
	border: 1px solid #8BCAFB;
	/*make image bk vertically-centered*/
	background-color:#FFF;
	background-position:center center;
	background-repeat:no-repeat;
}
#ItemList #ListView div.News div.Pic a{
	/*optimizer accessiblility*/
	position:relative;
	display:block;
	width:40px;
	height:40px;
}
#ItemList #ListView div.News div.Pic img{
	/*optimizer accessiblility*/
	position:absolute;
	top:0px;
	border: 0;
	left: -9999px;
}

#ItemList #ListView div.News div.Info,#ItemList #ListView div.NewsSmall div.Info{
	float:left;
	width:100%;
	margin-right:-220px;
}

#ItemList #ListView div.NewsSmall div.Info{
	margin-right:-220px;
}

#ItemList #ListView div.News div.Info div{
	margin-left:55px;
	margin-right:210px;
}
#ItemList #ListView div.News div.Info div a{
	text-decoration: none;
}
#ItemList #ListView div.News div.Info div a:hover{
	text-decoration: underline;
}
#ItemList #ListView div.News div.Info div.Name{
	margin-top:8px;
	margin-bottom:0px;
	font-weight:bold;
}

#ItemList #ListView div.NewsSmall  div.Info div.Name{
	margin-top:5px;
	font-weight:bold;
}

#ItemList #ListView div.News div.Info div.Name strong{
	color: #06c;
	font-weight: bolder;
	text-decoration: none;
}

#ItemList #ListView div.News div.Info div.Seller{
	color:#777;
}

#ItemList #ListView div.News div.totalViews{
	width:80px;
	float:right;
	text-align:center;
	margin-top:15px;
	font-weight: bold;
}

#ItemList #ListView div.News div.newsTime{
	width:130px;
	text-align:center;
	float:right;
	margin-top:15px;
	color: #690;
	font-size: 85%;
}

#ItemList #ListView div.NewsSmall div.newsTime{
	display: block;
	float:right;
	text-align:center;
	width:150px;
	color: Green;
	margin-top: 2px;
	margin-right: 5px;
	padding: 2px;
	background-color: #F6FFE6;
	border: 1px solid #66CC33;
}

  /* ������ҳʹ�� */
#ItemList #ListView.Selected{
	padding: 2px 5px 0 8px;
	border-bottom: 4px solid #74BA1C;
}

#ItemList #ListView.Selected .Info .Name{
	color: #69a619;
	font-size: 130%;
}
#ItemList #ListView.Selected .newsTime{
	font-weight: bold;
}

#NewsDetail,#faq{
	padding: 1em 2em;
	font-size: 120%;
	line-height: 1.5em;
}

#faq p{
	margin-bottom: 1em;
}
#faq h2,#faq h3{
	color: #36c; 
	font-size: 125%;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin-bottom: 0.5em;
}
#faq table td{
	padding: 0 5px;
	font-size: 85%;
}

/* �����ʾ ��ɫ */
Table.Green{
	color: #666;
}

Table.Green a{
	text-decoration: none;
}

Table.Green a:hover{
	text-decoration: underline;
}


Table.Green TD.listHead{
	padding: 5px;
	color: Green;
	font-weight: bolder;
	border-bottom: 1px solid #66CC33;
}

Table.Green TD.listHead .helpicon{
	margin-right: -10px;
	margin-top: -2px;
}

Table.Green TD.listMB{
	padding: 5px;
	border-bottom: 1px dotted #A2E182;
	border-right: 1px dotted #66CC33;
}
Table.Green TD.Option{
	padding: 5px;
	color: #0673DA;
	font-weight: bolder;
	border-bottom: 1px dotted #329EF7;
}

.h1bg{
	font-size: 200%;
	color: #bbb;
	letter-spacing: 5px;
	font-weight: bold;
}

/* Validator */
.onShow,.onFocus,.onError,.onSuccess,.onLoad,.onCorrect{
	position: absolute;	
	left: 386px!important ;
	left: 393px;
	top: 3px;
	z-index: 80000;
	width: auto!important ;
	margin:0 2px;
	display: block;
	padding-right: 10px;
}
.onShow{
	background: url(../images/reg1.gif) no-repeat;
	padding-left: 25px;
	min-height: 20px;
	line-height: 18px;
}
.onFocus{
	background: url(../images/reg2.gif) no-repeat;
	padding-left: 25px;
	min-height: 20px;
	line-height: 18px;
}
.onError{
	background: #FFF4EA url(../images/reg3.gif) no-repeat;
	border: 1px solid Red;
	padding-left: 25px;
	line-height: 18px;
	min-height: 20px;
}
.onSuccess,.onCorrect{
	background: url(../images/reg4.gif) no-repeat;
	padding-left: 25px;
	min-height: 20px;
	line-height: 18px;
}
.onLoad{
	background: url(../images/loading.gif) no-repeat 3px 3px;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
} 
.tip {
	position: absolute;	
	left: 386px!important ;
	left: 393px;
	top: 5px;
	z-index: 80000;
	width: auto!important ;
	margin:0 2px;
	display: block;
}
.src{
	border-left: 1px solid #F2FFCC;
	display: block;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.ajaxstatus{
	margin-right:1em;
}

.jBox {
	BORDER: #99CCFF 2px solid;
	VISIBILITY: hidden;
	POSITION: absolute;
	BACKGROUND-COLOR: #E5F3FF;
	TEXT-ALIGN: left;
}
.jBoxHandler {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	border-bottom: 1px solid #9cf;
	FONT: bold 12px Arial;
	OVERFLOW: hidden;
	WIDTH: auto;
	CURSOR: move;
	COLOR: #336699;
	TEXT-INDENT: 3px;
	PADDING-TOP: 2px;
	HEIGHT: 13px;
	BACKGROUND-COLOR: #C6E6FF;
}
.jBoxHandler .jBoxControls {
	RIGHT: 8px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 0px;
}
.jBoxContent {
	PADDING: 5px;
	OVERFLOW: auto;
	COLOR: #000;
	HEIGHT: 150px;
	BACKGROUND-COLOR: #fff;
}
.jBoxStatus {
	BORDER-TOP: #b9b9b9 1px solid;
	HEIGHT: 12px;
	BACKGROUND-COLOR: #E5F3FF;
}
.jbtnResize {
	FONT-SIZE: 0px;
	FLOAT: right;
	WIDTH: 14px;
	CURSOR: nw-resize;
	HEIGHT: 12px;	
	background-image: url(../Images/Modal/resize.gif);
}
.jbtnMin {
	FONT-SIZE: 0px;
	FLOAT: right;
	WIDTH: 13px;
	CURSOR: pointer;
	HEIGHT: 13px;
	BACKGROUND-COLOR: #fff;
}
.jbtnClose{
	FONT-SIZE: 0px;
	margin-top: 5px;
	FLOAT: right;
	WIDTH: 33px;
	CURSOR: pointer;
	HEIGHT: 12px;
	background-image: url(../Images/Modal/close.gif);
}

/* Windows Vista Theme */
/* =================== */
.context-menu-theme-vista {
	background:#FAFAFA url(../Images/Menu/cmenu-vista-bg.gif) repeat-y left top;
	border:1px solid #868686;
}
.context-menu-theme-vista .context-menu-item {
	text-align:left;
	cursor:pointer;
	color:black;
	font-family:Tahoma,Arial;
	font-size:11px;
}
.context-menu-theme-vista .context-menu-separator {
	margin:0px 0px 0px 32px;
	font-size:0px;
	border-top:1px solid #C5C5C5;
	border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-vista .context-menu-item-hover {
	background:transparent url(../Images/Menu/cmenu-vista-menu-item-hover.gif) repeat-x left center;
	border:1px solid #D7D0B3;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
	padding:4px 16px 4px 35px;
	margin-left:1px;
	background-color:none;
	background-repeat:no-repeat;
	background-position:3px center;
	background-image:none;
}
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
	padding:3px 15px 3px 35px;
	margin-left:0px;
}
.context-menu-theme-vista .context-menu-item-disabled {
	color:#A7A7A7;
}

/* ControlPanel */
/* ������ϸ������ʾ */
Table.OrderView{
	color: #666;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 5px;
}

Table.OrderView TD.OrderViewHead{
	padding: 5px;
	color: #0673DA;
	font-weight: bolder;
/*	border-top: 1px solid #329EF7;*/
	border-bottom: 1px solid #329EF7;
/*	border-right: 1px dotted #329EF7;*/
/*	background-image: url(../images/box-bg-1.png);*/
}
Table.OrderView TD.OrderView,Table.OrderView TD.Item{
	padding: 5px;
	color: #0673DA;
/*	font-weight: bolder;*/
	border-bottom: 1px dotted #65B8FA;
	border-right: 1px dotted #D3E9FE;
}


Table.OrderView TD.Item{
	color: #333;
}

/* levelup_pack */
#desc {
	border-bottom: 1px dotted #DDDDDD;
	color: #666;
	line-height: 14px;
	padding: 10px;
}

#levelup_pack_list {
	margin: 0;
	padding: 0;
}
/* for IE6 3col */
* html #levelup_pack_list{
	width: 99%;
}
#levelup_pack_list dt {
	border-bottom: 1px dotted #DDDDDD;
	clear: both;
	height: 20px;
	margin: 4px 0 0;
	padding: 3px 5px 0;
}
#levelup_pack_list dt .time {
	display: block;
	float: right;
	height: 22px;
	width: 120px;
	color: #ee6600;
	font-weight: bold;
	text-align: center;
}
#levelup_pack_list dt .price {
	display: block;
	float: right;
	height: 22px;
	text-align: right;
	width: 90px;
	color: #339900;
	font-weight: bold;
	text-align: center;
}
#levelup_pack_list dt .pay {
	display: block;
	float: right;
	height: 22px;
	text-align: right;
	width: 60px;
}

#levelup_pack_list dt .pay a{
	background: url(../Images/Nav-BG.png) repeat-x 0 -262px;
	border: 1px solid #8bb82e;
	padding: 1px 5px;
	text-align: center;
	color: #fff;
}

#levelup_pack_list dt .pay a:hover{
	background: url(../Images/Nav-BG.png) repeat-x 0 -285px;
	border: 1px solid #0074ab;
	text-decoration: none;
}

#levelup_pack_list dt .pack_name {
	background: transparent url(../Images/Icon.gif) no-repeat scroll 0 -181px;
	color: #336699;
	cursor: pointer;
	padding-left: 18px;
}

#levelup_pack_list dt .pack_name span{
	font-weight: bold;
}


#levelup_pack_list dt.on {
/*	background: transparent url(../images/listspot_erect.gif) no-repeat scroll left center;
	padding-left: 13px;*/
	background: #eefbdb none repeat scroll 0 0;
	border: 1px solid #80ca1e;
	border-bottom: 1px dotted #C2E37D;
}
#levelup_pack_list dt.title {
	background: #E5F3FF;
	border:1px solid #C6E6FF;
}

#levelup_pack_list dt.title .pack_name{
	color: #000;
	font-weight: bold;
	cursor: default;
}

#levelup_pack_list dt.title .time,#levelup_pack_list dt.title .price {
	color: #000;
	font-weight: bold;
}

#levelup_pack_list dt.on .pack_name {
	background: transparent url(../Images/Icon.gif) no-repeat scroll -1px -573px;
}

#levelup_pack_list select {
	font-size: 11px;
}
#levelup_pack_list dd {
	background: #fbfff6 none repeat scroll 0 0;
	border:1px solid #80ca1e;
	border-top: 0 none;
	line-height: 16px;
	margin: 0;
	padding: 5px 15px;
}

#levelup_pack_list dd p{
	line-height: 1.3;
	margin: 3px 0;
	color: #000;
}

#levelup_pack_list dd div.custom{
	border-bottom:1px dotted #80ca1e;
	margin:0 0 5px 0;
	padding:5px; 
}


/* For IE */

<!--[if gte IE 6]>
* html #content,* html #content2{
	position:relative;
	width:auto;
	float:left;
	height: auto;
}
* html .clearfix,* html #inner, * html #middle {
	height: 1%;
}
#inner, #middle{
	min-height: 1%;
}
body{
	width: auto;
}
* html #wrapper,#wrapper1 {
	width: expression( documentElement.clientWidth > 1200 ? (documentElement.clientWidth == 0 ? (body.clientWidth >1200 ? "1200" : "auto") : "1200px") : (documentElement.clientWidth < 1200 ? "990px" :"auto" ));
}
* html #header,* html #footer{
	width:expression( documentElement.clientWidth < 990 ? (documentElement.clientWidth == 0 ? (body.clientWidth >1280 ? "1280" : "auto") : "990px") : "auto" );
}
<![endif]-->