/* CSS Document */

html, body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px;
	height:100%; /* needed for container min-height */
}
td {vertical-align: top;}
h1 {border-bottom: 1px dotted #666666; color: #339900; font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin: 0px; padding-bottom: 3px;}
h2 {border-bottom: 1px dotted #666666; color: #339900; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px; padding-bottom: 3px;}

#container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */	
	text-align: center;
}

#bg_header {background-color: #59636F; color: #FFFFFF;}

#langtitle {font-weight: bold; height: 30px; width: 900px;}
#langtitle ul {display: inline; list-style-type: none;}
#langtitle li {float: right; height: 28px; line-height: 28px; padding-left: 10px;}
#langtitle a:link, #langtitle a:visited {color: #FFFFFF; text-decoration: none;}
#langtitle a:hover {color: #FFFF00; text-decoration: underline;}

#menutitle {background-image: url(../../../images/bg_menutitle.jpg); background-repeat: no-repeat; height: 50px; width: 900px;}
#menutitle ul {display: inline; list-style-type: none;}
#menutitle li {float: left; font-weight: bold; height: 50px; line-height: 50px; padding-right: 6px; padding-left: 6px;}
#menutitle a:link, #menutitle a:visited {color: #CC6633; display: block; text-decoration: none;}
#menutitle a:hover {color: #336633; }

#banner {background-image: url(../../../images/bg_banner.jpg); background-repeat: no-repeat; height: 160px; text-align: left; width: 900px;}
#banner_01 {left: 210px; position: relative; top: 50px; width: 690px;}
#banner_02 {left: 210px; position: relative; top: 80px; width: 690px;}

#search {height: 28px;}
#search ul {display: inline; list-style-type: none;}
#search li {float: left; height: 28px; line-height: 28px; padding-right: 3px;}

.inum {width: 40px;}

#main {width: 900px; text-align: left;
	padding-bottom: 140px; /* bottom padding for footer */
}

#bg_footer {color: #FFFFFF; background-color: #59636F;
	position: absolute;
	width: 100%;
	bottom: 0px; /* stick to bottom */
	left: 0px;
}

#footer {font-size: 11px; height: 110px; padding: 10px; text-align: center; width: 880px;}
#footer a:link, #footer a:visited {color: #FFFFFF; text-decoration: none;}
#footer a:hover{color: #FFFFFF; text-decoration: underline;}

#floatbar {bottom: 0px; left: 0px; position: fixed; text-align: center; width: 100%; z-index: 100;}
#floatbar_01 {text-align: left; width: 900px;}

#content_full {float: left; padding: 10px; width: 880px;}
#content_left {float: left; padding: 10px; width: 580px;}
#content_right {background-image: url(../../../images/bg_right.jpg); background-repeat: no-repeat; margin-left: 600px; padding: 10px 20px; width: 260px;}
#content_right h2 {color: #339900; font-size: 100%; border-bottom: 1px dotted #666; margin: 0; padding-bottom: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#flash_container {background-image: url(../../../images/bg_indexAd.jpg); background-repeat: no-repeat; height: 250px; margin-bottom: 5px; padding: 5px; text-align: center; width: 580px;}

#intro_container {width: 580px;}
#intro_container h2 {color: #339900; font-size: 100%; border-bottom: 1px dotted #666; margin: 0; padding-bottom: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#intro_container ul {margin-left: 15px;}
#intro_container li {padding: 0px 0px 10px 0px;}

#column_a {padding: 0px 10px 10px 0px; width: 180px;}
#column_b {padding: 0px 10px 10px 10px; width: 178px; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;}
#column_c {padding: 0px 0px 10px 10px; width: 180px;}

#quicklink {height: 40px; padding: 5px 0px;}
#quicklink img {border: 0px; float: left; height: 40px; width: 50px;}



.caption1 {color:#D97C00; padding-left: 15px; text-align: left;}
.red {color: #FF0000;}
.grey{color:#a0a0a0;}
.tb1 {
     margin-top: 22px;
     border-collapse : collapse;
     border-top: 1px solid #cdcdcd;
     border-left: 1px solid #cdcdcd;
}
.tb1 td, .tb1 th {
     padding: 4px;
     border-right: 1px solid #cdcdcd;
     border-bottom: 1px solid #cdcdcd;
}
.th1 {background: #FFDF80; height:30px;}
.th2 {background: #FFEEB9; height: 22px;}
.th3 {background: #F3F3F3; font-weight:normal;}
.list {list-style: none; margin: 0px; padding: 0px;}
.list li{list-style-type: none; margin: 10px 3px; padding: 0px;}
.list5 {list-style: none; margin: 0px auto; padding: 0px;}
.list5 li {color: #333333; margin: 0px; padding: 5px 0px 5px 30px; text-align: left;}
.list7 {list-style: none; margin: 0px; padding: 0px;}
.list7 li {float:left; height: 160px; line-height: 28px; margin: 0px 12px 0px 0px; padding: 0px;}
.list7 img {border: 1px solid #666666; padding: 3px;}
.list8 {margin: 0px; padding: 0px;}
.list8 li {list-style-type: none; padding: 10px 0px;}
li.bt_pos{text-align: center;}
#query{text-align:center;margin:0;padding:60px 0;}
#query fieldset{margin:0 auto;width:500px;border:1px solid #E09627;text-align:left;}
#query legend{margin:0;padding:6px 6px 4px;font-size:13px;background:#E09627;border:1px solid #FFDF80;color:#FFF;font-weight:bold;}
a.atitle {color: #FF9000; font-weight: bold; text-decoration: none;}
a.atitle:hover {text-decoration: underline;}
a.a3 {color: #FF9000; font-weight: bold; text-decoration: none;}
a.a3:hover {color: #FF9000;}
a.a4:link, a.a4:visited {color: #0B76E1; text-decoration: none;}
a.a4:hover {color: #E09627; text-decoration: none;}
a.a5 {color: #333333; text-decoration: none;}
a.a5:hover {color: #FF9000;}
.error {margin:10px 0;border:1px solid #F00;background:#FFEEEE;padding:8px 10px;line-height:150%;color:#666; overflow:auto;}
.error ul {margin:0;padding:0;list-style:none;line-height:140%;}
.error ul li {margin:0;padding-left:15px;line-height:140%;}
#tracking 
{
	background-color: #F3F3F3;
}
#tracking .number
{
	background-color: #CD871D;
	padding:4px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	line-height: 160%;
}
#tracking .inputform
{
	border-top: 2px solid #FFDF80;
	background-color: #F6F6F6;
	padding:5px;
	margin-bottom: 15px;
}
#tracking dt,#tracking dd
{
	padding:2px;	
}
.alert_title {height:30px;border:1px solid #CCC;background:#F2F2F2;color:#bbb;}
.alert_title ul{margin:0;padding:0;list-style:none;}
.alert_title li{margin:0 0 0 12px;padding:0;float:left;line-height:30px;font-size:13px;}
.highlight {color:#000;font-size:15px; font-weight:bold;}
.rules{margin:10px 0;border:1px solid #24618E;background:#D8E8F5;padding:8px 10px;line-height:150%;color:#666;height:420px;overflow:auto;word-break : keep-all;}
.rules h3{margin:0;padding:0;font-size:15px;text-align:center;border:0;color:#000;}
.rules h5{margin:0;padding:0;font-size:13px;text-align:left;border:0;color:#333;}
.rules h6{margin:0;padding:0;font-size:12px;text-align:left;border:0;color:#333;}
.rules ul{margin:0;padding:0;list-style:none;line-height:140%;}
.rules ul li{margin:0;padding-left:15px;line-height:140%;}
.rules p,.rules p li{margin:6px 0;padding:0;font-size:12px;text-align:left;border:0;}
.form1{margin:0;padding:0;text-align:center;}
.inputfield{border:1px solid #CCC;padding:4px 8px 5px 12px;}
.inputfield legend{padding:6px 8px;font-size:13px;color:#0080C0;font-weight:bold;}
.inputfield table{border-collapse : collapse;}
.inputfield tb{text-align:left;padding:6px 4px;color:#333;}
.text1
{
    width: 280px;
    font-size: 12px;
}
.text2{width:60px;font-size:12px;}
.commentarea{width:96%;height:100px;font-size:12px;}
.div_title1{margin:0;background:url(img/xuxian2.gif) repeat-x left bottom;padding:5px 3px; }

#extra_shipper_info{
	margin:20px 0px 10px;
}
#extra_shipper_info h3{
	margin-bottom:20px;
	font-size: 13px;
}
#extra_shipper_info table {
	marign: 0 0 10px;
	border:1px solid #666;border-collapse : collapse;
}
#extra_shipper_info table th{
 padding: 10px;
 background-color: #efefef;
 border:1px solid #666;
}
#extra_shipper_info table td{
 background-color: #ffffff;
 padding: 10px;
 border:1px solid #666;
}