/* Join General Stuff */
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

fieldset, label, input, p, form, span {
margin: 0;
padding: 0;
border: none;
}

#join_wrap label {
color: #333;
}

.clr {
clear: both;
}

/* Controls Form 'Submit' Buttons */
#join_wrap .btn {
position: absolute;
bottom: 4px;
right: 4px;
border: none;
}

#join_wrap {
width: 426px;
margin: 0 auto;
/**height: 645px; **/
overflow: hidden;
}

/* ----- Join Login (top area) -----*/
#join_login {
height: 82px;
background: url(/Template/Walcott/img/join_login.jpg) left bottom no-repeat;
border-bottom: 1px solid #c1c1c3;
position: relative;
}

#join_login fieldset {
width: 185px;
float: right;
padding: 2px;
margin-right:5px;
}

#join_login label {
font-size: 12px;
font-weight:  bold;
margin-left: 15px;
}

#join_login span {
display: block;
padding: 1px;
border: 1px solid #fff;
background: transparent;
margin: 1px 0;
width: 180px;
float: left;
clear: left;
}

#join_login input {
padding: 0 5px;
width: 170px;
border-top: 1px solid #999;
}

#join_login .btn {
width: 30px;
height: 9px;
bottom: 1px;
}

#join_info {
height: 65px;
background: #fff;
border-bottom: 1px solid #878787;
margin: 0;
padding: 13px 24px;
font-size: 11px;
line-height: 12.5px;
color: #333;
}

/* ----- Join Main ----- */
#join_main {
height: 103px; 
background: url(/Template/Walcott/img/join_main.jpg) left top repeat-x;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
padding: 8px 0px 8px 24px;
position: relative;
}

#join_main fieldset {
float: left;
padding: 0;
margin: 0;
}

#join_main .join_fieldset_margin {
margin-left: 40px;
}

#join_main label {
font-size: 12px;
font-weight:  bold;
}

#join_main div {
display: block;
border: 1px solid #fff;
background: transparent;
margin: 1px 0 1px 0;
position: relative;
width: 165px;
}

#join_main input {
border-top: 1px solid #999;
padding: 0 5px;
width: 155px;
border:  1px solid #999;
}

#join_main p {
font-size: 10px;
color: #666;
}


/* ----- Join Pay ----- */

#join_pay { 
border-top: 2px solid #fff;
padding: 8px 0px 35px 24px;
position: relative;
width: 400px;
background: url(/Template/Walcott/img/join_plan2.jpg) left bottom repeat-x;
}

#join_pay .message {
margin: 10px;
padding: 0;
}

#join_pay fieldset {
float: left;
clear: left;
text-align: center;
padding: 1px;
width: 395px;
margin: 0;
}

#join_pay label {
float: left;
text-align: right;
font-weight: bold;
font-size: 12px;
width: 165px;
padding: 1px;
}

#join_pay input {
float: right;
text-align: left;
/* width: 215px; */
width: 190px;
border: 1px #999 solid;
padding: 1px;
height: 14px;
margin: 0 0 0 5px;
color: #999;
}

#join_pay select {
float: left;
}

#join_pay p {
text-align: left;
}

#join_pay span {
margin-left: 20px;
}

#join_pay input.checkbox{
float: none;
width: auto;
height: auto;
border: none;
margin-left: -5px;
}

#join_pay input .signup{
border: none;
}

#join_pay input:focus {
color: #333;
}

#join_pay .terms {
font-size: 10px;
float: left;
clear: left;
height: 100px;
width: 400px;
overflow: auto;
background-color: #fff;
border: 1px #ccc solid;
margin: 5px  0 10px -10px;
padding: 5px 5px 5px 0px;
}

#join_pay .terms:hover {
color: #000;
border-color: #999;
}

#join_pay .terms p {
padding-left: 10px;
padding-right: 5px;
margin-bottom: 1em;
}
#join_pay .terms h2 {
margin-left: 0px;
}

#join_pay .terms h4 {
font-size: 14px;
}

#join_pay .signup {
width: auto;
height: auto;
margin: 6px 2px;
}
/* ----- Join Pay Plan ----- */
#join_planpay {
background: url(/Template/Walcott/img/join_planpay.jpg) #fff left bottom no-repeat; 
border-top: 0px solid #878787;
padding: 32px 16px 10px 16px;
position: relative;
height: auto;
width: 392px;
}

#join_planpay img {
position: absolute;
top: 0;
left: 0;
}

#join_planpay input {
margin-right: 2px;
}

#join_planpay fieldset {
width: 195px;
float: left;
margin-bottom: 10px;
}

#join_planpay span {
font-size: 10px;
margin-left: 15px;
}

#join_planpay label {
font-size: 10px;
}

#join_planpay label strong {
font-size: 12px;
font-weight: bold;
}

#join_wrappay .join_plan_marginpay {
padding-left: 15px;
width: 180px;
}

#join_planpay .btn {
width: 38px;
height: 12px;
}

#plan_leftpay {
width: 185px;
float: left;
/*height: auto; */
}

#plan_rightpay {
width: 185px;
float: right;
/*height: auto; */
}


/* ----- Join Plan ----- */
#join_plan {
background: url(/Template/Walcott/img/join_plan.jpg) #fff left bottom no-repeat; 
border-top: 1px solid #878787;
padding: 32px 14px 25px 10px;
position: relative;
height: 137px;
overflow: hidden;
}

#join_plan img {
position: absolute;
top: 0;
left: 20px;
}

#join_plan input {
margin-right: 2px;
}

#join_plan fieldset {
width: 205px;
float: left;
margin-bottom: 10px;
}

#join_plan span {
font-size: 10px;
margin-left: 15px;
}

#join_plan label {
font-size: 10px;
}

#join_plan label strong {
font-size: 12px;
font-weight: bold;
}

#join_wrap .join_plan_margin {
padding-left: 15px;
width: 180px;
}

#join_plan .btn {
width: 38px;
height: 12px;
}

#plan_left {
width: 215px;
float: left;
margin-left: 10px;
/*height: auto; */
}

#plan_right {
width: 155px;
float: right;
/*height: auto; */
}

/* ----- Join Bottom ----- */
#join_btm {
height: 191px;
background: url(/Template/Walcott/img/join_btm.jpg) left top no-repeat;
}