﻿.h3{overflow:hidden; text-indent:-9999px;}
.buttons{ width:338px; height:37px;}
.buttons a,.buttons input{width:161px; height:37px; border:none; cursor:pointer; overflow:hidden; float:left; text-indent:-9999px;}
input.text{ height:30px; line-height:30px; padding:0 4px; border:none;}
#imgValidateCode{ margin-bottom:-4px;}
a{color:#003675;}

/* custom select box */
select.select {width:138px;height:29px;-webkit-border-radius:0;-webkit-appearance:listbox;}
.custom-select {border:none; color:#686868; padding:4px 0 0 4px; font-size:13px;cursor:default;width:138px;height:29px;line-height:1.8em;display:inline-block;background:transparent url('../images/select_bg.png') 0 0 no-repeat;}
.custom-select span {margin-left:5px;}
.custom-select:focus {outline:none;}
ul.custom-options {background:#fff;border:1px solid #cccccc;color:#444;left:-1px;line-height:1.8em;list-style:none;margin:0;overflow:auto;padding:0;position:absolute;z-index:9999;}
ul.maxxed {height:260px !important;}	
ul.reveal-down {border-top:1px dashed #cccccc;}
ul.reveal-up {border-bottom:1px dashed #cccccc;}
ul.custom-options li {padding:2px 5px!important;height:22px;line-height:1.8em;display:block;}
.newListHover {background:#EEEEEE!important;color:#000!important;cursor:pointer;}

.member #main{background:transparent url(../images/index_bg.jpg) scroll center top no-repeat;}

.member #sitemap a,.member #sitemap span{ width:120px; height:35px; background:transparent url(../images/sitemap_member.png) scroll 0 0 no-repeat}
#sitemap a#sMemberCenter{ background-position:0 0;}
#sitemap span#sMemberLogin{background-position:0 -40px;}
#sitemap span#sMemberRegistration{background-position:0 -80px;}
#sitemap span#sMemberInformation{background-position:0 -120px;}
#sitemap span#sChangePassword{background-position:0 -160px;}
#sitemap span#sChangeInfo{background-position:0 -200px;}
#sitemap span#sForgetPassword{background-position:0 -240px;}

#loginContainer,#registerContainer,#questionContainer{width:1002px; height:563px; margin:0 auto; position:relative; overflow:hidden}
#loginContainer{background:transparent url(../images/login_bg.jpg) scroll center top no-repeat;}
#loginContainer .newProduct{position:absolute; bottom:0; left:25px; margin:0;}
#loginForm,#memberForm{ width:666px; height:368px; position:absolute; top:72px; left:214px;}
#memberForm .h3{ width:132px; height:35px; margin:24px auto 0 auto; background:transparent url(../images/myInformation.gif) scroll 0 0 no-repeat}
#memberForm table,#loginForm table,#registerForm table{ width:100%; color:#003675; margin-top:12px; line-height:30px;}
#memberForm table th,#loginForm table th,#registerForm table th{ font-weight:normal; width:284px; text-align:right;}
#memberForm table td{ padding-left:35px;}
#memberForm .buttons{ margin:18px auto 0 auto;}
#memberForm .buttons a{background:transparent url(../images/btn_memberInfo.gif) scroll 0 0 no-repeat}
#memberForm .buttons a#alterInfo{ background-position:0 0; margin-right:16px;}
#memberForm .buttons a#changePassword{ background-position:0 -40px;}
#loginForm .h3{ width:561px; height:36px; margin:20px auto 0 auto; background:transparent url(../images/login_caption.gif) scroll 0 0 no-repeat}
#loginForm table{ margin-top:45px;}
#loginForm table th{ width:248px;}
#loginForm table td{ padding-left:6px; line-height:50px;}
#loginForm .text{ width:138px; background:transparent url(../images/textbox_bg1.png) scroll 0 0 no-repeat}
#loginForm .buttons{ margin:50px auto 0 auto;}
#loginForm .buttons a,#loginForm .buttons input{background:transparent url(../images/btn_login.gif) scroll 0 0 no-repeat}
#loginForm .buttons .login{ background-position:0 0; margin-right:16px;}
#loginForm .buttons a#register{ background-position:0 -40px;}
#loginForm .code{ width:79px;background:transparent url(../images/textbox_bg0.png) scroll 0 0 no-repeat}

#registerContainer{background:transparent url(../images/register_bg.jpg) scroll center top no-repeat;}
#registerContainer .newProduct{position:absolute; bottom:0; left:0; margin:0;}
#registerForm{ width:556px; height:470px; position:absolute; top:56px; left:238px;}
#registerForm .h3{ width:134px; height:35px; margin:24px 0 4px 66px; background:transparent url(../images/register_header.gif) scroll 0 0 no-repeat}
#registerForm.changeInfo .h3{background:transparent url(../images/changeInfo.gif) scroll 0 0 no-repeat}
#registerForm.changePassword .h3{background:transparent url(../images/changePassword.gif) scroll 0 0 no-repeat}
#registerForm.forgetPassword .h3{background:transparent url(../images/forgetPassword.gif) scroll 0 0 no-repeat}
#registerForm table th{ width:156px;}
#registerForm table td{ padding-left:6px; line-height:36px;}
#registerForm .text{ width:138px; background:transparent url(../images/textbox_bg1.png) scroll 0 0 no-repeat}
#registerForm .chkl label{ margin-right:8px; padding-left:3px;}
#registerForm .buttons{ margin:4px auto 0 auto;}
#registerForm .buttons input,#questionForm .buttons input,#questionForm .buttons a{background:transparent url(../images/btn_register.gif) scroll 0 0 no-repeat}
#registerForm .buttons .submit{ background-position:0 0; margin-right:16px;}
#registerForm .buttons .reset{ background-position:0 -40px;}
#questionContainer{background:transparent url(../images/register_question_bg.jpg) scroll center top no-repeat; display:none;}
#questionForm{ width:970px; height:366px; overflow:hidden; position:absolute; top:182px; left:18px;}
#questionForm .quest_left{ float:left; width:482px; padding-left:74px;}
#questionForm .quest_right{ float:left; width:364px; padding-left:32px;}
#questionForm table{width:100%; color:#003675;}
#questionForm table th{ vertical-align:top; padding-right:8px; padding-top:2px;}
#questionForm table td{ vertical-align:top;}
#questionForm table td p{ color:#003675; }
#questionForm table.q1 td p{margin:6px 0 10px 20px;}
#questionForm table.q2{ margin-top:22px;}
#questionForm table.q2 td p{margin:0 0 16px 4px;}
#questionForm table.q3{ margin:-8px 0 0 70px;}
#questionForm table.q3 td{ padding-bottom:12px;}
#questionForm table.q3 td p{margin:0;}
#questionForm table.q3 th{ padding:2px 0 0 0;}
#questionForm table.q3 a{ text-decoration:underline;}
#questionForm table td strong{ font-size:14px;}
#questionForm .buttons{ margin:4px auto 0 auto;}
#questionForm .buttons .submit{ background-position:0 0; margin-right:16px;}
#questionForm .buttons .reset{ background-position:0 -40px;}

