@charset "utf-8";
/* 008400.com - layout.css */

.clear{ clear:both; }
.title_red_bg{ font:14px Verdana, Arial; font-weight:bold; color:#fff; }
.text_red_12px{ text-align:center; font:12px Verdana, Arial; font-weight:bold; line-height:36px; color:#f00; }
.text_black_12px{ font-size:12px; }


body{ margin-bottom:35px; background:url(../images/page_background.jpg) #C6E6FB repeat-x top; font-family:Arial, Verdana; }

.page_top{ margin:0 auto; width:960px; height:110px; position:relative; background:fff; }

/* page_top > logo */
.logo{ position:absolute; width:320px; height:92px; left:0; bottom:0; overflow:hidden; z-index:0; }
.logo p{ line-height:13px; font:12px Arial, Verdana; color:#ACD3F0; }

/* page_top > partner */
.partner{ position:absolute; width:260px; height:16px; top:17px; left:294px; overflow:hidden; z-index:1; }
.partner img{ margin:0 5px 0 0; }

/* page_top > telephone */
.telephone{ position:absolute; background:url(../images/tel_bg.gif) repeat-x; width:377px; height:33px; top:0; left:560px; overflow:hidden; z-index:2; }
.telephone .pt_left, .telephone .pt_right{ float:left; background:url(../images/tel_left.gif) no-repeat; width:28px; height:33px; overflow:hidden; }
.telephone .pt_right{ background:url(../images/tel_right.gif) no-repeat; }
.telephone .pt_center{ float:left; width:321px; height:33px; _height:25px; _padding-top:8px; overflow:hidden; font:12px Verdana; line-height:33px; color:#fff; }
.telephone .pt_center img{ margin-right:4px; }

/* page_top > nav */
.nav{ position:absolute; width:510px; right:0; bottom:0; height:36px; overflow:hidden; background:url(../images/nav_bg.gif) repeat-x; z-index:3; }
.nav_left, .nav_right{ float:left; background:url(../images/nav_left.gif) no-repeat; width:6px; height:36px; overflow:hidden; }
.nav_right{ background:url(../images/nav_right.gif) no-repeat; }
.nav_center{ float:left; width:500px; height:36px; overflow:hidden; }

ul.menu{ height:36px; }
ul.menu li{ float:left; }
ul.menu li.menu_option{ cursor:hand; }
ul.menu li.menu_option a{ float:left; display:block; padding:0px 15px; height:36px; font:13px Verdana, Arial; font-weight:bold; text-decoration:none; line-height:36px; color:#fff; }
ul.menu li.menu_option a:hover, ul.menu li#current{ background:url(../images/nav_bg_hover.gif) repeat-x; }
ul.menu li.line{ width:2px; height:36px; background:url(../images/nav_line.gif) no-repeat left; overflow:hidden; }

/* content */
.content{ margin:0 auto; margin-top:10px; padding-bottom:10px; width:980px; height:100%; background:#fff; }
.content_inside{ margin:0 10px; width:960px; height:100%; }

/* left column */
.column_left{ float:left; margin-right:15px; display:inline; width:210px; height:100%; }
.column_left .title{ background:url(../images/red_bg.gif) repeat-x; height:36px; }
.column_left .title .round{ float:left; background:url(../images/red_round.gif) no-repeat; width:6px; height:36px; overflow:hidden; }
.column_left .title p{ float:left; display:inline; padding-left:4px; width:200px; height:36px; line-height:36px; color:#fff; overflow:hidden; }

/* sidemenu */
#nav { width:210px; line-height: 30px; text-align:left; }

#nav li { float:left; background:url(../images/arrow_white_ld.gif) repeat-x; }
#nav li a{ width: 190px; display: block; padding-left:20px; font:12px Verdana, Arial; color:#fff; text-decoration:none; line-height:30px; background:url(../images/arrow_white_lr.gif) no-repeat 10px center; }
#nav li a:hover { font:12px Verdana, Arial; line-height:30px; background:url(../images/arrow_white_lr.gif) no-repeat 10px center; text-decoration:underline; }

#nav li ul { list-style:none; text-align:left; }
#nav li ul li { background:#87B8D8; font-weight:normal; border-bottom:1px solid #6EA6C7; }
#nav li ul a#power_icon{ background:url(../images/power_icon.gif) no-repeat 10px center; padding-left:33px; width:177px; color:#0168AB; }
#nav li ul a#power_icon:hover { color:#fff; text-decoration:underline; }
#nav li ul a#gold_icon{ background:url(../images/gold_icon.gif) no-repeat 10px center; padding-left:33px; width:177px; color:#0168AB; }
#nav li ul a#gold_icon:hover { color:#fff; text-decoration:underline; }
#nav li ul a#id_icon{ background:url(../images/id_icon.gif) no-repeat 10px center; padding-left:33px; width:177px; color:#0168AB; }
#nav li ul a#id_icon:hover { color:#fff; text-decoration:underline; }

#nav li:hover ul { left: auto; }
#nav li.sfhover ul { left: auto; }
#content { clear: left; }
#nav ul.collapsed { display: none; }



/* center column */
.column_center{ float:left; margin-right:15px; display:inline; width:490px; height:100%; }

.position{ width:490px; height:24px; overflow:hidden; background:#D8EFFF; }
.position p{ padding-left:15px; font:12px Verdana, Arial; line-height:24px; color:#1177B7; }
.position p a{ padding-right:5px; color:#1177B7; }
.position p code{ padding-right:5px; color:#1177B7; }
.position p span{ padding-right:5px; color:#f00; }

.game_list{ float:left; display:inline; width:140px; height:115px; overflow:hidden; border:5px solid #f4f4f4; margin-top:10px; background:#f4f4f4; }
.game_list dd select{ margin-top:5px; width:140px; font-size:11px; }
.margin_right{ margin-right:20px; }

.recent_title{ margin-top:15px; width:490px; height:26px; background:url(../images/blue_cbg.gif) repeat-x; }
.recent_title_left, .recent_title_right{ float:left; width:6px; height:26px; background:url(../images/blue_cl.gif) no-repeat; }
.recent_title_right{ background:url(../images/blue_cr.gif) no-repeat; }
.recent_title_center{ float:left; width:478px; height:26px; font:12px Verdana, Arial; color:#fff; line-height:26px; }
.recent_content{ width:488px; height:146px; overflow:hidden; border:1px solid #6DA5C8; background:#fff; }
ul.recent_order li{ margin-left:10px; padding-left:10px; background:url(../images/arrow_red_down.gif) no-repeat left center; font:12px Verdana, Arail; line-height:1.8; }

/* right column */
.column_right{ float:left; width:230px; height:100%; }
.column_right .title{ background:url(../images/red_bg.gif) repeat-x; height:36px; }
.column_right .title p{ padding-left:10px; line-height:36px; color:#fff; overflow:hidden; }

/* quick shopping */
.quick_shopping{ background:#A1D3F4; margin-bottom:10px; padding:10px 15px; width:200px; height:280px; overflow:hidden; font:12px Verdana, Arial; }

.quick_shopping select{ width:200px; margin-bottom:10px; *margin-bottom:8px; _margin-bottom:10px; }
.quick_shopping p{ margin-bottom:10px; *margin-bottom:8px; _margin-bottom:10px; line-height:1.8; }
.quick_shopping p span{ padding-right:8px; color:#005890; }
.quick_shopping p input{ border:1px solid #005890; }
.quick_shopping p input#input01{ width:124px; }
.quick_shopping p input#input02{ width:92px; }
.quick_shopping p input#input03{ width:92px; }
.quick_shopping p input#input04{ width:83px; }
.quick_shopping .total{ padding-top:10px; border-top:1px solid #0067AA; height:22px; overflow:hidden; line-height:22px; }
.quick_shopping .total a{ float:right; display:block; width:64px; height:22px; background:url(../images/check_out.gif) no-repeat; }
.quick_shopping .total span{ margin-right:10px; color:#005890; }
.quick_shopping .total code{ font:12px Verdana, Arial; color:#f00; }
.quick_shopping .total input{ float:right; display:block; width:64px; height:22px; }

ul.live_chat{ margin-top:10px; }
ul.live_chat li{ line-height:27px; clear:both; }
ul.live_chat li img{ float:left; display:inline; margin-right:8px; }
ul.live_chat li p{ float:left; height:27px; font:12px Verdana, Arial; line-height:28px; color:#005890; }

/* area of copyright */
.copyright{ margin:0 auto; width:980px; height:63px; overflow:hidden; background:url(../images/copyright_bg.gif) repeat-x bottom; }
.copyright_left, .copyright_right{ float:left; width:6px; height:63px; background:url(../images/copyright_l.gif) no-repeat; }
.copyright_right{ background:url(../images/copyright_r.gif) no-repeat; }
.copyright_center{ float:left; display:inline; padding-top:8px; width:968px; height:55px; }
.copyright_center p{ text-align:center; line-height:2.2; font:12px Verdana, Arail; color:#fff; }
.copyright_center p a, .copyright_center p span{ padding:0 8px; text-decoration:none; color:#fff; }
.copyright_center p a:hover{ text-decoration:underline; }
.copyright_center p span{ }

/*==================Style of the other pages===================*/
.main_content{ margin-top:10px; width:490px; height:100%; }
.main_content .column_title{ padding-left:15px; height:24px; background:#1177b7; font:12px Verdana, Arial; font-weight:bold; line-height:24px; color:#fff; }
.main_content .column_body{ margin-bottom:10px; border:1px solid #1177b7; background:#fff; padding:0 0 15px 10px; height:auto; }
.main_content .column_body_onlytext{ background:#fff; padding:10px; padding-top:0px; height:auto; }
.main_content .column_body h2{ padding-left:15px; height:40px; background:#D8EFFF; font:12px Verdana, Arial; font-weight:bold; line-height:40px; color:#1177B7; }
.main_content .column_body p{ padding:10px 15px; font-size:11px; }


.text_red_title{ height:24px; font:14px Verdana, Arial; font-weight:bold; line-height:24px; text-align:center; color:#f00; }
.select_game{ }
.select_game li{ float:left; display:inline; margin-right:10px; width:147px; height:24px; text-align:center; }
.select_game li a{ font:11px Verdana, Arial; text-decoration:none; color:#000; }
.select_game li a:hover{ text-decoration:underline; }

.main_content h1, .main_content p{ font:12px Verdana, Arial; font-weight:bold; color:#005890; }
.main_content p{ text-indent:2em; font-weight:normal; line-height:1.8; }
.main_content h6{ font:12px Verdana, Arial; color:#005890; font-weight:normal; line-height:1.8; }
.main_content h6 span{ color:#f00; }

/* tag */
#tags{ position:relative; height:28px; overflow:hidden; }
#tags li{ float:left; }
#tags li.selecttag{ background:#1177B7; }
#tags li a{ float:left; padding:8px 6px; font:11px Verdana, Arial; text-decoration:none; color:#1177B7; }
#tags li.selecttag a{ font-weight:bold; color:#fff; }

#tagContent{ clear:both; margin:0; border:1px solid #1177B7; }
#tagContent h2{ padding-left:15px; height:40px; background:#D8EFFF; font:12px Verdana, Arial; font-weight:bold; line-height:40px; color:#1177B7; }
#tagContent h3{ padding-left:15px; font:12px Verdana, Arial; font-weight:bold; color:#f00; }
#tagContent p{ padding:5px 15px; font:11px Verdana, Arial; line-height:1.8; color:#1177B7; }
#tagContent p a{ color:#f00; }

/* dotted & div */
.dotted_div{ margin:10px 15px; padding:8px 0; border-top:1px solid #D8EFFF; font:12px Verdana, Arial; line-height:22px; color:#1177B7; }

/* list & div */
.list_div_left{ float:left; width:338px; }
.list_div_left h5, .list_div_right h5{ padding:0px; padding-left:15px; text-indent:0; font:11px Verdana, Arial; line-height:1.8; color:#1177B7; }
.list_div_left h5 code, .list_div_right h5 code{ font-size:12px; color:#f00; }
.list_div_right{ float:left; width:120px; }


/* data & list */
.list_data{ }
.list_data li{ border-top:1px solid #1177B7; height:30px; *height:auto; font:12px Verdana, Arial; line-height:30px; }
.list_data li#first_line{ border:0; background:#D8Efff; font-weight:bold; }
.list_data li span{ float:left; text-align:center; }
.list_data li span.item{ width:250px; }
.list_data li span.price{ width:138px; color:#f00; }
.list_data li code{ float:right; display:inline; margin-right:24px; width:64px; height:22px; font:12px Verdana, Arial; line-height:30px; text-align:center; }
.list_data li code input{ margin-top:4px; width:64px; height:22px; }
.list_data li#first_line span{ color:#000; }
.list_data li#first_line code{ font-weight:bold; }

.search tr td{ height:24px; text-align:center; font-size:11px; }
.search tr td input{ width:50px; }
.search tr td select{ font-size:11px; }
.search tr td select.long{ width:180px; }
.search tr td select.short{ width:60px; }
.searchbox{ border:1px solid #1177B7; width:200px; height:20px; }
.searchbutton{ width:64px; height:22px; }