@charset "utf-8";
/* CSS Document */
ul,li,p,form,dl,dt,dd,body,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul,li{ list-style:none;}
body{width:auto; margin:0 auto;	 text-align:center;	 font-size:12px;background:#000 url(../images/home/bg_bodyin.jpg) no-repeat center 205px; color:#FFD100;	 font-family: Arial,Verdana,  Helvetica, sans-serif;}
img{border:0;}

.item_head{width:920px;margin:0 auto; height:179px;border:0px solid blue;text-align:left;}
.head_left{width:655px; float:left; padding-top:11px;}
.item_logo{ padding-top:21px;}
.head_right{width:228px; float:right; text-align:right;}

.new_homeBox{width:auto;background:url(../images/home/bg_new_head.gif) repeat-x 0 0 scroll; height:223px; clear:both;}
.home_head{width:920px; height:223px; padding:10px 0 0 0;  margin:0 auto;}
.logoBar{width:auto; height:95px; clear:both; }
.logoBar .logoNew{ float:left;}
.logoBar .livehelp{ float:right;}
.allMenu{width:920px; height:90px; background:url(../images/home/bg_menu.gif) no-repeat 0 0;}
.allMenu a:link,.allMenu a:visited{ display:inline-block; height:90px; outline:0; cursor:pointer;  overflow:hidden; text-indent:-5000px; border:0; float:left;}
.allMenu .menu01{width:75px; background:url(../images/home/bg_menu.gif) no-repeat 0 0;}
.allMenu .menu02{width:95px ; background:url(../images/home/bg_menu.gif) no-repeat -75px 0;}
.allMenu .menu03{width:165px; background:url(../images/home/bg_menu.gif) no-repeat -170px 0;}
.allMenu .menu04{width:160px; background:url(../images/home/bg_menu.gif) no-repeat -335px 0;}
.allMenu .menu05{width:140px; background:url(../images/home/bg_menu.gif) no-repeat -495px 0;}
.allMenu .menu06{width:140px; background:url(../images/home/bg_menu.gif) no-repeat -635px 0;}
.allMenu .menu07{width:145px; background:url(../images/home/bg_menu.gif) no-repeat -775px 0;}
.allMenu a:hover.menu01{background:url(../images/home/bg_menu.gif) no-repeat 0 -90px;}
.allMenu a:hover.menu02{background:url(../images/home/bg_menu.gif) no-repeat -75px -90px;}
.allMenu a:hover.menu03{background:url(../images/home/bg_menu.gif) no-repeat -170px -90px;}
.allMenu a:hover.menu04{background:url(../images/home/bg_menu.gif) no-repeat -335px -90px;}
.allMenu a:hover.menu05{background:url(../images/home/bg_menu.gif) no-repeat -495px -90px;}
.allMenu a:hover.menu06{background:url(../images/home/bg_menu.gif) no-repeat -635px -90px;}
.allMenu a:hover.menu07{background:url(../images/home/bg_menu.gif) no-repeat -775px -90px;}

.allMenu .current01{background:url(../images/home/bg_menu.gif) no-repeat 0 -90px;}
.allMenu .current02{background:url(../images/home/bg_menu.gif) no-repeat -75px -90px;}
.allMenu .current03{background:url(../images/home/bg_menu.gif) no-repeat -170px -90px;}
.allMenu .current04{background:url(../images/home/bg_menu.gif) no-repeat -335px -90px;}
.allMenu .current05{background:url(../images/home/bg_menu.gif) no-repeat -495px -90px;}
.allMenu .current06{background:url(../images/home/bg_menu.gif) no-repeat -635px -90px;}
.allMenu .current07{background:url(../images/home/bg_menu.gif) no-repeat -775px -90px;}
/******** shopping cart ************/
.shopping{width:920px; margin:0 auto; padding-bottom:5px;}
.shopping .top_shopping{ height:6px; background:url(../images/border.gif) no-repeat 0 -6px; overflow:hidden;}
.shopping .btm_shopping{ height:6px; background:url(../images/border.gif) no-repeat 0 top; overflow:hidden}
.shopping_body{width:auto; height:auto; background:url(../images/bg_shopping.jpg) repeat-y; padding:3px 34px} 
.shopping_body table{ background:#333; border-spacing:1px; }
.shopping_body td{ background:#000; color:#fff; text-align:center; vertical-align:middle;}
.shopping_body td.yellow{color:#FBCF03;}
.shopping_body td.gray{ color:#828282;}
.shopping_body a:link,.shopping_body a:visited{color:red; text-decoration:underline;}

.shopping_body  td.Poor,.shopping_body td.Common,.shopping_body td.Uncommon,.shopping_body td.Epic,.shopping_body td.Legendary,.shopping_body td.Rare,.shopping_body td.Heirloom{ text-align:left; text-indent:5px;}

.shopping_body  td.Poor a:link,.shopping_body td.Poor a:visited{ color:#707070; text-decoration:none; }
.shopping_body td.Common a:link,.shopping_body td.Common a:visited{ color:#fff; text-decoration:none;}
.shopping_body td.Uncommon a:link,.shopping_body td.Uncommon a:visited{ color:#1EFF00; text-decoration:none;}
.shopping_body td.Epic a:link,.shopping_body td.Epic a:visited{ color:#A335EE; text-decoration:none;}
.shopping_body td.Legendary a:link,.shopping_body td.Legendary a:visited{ color:#EFA230; text-decoration:none;}
.shopping_body td.Rare a:link,.shopping_body td.Rare a:visited{ color:#0070DD; text-decoration:none;}
.shopping_body td.Heirloom a:link,.shopping_body td.Heirloom a:visited{ color:#DCC896; text-decoration:none;}




.shopping_bar .colorWhite td{text-align:center;color:#fff; }
.shopping_bar{width:auto; height:22px;padding:5px 0; line-height:22px; clear:both;}
.shopping_bar h3{width:125px; float:left;color:#FFD100; font-size:14px;}
.shopping_bar h3 a{ float:right;width:12px;display:block; padding-top:6px;}
.shopping_bar .total_shop{width:650px; float:right; font-weight:bold;}
.shopping_bar li{ float:left; text-align:left; color:#fff;}
.shopping_bar li span{color:#FFD100;}

.shopping_bar .input_btn{width:86px; height:23px; background:url(../images/btn_checkout00.gif) no-repeat; cursor:pointer; border:0;}
.shopping_bar .shop01{width:307px; text-align:center;}
.shopping_bar .shop02{width:216px; padding-left:25px; background:url(../images/ico_car.gif) no-repeat 0 4px;}
.shopping_bar .shop03{width:102px;}

/******** shopping cart ***********/

.bd-top{width:920px;height:6px; margin:0 auto;/*overflow:hidden;*/	font-size:1px;clear:both;position:relative;		background:url(../images/border.gif) no-repeat bottom;}
.bd-top .livechat{ position:absolute; left:698px; top:-190px;}	

/*.menu_bar{width:654px; height:31px;}
.menu_bar a:link,.menu_bar a:visited{ float:left; display:block; height:31px; text-indent:-900px;}
.menu_bar .m01{width:70px; background:url(../images/index/item_menu0315.gif) no-repeat 0 bottom;}
.menu_bar a:hover.m01{background:url(../images/index/item_menu0315.gif) no-repeat 0 0;}
.menu_bar .m02{width:144px; background:url(../images/index/item_menu0315.gif) no-repeat -70px bottom;}
.menu_bar a:hover.m02{background:url(../images/index/item_menu0315.gif) no-repeat -70px 0;}
.menu_bar .m03{width:126px; background:url(../images/index/item_menu0315.gif) no-repeat -214px bottom;}
.menu_bar a:hover.m03{background:url(../images/index/item_menu0315.gif) no-repeat -214px 0;}
.menu_bar .m04{width:108px; background:url(../images/index/item_menu0315.gif) no-repeat -357px bottom;}
.menu_bar a:hover.m04{background:url(../images/index/item_menu0315.gif) no-repeat -357px 0;}
.menu_bar .m05{width:115px; background:url(../images/index/item_menu0315.gif) no-repeat -465px bottom;}
.menu_bar a:hover.m05{background:url(../images/index/item_menu0315.gif) no-repeat -465px 0;}
.menu_bar .m06{width:70px; background:url(../images/index/item_menu0315.gif) no-repeat -580px bottom;}
.menu_bar a:hover.m06{background:url(../images/index/item_menu0315.gif) no-repeat -580px 0;}
.menu_bar .m07{width:123px; background:url(../images/index/item_menu0315.gif) no-repeat -650px bottom;}
.menu_bar a:hover.m07{background:url(../images/index/item_menu0315.gif) no-repeat -650px 0;}
.menu_bar .current01{background:url(../images/index/item_menu0315.gif) no-repeat 0 0;} 
.menu_bar .current02{background:url(../images/index/item_menu0315.gif) no-repeat -70px 0;} 
.menu_bar .current03{background:url(../images/index/item_menu0315.gif) no-repeat -214px 0;} 
.menu_bar .current04{background:url(../images/index/item_menu0315.gif) no-repeat -357px 0;} 
.menu_bar .current05{background:url(../images/index/item_menu0315.gif) no-repeat -465px 0;} 
.menu_bar .current06{background:url(../images/index/item_menu0315.gif) no-repeat -580px 0;} 
.menu_bar .current07{background:url(../images/index/item_menu0315.gif) no-repeat -650px 0;} */

h4{width:920px; margin:0 auto; height:22px; font-size:14px; background:url(../images/bg-title.gif) no-repeat;}		
.bd-bottom{width:920px;
		height:6px;
		overflow:hidden; margin:0 auto;
		font-size:1px;
		background:url(../images/border.gif) no-repeat top;}
.logo{ position:absolute; width:361px; height:80px; left:0; top:-125px;}
.main{width:920px;
	  height:446px;
	  margin:0 auto;
	  background:url(../images/bg-y.gif) repeat-y;
	  position:relative;}


.inbox01,.inbox02,.inbox03{ float:left;}
.inbox01 input,.inbox02 input,.inbox03 input{border:0;height:16px; background:none;color:#fff; padding-top:4px!important;padding-top:2px;}
.inbox01 label,.inbox02 label,.inbox03 label{ float:left; text-align:left; color:#fff; font-family:Candara, Arial,Verdana;}
.inbox01{width:162px;
			height:38px;
			padding: 0 6px 0 14px;
			background:url(../images/bg-input01.gif) no-repeat bottom;}
.inbox01 div{ position:absolute; display:none; left:15px; top:37px; z-index:20000;  width:152px; height:auto; border:1px solid #484647; background:#1C1B17; text-align:left; padding:5px 0;}
.inbox01 div a:link{color:#FFD100;  width:150px; height:20px;display:block; }
.inbox01 div a:visited{ color:#FFD100;display:block;text-decoration:none; background:#1C1B17;text-indent:5px;}	
.inbox01 div a:hover{ background:#3E3D3A;}		
.inbox02{width:129px;
			height:38px;
			padding: 0;
			background:url(../images/bg-input.gif) no-repeat 0 bottom; }
				 
.inbox02 input{width:50px;}
.inbox02 .first_input{margin:0 15px 0 2px;}
.inbox02 label{ padding-left:3px; text-align:left;}
.inbox02 p{ padding:0; margin:0; text-align:left;}
.inbox03{width:40px;
			height:38px;
			padding: 0;
			background:url(../images/bg-input03.gif) no-repeat bottom;}	 
.inbox03 input{width:25px; margin-left:2px; padding-left:5px;}
.inbox03 label{ padding-left:6px;}

/*search bar*/
.search-bar{position:absolute; left:558px; border:0px solid blue; top:0;width:328px; text-align:right;}
.search-bar p{text-align:right; padding-right:15px;}
.search-bar .btn_page{text-align:right; height:30px; line-height:30px; border:0px solid yellow;}
.search-bar .btn_page div{ width:180px; height:30px; line-height:30px; text-align:center; color:#fff; float:right;}
.search-bar .btn_page a{ float:right;width:65px;}

/*======select area=========*/
.position-select{ position:absolute; z-index:20; left:315px;}
.position-select .rarity{ margin-bottom:-1px;  color:#fff; text-align:left; text-indent:8px; font-family:Candara, Arial,Verdana;}
.select-area{width:160px;position:relative; border:0px solid red; text-align:left; }
.select-bar{width:144px;
			height:25px;
			padding:10px 0 0 15px;
			background: url(../images/select/bg.gif) no-repeat;
			color:#fff;
			border:0px solid #00CC00;
			}
.select-arrow{width:20px; height:19px; background:url(../images/select/arrow.gif) no-repeat;   position:absolute; left:128px; z-index:5; top:6px;}
.select-arrow a{width:20px; height:19px;display:block; text-indent:-8880px;}
/*for Raid Loot page now */
.raid_select_area{width:224px;}
.raid_select_area .select-bar{width:214px;background: url(../images/select/bg0.gif) no-repeat;}
.raid_select_area .select-arrow{left:192px;}

/*for Raid Loot page end */			
.select-text{width:159px;
			 height:100px;
			 padding:0px;
			 color:#FFD100;
			 display:none;
			 z-index:100000;
			 position:absolute;
			 left:5px;
			 border:0px solid blue;}
.select-text .sel-top{height:6px; overflow:hidden; font-size:1px; background:url(../images/select/border-sel.gif) no-repeat 0 bottom;}			 
.select-text .sel-bottom{height:6px; overflow:hidden; font-size:1px; background:url(../images/select/border-sel.gif) no-repeat 0 top;}			 
.select-text ul{width:148px; height:auto; border:0px solid green;background:url(../images/select/bg-y.gif) repeat-y;}
.select-text li{ height:auto;  padding:0px 0 0px 20px; border:0px solid #333;}
.select-text .current{ background: url(../images/select/ok.gif) no-repeat 2px 6px;}
.select-text li a:link,.select-text li a:visited{ border:0px solid blue;width:124px; height:24px; line-height:24px; display:block;  font-weight:bold; text-decoration:none;}
.select-text li a:hover{  background:url(../images/bg-selText.gif) no-repeat -12px 4px;}
.select-text li .goldT{color:#FFD100;}
.select-text li .grayT{ color:#707070;}
.select-text li .whiteT{ color:#fff;}
.select-text li .greenT{ color:#1EFF00;}
.select-text li .blueT{ color:#0070DD;}
.select-text li .purpleT{ color:#A335EE;}
.select-text li .orangeT{ color:#EFA230;}
.select-text li .yellowishT{ color:#DCC896;}
/*for Raid Loot page now */
.raid_loot{width:210px;}
.raid_loot ul{width:210px; height:auto; border:0px solid green;background:url(../images/select/bg-y0.gif) repeat-y;}
.raid_loot .sel-top{height:6px; overflow:hidden; font-size:1px; background:url(../images/select/border-sel0.gif) no-repeat 0 bottom;}			 
.raid_loot .sel-bottom{height:6px; overflow:hidden; font-size:1px; background:url(../images/select/border-sel0.gif) no-repeat 0 top;}		
.raid_loot .raid_loot_li a:link,.select-text .raid_loot_li a:visited{width:184px;}
/*for Raid Loot page end */

/*===========left menu============*/

.left_oneLevel a:link,.left_oneLevel a:visited{ background:url(../images/scroll/bg-menu.gif) no-repeat;width:154px; height:22px;line-height:22px;text-decoration:none; color:#EFC400;  display:block; padding-left:8px;}  
.left_oneLevel .current a:link,.left_oneLevel .current a:visited{ background:url(../images/scroll/bg-menu.gif) no-repeat 0 -22px;width:154px; height:22px;color:#fff; display:block; }  
.left_oneLevel a:hover{ background:url(../images/scroll/bg-menu.gif) no-repeat 0 -22px; color:#fff;}



dl,dt,dd{ margin:0; padding:0; font-size:11px; font-family:Tahoma,Verdana,Arial; /*background:url(../images/scroll/bg.gif);*/}
dl{width:154px; height:auto;  display:block; clear:both; border:0px solid blue;}
dt{width:154px;
   height:auto;
  
  }
dl a:link,dl a:visited{ display:block; height:20px; line-height:20px;text-decoration:none; color:#fff; }     
dt a:link,dt a:visited{ background:url(../images/scroll/bg-menu.gif) no-repeat;width:154px; height:22px; color:#EFC400;  display:block; padding-left:8px;}  
dt.current a:link,dt.current a:visited{ background:url(../images/scroll/bg-menu.gif) no-repeat 0 -22px;width:154px; height:22px;color:#fff; display:block; }  
dt a:hover{ background:url(../images/scroll/bg-menu.gif) no-repeat 0 -22px; color:#fff;}




dd{ height:auto; padding:0px;  display:none;}
dd a:link,dd a:visited{ background:url(../images/scroll/bg-menu2.gif) no-repeat;color:#fff;width:154px; height:22px; display:block;padding-left:20px;} 
dd a:link.current,dd a:visited.current{ background:url(../images/scroll/bg-menu2.gif) no-repeat 0 -22px; color:#fff;width:154px; height:22px;}  
dd a:hover{ background:url(../images/scroll/bg-menu2.gif) no-repeat 0 -22px; color:#fff;}

dl div{ padding:2px; background:url(../images/scroll/line.gif) repeat-y 15px;  display:none;}
dl div a:link,dl div a:visited{ background:url(../images/scroll/line-z.gif) no-repeat 15px 8px; padding-left:20px;}
dl div a:hover{ background:url(../images/scroll/bg3.gif) no-repeat 0 3px;}
dl div a:link.current,dl div a:visited.current{  background:url(../images/scroll/bg3.gif) no-repeat 0 3px; padding-left:20px;}





.resize{width:88px;height:24px; text-indent:-800px; position:absolute; left:18px; z-index:20; top:45px; background:url(../images/scroll/reset.gif) no-repeat 0 0;		}
.resize .current{background:url(../images/scroll/reset.gif) no-repeat 0 -24px;}		
.resize a{ display:block;width:88px; height:24px; }
.resize a:link.current,.resize a:visited.current{background:url(../images/scroll/reset.gif) no-repeat 0 -24px;}		
.resize a:hover{background:url(../images/scroll/reset.gif) no-repeat 0 -24px;}

/*==========*/
.leftMenu{width:184px; height:357px; position:relative; border:0px solid #66CC66;}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
 z-index:20;
  text-align:left;
  
   /*overflow:hidden;*/
}
.pdMenu{ padding:2px 0 0 2px;}
.Scrollbar-Up {
  position: absolute;
  width: 30px; height: 24px;
  background-color: #CCC;
  font-size: 0px;

  background:url(../images/scroll/up.gif) no-repeat;
}
.Scrollbar-Track {
  width: 30px; height: 307px;
  position: absolute;
  top: 24px;
  background-color: #EEE;
  background:url(../images/scroll/track.gif) no-repeat;
}
.Scrollbar-Handle {
  position: absolute;
  width: 25px; height: 20px;
  left:0;
  text-indent:-10px;
  background:url(../images/scroll/handle.gif) no-repeat;
}
.Scrollbar-Down {
  position: absolute;
  top: 331px;
  width: 30px; height: 24px;
  background-color: #CCC;
  background:url(../images/scroll/down.gif) no-repeat;
  font-size: 0px;
}
#Scrollbar-Container {
  position: absolute;border:0px solid blue;
  top: 70px; left: 169px;
 
}
#Scrollbar-Container p{
	margin: 0; padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #fff;

}


#Container {
  position: absolute;
  top: 70px; left:11px;
    z-index:10;
  width: 158px;
  height: 357px;
  display:block;
  overflow:hidden;
 /* background: url(../images/scroll/bg.gif);*/
 background:url(../images/select/bg-list.gif) no-repeat;
  
  
  color:#EFC400;
  border:0px solid blue;
}
/*===============*/
#Container2 {
  position: absolute;
  top: 81px; left: 197px;
  width: 689px;
  height: 362px;
  display:block;
  overflow:hidden;
  z-index:10;
  
  background: url(../images/info/bg-info.gif) no-repeat;
  color:#EFC400;
  border:2px solid blue;
 
}
.leftMenu2{width:184px; height:357px; margin-left:200px;/* position:relative;*/ border:0px solid #66CC66;}
#Scrollbar-Container2 {
  position: absolute;border:0px solid blue;
  top: 69px; left: 886px;
  
}


/*===== infomation area =====*/
.info-title{width:689px;height:23px; position:absolute; left:197px; top:58px; background:url(../images/info/bg-title.gif) no-repeat;color:#fff;}
.info-title li{ float:left;  line-height:23px; background:url(../images/info/bg-g.gif) no-repeat right;}
.info-title span{  }
.info-title .t1{width:303px; text-align:left; text-indent:10px;}
.info-title .t2{width:51px;}
.info-title .t3{width:102px;}
.info-title .t4{width:67px;}
.info-title .t5{width:100px;}
.info-title .t6{width:110px; background:none;}
.info-title a:link,.info-title a:visited{color:#fff; text-decoration:none; padding-right:12px; background:url(../images/arrowdown.gif) no-repeat right;} 
.info-title a:link.current,.info-title a:visited.current{background:url(../images/arrowup.gif) no-repeat right;} 

.info-area { width:689px; /*height:351px;*/ padding-left:3px; padding-top:2px; padding-bottom:2px;}
.info-area ul{width:auto; height:40px; background:url(../images/info/bg-tr.gif) no-repeat 0 -45px; text-align:center;}
.info-area ul.current{width:auto; height:40px; background:url(../images/info/bg-tr.gif) no-repeat 0 0; text-align:center;}
.info-area ul li{ height:27px; float:left; color:#fff; padding-top:8px;}

.info-area ul li img{ border:0;}
.info-area ul .s1{width:297px;text-align:left; text-indent:10px; font-weight:bold;}
.info-area ul .s2{width:51px;}
.info-area ul .s3{width:102px;}
.info-area ul .s4{width:67px; }
.info-area ul .s5{width:100px;color:#FBCF03;}
.info-area ul .s6{width:110px;  }
 ul .s6 div{ position:absolute;width:200px; left:232px; top:0px; border:1px solid #6A686B; background: #0C0C17; height:200px; display:none;filter:alpha(opacity=70);
     opacity:0.7; z-index:10;}

.info-area .note-word{font-size:14px; font-weight:bold; color:#FFD100; text-align:center; padding:20px;}

.info-area ul a:link.Poor,.info-area ul a:visited.Poor{ color:#707070; text-decoration:none; }
.info-area ul a:link.Common,.info-area ul a:visited.Common{ color:#fff; text-decoration:none;}
.info-area ul a:link.Uncommon,.info-area ul a:visited.Uncommon{ color:#1EFF00; text-decoration:none;}
.info-area ul a:link.Epic,.info-area ul a:visited.Epic{ color:#A335EE; text-decoration:none;}
.info-area ul a:link.Legendary,.info-area ul a:visited.Legendary{ color:#EFA230; text-decoration:none;}
.info-area ul a:link.Rare,.info-area ul a:visited.Rare{ color:#0070DD; text-decoration:none;}
.info-area ul a:link.Heirloom,.info-area ul a:visited.Heirloom{ color:#DCC896; text-decoration:none;}

.info-area ul a:link,.info-area ul a:visited{ color:#0070DD; text-decoration:none; }	/*	blue*/
/*.info-area ul a:hover,.info-area ul a:hover.green,.info-area ul a:hover.white,.info-area ul a:hover.purple,.info-area ul a:hover.orange,.info-area ul a:hover.yellowish,.info-area ul a:hover.gray{ color:red;}*/



#containerAll{width:200px; border:0px solid red; height:20px;}
#containerAll div{position:absolute;width:200px; /*left:492px;*/ /*top:200px;*/ border:1px solid #6A686B; background: #0C0C17; height:auto; text-align:left; display:none;filter:alpha(opacity=70);/*IE*/
     opacity:0.7; z-index:50; color:#FBCF03;}

.bottom-bar{width:920px; margin:0 auto;height:30px; /*background:#222; border:1px solid #222;*/ margin-top:-2px;}
.bottom-bar a:link,.bottom-bar a:visited{ float:left;background:url(../images/bg-botton.gif) no-repeat left 0; padding:0px 0 0px 15px; display:block; margin:2px 5px 0; color:#EEC300; text-decoration:none; font-weight:bold; cursor:pointer;}
.bottom-bar a span{ display:block; padding:6px 17px 11px 0; float:left; background:url(../images/bg-botton.gif) no-repeat right 0;}
.bottom-bar a:hover{color:red;}
.bottom-bar a:link.current,.bottom-bar a:visited.current{ background:url(../images/bg-botton.gif) no-repeat left -33px; margin:0px 5px 0; color:#fff;}
.bottom-bar a.current span{ background:url(../images/bg-botton.gif) no-repeat right -33px;}

.distance{ position:absolute; top:575px; border:1px solid green; width:2000px; }

/*form page*/

.content-page{width:900px;
			  min-height:460px;height:auto!important; height:460px;
			  margin:0 auto;
			  padding:10px 10px 10px;
			  clear:both;
			  background:url(../images/bg-y.gif) repeat-y;}
/* 12-08 begin */
.order_box{ clear:both; background:#494848;}
.order_left{ float:left; width:579px; border:1px solid #262626; background:#393939;
			 }
.order_right{ float:right; width:278px;}

/* 12-08 end */			  
			  
.content-right{width:579px;
			   height:auto;
			   padding:10px;
			   border:1px solid #9C9C9A;
			   text-align:left;
			   background:#262626;
			   float:right;}
.content-right h4{font-size:12px; color:#E3D603; width:auto; background:none; text-align:left; height:22px; line-height:22px;}
.content-right h4 span{ float:left; display:block;width:22px; height:21px; text-align:center; background:url(../images/content/bg-num.gif) no-repeat; }
.order-form {font-weight:bold;} 
.order-form  .throughLine{ height:4px; overflow:hidden; border:0; font-size:0; background:url(../images/content/line.gif) repeat-x;}

.order-form input{ border:1px solid #3D3B39; background:#181714; width:179px; color:#fff;}
.order-form textarea{border:1px solid #3D3B39; background:#181714;color:#fff;}
.order-form td{ text-align:left; color:#B98802; font-weight:bold;}
.order-form td.tdRight{ text-align:right;}
.order-form td span{ font-size:10px;}
.order-form .right_align{ text-align:right; padding-right:2px;}
.order-form p{ color:#fff; text-align:left; height:28px;} 
.order-form p label{width:113px; display:block; float:left; line-height:24px; text-align:right; padding-right:2px;}
.order-form p .width60{ width:105px;}
.order-form p input{ float:left;}
.order-form  select{width:179px;border:1px solid #3D3B39; background:#181714;  color:#fff; outline:#181714;}
.order-form  option{ background:#181714;}
.order-form  .bg-dor{ background:url(../images/content/dor.gif) repeat-x;}
.order-form .center{ text-align:center;}  
.order-form .gold{ color:#E3D603;}
.order-form .fB{ font-weight:bold;}
.MoneyBookersOther table{ border-bottom:1px dashed #383734}

.order-form .colorPoor{ color:#707070;  }
.order-form .colorCommon{ color:#fff; }
.order-form .colorUncommon{ color:#1EFF00; }
.order-form .colorEpic{ color:#A335EE; }
.order-form .colorLegendary{ color:#EFA230; }
.order-form .colorRare{ color:#0070DD; }
.order-form .colorHeirloom{ color:#DCC896; }
.order-form .radio{width:12px; height:12px; border:0; background:none;}
.order-form .submit{width:88px; height:24px; background:url(../images/index/submit.gif) no-repeat; border:0; cursor:pointer; }
.order-form .red{ color:red;}
.order-form .bd_top{ border-top:1px dashed #A09D98;}
.order-form .start_time select{ float:left;}
.order-form .displayWrapper{ display:none;}
.order-form .fontNormal{ font-weight:normal;}

.order-form .Poor{ color:#707070; text-decoration:none; }
.order-form .Common{ color:#fff; text-decoration:none;}
.order-form .Uncommon{ color:#1EFF00; text-decoration:none;}
.order-form .Epic{ color:#A335EE; text-decoration:none;}
.order-form .Legendary{ color:#EFA230; text-decoration:none;}
.order-form .Rare{ color:#0070DD; text-decoration:none;}
.order-form .Heirloom{ color:#DCC896; text-decoration:none;}

.content-right h1{  color:#F0C502;width:176px; text-align:center; font-size:12px; background:url(../images/content/bg-title.gif) no-repeat;  line-height:22px; padding-bottom:20px;}
.content-right h5{ font-size:12px; color:#ccc;}
.content-right p{ word-spacing:2px; font-size:12px; color:#B98802; line-height:18px; background:#1B1B1B; padding:5px;  margin:5px 0; border:1px solid #161616;}
.order-form p{margin:0;border:0;}
.content-left{width:278px;
			  float:left;
			  height:auto;}
/* Buyer Protections */
.buy_protect{width:auto; line-height:16px; text-align:left; font-weight:bold; background:#1B1B1B;}
.buy_protect h1{ height:34px; line-height:34px; text-indent:2px; background:url(../images/index/bg_ok.gif) no-repeat; color:#fff; font-size:14px;}
.buy_protect h1 span{ float:left;}
.buy_protect ul{width:270px; height:auto; margin:0 auto; padding-bottom:10px;}
.buy_protect li{width:230px; padding: 4px 0 4px 30px;  background:url(../images/index/ico_ok.gif) no-repeat 0 3px; color:#6cf; }
.buy_protect p{color:#fff;width:260px; font-weight:normal; margin:0 auto; padding:5px 0; line-height:26px;}
.buy_protect p span{color:#6cf;}
.buy_protect .lightblue{color:#6cf;}

			  
.payment{width:auto;padding:20px;}	
.payment h1{color:#FBCA03; height:60px; padding-top:100px;}	  
.payment .order-no{ height:22px; background:url(../images/order-no.gif) no-repeat center 0; color:#EFC400; line-height:22px; padding:0 0 10px 0;}
.payment .notice{color:#fff; padding:20px;}


.index_foot{ padding-top:20px; text-align:center; line-height:20px; word-spacing:2px;color:#565656;}
.index_foot .link_menu{ padding-bottom:10px;color:#E7C607;}
.index_foot .link_menu a:link,.index_foot .link_menu  a:visited{color:#E7C607; text-decoration:underline; margin:0 10px;}
.index_foot .link_menu a:hover{ color:#fff;}

			  
.clear{ clear:both;}
.fB{ font-weight:bold;}