*{
    margin:0px;
    padding:0px;
    border:none;
}
.bold {
    font-weight: bold;
}
#join {
    width: 493px;
    margin-top: 25px;
    position: relative;
}
#join #main_heading {
    background: transparent url(../images/join/heading_bg.gif) center repeat-x;
    height: 53px;
    width: 493px;
    text-align: center;
    line-height: 45px;
    font-size: 29px;
}
#join #main_heading img {
    margin-top: 10px;   
}
#join .btn_close {
    position: absolute;
    margin: -47px 0 0 470px;
}

#join #tabbed_nav {
    margin: 20px 0 0 5px;
}
#join .bigTab {
    font-size: 29px;
}
#join #tabbed_nav li {
    background: transparent url(../images/join/join_tabs.png) center no-repeat;
    height: 42px;
    width: 155px;
    color: #797a7c;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
}
#join #tabbed_nav li.activeTab {
    background: transparent url(../images/join/join_tabs.png) top no-repeat;
    height: 42px;
    width: 155px;
    color: #FFFFFF;
    font-weight: bold;
}
#join #tabbed_nav li.passedTab {
    background: transparent url(../images/join/join_tabs.png) bottom no-repeat;
    height: 42px;
    width: 155px;
    color: #000000;
    font-weight: bold;
}
#join li {
    float:left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
#join .line_div {
    padding: 5px 0 13px 10px;
}
#join .btn_next_link {
    width:102px;
    height:30px;
    right: 6px;
    bottom: 20px;
    position:absolute;
}
#join .btn_finish_link {
    width:120px;
    height:30px;
    right: -20px;
    bottom: 20px;
    position:absolute;
    z-index:1;
}
#join #pageCurl {
    background: transparent url(../images/join/map_page_curl.png) no-repeat;
    position: absolute;
    bottom: -20px;
    right: -13px;
    height: 172px;
    width: 181px;
}
#join #btn_next_img {
    background: transparent url(../images/join/btn_next.png) center no-repeat;
    width:116px;
    height:34px;
    /*margin: 622px 0 0 358px;*/
    bottom: 15px;
    right: 5px;
    position:absolute;
}
#join #btn_done_img {
    background: transparent url(../images/join/btn_done.png) center no-repeat;
    width:116px;
    height:34px;
    /*margin: 622px 0 0 358px;*/
    bottom: 15px;
    right: -15px;
    position:absolute;
}
#join #btn_finish_img {
    background: transparent url(../images/join/btn_finish.png) center no-repeat;
    width:139px;
    height:30px;
    /*margin: 622px 0 0 358px;*/
    bottom: 15px;
    right: -20px;
    position:absolute;
}
/**********STEP 1 specific ************/
#join #step1 {
    background: transparent url(../images/join/bg.png) center repeat-x;
    width: 480px;
    height:750px;
    margin: -2px auto;
}
#join #step1 #mandatoryField {
	clear: both;
	padding-top: 10px;
	font-size: 13px;
	padding-left: 30px;
}

#join .step1_form {
    float:left;
}
#join .step1_form dt {
    float:left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    
    width: 170px;
    text-align: right;
    font-weight:bold;
}
#join .step1_form li {
	width: 170px;
    text-align: right;
    font-weight:bold;
}
/*#join .step1_form .labl {
    width: 170px;
    text-align: right;
    font-weight:bold;
}*/
#join .step1_form .proField {
    line-height: 25px;
    height:21px;
    color: #787a7d;
    font-size: 15px;
    border-right: 1px solid #dce2e6;
    border-top: 1px solid #000000;
    border-left: 1px solid #dce2e6;
    padding: 2px 10px 2px 10px;
    
}
#join .step1_form .requiredImg {
    width: 15px;
}
#join .step1_form .longLine {
    width: 215px;
    height:32px;
    padding-left: 25px;
    text-align: left;
}
#join .step1_form .longField { 
    width: 185px;
}
#join .step1_form .picText {
    color: #787a7d;
    font-size: 11px;
    padding-left: 150px;
}
/*#join .step1_form .captcha {
	width: 100px;
    text-align: left;
    font-weight:normal;
}*/
#join .step1_form .captcha {
    width: 460px;
}
#join .step1_form .captcha label {
	width: 170px;
    float: left;
}
#join .step1_form .captcha div {
	float: left;
	margin-left: 25px;
	margin-right: 5px;
}
#join .step1_form .captchaDesc {
	width: 210px;
	padding-top: 3px;
	padding-left: 200px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
}
#join .step1_form .captcha a {
    text-decoration: none;
    color: #FF0000;
    font-size: 11px;
    
    display: block;
    float: left;
}
#join .step1_form .country_radio_wrap {
    width: 204px;
    height:23px;
    overflow: hidden;
}
#join .step1_form .btn_australia {
    background: transparent url(../images/myprofile/profile_btn_radio_aus.png) top no-repeat;
    height:23px;
    width:102px;
    display: block;
    float: left;

    /*background: transparent url(../images/join/member_period6.png) bottom no-repeat;
    height: 39px;
    width:133px;
    display: block;
    color: #868888;
    text-decoration: none;
    float: left;
    margin-right: 10px;*/
}
/*#join .step1_form .btn_australia:hover,
#join .step1_form .btn_australia.current {
    background: transparent url(../images/myprofile/profile_btn_radio_aus.png) bottom no-repeat;
}*/
#join .step1_form .btn_overseas {
    background: transparent url(../images/myprofile/profile_btn_radio_os.png) top no-repeat;
    height:23px;
    width:102px;
    display: block;
    float: left;
    
    border: 0px solid red;
}
#join .step1_form div.country_radio_wrap a:hover,
#join .step1_form div.country_radio_wrap a.current {
    background-position: bottom;
}
/*#join .step1_form .btn_overseas:hover,
#join .step1_form .btn_overseas.current {
    background: transparent url(../images/myprofile/profile_btn_radio_os.png) bottom no-repeat;
}*/
/*#join .step1_form .btn_country {
    background: transparent url(../images/join/btn_country.png) bottom no-repeat;
    width:102px;
    height:23px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 23px;
    text-align: center;
    float: left;
}
#join .step1_form .btn_country:hover{
    background: transparent url(../images/join/btn_country.png) top no-repeat;
}

#join .step1_form .activeCountry {
    background: transparent url(../images/join/btn_country.png) top no-repeat;
    width:102px;
    height:23px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 23px;
    text-align: center;
    float: left;
}*/
#join .step1_form select {
    width:125px;
}
#join .step1_form dd {
	float:left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    
    width: 105px;
    height:64px;
    padding-left: 25px;
    text-align: left;
}
#join .step1_form .middleLine {
    width: 140px;
    height:32px;
    padding-left: 25px;
    text-align: left;
}
#join .step1_form .shortLine {
    width: 107px;
    height:32px;
    padding-left: 25px;
    text-align: left;
}
#join .step1_form .shortField { 
    width: 80px;
}
#join .step1_form .req {
    padding-left: 40px;
    line-height: 26px;  
}
#join .step1_form .cBox {
    background: transparent url(../images/join/chkbox.png) bottom left no-repeat;
    width:40px;
    height:25px;
    margin-left: 5px;
    display: block;
}
#join .step1_form .cBoxActive {
    background: transparent url(../images/join/chkbox.png) top left no-repeat;
    width:40px;
    height:25px;
    margin-left: 5px;
    display: block;
}
#join #step1_form_part2 {
	width: 420px;
}
#join #step1_form_part2 .checkbox {
	width:12px;
	text-align: left;
	padding-left: 10px;
	padding-right:10px;
}
#join #step1_form_part2 .paddingLeft {
	padding-left: 55px;
}
#join #step1_form_part2 li {
    width: 330px;
    font-size: 14px;
    /*padding-bottom: 10px;*/
    margin-top: 10px;
    text-align: left;
    font-weight:normal;
    
    border: 0px solid red;
}
#join #step1_form_part2 .requiredImg {
    width: 15px;
    padding-left: 30px;
}
#join #step1_form_part2 .privacyLink {
	width: 253px;
	padding-left: 32px;
	>padding-left: 0px;
	margin-top: 0px;
	display: inline;
}
#join #step1_form_part2 .privacyLink a {
    color: #f0662b ;
    text-decoration: none;
}
/**********STEP 2 specific ************/
#join #step2 {
    background: transparent url(../images/join/bg.png) center repeat-x;
    width: 480px;
    height:671px;
    margin: -2px auto;
}
#join #step2_form .titleText {
    color: #9f9f9f;
    font-size: 15px;
    padding: 10px 0 10px 20px;
    width: 415px;
}
/*#join #step2_form .labl {
    width: 155px;
    text-align: right;
    font-weight:bold;
    height: 38px;
}
#join #step2_form .lablRt {
    width: 65px;
    text-align: right;
    font-weight:bold;
    height: 38px;
}
#join #step2_form .longLine {
    width: 260px;
    height:38px;
    padding-left: 25px;
}
#join #step2_form .longField { 
    width: 185px;
}

#join #step2_form .shortLine {
    width: 100px;
    height:30px;
    padding-left: 25px;
}
#join #step2_form .shortField { 
    width: 80px;
}*/

#join #step2_form label {
	height: 38px;
    display: block;
    float: left;
    text-align: right;
    font-weight:bold;
    margin-right: 25px;
}
#join #step2_form select {
    width:90px;
    height:32px;
    float: left;
}
#join #step2_form .overflowSelectWrap {
	width: 480px;
	overflow:hidden;
}
#join #step2_form .overflowSelectWrap div div {
	height: 38px;
}
#join #step2_form .leftSelectWrap {
	width: 275px;
	float: left;
}
#join #step2_form .leftSelectWrap label {
    width: 150px;
}
#join #step2_form .rightSelectWrap {
    width: 205px;
    float: right;
}
#join #step2_form .rightSelectWrap label {
    width: 70px;
}
#join #step2_form .fullLine {
	overflow: hidden;
	width: 480px;
}
#join #step2_form .fullLine label {
    width: 150px;
}
#join #step2_form .fullLine select {
    width: 285px;
}

#join #step2_form_part2 .bigSubHeading {
    width: 460px;
    color: #9d9d9e;
    font-size: 26px;
    padding: 0 0 10px 20px;
}
#join #step2_form_part2 li.intestestcb {
    width: 460px;
    padding-top: 10px;
    padding-left: 20px;
}
#join #step2_form_part2 li.intestestcb label {
    width: 230px;
    margin-bottom: 12px;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    display: block;
    float: left;
}
#join #step2_form_part2 li.intestestcb input {
	margin-right: 10px;
}

/**********STEP 3 specific ************/
#join #step3 {
    background: transparent url(../images/join/bg.png) center repeat-x;
    width: 480px;
    height:720px;
    margin: -2px auto;
}
#join #step3 #mandatoryField {
    clear: both;
    padding-top: 10px;
    font-size: 13px;
    padding-left: 30px;
}

#join #step3_form {
    margin-top: 20px;
}
#join #step3 .requiredImg {
    width: 15px;
    padding-left: 0px;
}
#join #step3_form .padlock {
    padding: 0px 0 0 22px;
}
#join #step3_form .padlockText {
    padding: 2px 0 6px 8px;
    color : #9f9f9f;
    font-size: 15px;
}
#join #renewal .bigHeading,
#join #stepThree .bigHeading {
    color: #9d9d9e;
    font-size: 26px;
    padding: 0 0 10px 25px;
    margin: 0;
    width: 440px;
}
#join #step3_form_part2 .memberText {
    padding-left: 25px;
    height: 39px;
    width: 113px;
    line-height: 39px;
    display: block;
    font-weight: bold;
}
#join #step3_form_part2 .thinMemberText {
    padding-left: 25px;
    height: 15px;
    width:440px;
}
#join #step3_form_part2 .membership_radio_wrap {
	width: 286px;
    overflow: hidden;
    padding-left: 5px;
}
#join #step3_form_part2 .cctype_radio_wrap {
    width: 242px;
    overflow: hidden;
    padding-left: 5px;
}
#join #step3_form_part2 .btn_period6, #join #step3_form_part2 .btn_renew_period6 {
    background: transparent url(../images/join/member_period6.png) bottom no-repeat;
    height: 39px;
    width:133px;
    display: block;
    color: #868888;
    text-decoration: none;
    float: left;
    margin-right: 10px;
}
#join #step3_form_part2 .btn_period6:hover,
#join #step3_form_part2 .btn_period6.current,
#join #step3_form_part2 .btn_renew_period6:hover,
#join #step3_form_part2 .btn_renew_period6.current {
    background: transparent url(../images/join/member_period6.png) top no-repeat;
    color: #000000;
}
#join #step3_form_part2 .btn_period12, #join #step3_form_part2 .btn_renew_period12 {
    background: transparent url(../images/join/member_period12.png) bottom no-repeat;
    height: 39px;
    width:133px;
    display: block;
    color: #868888;
    text-decoration: none;
    float: left;
    margin-right: 10px;
}
#join #step3_form_part2 .btn_period12:hover,
#join #step3_form_part2 .btn_period12.current,
#join #step3_form_part2 .btn_renew_period12:hover,
#join #step3_form_part2 .btn_renew_period12.current {
    background: transparent url(../images/join/member_period12.png) top no-repeat;
    color: #000000;
}
#join #step3_form_part2 .btn_period6,
#join #step3_form_part2 .btn_period12,
#join #step3_form_part2 .btn_renew_period6,
#join #step3_form_part2 .btn_renew_period12 {
	height: 22px;
    width:71px;
    font-size: 15px;    
    font-weight: bold;
    padding: 17px 0 0 62px;
}
/*#join #step3_form .periodPriceRt {
    font-size: 15px;    
    font-weight: bold;
    padding: 17px 0 0 55px;
    vertical-align: bottom;
    display:block;
}
#join #step3_form .btn_period_line {
    width: 133px;
    padding: 0 17px 0 10px;
}*/
#join #step3_form .line_div2 {
    padding: 15px 0 13px 10px;
}
#join #step3_form_part2 .btn_card {
    background: transparent url(../images/join/card_type.png) bottom no-repeat;
    height: 40px;
    width:111px;
    display: block;
    color: #868888;
    text-decoration: none;
    margin-bottom: 7px;
    float: left;
    margin-right: 10px;
}
#join #step3_form_part2 .btn_card:hover,
#join #step3_form_part2 .btn_card.current {
    background: transparent url(../images/join/card_type.png) top no-repeat;
    color: #000000;
}
#join #step3_form_part2 .btn_card img {
    margin: 4px 0 0 47px;
}
#join #step3_form .btn_payment_line {
    width: 90px;
    padding: 0 17px 0 10px;
}
#join #step3_form_part3 li {
	width: 120px;
    padding-left: 25px;
    font-weight:bold;
    line-height: 25px;
}
/*#join #step3_form_part3 .labl {
    width: 120px;
    padding-left: 25px;
    font-weight:bold;
    line-height: 25px;
}*/
#join #step3_form_part3 .expDateField {
	width: 60px;
	text-align: left;
	padding-left: 0px;
	margin-right: 10px;
}
#join #step3_form_part3 .expDateField select {
    width: 60px;
    height: 26px;
}
#join #step3_form_part3 .proField,
#join #step3_form_part4 .proField {
    line-height: 25px;
    height:21px;
    color: #787a7d;
    font-size: 15px;
    border-right: 1px solid #dce2e6;
    border-top: 1px solid #000000;
    border-left: 1px solid #dce2e6;
    padding: 2px 10px 2px 10px;
    
}
#join #step3_form_part3 .longLine,
#join #step3_form_part4 .longLine {
    width: 295px;
    height:32px;
    padding-left: 0px;
    font-weight: normal;
}
#join #step3_form_part3 .longField,
#join #step3_form_part4 .longField { 
    width: 270px;
}
#join #step3_form_part4 .receiptField {
    width: 120px;
    padding-left: 25px;
    font-weight:bold;
    line-height: 25px;
}
#join #step3_form_part4 .greenTick {
    padding-left: 25px;
    height: 50px;
}
#join #step3_form_part4 .tickText {
    padding-left: 25px;
    width:350px;
    height: 65px;
}
#join #step3_form_part4 .lowerText {
    padding-left:25px;
    width:300px;
}
/**********STEP 4 specific ************/
#join #step4 {
    background: transparent url(../images/join/bg.png) center repeat-x;
    width: 480px;
    height:671px;
    margin: -2px auto;
}
#join #step4_form .tick {
    padding: 15px 0 0 25px;
}
#join #step4_form .main_heading {
    color: #9d9d9e;
    font-size: 26px;
    width: 320px;
    padding: 10px 0 10px 25px;
}
#join #step4_form .congratsText {
    padding: 0 0 15px 27px;
    font-size: 14px;
    width: 295px;
}
#join #step4_form .sub_heading {
    color: #9d9d9e;
    font-size: 26px;
    width: 440px;
    padding: 0 0 5px 25px;
}
#join #step4_form .fullLine {
    padding-left: 25px;
    width:420px;
    height: 26px;
}
#join #step4_form .shareText {
    padding-left: 25px;
    width:420px;
    height: 42px;
    font-size:14px;
}
#join #step4_form .proField {
    line-height: 25px;
    height:21px;
    color: #787a7d;
    font-size: 15px;
    border-right: 1px solid #dce2e6;
    border-top: 1px solid #000000;
    border-left: 1px solid #dce2e6;
    padding: 2px 10px 2px 10px; 
}
#join #step4_form .leftLine {
    padding-left:25px;
    width: 225px;
    height:32px;
}
#join #step4_form .rightLine {
    width: 200px;
    height:32px;
}
#join #step4_form .longField { 
    width: 190px;
}
#join #step4_form .btn_share {
    margin-top: 5px;
    background: transparent url(../images/join/btn_club_hueys.png) top no-repeat;
    width:174px;
    height:32px;
    display: block;
}
#join #step4_form .btn_give {
    margin-top: 5px;
    background: transparent url(../images/join/btn_club_hueys.png) bottom no-repeat;
    width:174px;
    height:32px;
    display: block;
}
#join #step4_form .lowerText {
    padding:0 0 10px 25px;
    width:270px;
    font-size:14px;
}
#join #step4_form .huey_logo {
    /*border: 1px solid red;*/
    padding-left: 30px;
}
/*** renew ***/
#join #btn_verify_img {
    background: transparent url(../images/club/renew/btn_verify.png) center no-repeat;
    width:143px;
    height:34px;
    /*margin: 622px 0 0 358px;*/
    bottom: 15px;
    right: -20px;
    position:absolute;
}
/*** end ***/