/*---basic---*/
body { margin: 0px;	background: #6b6b6b url(step1_bg.gif) repeat-x top center; font-family: Arial, Helvetica, sans-serif; font-size:12px}
a { text-decoration:none}
a:hover { text-decoration:underline}
.wrapper {width:699px; margin:0 auto}
h1, h2, p, form {margin:0; padding:0}
.main_left .side_pic {height:440px;	background:  url("main_left.gif") no-repeat right top;}
.main_right .side_pic {height:440px;	background:  url("main_right.gif") no-repeat left top;}
.main_left .side_pic {margin-right:349px;}
.main_right .side_pic {margin-left:349px;} html>body .main_right .side_pic {margin-left:349px;}
.main_left	{width:50%; position: absolute; left:0}
.main_right	{width:50%; position: absolute; right:0}
.clear {width:100%; clear:both; height:0px; line-height:0px; font-size:0px}
.left {float:left}
.right {float:right}

/*---header---*/
#header {background:url(header_bg.gif) repeat-x center bottom; text-align:center; padding-bottom:10px; height:72px}
.headerbar {height:29px; display:block; position:absolute; bottom:18px; left:0; width:100%}
a.login_btn {background: #ffdd00; width:87px; height:19px; float:right; margin-top:5px; line-height:19px; color:#000; text-decoration:none; padding:0 5px; margin-right:10px}
a.login_btn:hover {background: #feeb61;}
.selectbar {float:left; color:#fff; margin-top:3px; padding-left:10px}
.selectbar label {line-height:22px; float:left; margin-right:8px; font-weight:bold; font-size:14px}
.step1 #header h1 {color:#fff; font-size:40px; font-weight:bold; padding-top:5px; line-height:45px; text-transform: uppercase}
.step1 #header h2 {color:#fff; font-size:16px; font-weight:normal}
.step1 #header h2 span {color:#ffe21c; font-weight:bold}

/*---main---*/
#main {color:#fff}
#main h1{font-size:24px; font-weight:bold; text-align:center; }
.product_img {width:100%; text-align:center; background:#fff url(pic_bg.gif) repeat-x center bottom; height:358px; position:relative}
.product_img img {margin-top:8px}
.inputzone {width: 630px; margin:auto; text-align:center}
.inputzone label {line-height:18px; margin-bottom:8px; font-weight:bold; color:#fff}
.inputzone .num_label {float:left; font-size:55px; font-weight:bold;color:#fff; margin-left:15px; margin-right:5px}
.inputzone .input_box{float:left; padding-top:7px; width:250px; text-align:left}
.inputzone .input_bg {float:left}
.inputzone input.text {width:225px; height:26px; border:0; font-size:20px; padding:2px 5px 0; background:#fff; border:1px solid #c2c2c2}
.inputzone .left {padding-top:15px; width:370px}
.inputzone .right {padding-top:5px; width:329px}
.sumbit_btn {background:url(continue_btn.jpg) no-repeat; cursor:pointer; height:54px; width:327px; border:0; margin-top:5px}
.sumbit_btn:hover {background-position: left -60px}
.arrow_l, .arrow_r { text-align:center}
.arrow_l {background: url(arrow_l.gif) no-repeat left center; margin:auto; width:410px; margin-top:8px; position:relative}
.arrow_r {background: url(arrow_r.gif) no-repeat right center; height:59px; position:absolute; top:0; right:0; width:50px}
.checkbox {text-align:center}
.checkbox input {float:left; margin-left:86px; margin-left:0}
.checkbox_detail {margin:3px 0 0 5px; float:left; width:605px; text-align:left}
.checkbox_detail span {font-size:11px; padding-top:0px; display:block}
.checkbox span{font-size:11px}
.checkbox span a{ text-decoration:underline; color:#fff}
.checkbox span a:hover{ text-decoration:none}
.tnc {padding:10px 0 25px; text-align:justify; color:#fff}


/*---footer---*/
.footer {clear:both; text-align:center}
.footer_link {color:#ffe83d; padding-top:10px; font-weight:bold}
.footer_link a{color:#ffe83d; margin:0 5px}
.footer_link span { font-weight:normal; font-size:11px; color:#fff6b4}
.footer_detail {color:#fff; font-size:11px; padding:10px 0; display:block}

/*---step2---*/
body.step2 {background: #6b6b6b url(step2_bg.gif) repeat-x top center}
.step2 #main h1 { text-align:left;}
.step2 .main_left .side_pic {height:488px;	background:  url("main_left2.gif") no-repeat right top;}
.step2 .main_right .side_pic {height:488px;	background:  url("main_right2.gif") no-repeat left top;}
.user {float:right; color:#ffde00; background:url(ico_user.gif) no-repeat left center; padding-left:20px; line-height:28px; margin-right:10px;}
.step2 .product_img {height:406px}
.step2 #header {height:73px}
.step2 #header h1 {color:#fff; font-size:28px; font-weight:bold; line-height:52px; display:inline;text-transform: uppercase}
.step2 #header h2 {color:#ffe21c; font-size:18px; font-weight:bold;display:block;text-transform: uppercase}
.step2 #main {color:#fff; position:relative}
.step2 #inputzone {position:absolute; top:60px; left:10px; color:#fff; text-align:left; height:150px; width:100%}
.step2 #inputzone h1 {font-size:13px; font-weight:bold; padding-bottom:10px; padding-left:10px;}
.step2 #inputzone label {width:90px; float:left; text-align:right; margin-right:5px; padding:4px 0 6px; font-size:11px;}
.step2 #inputzone input.text {border: 1px solid; padding:1px 2px; height:16px; margin-bottom:3px}
.step2 #inputzone input.radio {margin:3px; *margin:0}
.step2 .survey {padding:15px 0 0; text-align:left}
.step2 #main .survey h1 {background:url(title_arrow.gif) no-repeat left center; padding:2px 0 3px 25px; font-size:13px; font-weight:bold; line-height:18px; text-align:left; color:#fff}
.step2 .survey p {padding: 0 0 10px 25px; font-size:12px; line-height:14px}
.step2 .survey .ans {line-height:30px}
.step2 .survey .ans span {font-weight:bold; margin:0 20px 0 3px; font-size:13px}
.step2 .survey .link {font-size:11px}
.step2 .survey a {color:#ffde00; text-decoration:underline}
.step2 .survey a:hover {text-decoration:none}
.step2 .btn_box{margin:auto; text-align:center}
.step2 .arrow_l {width:280px; margin:0 auto}
.step2 .sumbit_btn {background:url(continue_btn2.jpg) no-repeat; cursor:pointer; height:54px; width:180px; border:0; margin-top:0px}
.step2 .sumbit_btn:hover {background-position: left -60px}