/*---common---*/
body {
	background: #e6e6e6 url(../images/common/header_bg.jpg) repeat-x top center;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, p, a, input {
	margin:0;
	padding:0;
	border:none;
}
a { text-decoration:underline}
a:hover { text-decoration:none}
#wrapper {
	margin: 0 auto;
	width:680px;
	padding: 0;
}

h1 {
	color:#CC1900;
	font-size:20px;
	height:50px;
	line-height:21px;
	margin:5px;
	padding:20px 0 25px 70px;
	text-align:left;
}
	
	

.h1_desc {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	}

h1.member {
	background:url(../images/common/member_icon.png) no-repeat top left;
	}
	
h1.password {
	background:url(../images/common/forgot_pw_icon.png) no-repeat top left;
	}
	
h1.password_sent {
	background:url(../images/common/pw_sent_icon.png) no-repeat top left;
	}
	
h1.account_info {
	background:url(../images/common/account_icon.png) no-repeat top left;
	}
	
h1.help {
	background:url(../images/common/help_icon.png) no-repeat top left;
	}
	
h1.static {
	background:none;
	margin:5px;
	height:30px;
	padding:20px 0  0 0;
	text-align:left;
	}
	
h1.gift_redeem {
	background:url(../images/common/gift_redeem_icon.png) no-repeat top left;
	}

h1.order_his {
	background:url(../images/common/order_history_icon.png) no-repeat top left;
	}
h1.tell_fd_his {
	background:url(../images/common/tell_frd_history_icon.png) no-repeat top left;
	}
	
h1.tell_fd{
	background:url(../images/common/tell_frd_icon.png) no-repeat top left;
	}
	
h3 {
	color:##b70f00;
	font:bold 12px Arial;
}
	


/*---main---*/

form {
	font-size:12px;
	margin-bottom:15px;
	padding:0;
}

input {
	margin:0 8px;
	border-color:1px solid #7c7c7c;
}
input[type="checkbox"] {margin-top:10px}


.inputbox{background: url(../images/common/inputarea.gif) no-repeat 8px 5px; height:35px}
.inputbox2{background: url(../images/common/inputarea2.gif) no-repeat 8px 5px; height:35px; float:left; margin-top:5px}
.inputbox3{background: url(../images/common/inputarea3.gif) no-repeat 8px 5px; height:35px; float:left; margin-top:5px}
.inputbox2 input.text{width:85px; padding:0 5px}
.inputbox3 input.text{width:40px; padding:0 5px; font-size:18px}
.selectbox,.radiobox  {
	margin: 25px 15px 15px 15px;
}

input.text{
	width:228px;
	float:left;
	font-size:13px;
	padding: 6px 5px 0;
	margin-top:5px;
	background: transparent
}
.label {
	text-align:right;
	font:bold 12px Arial, Helvetica, sans-serif;

}




#main {
	float:left;
	background:#fff url(../images/common/main_bg.jpg) repeat-x center top;
	width: 680px;
	margin: 0;
}

#main td {
	margin:0 10px 10px 0;
	}
	
#main td.colspan2 {
	margin:0;
	}

#title {
	width:630px;
	margin:10px 20px 0 20px;
}

#title.static {
	width:630px;
	margin:10px 10px 0 25px;
}

#prompt_msg {
	margin:10px auto;
	width:490px;
	text-align:left;
}
#prompt_msg p{
    line-height:20px;
    padding-bottom:10px
}
#msg_box h1 {
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin:0;
	padding:0;
	display:inline;
	
	
}
#msg_box h2{
	margin-top:10px;
	padding: 0 0 5px 0px;
	margin: 0 0 0 8px;
}

#msg_box {
	background:#d7d7d7 url(../images/common/prompt_msg_bg.jpg) repeat-x center top;
	padding:10px;
	text-align:center

}

#msg_box span {
	font-size:12px;
	font-weight:normal;
	color:#000;

}

#msg_box table {
	width:420px
}

#msg_box.clean {
	background:none;
	margin:0 auto;
}
.signin_btn{
	background:url(../images/common/signin_btn.png) no-repeat center top;
	width:165px;
	height:58px;
	cursor:pointer;
	margin-top:10px;
}

.signin_btn:hover{
	background:url(../images/common/signin_btn.png) no-repeat center -58px;
}

.submit_btn {
	background:url(../images/common/submit_btn.png) no-repeat center top;
	width:165px;
	height:58px;
	cursor:pointer;
	margin-top:10px;
}

.submit_btn:hover{
	background:url(../images/common/submit_btn.png) no-repeat center -58px;
}

.send_btn {
	background:url(../images/common/send_btn.png) no-repeat center top;
	width:165px;
	height:58px;
	cursor:pointer;
	margin-top:10px;
}

.send_btn:hover{
	background:url(../images/common/send_btn.png) no-repeat center -58px;
}

.update_btn {
	background:url(../images/common/update_btn.png) no-repeat center top;
	width:165px;
	height:58px;
	cursor:pointer;
	margin-top:10px;
}

.update_btn:hover{
	background:url(../images/common/update_btn.png) no-repeat center -58px;
}

.more_btn {
	background:url(../images/common/small_action_btn.gif) no-repeat center top;
	cursor:pointer;
	color:#ab0a00;
	font-weight:bold;
	width:61px;
	height:24px;
	padding-bottom:2px;
}

.more_btn3 {
	background:url(../images/common/small_action_btn.gif) no-repeat center top;
	cursor:pointer;
	color:#ab0a00;
	font-weight:bold;
	width:61px;
	height:24px;
	padding-bottom:2px;
}

.complete_now_btn {
	background:url(../images/common/long_grey_action_btn.jpg) no-repeat center top;
	cursor:pointer;
	color:#ab0a00;
	font-weight:bold;
	width:125px;
	height:23px;
	margin:20px -120px 0 0;
	padding-bottom:2px;
}
.more_btn2 {
	background:url(../images/common/small_action_btn2.gif) no-repeat center top;
	cursor:pointer;
	color:#ab0a00;
	font-weight:bold;
	width:92px;
	height:24px;
	padding-bottom:2px;
}

.more_btn4 {
  background: url(../images/common/btn_right.gif) no-repeat top right;
  cursor:pointer;
}

.more_btn4 div {
  background: url(../images/common/btn_left.gif) no-repeat top left;
}

.more_btn4 div div {
	background:url(../images/common/btn_center.gif) repeat-x center top;
  margin: 0 12px;
  height:24px;
  text-align: center;
}

.more_btn4 input {
  background: none;
	color:#ab0a00;
	font-weight:bold;
  cursor:pointer;
  height:24px;
  cursor:pointer;
  padding-bottom:2px;
}

.more_info{
    color:#b70f00;
    font-size:12px;
    font-weight:bold;
    margin:20px 0 0 5px
}

.more_info2{
	color:#4b4b4b;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:6px 5px 0 10px;
	
}

.more_info3{
	color:#4b4b4b;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:5px 5px 5px 10px;
	font:normal 13px Arial;
	
}
.email_sent {
	font:bold 16px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin: 15px 0;
	display:block;
	}
	
.blue {
	color:#448cca;
	}

.underline {
	text-decoration:underline;
	}
.nounderline {
	text-decoration:none;
}
	
.content {
	margin:15px 25px;
	}
	
.clear {
	clear:both;
	}


.tnc {
	font:normal 12px Arial;
	color: #7c7c7c;
	padding: 15px;
	width: 650px;

	}
	
.static_page {
	font:normal 11px Arial;
	color: #7c7c7c;
	padding: 15px 30px;
	width: 620px;

	}
	
.footnote {
	font:normal 11px Arial;
	color: #7c7c7c;
	text-align:center;
	padding:0;
	margin:-50px 0 50px 0;
}
.loadingbox {background:url(../images/common/msgbox_loading_bg.gif) no-repeat; width:119px; height:18px; margin:auto; position:relative; margin-top:8px}
.loadingbar {background:url(../images/common/msgbox_loading_bar.gif) no-repeat; width:119px; height:18px; position:absolute; top:0; left:0}

/* form */

#form_list {
	font-size:12px;
	width:585px;
	margin:auto
}
#form_list table{width:100%; text-align:left}
#form_list tr.td_header td {background: url(../images/common/form_header_bg.gif) repeat-x; height:22px; color:#fff; font-weight:bold; padding:0 10px}
#form_list tr.td_content td {padding:0 10px; height:28px; background:#e1f0ff; border-bottom:1px solid #fff}
#form_list .center {text-align:center}

/* landing */
.landing_img {float:left; text-align:center}
.landing_detail {float:left; width:300px; padding-top:20px}
.landing_detail h2 {font:bold 16px Arial;}
.landing_arrow {
	float:left;
	width:240px;
	padding:25px 30px;
	background:url(../images/common/gift_status_arrow.jpg) no-repeat center top;
	height: 45px;
}
.landing h1{padding:0; margin:0; font-size:16px; color:#000; height:auto;margin-left:18px}
.landing ul{ list-style-type:square; padding-left:30px; color:#3a3936}
.landing li {margin:10px 0}
.landing_bar {
	background:url(../images/common/landing_bar.gif) repeat-x;
	height:35px;
	clear:both;
	color:#fff;
	font-size:16px;
	padding-left:10px;
	line-height:35px;
	margin-top:30px;
}
.landing_bar span {color:#ab0a00; font-weight:bold}
.ads_area {padding:20px 15px; height:125px; border-bottom:1px solid #c8c8c8; margin:0px 10px}
.last  {border:none;}
.ad_content {float:right; margin:5px 20px 20px 0; width:430px}
.ads_area img{float:left; border:none; margin-left:30px}
.ad_content strong{font-size:16px; font-weight:bold; color:#ab0a00; text-decoration:underline}
.ad_content p{font-size:14px; font-weight:normal; color:#000; text-decoration:none; line-height:18px; margin-top:5px}
a.ad_block {text-decoration:none; cursor:pointer}
a.ad_block:hover {background:#DFFFEF; display:block}
.ad_block .ad_click_button {display:block;background: url(../images/common/btn_offer.gif);position: absolute;width: 200px;height: 24px;left: 226px;top: 0px;}
.ad_block .ad_rank {display: block;position: relative;margin-top:1em;}

/*--- gift status---*/
.gift_status {
	border:1px solid #e1e1e1;
	background:#ebebeb none;
	height:315px;
	padding:15px;
}

.gift_redeem_form {
	border:1px solid #e1e1e1;
	background:#ebebeb none;
	padding:0 15px;

}
.gift_status h1 {
	color:#000;
	padding:0;
	margin:0;
	text-align:center;
	height:25px;
}
.red {color:#bb0100;}
.step_box {height:45px; width:550px;margin:0 auto; padding:25px 0;}
.step_box.complete {background:url(../images/common/gift_status_3step_complete.jpg) no-repeat center top;}
.step_box.incomplete {background:url(../images/common/gift_status_3step_incomplete.jpg) no-repeat center top;}

.step_btn_big { text-indent:-9999px; height:58px; width:239px; margin:35px auto 45px auto; display:block; cursor:pointer;}
.sleep {background:url(../images/common/redeem_inactive_btn.jpg) no-repeat center top; }

.step_num {
	color:#fff;
	font:bold 25px Arial;
	float:left;
	padding:5px 20px 0 48px;
}
.step_name {
	color:#fff;
	font:bold 20px Arial;
	float:left;
	padding:9px 0 0 0;
}
.step_status_on {
	color:#fff;
	font:bold 15px Arial;
	float:right;
	padding:15px 95px 0 0;
}
.step_status_off {
	color:#fff;
	font:bold 15px Arial;
	float:right;
	padding:0px 60px 0 0;
}
.step_btn {
	text-align:right;
}


/*---Popup Window--*/
#popup_bonus {
	background: #e6e6e6 url(../images/common/popup_title_bg.png) repeat-x top center;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width:490px;
}

#popup_bonus h1 {
	color:#fff;
	font:bold 24px Arial;
	text-align:center;
	margin:5px 0 0 0;
	padding:0;
}

#popup_bonus h2 {
	background:url(../images/common/popup_h1_icon.jpg) no-repeat 20px top ;
	color:#b70f00;
	font:bold 16px Arial;
	text-align:left;
	margin:0;
	padding:20px 10px 30px 100px;
}

#popup_bonus h2 span{
	font:normal 14px Arial;
	color:#000;
}



.popup_box {
	padding:10px;
}

.popup_content {
	background:#fff none;
	color:#000;
	font:normal 14px Arial;
	padding:10px 35px;
}

.popup_content p {
	margin:10px 0;
	line-height:17px;
}

.popup_content a {
	font-weight:bold;
	color:#448cca;
	}

.none {
	display:none;
	}

.page_nav {
	text-align:right;
	padding:10px 30px 80px 30px;
	}