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

body{font-family:Tahoma; font-size:12px; color:#333333; padding:2px 0 10px 0; background-image: url(../../../images/bgrnd.gif); line-height:20px }
* { margin: 0; padding: 0; }
*.clear { clear: both; }

#wrapper { text-align: left; width:984px; margin: 0px auto;}
#tob_menu_box{float:left; width:100%}
#tob_menu_box a{padding:0 5px; font-size:11px}

#header{text-align:left; width:100%; height:55px; padding:15px 0; float:left}

#header #logo{float:left; width:340px;}

#user_data_box{float:left; width:604px; font-family:Segoe UI; height:55px; padding:0 0 0 40px;}

#user_reg_1{float:left; width:180px; height:45px; border-right:solid 1px #EFF0F0; padding-top:10px}
#user_reg_1 a{display:block; color:#333333; background:url(../icon/question.gif) no-repeat left 3px; padding:0 0 0 27px; text-decoration:none}
#user_reg_1 a span{font-size:14px; font-weight:bold}

#user_signin_1{float:left; width:188px; height:45px; border-right:solid 1px #EFF0F0; padding:10px 0 0 8px}
#user_signin_1 a{display:block; color:#333333; background:url(../icon/signin.gif) no-repeat left 8px; padding:0 0 0 34px; text-decoration:none}
#user_signin_1 a span{font-size:14px; font-weight:bold}

#user_welcome_1{float:left; width:188px; height:45px; padding:10px 0 0 8px}
#user_welcome_1 a{display:block; color:#333333; background:url(../icon/user.gif) no-repeat left 3px; padding:0 0 0 34px; text-decoration:none}
#user_welcome_1 a span{font-size:14px; font-weight:bold}

#about_us_1{background:url(../icon/about_us.gif) no-repeat left 3px; padding:0 20px 0 80px; width:220px}
#faq_1{background:url(../icon/faq_ntwk.gif) no-repeat left 3px; padding:0 20px 0 80px; width:220px}
#help_1{background:url(../icon/help.gif) no-repeat left 3px; padding:0 20px 0 80px; width:220px}


#menu_segment_box{float:left; width:984px; height:69px; background:url(../layout/menu_bg_middle.jpg) repeat-x }
#menu_bg_left{float:left; background:url(../layout/menu_bg_left.jpg) no-repeat; height:69px; width:12px}
#menu_bg_middle{float:left; height:69px; width:724px}
#menu_bg_right{float:right; background:url(../layout/menu_bg_right.jpg) no-repeat; height:69px; width:12px}

#quick_search_box{float:left; height:49px; width:211px; padding:20px 0 0 20px}

.menu{float:left; width:100%; height:68px;}
.menu:after { content: " ";  display: block;  height: 0;  clear: both; }
.menu ul { width: 100%; margin:0; float:left; text-align:center; padding:5px 0 0 0}
.menu ul li {display: inline; float:left; background:url(../layout/menu_line.jpg) no-repeat right 19px; padding:22px 0;}
.menu ul li a {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:normal; text-shadow:#000 1px 1px; color:#FFF; padding:14px 10px; text-decoration:none;}
.menu ul li a:hover { }

#main_size_wrap{float:left; width:974px; padding:0 5px; background:url(../layout/body_middle.jpg) repeat-y}
#top_ad_box{float:left; width:974px;  padding:0 5px 10px 5px}

#body_wrap{float:left; width:950px; padding:12px}
#body_wrap_box{float:right; width:950px; background:url(../layout/dot.jpg) repeat-y}
.content_wrap{float:left; width:725px; padding:0 12px 0 0}

.spons_ad_box{float:left; width:725px; padding-top: 20px;}

#foot_cover{float:left; background:url(../layout/foot_cover.jpg) no-repeat; height:8px; width:984px}
#foot_cont{float:left; background:url(../layout/foot_bg.jpg) repeat-x; height:110px; padding:30px 0 20px 12px; width:962px}

.foot_cont_box{float:left; width:271px; height:110px; padding:0 0px 0 0; font-family: Arial, Helvetica, sans-serif; font-size:12px}
.foot_cont_box h1{font-size:18px; font-weight:bold; padding:0 0 0px 0}
.foot_cont_box a{float:left; color:#CC0000; padding: 10px 0 0 0}

#footer{ display:block}
#footer ul { padding-left:20px}
#footer ul li {float:left;}
#footer ul li a {font-family:Segoe UI; font-size:12px; font-weight:normal; color:#000000; text-decoration:none; margin-right:25px}
#footer ul li a:hover { text-decoration:underline}


.all_wrap{float:left; width:950px}

/* +++ SIDE ADVERT +++ */
.side_box{width:190px; padding:10px 10px 0 12px; float:right}
.side_box h1{display:block; font-weight:bold; color:#3B5998; font-size:12px; padding:0 0 10px}
.side_box h1 a{text-decoration:none}
.side_box h1 a:hover{text-decoration:underline}
.side_box img{padding:0 0 10px 0; display:block; clear:none}
.side_box p{display:block; font-size:11px; padding-bottom:10px; border-bottom:solid 1px #CCCCCC; margin-bottom:10px}
.side_box a{color:#333333; text-decoration:none}




/* +++ HOME CONTENTS +++ */

.h_cat_box{float:left; width:225px; padding:3px 2px 3px 10px; font-size:11px;}
.h_cat_box a{color:#655F4E; font-size:12px; text-decoration:none; display:block}
.h_cat_boxa:hover{text-decoration:underline}


.b_cat_box_wrap{float:left; width:237px;}
.b_cat_box{float:left; width:225px; padding:3px 2px 3px 10px;}
.b_cat_box h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000}

.b_cat_sub{float:left; width:237px; font-size:12px;}
.b_cat_sub a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:3px 2px 3px 10px; width:225px; display:block}
.br_more a{ float:left; display:block; font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:12px; font-weight:bold; padding:0 0 0 11px; ; width:227px;}

.n_list_box{float:left; width:700px; border-bottom:dotted 1px #CCCCCC; padding:10px}
.n_list_name{float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#3B5998; width:605px; padding:5px 0 5px 10px}
.n_list_loc{float:left;; width:605px; padding:0 0 1px 10px}
.n_list_name a{ont-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#3B5998}


.dir_tab{float:left; width:100%; font-family:Segoe UI; font-size:15px; border-bottom:solid 1px #CCCCCC; margin-bottom:10px}
.dir_tab a{color:#000000}


/* +++ SUB PAGES +++ */
.accordian {width: 700px; margin: 0 auto; }
.accordian li {list-style-type: none; padding: 0 5px;}
.dimension { height: 400px; }
.even, .odd { font-weight: bold; height: 24px; font-family:Arial, Helvetica, sans-serif; font-size:13px }	
.even { border: 1px solid #d8d8d8; background-color: #ececec; }
.odd {border: 1px solid #333333; background: #333; color: white;}
.accordian .pd_h{padding:3px 0 0 5px}

.tell_friend{width:690px; float:left}
.detail_ac_box{width:690px; float:left}

.del_sub_head{background-color:#ECECD9; border-bottom:dotted 1px #999999; font-family:Arial; font-size:14px; font-weight:bold; color:#000000; padding:2px 0 0 5px; text-transform:uppercase}


/* +++ LOGIN +++ */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes  #login{width:343px; border:solid 8px #990000; padding:5px; background-color:#FFFFFF;}
#login h1{color:#990000; font-size:20px; font-weight:bold}
.login_err{text-align:left; background:url(../icon/sub_err.jpg) no-repeat 6px 6px; padding:0 0 3px 20px; color:#CC0000; font-weight:bold}


#loading {
	position:absolute;
	left:5px;
	top:5px;
	width:343px;
	height:200px;
	z-index:10000;
	background-color: #000;
}

.loading{padding:30px 0 0 140px}

/* +++ WRONG INFORMATION STYLE +++ */

#box_info .window_info {
	position:absolute;
	left:0;
	top:0;
	width:550px;
	height:475px;
	z-index:9999;
	padding:20px;
	display:none;
}

#box_info  #wrap_info{ width:550px; border:solid 8px #990000; padding:5px; background-color:#FFFFFF; }

#loading_info {position:absolute; left:100px; top:150px; width:343px; height:100px; z-index:10000; background-color:#EFEFEF; border:solid 2px #999999;}
.loading_info{padding:40px 0 0 98px;}
#show_info_box_2{width:100%; height:240px; padding-top:180px; display:none}

#ad{font-size:11px; color:#990000}


/* +++ ADVERT BOARD +++ */

.ad_box{float:left; width:197px; padding:0 20px; height:250px}
.ad_box h1{display:block; font-weight:bold; color:#3B5998; font-size:12px; padding:0 0 10px}
.ad_box h1 a{text-decoration:none}
.ad_box h1 a:hover{text-decoration:underline}
.ad_box img{padding:0 0 10px 0; display:block; clear:none}
.ad_box p{display:block; font-size:11px; padding-bottom:10px;}
.ad_box a{color:#333333; text-decoration:none}
