


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sigin</title>
<link href="catalog/template/beststoreitems/css/index.css" rel="stylesheet" type="text/css" />
<style>

html,body{-webkit-text-size-adjust:none;}

body{font:normal 12px/150% Arial, Helvetica, sans-serif;background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/body_bg.gif") repeat scroll 0 0 transparent;}

ul,li{list-style:none; padding:0; margin:0;}

#page950{width:952px; margin:0 auto;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,0.2); height:580px; padding:10px 15px 10px 10px; background:#fff;}

#page310{float:right;width:330px;}

#page310.gray {color: #666666;}

#page600{width:617px;float:left; border:1px solid #E2CCC9; border-right:none; background:#fff;}

#page600 ul{padding-left:5px;}

#page600 h2{margin:0; text-indent:15px; background:#f9f9f9; font:bold 14px/32px Arial, Helvetica, sans-serif; height:32px; color:#ff0000;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

img{border:none;}

h1{margin:0 0 15px; padding-bottom:10px; border-bottom:1px solid #ccc;}



/*login*/

#loginSub {border: 1px solid #E2CCC9;padding:0 12px 10px;background:#fff;_padding-bottom:0;*padding-bottom:0;}

#loginSub .banner-title {font-family: Arial;font-size:16px;font-weight: bold;line-height:14px;margin:0 0 12px;}

#page310 s {color: #FF0000;display: inline;float: left;padding: 2px 5px 0 0;text-decoration: none;}

#loginSub .banner-text li {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/dot.gif") no-repeat scroll 5px center transparent;padding-left: 18px;}

.buttonWrap {border-top: 1px dashed #CCCCCC;margin:15px 10px 15px 0;padding: 15px 0;_padding:7px 0;*padding:7px 0;}

#submitName {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/xman_images.gif") repeat scroll 0 0 transparent;border: medium none;color: #6C2300;cursor: pointer;font: bold 14px/17px Arial;height: 27px;margin: 0;padding: 0;width: 86px;}

#join_btn {display: inline-block;font: bold 12px Verdana;margin: 8px 0 0 15px;text-decoration: underline;}

.table_ul2 {clear: both;display: block;float: none;}

.table_ul2 li {clear: both;float: none;padding:5px 0; height:22px;_padding:4px 0;*padding:4px 0;}

.table_ul2 li span {display: block;float: left;font-size:12px;text-align: left; width:100px;}

.reg-input, .login-input{border: 1px solid #CCCCCC;display: inline;height:20px;padding: 2px;width:180px;}
#regsub {padding-top:10px; padding-left:2px;}

#regsub input,#regsub a{vertical-align:text-bottom;}

.reg_submit,.direct_submit{background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/buttonSkinAXL.gif") repeat-x scroll 0 0 transparent;border-color: #F1921F #C96315 #C34B0E #F1921F;border-image: none;border-style: solid;border-width: 1px;color: #6C2300;cursor: pointer;font: bold 14px arial;height: 30px;padding: 2px 10px !important;width: 168px;}

.direct_submit{width:85px;font:bold 14px arial;height:24px; line-height:24px;display:inline-block; margin-right:10px;}



/*signIn*/

#signInField {border:1px solid #E2CCC9;font: 12px Arial;overflow: hidden;padding: 0 1px;position: relative;width:330px;height:265px;_height:310px;*height:278px;background:#f7f7f7;}

#pPasswT {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/feild_bg.gif") no-repeat scroll right 0 transparent;display: block;height: 17px;outline: medium none;text-indent: -9999px;}

#signInField h3 {border-bottom: 1px solid #CCCCCC;font-size:16px;font-weight: bold; margin:10px 0 10px 15px; padding:0 0 10px 5px;width:295px;}

#alibaba-account-tip {color: #999999;margin-left: 20px; margin-bottom:16px;}

#signInTable,.forgetpw,.buttonWrap{width:308px; padding-left:20px;}

#signInTable ul li{margin-bottom:10px;}

#signInTable li label{margin-bottom:2px; display:block;}

.login-input{width: 185px; display:block;}

.forgetpw{{margin:10px 0;}

.xman-box-content #forgotPwId {display: inline-block;font: 11px Verdana;margin: 5px 0 0;}



/*clear*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.clearfix {display: inline-block;} 

* html .clearfix {height: 1%;} 

.clearfix {display: block;}

</style>



<style>

/*模拟select*/

#selectBox {float:left;}

#selectBox #countryMian {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/chosen-sprite.png") no-repeat scroll 0 1px transparent;border: 1px solid #AAAAAA;color: #333333;display: block;height: 26px;line-height: 26px;overflow: hidden;padding-left: 10px;width: 209px;}

#selectBox #countryMian.open {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/chosen-sprite2.png") no-repeat scroll 0 1px transparent;border-bottom: 1px solid #FFFFFF;}

#selectBox p {background: none repeat scroll 0 0 #FFFFFF;border-color: #AAAAAA;border-radius: 0 0 4px 4px;border-style: none solid solid;

border-width: 0 1px 1px;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);display: none;margin: 0;max-height: 190px;overflow-x: hidden;overflow-y: auto;

padding: 0 0 6px 5px;position: absolute;text-indent: 5px;width: 214px;}

#selectBox p a {color: #333333;display: block;padding: 3px 0;}

#selectBox p a:hover {background: none repeat scroll 0 0 #3875D7;color: #FFFFFF;text-decoration: none;}

.tMid{height:10px;}

li.select_box {cursor:pointer;padding:0;height:18px; width:185px;margin:0 auto; border:1px solid;border-color:#ccc #999999 #999999 #ccc;background:url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/select_bg.gif") no-repeat scroll right 0 #FFFFFF; position:relative; z-index:99; color:#000;}

.table_ul2 .select_box span {cursor:pointer; display:block;width:100%;height:18px; font:12px; line-height:18px;  overflow:hidden; text-align:left;}

.select_box span img{ float:left;margin:2px 4px 0;}

.son_ul {width:482px; position:absolute;right:-13px; top:19px;/*border:1px solid #888;  */background:#fff;display:none; z-index:999; color:#000;}

.son_ul li{display:block;cursor:pointer; font:10px/20px Verdana, Arial;width:138px; padding:1px 0 0 10px;text-align:left; z-index:999999; float:left; clear:none;}

.son_ul li img{float:left; margin:3px 4px 0 0;}

.hover {background:#7f7b72; color:#fff;}

.tLt, .tRi, .bLt, .bRi {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/popup-frame1.png") no-repeat scroll 0 0 transparent;}

.tLt {background-position: 0 0;padding-left: 15px;}

.tRi {background-position: right -28px;padding-right: 15px;}

.bLt {background-position: 0 -56px;}

.bRi {background-position: right -99px;}

.mLt, .mRi {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/popup-frame2.png") repeat-y scroll 0 0 transparent;}

.mRi {background-position: right 0;}

.tMid, .bMid {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/popup-frame1.png") repeat-x scroll 0 0 transparent;}

.tMid {background-position: 0 -185px;height: 12px;}

.bMid {background-position: 0 -142px;height: 33px;}

table {border-collapse: collapse;border-spacing: 0;}



/*prduct*/

.results {width: 100%;}

.s_result {background: none repeat scroll 0 0 #F3F3F3;border: 1px solid #D5D5D5;}

.s_result dt b {color: #F66907;}

.s_result dd {font-size: 11px;}

.goods_list {display: inline;float: left;margin:0 15px 0 12px !important;overflow: hidden;padding: 3px;position: relative;text-align: center;

width:170px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.goods_list .hot-iocn {height: 35px;position: absolute;right: 0; top: 0;width: 37px;}

.goods_list .star {display: inline-block;float: none;margin-right: 0;vertical-align: text-top;}

.goods_list .goods_picture {height: 165px;overflow: hidden;position: relative;text-align: center;width: 100%;}

.goods_list .goods_name {display: block;font-weight: normal;height: 40px;line-height: 13px;margin: 5px 0 3px;overflow: hidden;}

.goods_list .goods_name a {color: #085CA8;font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.goods_list .goods_name a:hover {color: #FF5A00;}

.goods_list .Reference_Price label {font-size: 9px;}

.goods_list .Reference_Price .fontbold label {font-size: 11px;}

.tags_pic .goods_list .goods_name {display: block;font-size: 11px;font-weight: normal;height: 28px;line-height: 14px;margin-bottom: 34px;

overflow: hidden;padding: 0 0 2px;}

.goods_list .tags_price {float: right;width: 80px;}

.goods_list .tags_pro {color: #414141;float: left;font-size: 10px;height: 54px;overflow: hidden;width: 140px;}

.goods_list .list_stars { margin-top: 3px; vertical-align:text-top;}

.goods_list .list_stars .star span {float: left;}

.list_stars a {font-size: 11px; color:#333;}

.fontbold {color: #B30000;font-family: Georgia;font-size: 15px;font-weight: bold;}

.star {display:inline-block;float:left;height:21px;margin: 2px 5px 0 0;width: 59px;}

.star-x {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/star_big_gray_16.gif") repeat-x scroll left top transparent;}

.star-x span {background: url("https://www.beststoreitems.com/catalog/template/beststoreitems/image/star_big_color_16.gif") repeat-x scroll left top transparent;}

.star span {display: block;height: 100%;width: 0;}

</style>

<script type="text/javascript" src="https://www.beststoreitems.com/catalog/javascript/jquery.js"></script>

<script type="text/javascript">

  $(document).ready(function(){

	 $('.son_ul').hide(); 

	 $('.select_box span').hover(function(){ 

		  $(this).parent().find('ul.son_ul').show(0);

		  $(this).parent().find('li').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')});

		  $(this).parent().hover(function(){},

								 function(){

									 $(this).parent().find("ul.son_ul").hide(0); 

									 }

								 );

		  },function(){}

		  );

	 $('ul.son_ul li').click(function(){

		  $(this).parents('.select_box').find('span').html($(this).html());

		  $(this).parents('.select_box').find('ul').hide(0);

		  });

	 }

	 );

	function get_country_id(id)
	{
		document.getElementById("country_id").value=id;
	}

	function register_verify()
    {

		var register_email=document.register_form.register_email.value; // $("#email").val();	

		var register_firstname=document.register_form.register_firstname.value; //$("#firstname").val();	

		var register_lastname=document.register_form.register_lastname.value; //$("#lastname").val();	

		var register_password=document.register_form.register_password.value; //$("#password").val();	

		var country_id=document.register_form.country_id.value; //$("#country_id").val();	

		if(register_email=='')	
		{	

			alert("Please input a correct email address!");	

			document.register_form.register_email.focus();

			return  false;			

		}	
		if(register_firstname==''||register_firstname.length<2||register_firstname.length>32)	
		{	

			alert("First Name must be greater than 2 and less than 32 characters!");	

			document.register_form.register_firstname.focus();

			return  false;	
		}	

		if(register_lastname==''||register_lastname.length<2||register_lastname.length>32)	
		{	

			alert("Last Name must be greater than 2 and less than 32 characters!");	

			document.register_form.register_lastname.focus();

			return  false;	

		}	

		if(register_password==''||register_password.length<2||register_password.length>32)
		{	

			alert("Password must be greater than 3 and less than 20 characters!");

			document.register_form.register_password.focus();

			return  false;	
		}

		if(country_id<=1){

			alert("Please choose your country");

			return  false;	
		}

	  return true;

   }

   function signin_verify()
   {  	

 		var sys_language=navigator.systemLanguage?navigator.systemLanguage:navigator.language;

	    $("#system_language").val(sys_language);


		 var signin_email=document.signin_form.signin_email.value;

		 var signin_password=document.signin_form.signin_password.value;	

		 if(signin_email=='')

		 {

		 	 alert('Please input the correct email address!');	

		 	 document.signin_form.signin_email.focus();

		 	 return false;	 		 	  	

		 }

		 if(signin_password=='')

		 {

		 	 alert('Please input the correct password!');	

		 	 document.signin_form.signin_password.focus();

		 	 return false;	 		 	  	

		 }

       return true;

    }
  
</script>

</head>
<body>

    <div id="page760" class="clearfix">  

           	  <div id="loginSub" class="clearfix">
                        <h3 class="banner-title">Create an Account <span style="font-size:11px;color:#ff0000;">(Get free $10 coupon)</span></h3>

            <form action="https://www.beststoreitems.com/index.php?controller=register" method="post" enctype="multipart/form-data" id="register_form" onsubmit="return register_verify();">
            
              <input type="hidden" name="system_language" id="system_language" value=""> 

                  <div class="clearfix">

                        <ul class="table_ul2">

                            <li>

                                <s>*</s>

                                <span>E-Mail:</span>

                                <input type="text" class="reg-input" name="register_email" id="register_email" value="" style="width:180px;">	 

                            </li>    
                            <li><label class="clearfix" style="float:left;">

                                    <s>*</s>

                                    <span>First Name: </span>

                                    <input type="text" class="reg-input name" name="register_firstname" id="register_firstname" value="">	

                                </label>
                            </li>                    
                            <li>
                                <label class="clearfix" style="float:left;">

                                    <s>*</s>

                                    <span>Last Name: </span>

                                    <input type="text" class="reg-input name" name="register_lastname" id="register_lastname" value="">

                                </label>                     

                            </li>                                                        

		                    <li>

		                       <s>*</s><span>Password: </span>

		                       <input type="password" class="reg-input" name="register_password" id="register_password" value="">	

		                    </li>

                                 <li class="clearfix">
                            	<s>*</s><span>Country:</span>
                                <div class="selectBox">
                                	<ul>
                                    <li class="select_box">
                                        <span><label style="padding-left:4px;">United States</label></span>
                                        <ul class="son_ul">
                                        	<table>
                                            	<tbody>
                                                    <tr>
                                                        <td class="tLt"></td>
                                                        <td class="tMid"></td>
                                                        <td class="tRi"></td>
                                                    </tr>
                                                	<tr>
                                                    	<td class="mLt"></td>
                                                    	<td>
                                                    	    <?php foreach ($countries as $country) { ?>
                                                              <li onclick="get_country_id(<?php echo $country['country_id']; ?>)"><img src="../icon/<?php echo $country['icon']; ?>"><?php echo $country['name']; ?></li>
                                                            <?php }?>
                                                        </td>
                                                        <td class="mRi"></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="bLt"></td>
                                                        <td class="bMid"></td>
                                                        <td class="bRi"></td>
                                                    </tr>                                                	
                                                </tbody>
                                            </table>
                                         
                                        </ul>
                                    </li>
                                    </ul>                                
                                    <input type="hidden" name="country_id" id="country_id" value="223">
                                </div>
                            </li>
                            <li id="regsub">
                                <input type="Submit" class="reg_submit" value="Create an Account" >
                            </li>	       
                        </ul>

                    </div>
            </form>
        </div>
    <div id="signInField">
            <a id="pPasswT" href="">prevent password theft</a>
            <h3>Sign in</h3>
        
             <form action="https://www.beststoreitems.com/index.php?controller=account_login_mode" method="post" enctype="multipart/form-data" id="signin_form" onsubmit=" return signin_verify();">
                <div id="signInTable">
                    <ul>
                        <li>
                        	<label>Email Address:</label>
                            <input class="login-input" tabindex="1" value="" name="signin_email" maxlength="128"  id="signin_email" size="25">
                        </li>
                        <li>
                        	<label>Password: <font color="#FF0000">(or input your name)</font></label>
                            <input type="password" class="login-input" tabindex="2" value="" maxlength="100" name="signin_password" id="signin_password" size="25">
                        </li>
                    </ul>
                </div>
                <div class="forgetpw"><a href="https://www.beststoreitems.com/index.php?controller=account_forgotten" id="forgotPwId">Forgot password?</a></div>
                <div class="buttonWrap">
                    <input type="submit" id="submitName"value="Sign &nbsp;in">
                </div>
                <div>&nbsp;</div>
                 <?php if ($redirect) { ?>
			        <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />			
			    <?php } ?>
            </form>
        </div>
	</div>    
</body>
</html>
