.sup_field{
	padding:1px 0px 13px 0px;
}

.sup_field_inputskin{
	height:31px;
	width:288px;
	background:url(../images/signup-textbg.png) no-repeat;
}

.sup_field_inputskin_iner{
	padding:4px 12px;
}
.sup_field_inputskin_iner input{
	width:260px;
	height:22px;
	border:0px;
	font-size:11pt;
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: none;
	outline: none;
}
.sup_field_status{
	float:right;
	margin-top:8px;
	margin-left:4px;
	width:32px;
	height:32px;
}

.sup_field_status_check {
	background:url(../../../media/images/check.png) no-repeat;
}

.sup_field_status_information {
	background:url(../../../media/images/information_icon.png) no-repeat;
}
.sup_field_status_alert {
	background:url(../../../media/images/alert.png) no-repeat;
}
.sup_field_status_wait {
	background:url(../images/loading.gif) no-repeat;
}
.sup_field_message{
	padding:2px 12px 6px 8px;
	color:#C30; font-size:8pt;
	font-weight:bold;
}

input[type="password"]{
	background:none;
	padding:0px;
	margin:0px;
}

.supwlinecenter{
	background:url(../images/sup-linecenter.jpg) 426px 0px repeat-y;
}
.gender_lbl {
	background: url(../images/gender_bg.png) no-repeat;
	width: 95px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	display: block;
}
.gender_lbl:hover {
	background-position: 0 -31px;
	color: #000 !important;
} 
.gender_lbl.selected {
	background-position: 0 -63px;
	color: #000 !important;
}
#join_signupbutton{
	background:url(../../../media/images/button-signup.png) no-repeat;
	width:113px;
	height:36px;
	display:inline-block;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	line-height: 33px;
	color: #FFF;
	text-shadow: 0px 1px 0px #CCC;
}

#join_signupbutton:hover{
	background-position: 0 -36px;
}
#join_signupbutton:active{
	background-position: 0 -73px;
}
#login_button{
	background:url(../../../media/images/button-signup.png) no-repeat;
	width:113px;
	height:36px;
	display:inline-block;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	line-height: 33px;
	color: #FFF;
	text-shadow: 0px 1px 0px #CCC;
}

#login_button:hover{
	background-position: 0 -36px;
}
#login_button:active {
	background-position: 0 -73px;
}
.ipad_warp{
	float:left; 
	width:200px; 
	padding-top:20px;

}

.ipad_warp p{
	line-height:20px;
	padding-bottom:15px;
	font-size:14px;
}
.ipad_warp a {
	color: #000;
	text-decoration: none;
}
.ipad_warp1{
	float:left; 
	width:230px; 
	padding-top:20px;

}
.ipad_warp1 ul{ margin:0; padding:0;}
.ipad_warp1 li{
	display:block;
	list-style:none;
	padding:0 0 8px 0;

}
.banner-wrap {
	padding-top: 20px;
	width: 415px;
}
.banner-wrap p {
	font-size: 14px;
	line-height: 20px;
}
.banner-wrap  div {
	text-align: center;
	padding-top: 20px;
}
.banner-bottom {
	text-align: center;
}
.banner-bottom p {
	font-size: 17px;
	line-height: 25px;
}
.banner-bottom a {
	color: #000;
	text-decoration: underline;
}
.banner-bottom a:hover {
	text-decoration: underline !important;
}
.icon_join{
	float:left;
	width:60px;
	padding-top:5px;
}
.join_list_pra{
	float:right;
	width:160px;
}
.icon_join_title{ font-size:13px; font-weight:bold; padding-bottom:2px;}

.join_list_pra p{
	line-height:18px;
	padding-bottom:15px;
	font-size:12px;
}

.join_right1{
	float:left; 
	width:550px;
}
.join_pad{
	padding:24px 0px 56px 15px;
}
.join_title_warp{
	text-align:left; width:400px; float:left;
}
.join_title_right{
	font-size:16pt; color:#333; font-weight:bold; padding-bottom:0px;
}
.join_title_right1{
	font-size:16pt; color:#333; font-weight:bold; padding-bottom:0px; text-align:center; line-height:18px;
}
.join_small_par{
	font-size:13pt; color:#333; font-weight:bold;
}
.join_small_par1{
	font-size:11pt; color:#666; font-weight: normal; text-align:center; padding-top:10px;
}
.join_product_img{
	float:left;
}
.join_product_img1{
	float:right;
	width:305px;
}
.join_product_img2{
	float:right;
	width:281px;
}
.join_product_title1{ font-size:12pt; font-weight:bold; text-align:center;}
.join_product_title1 a{ color:#333; text-decoration:none;}
.join_product_title1 a:hover{ color:#333; text-decoration: underline;}

.stepcarousel{
	position: relative; 
	overflow: scroll; 
	width: 550px; 
	height: 473px; 
}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 10px; 
	width: 550px; 
}

.ds_right {
	background:url('http://www.ouibox.com/images/ds.jpg') no-repeat;
	width:627px;
	height:504px;
}
.ds_text1 {
	padding:27px 0 0 60px; 
	font-size:20px; color:#616161;

}
.ds_text2 {
	padding:30px 0 0 80px;
	font-size:100%;
}
.ds_text3 {
	width:200px; 
	padding-left:80px;
	padding-top:30px;
	font-size:100%;
}

.hfw_right {
	background:url('http://www.ouibox.com/images/hot.jpg') no-repeat;
	width:627px;
	height:504px;
}
.tobucus_right {
	background:url('http://www.ouibox.com/images/tobucus.jpg') no-repeat;
	width:627px;
	height:504px;
}