/*---basic---*/
body { margin: 0px;	background: #e6e6e6 url(bg.gif) repeat-x top center;	font-family: Arial, Helvetica, sans-serif; font-size:12px}
h1, h2, h3, h4, h5, p, a, input, ul, li, form { margin:0; padding:0; border:none; list-style:none}
#header a{ text-decoration:none;}
#wrapper {width: 680px; margin: 0 auto;}
.clear {clear:both}
.fcolor1 {color:#fff}
.fcolor2 {color:#cc1900}
a, a span{text-decoration:none}
a:hover, a:hover span{text-decoration:underline}
a.underline, a.underline span {text-decoration:underline}
a.underline:hover, a.underline:hover span {text-decoration:none}

/*---top---*/
#top { background: url(landing_top_bar.jpg) no-repeat top center; padding:14px 18px; color:#fff; position:relative; margin-top:6px}
#top h1 { font-size: 22px;}
#top h2 { font-size: 13px; font-weight: normal;}
#top a.login_btn{position:absolute;top:21px;right:20px;background: url(member_login_btn.gif) no-repeat center top;width: 130px;height:40px;}
#top a.login_btn:hover{ background-position:center -50px}
#top a.login_btn span {display:block;line-height:40px;text-align:center;color:#fff;font-size:13px;font-weight: bold;}
#top a.login_btn:hover span { text-decoration:none}
#top a.login_email {position:absolute;top:29px;right:20px; padding:3px 0 5px 0;background:url(icon_login.gif) no-repeat;}
#top .icon_login { width:14px; height:18px; padding:0 0 0 18px}

/*---main---*/
#main {position:relative}
/*---step1---*/
.step1 .product_img{display:block; margin-top:1px}
.step1 #reg_form .selectbar{width:678px; background:url(selectbar.gif) repeat-x; height:25px; padding:7px 0 3px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.step1 #reg_form .selectbar label{font-weight:bold; font-size:12px; width:auto; color:#fff; float:none; padding-top:6px; margin-right:3px; text-align:right}
.step1 #reg_form .selectbar select{width:175px}
.step1 h1{font-size:20px; text-align:center; padding:27px}
.step1 #reg_form{background:#fff url(register_bg.jpg) repeat-x; width:680px; margin:0 auto; position:relative}
.step1 #reg_form .arrow_l{background:url(arrow_L.gif) no-repeat; width:50px; height:60px; float:left; margin-top:8px}
.step1 #reg_form .arrow_r{background:url(arrow_R.gif) no-repeat; width:50px; height:60px; float:left; margin-top:8px}
.step1 #reg_form .form_content2{float:left; padding:0 10px; width:490px}
.step1 form{margin:auto; text-align:center}
.step1 #inputzone {width:610px; margin:auto}
.step1 #reg_form label {font-weight:bold; font-size:14px; width:250px; float:left; padding-top:6px; margin-bottom:15px; text-align:left}
.step1 #reg_form label span{font-size:16px}
.step1 #reg_form input.text{width:230px; height:34px; float:left; font-size:20px; padding:5px 5px 0 5px;background:transparent}
.step1 #reg_form .input_bg{background:url(inputarea.gif) no-repeat; float:left}
.step1 #reg_form input.checkbox{margin-right:5px; margin-top:10px}
.step1 #reg_form .agreement {margin-top:8px; display:block; line-height:17px}
.step1 #reg_form .agreement a{color:#2f72b5}
.step1 #reg_form .sumbit_btn{background:url(continue_btn.gif) no-repeat; width:350px; height:75px; cursor:pointer; margin-top:18px}
.step1 #reg_form .sumbit_btn:hover{background-position: center -100px;}
.step1 #reg_form .tnc {color:#7c7c7c; font-size:11px; padding:25px 10px 10px; line-height:14px; text-align:justify}

.step1 .multi_product {width:680px; margin:auto; background:#fff; padding-top:5px; position:relative}
.step1 .multi_product ul{padding:0 5px; display:block}
.step1 .multi_product li {float:left; width:33.3%; text-align:center; margin-bottom:5px; position:relative}
.step1 .multi_product .selectbox{position:absolute; bottom:7px; width:100%; left:0}
.step1 .multi_product h1{padding:0; font-size:14px; line-height:14px; *line-height:12px}
.step1 .multi_product h2{color:#797979; font-size:14px; font-weight:normal; line-height:14px; *line-height:12px}

/*---step2---*/
.step2 .product_img{display:block; margin-top:1px}
.step2 #info_form{background:#fff; width:680px; margin:0 auto}
.step2 #info_form .form_content {position:absolute; top:60px; left:0px; width:100%; }
.step2 #info_form .form_content h1 {font-size:13px; font-weight:bold; padding-bottom:5px; padding-left:12px;}
.step2 #info_form .form_content label {width:90px; float:left; text-align:right; margin-right:5px; padding:4px 0 6px; font-size:11px;}
.step2 #info_form .form_content input.text {border: 1px solid; padding:1px 2px;}
.step2 #info_form .form_content input.radio {margin:3px; *margin:0}

.step2 #info_form .survey {padding:20px 30px 0}
.step2 #info_form .survey h1 {background:url(icon_arrow.gif) no-repeat; padding:2px 0 3px 30px; font-size:13px; font-weight:bold;}
.step2 #info_form .survey p {padding: 0 0 15px 30px; font-size:11px; line-height:18px}
.step2 #info_form .survey .ans {line-height:30px}
.step2 #info_form .survey .ans span {font-weight:bold; margin:0 10px 0 3px}
.step2 #info_form .survey a {color:#0072bc}
.step2 #info_form .arrow_l{background:url(arrow_L.gif) no-repeat; width:50px; height:60px; float:left; margin-top:8px; margin-right:10px}
.step2 #info_form .arrow_r{background:url(arrow_R.gif) no-repeat; width:50px; height:60px; float:left; margin-top:8px; margin-left:10px}
.step2 #info_form .sumbit_btn{background:url(continue2_btn.gif) no-repeat; width:212px; height:75px; cursor:pointer; margin-top:10px; float:left}
.step2 #info_form .btn_box{width:335px; margin:auto}
.step2 #info_form .sumbit_btn:hover{background-position: center -100px;}

.step2 #info_form .tnc {color:#7c7c7c; font-size:11px; padding:25px 10px 10px; line-height:14px; text-align:justify}
/*---footer---*/
#footer {position:relative; font-size:11px; text-align:center; width:680px; margin:10px auto 0; color:#545454}
#footer .footer_link {margin:7px 0 0;color:#f26522}
#footer .footer_link a{color:#f26522; margin:0 3px}
#footer .copyright {color:#898989; margin:7px 0}