﻿/* member.css */
#LoginContainer h2{ background:url(/Images/member_signin.gif) no-repeat; width:323px; height:39px; text-indent:-3000px;}
#LoginContainer .box{ border:1px solid #ccc; height:450px; margin:0 5px;}

#login{ float:left; width:416px; margin:10px 70px 60px 10px;}
#login h3{ background:url(/Images/i_am_member.gif) no-repeat 50px center; width:364px; height:35px; text-indent:-3000px;}
#login h4{ color:#009397; text-align:left; padding-left:60px; font-weight:normal; font-size:12px;} 
#login .checksave{ margin:5px 0;}

#register{ float:left; width:456px;margin:10px 0px 60px 0px; overflow:hidden;}
#register h3{ background:url(/Images/join_member.gif) no-repeat 45px center; width:202px; height:28px; text-indent:-3000px;}
#register h4{ color:#009397; text-align:left; padding-left:50px; font-weight:normal; font-size:12px; margin-bottom:10px;}

h2.joinmember{ background:url(/Images/join_the_new_member.gif) no-repeat 50px center; width:450px; height:39px; text-indent:-3000px;}
h2.forgotpwd{background:url(/Images/forgot_pwd.gif) no-repeat 50px center; width:450px; height:39px; text-indent:-3000px;} 
h2.resetpwd{ background:url(/Images/resetpwd_title.gif) no-repeat 50px center; width:450px; height:39px; text-indent:-3000px;}
h2.productSearch{background:url(/Images/shopping/product_search_title.gif) no-repeat 50px center; width:450px; height:35px; text-indent:-3000px;} 
h2.myInfo{background:url(/Images/shopping/my_info_title.gif) no-repeat 50px center; width:450px; height:35px; text-indent:-3000px;} 

#regbox{ margin:10px auto 50px auto; width:850px;border:1px solid #ccc; text-align:left; }
#regbox h3{ background:url(/Images/join_member.gif) no-repeat 145px center; width:602px; height:28px; text-indent:-3000px;}
#regbox h4{ color:#009397; text-align:left; padding-left:150px; font-weight:normal; font-size:12px; margin-bottom:10px;} 
#regbox table{ width:600px;}
#regbox table .tbText{ width:200px; text-align:right; height:35px; font-size:13px; color:#5d5d5d}
#regbox table .tbButton{ width:200px; text-align:right; height:60px; font-size:13px; color:#5d5d5d}
#regbox table .tbText2{ height:18px; }
#regbox table div{ margin-bottom:15px;}
#regbox table p{ text-align:left;}

.tbHead{ width:100%; word-spacing:1px;border:1px solid #D8D6D6; margin-bottom:0;}
.tbHead th{ background:#ECE3E0; text-align:center; padding:5px;}

.tb{ width:100%; word-spacing:1px;border:1px solid #D8D6D6; margin-bottom:10px;}
.tb th{ background:#E3E3E3; text-align:center; padding:5px;}
.tb td{ padding:8px; border-right:1px solid #D8D6D6;border-bottom:1px solid #D8D6D6;}
.tb .t1{ width:15%;}
.tb .t2{ width:15%;}
.tb .t3{ width:15%;}
.tb .t4{ width:15%;}
.tb .t5{ width:20%;}
.tb .t6{ width:20%;}
.alignLeft{ text-align:left}
.alignRight{ text-align:right;}
.alignCenter{ text-align:center;}
.paddingLeft{ padding-left:10px;}

.tb2{ width:99%; margin:0 5px;}
.tb2 th{ background:#E3E3E3; text-align:center; padding:5px;}
.tb2 td{ padding:8px 0; text-align:center;}
.tb2 .t1{ width:20%;}
.tb2 .t2{ width:35%;}
.tb2 .t3{ width:15%;}
.tb2 .t4{ width:15%;}
.tb2 .t5{ width:15%;}
.tb2 .count{ text-align:right; padding-right:20px;}

.tb3{ width:100%; margin-bottom:10px;}
.tb3 th{ background:#E3E3E3; text-align:center; padding:5px;}
.tb3 td{ padding:8px; }
.tb3 .t1{ width:15%;}
.tb3 .btn{ height:40px; }

.memberInfo{ margin:30px auto 50px;}

.tb3{ width:100%;}
.tb3 td{ padding:8px;}
.tb3 .td1{ width:15%; text-align:right;}
.tb3 .td2{ width:50%; text-align:left;}
.tb3 .td3{ width:10%;}
.tb3 .td4{ width:25%;}

#resetpwd { margin:30px auto 80px 50px; width:850px; border:1px solid #ccc;}
#resetpwd h3{ margin:10px 50px;color:#009397;}
#resetpwd h4{ color:#009397; text-align:left; padding-left:100px; font-weight:normal; font-size:12px; margin-bottom:10px;} 
#resetpwd .inputbox{ margin:10px 0; text-align:center;}
#resetpwd .result{ font-size:15px; color:#652F2F; margin:50px 0;}

#resetpwd table{ width:700px; text-align:left;}
#resetpwd table .tbText{ width:200px; text-align:right; padding-right:5px; height:50px; font-size:13px; color:#000}
#resetpwd table .tbButton{ width:200px; text-align:right; padding-right:5px; height:60px; font-size:13px; color:#94471F}
#resetpwd table .tbText2{ height:18px; }

#memberCenter { margin:30px 0 50px 0; float:left;}
#memberCenter table{ margin:0 auto; width:700px;}
#memberCenter td{ width:25%; height:150px; font-size:16px;  font-family:PMingLiu;}

#memberCenter .orderCenter{ float:left; width:330px; height:15px; background:url(/Images/Shopping/bigOrderCenter.gif) no-repeat center; padding:80px 10px 20px 120px;}
#memberCenter .myMemberInfo{ float:left; width:330px; height:15px; background:url(/Images/Shopping/bigMemberInfo.gif) no-repeat center;padding:80px 10px 20px 120px;}
#memberCenter .myWishlist{ float:left; width:330px; height:15px; background:url(/Images/Shopping/bigMyWishlist.gif) no-repeat center;padding:80px 10px 20px 120px;}
#memberCenter .productSearch{ float:left; width:330px; height:15px; background:url(/Images/Shopping/bigProductSearch.gif) no-repeat center;padding:80px 10px 20px 120px;}

#memberCenter span{ margin-right:15px}
#memberCenter a{ text-decoration:underline;}

#orderList h3{background:url(/Images/orderlist_title.gif) no-repeat 10px center; width:450px; height:39px; text-indent:-3000px;}

h4{ color:#009397; font-size:13px; font-weight:normal; margin:20px 0 0 0; padding-left:55px; text-align:left;}
#list1 ul{ text-align:left; padding-left:50px;}
#list1 ul li{ text-align:left; padding-left:10px; list-style-type:circle;}
.username{ color:#008000;}
.username2{ color:#884040;}

.memberInfoBox{ border:6px solid #ccc; width:850px; margin-left:50px;}
.orderInfo{ margin:0 5px;}
