/* CSS Document */
HTML {
	HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(../images/bg_body.png) #eceae1 repeat-x 0px 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: Helvetica, arial, sans-serif; HEIGHT: 100%; TEXT-ALIGN: center
}
A {
	COLOR: #007ca5; TEXT-DECORATION: none; outline: none
}
A:visited {
	COLOR: #007ca5
}
A:hover {
	COLOR: #007ca5; TEXT-DECORATION: underline
}
A:active {
	COLOR: #999
}
.Blue{COLOR: #007ca5; font-weight:bold;
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.clearer {
	CLEAR: both;
	
}
#content {
	BACKGROUND: #fff; COLOR: #333
}
/*top */
#header_box {
	HEIGHT: 146px; width:960px;  MARGIN: auto;
}
#header_box #logo {
	 FLOAT: left; BACKGROUND-IMAGE: url(../images/4skey_logo.gif); WIDTH: 290px; HEIGHT: 94px
}
#header_box #hot {
	 FLOAT: right; MARGIN-TOP: 10px;
}
#header_box #menu {
	MARGIN-TOP: 12px; float:left; WIDTH: 960px; HEIGHT: 30px;
}
#header_box #menu UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto; LIST-STYLE-TYPE: none;

}
#header_box #menu LI {
	 FLOAT: left;HEIGHT: 27px;WIDTH: auto;  TEXT-DECORATION: none;
}
#header_box SPAN#menu_text {
	DISPLAY: none
}

.home{ width:38px; padding-right:15px;  
}
.products{ width:105px; padding-right:15px;  }
.news{ width:77px; padding-right:15px;  }
.aboutus{ width:109px; padding-right:15px;  
}
.faq{ width:70px; padding-right:15px;  
}
.contactus{ width:123px; padding-right:15px;  
}
.myaccount{ width:117px; padding-right:15px;  
}
.myorders{ width:106px; padding-right:15px;  
}
.login_text{ width:90px; height:18px; border:2px #1D598F solid; font-size:12px; color:#999999;
}
.login{ float:right; margin-left:10px; color:#999999; WIDTH: auto; margin-top:2px;}
.login_but{ background:url(../images/login.gif); width:70px; height:24px; vertical-align:bottom;
}
.signup{ background:url(../images/signup.gif); width:70px; height:24px; vertical-align:bottom;
}

/* main*/
#main { MARGIN: auto; WIDTH: 960px; HEIGHT: auto; TEXT-ALIGN: left; margin-top:10px; background:#FFFFFF;
}
#left {
 FLOAT: left; WIDTH: 223px;  margin-top:13px; margin-left:9px; 
}
#left #help {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 20px
}
#left H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ffffff; LINE-HEIGHT: 29px; HEIGHT: 31px; background:url(../images/seletgame.gif);TEXT-ALIGN: center;
	width:212px; margin:0px; margin-bottom:5px;
}
#left #gamemenu_box {
	background:url(../images/main_bg.gif); padding:6px;
}
#left #gamemenu_box UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto;
	}
#left #gamemenu_box LI {
	 FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 2px;   LINE-HEIGHT: 27px; LIST-STYLE-TYPE: none; HEIGHT: 28px; background:url(../images/selgamebg.gif);COLOR: #ffffff;
}
#left #gamemenu_box LI A {
	DISPLAY: block; COLOR: #666; TEXT-INDENT: 21px; TEXT-DECORATION: none
}
#left #gamemenu_box LI A:hover {
	DISPLAY: block; COLOR: #007CA5; TEXT-INDENT: 22px; background:url(../images/selgamebg.gif); TEXT-DECORATION: none
}
#left #note {
		background:url(../images/main_bg.gif); padding:5px; margin-bottom:10px;
}
#left #note_box {
	 border:1px #666 solid; margin-bottom:10px;
}
#left H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0C7EC5; LINE-HEIGHT: 20px; HEIGHT: 30px; BACKGROUND-COLOR: #CEE3F8; TEXT-ALIGN: center; margin:0px;
}
#left #note_box SPAN {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#left #paypal {
	MARGIN-TOP: 10px;padding:0px
}
#home {
 FLOAT: right; WIDTH: 680px;  margin-top:13px; padding-right:18px; background:#FFFFFF;
}
.faqtext{ text-align:left; width:650px; padding:5px;
}
.cardstet{ font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:10px; width:660px;
}
#home SPAN#cards_text {
	DISPLAY: none
}

.footer{ width:960px; margin:20px auto 0; clear:both; border-top:1px solid #848797;}
.footer_list1{ width:160px; float:left; background:#fff url(../images/foot_line.jpg) no-repeat right top; border-top:2px solid #D1D6E9; padding:7px 15px 40px 15px;text-align:left;}
.footer_list2{ width:170px; float:left; background:url(../images/foot_bg.jpg) repeat-x top; border-top:2px solid #D1D6E9; padding:7px 15px 40px 15px;text-align:left;}
.footer_title{ color:#404040; font-size:12px; font-weight:700; background:url(../images/foot_point.jpg) no-repeat 0 6px; padding-left:10px}
.footer_info{ padding:15px 0 0 10px; line-height:22px; }
.footer_bottom{ clear:both;}
.footer_red{ text-align:center; color:#455B80; margin-bottom:10px}
.footer_red a:link,.footer_red a:visited{ color:#455B80; text-decoration:none}
.footer_red a:hover{ text-decoration:underline}
.footer_icp{ color:#666; text-align:center; padding-bottom:20px}




#news{text-align:left; width:670px; padding:5px; margin-top:5px;}
#news UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto; LIST-STYLE-TYPE: none;

}
#news  LI {
	 FLOAT: left;HEIGHT: 20px;WIDTH: auto;  TEXT-DECORATION: none; width:100%; border-bottom:1px dotted #CCCCCC; margin-top:10px;
}
.newkeys{ font-size:12px; font-weight:bold; color:#666; margin-left:10px; margin-right:5px;}
#buy_cd_keyfaq{text-align:left; width:660px; padding:5px; margin-top:5px;}
#buy_cd_keyfaq UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto; LIST-STYLE-TYPE: none; margin-top:15px;

}
#buy_cd_keyfaq  LI {
	 FLOAT: left;WIDTH: auto;  TEXT-DECORATION: none; width:100%; background-color:#F7F8F9; 
}
#buy_cd_keyfaq .tetle{ font-size:12px; font-weight:bold; line-height:25px; padding:5px;}
#buy_cd_keyfaq .txt{ font-size:12px;  padding:5px;}
#info_show{text-align:left; width:660px; padding:5px; margin-top:5px;}
#info_show UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto; LIST-STYLE-TYPE: none;

}
#info_show  LI {
	 FLOAT: left;WIDTH: auto;  TEXT-DECORATION: none; width:100%; 
}
.info_keys{ font-weight:bold; color:#666; line-height:30px;}
h1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px;  MARGIN-BOTTOM: 5px; line-height:30px; border-bottom:1px solid #dddddd; color:#007CA5; text-align:center;
}
.info_time{color:#666; line-height:40px;}
#home_info{CLEAR: both;FONT-SIZE:12px; FLOAT:left;WIDTH: 680px; height:170px;background-color:#F3F4F8;}
#home_info .home_news{ width:320px; margin:5px; float:left; border-right:1px solid #FFFFFF;overflow:hidden;}
#home_info .home_news UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto; LIST-STYLE-TYPE: none;

}
#home_info .home_news  LI {
	 FLOAT: left; TEXT-DECORATION: none; width:100%; text-align:left; width:320px;overflow:hidden; height:20px; line-height:20px; padding:0px; margin:0px;
}
#home_info .home_faq{ width:320px; margin:5px; float:right;overflow:hidden;}
#home_info .home_faq UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	WIDTH: auto; LIST-STYLE-TYPE: none;

}
#home_info .home_faq  LI {
	 FLOAT: left; TEXT-DECORATION: none; width:100%; text-align:left; width:320px;overflow:hidden; height:20px; line-height:20px; padding:0px; margin:0px;
}
.home_info_top{ height:20px; text-align:left;}
#home_info A {
	COLOR: #666;
}
#home_info A:visited {
	COLOR: #666
}
#home_info a:hover {
	COLOR: #007ca5
}
p{ padding:0px; margin:0px;}