<!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>
               	<title>Restaurant Amara - Montreal | Register</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=" 
      Order online or by phone, for delivery or take out. View our complete menu and deals. Bon Appetit!
	  Commandez en ligne ou par téléphone, pour la livraison ou pour emporter. Voir notre menu complet et des offres. Bon Appétit!
  -  " />

<base href="http://amaramontreal.com"/>
<link rel="http://amaramontreal.com"/>
      
<link rel="SHORTCUT ICON" href="Images/pizzaicon.png"/>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">

<meta content="ClickMyRestaurant" name="author">
<meta content="ClickMyRestaurant" name="copyright">
<meta content="all" name="robots">
<meta content="never" name="expires">
<meta content="global" name="distribution">
<meta content="1 day" name="revisit-after">
<meta content="Document" name="resource-type">
<meta name="google-site-verification" content="snHhOIvCvd-OS3i_hZjET53qoXNmky_N1D_bjDiobZ4" />

<script type="text/javascript">
    ancho=screen.width;
    alto=screen.height;
    if (ancho>=350){
            
    }else{
            }
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-56242223-1', 'auto');
  ga('send', 'pageview');

</script>
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="//v2.zopim.com/?2zGddUuHkAysdbOAkvwFqedF6IUw0Gfn";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>
<!--End of Zopim Live Chat Script-->

 <!--<link rel="stylesheet" href="http://204.93.169.176/~rudyclms/clmsotherFolder/sunil/devVersion145/register.css" type="text/css" />-->
 <link rel="stylesheet" href="css/register.css" type="text/css" />

 <script type="text/javascript" src="js/jquery/jquery-1.4.2.js"></script>

<script type="text/javascript" src="js/jquery/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.effects.core.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.effects.bounce.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.effects.clip.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.effects.drop.js"></script>
<script type="text/javascript" src="js/jquery/ui/jquery.effects.slide.js"></script>

<script type="text/javascript" src="js/bindEvents.js"></script>
<script type="text/javascript" src="js/user.js"></script>
<script type="text/javascript" src="js/modalForm.js"></script>
<script type="text/javascript" src="js/contentManager.js"></script>
<script type="text/javascript" src="js/validations.js"></script>
<script type="text/javascript" src="js/cms.js"></script>
<script type="text/javascript" src="js/setFrenchLanguageCSS.js"></script>

<!--for curl effect -->
<script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/turn.js"></script>
<link rel="stylesheet" href="css/turn.css" type="text/css"/>



<script type="text/javascript">

  var COUPON_MSG_ACTIVATED_PRODUCT = 'CODE ACTIVE';
  var COUPON_MSG_ACTIVATED_PERCENT = 'CODE ACTIVE';
  var COUPON_MSG_ACTIVATED_AMMOUNT = 'CODE ACTIVE';
  var COUPON_MSG_INVALID_CODE = 'Code not active';
  var COUPON_MSG_INSUFICIENT = 'Code not active';
  var COUPON_MSG_IN_FUNKY_TIME = 'Code not active';
  var COUPON_MSG_OUT_OF_TIME = 'Code not active';
  var COUPON_MSG_BEFORE_OF_TIME = 'Code not active';
  var COUPON_MSG_CUPON_ACTIVATED = 'Code already activated';
  var COUPON_MSG_CUPON_OTHER = 'Code not active';
  
	$(document).ready(function(){
		applyTheme();
	});
</script>
 <script type="text/javascript" src="js/register.js"></script>
 <script type="text/javascript" src="js/cms.js"></script>
 <script type="text/javascript" src="js/validations.js"></script>

 <script type="text/javascript">
	$(document).ready(function(){

		$("#wrapper,#headerContainer,#middleContentContainer,#footerContainer").css({width:'955px'});

		$("#registerStepOneContainer").css({top:'80px',left:'35px'});
		$("#registerStepTwoContainer").css({top:'290px',left:'35px'});

		if($("#hiddenSelectedTemplate").val()=="1")
		{
		$('#regStepThreeContainer').css({top:'510px',left:'35px'});		} else {
$('#regStepThreeContainer').css({top:'510px',left:'35px'});		}
                //regStepThreeContainer

		$("#firstNameTextBox,#lastNameTextBox").css({top:'26px'});
		if($("#hiddenSelectedTemplate").val()=="2")
		{
			$("#headerImgNumber").css({bottom:'-68px'});
                        $("#voucher_steps").css({'margin-top':'0px'});
			$("#verificationCode").css({width:'246px',height:'85px',backgroundImage:'url(Images/capsule_shade_ver_code.png)'});
			$("#enter").css({top:'35px',left:'10px'});
			$("#verificationCodeInstructions").css({color:'#898989',top:'35px',left:'10px'});
			$("#footerContainer").css({top:'0px'});
			$("#callMeImage").css({position:'absolute',top:'115px',left:'45px'});
			$("#doneButton").css({top:'60px',left:'0'});
			

			if ( $.browser.mozilla)
			{
				//$("#doneButton").css({top:'132px',left:'25px'});
				$("#callMeImage").css({position:'absolute',top:'118px',left:'45px'});
			}
            			$("#finalMessages").css({top:'20px', 'left': '-25px'});
		}
		else
		{
                        $("#voucher_steps").css({'top':'-130px'});
			$("#verificationCode").css({width:'253px',height:'93px',backgroundImage:'url(Images/capsul.png)',top:'165px'});
			$("#enter").css({top:'35px',left:'20px'});
			$("#verificationCodeInstructions").css({color:'#898989',top:'35px',left:'20px'});
			$("#footerContainer").css({top:'0px'});
			$("#callMeImage").css({position:'absolute',top:'110px',left:'45px'});
			$("#doneButton").css({top:'135px',left:'25px'});
           		$("#finalMessages").css({'top':'90px', 'left': '-25px'});
		}


		$("#verificationCodeMatchingError").css({top:'130px'});

		$("#callMeContainer #wait").css({left:'270px'});


		//$("#enter").css({top:'35px',left:'10px'});

		//$("#verificationCodeInstructions").css({color:'#898989',top:'35px',left:'10px'});

		$("#txtVerificationCode").css({border:'none',position:'absolute',top:'30px',left:'20px',width:'200px',textAlign:'center',fontSize:'20px',fontWeight:'bold',color:'#686868 !important'});


		$("#chkSubscribe").css({left: '20px', top: '55px'});
		$("#chkAgree").css({left: '20px', top: '88px'});
		$("#marketingMessageOne").css({left: '45px', top: '55px'});
		$("#marketingMessageTwo").css({left: '45px', top: '55px'});

		$("#lineBreakOne").css({top:'215px'});

		$("#waitEmailAvailDiv").css({top:'70px'});

		$("#phoneImg").css({top:'110px',left:'5px'});

		$("#callMeContainer #wait").css({top:'115px'});
		$("#callMeContainer").css({paddingTop:'8px'});
		$('#scrollbar1').tinyscrollbar();

	});
 </script>

</head>

<body onload="load()">


<script type="text/javascript">
	$(document).ready(function(){
		$( '#target' ).fold({
			side: 'right'								// Right! Whoa!
		});
	});
</script>

<!--  curl effect -->
<!--<img id="target" src="Images/code.png">-->

<div id="target" class="curlBackround"><div id="text1">This is a demo version</div><div id="text2"> of your website. <br/> </div></div>

<div id="draggMeText" style="width:60px;height:18px;display:none;z-index:200000;position:absolute;top:100px;left:1100px;font-size:13px">drag me</div>
<div id="backWrapper">
	<div id="topWrapper"></div>
	<div id="bottomWrapper"></div>
</div>
<div id="bgImage" style="position:fixed;top:0px;left:0px;width:100%;height:100%"><img style="display:none;" src="Images/empty.png" width="100%" height="100%"/></div>
<div id="maskWaitTheme"></div>
<div id="mask2"></div>

<div id="wrapper" >

  <input type='hidden' id='hiddenSelectedTemplate' value='2'/><link rel=stylesheet href='Templates/template2/themes/commonOrange.css' type='text/css' /><link rel=stylesheet href='Templates/template2/themes/img_orange_en.css' type='text/css' /><input type = "hidden" id = "headerImagePath" value = "Images/uploads/header/Resto_130_shsish_poulet.jpg"/><input type = "hidden" id = "footerImagePath" value = "http://www.clickmyslice.com/sunil/PersonalSitesImages/footers/salads/7.7.jpg"/><input type='hidden' id='hiddenIndexImage' value='http://www.clickmyslice.com/sunil/PersonalSitesImages/index/ii052.jpg'/><input type='hidden' id='hiddenLogoBack' value='1'/><input type='hidden' id='hiddenFooterPhoneBack' value='0'/><input type='hidden' id='hiddenCurlEffect' value='0'/><input type='hidden' id='hiddenWelcomeText' value='option3'/><input type='hidden' id='hiddenTheme' value='orange'/><input type='hidden' id='hiddenCheck2x1' value='0'/><input type='hidden' id='hiddenPhotoLink' value='1'/><input type='hidden' id='hiddenCustomWelcomeText' value='<pre style="font-family:arial;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;">Welcome to our website, we are glad to have you here, check our complete menu and restaurant information, order by phone or online, take advantage of special discounts when ordering online, enjoy your visit and bon appetit</pre>'/><input type='hidden' id='hiddenCustomerSupport' value='1'/><input type='hidden' id='hiddenOfferImage' value='http://www.clickmyslice.com/sunil/PersonalSitesImages/index/ii082.jpg'/><input type='hidden' id='hiddenPoweredBy' value='1'/><input type='hidden' id='hiddenLanguageSelection' value='1'/><input type='hidden' id='hiddenFacebookIcon' value='1'/><input type='hidden' id='hiddenTwitterIcon' value='0'/><input type='hidden' id='hiddenFacebookURL' value='https://www.facebook.com/pages/Trattoria-La-Villetta/245070411104'/><input type='hidden' id='hiddenTwitterURL' value='http://twitter.com/myslice.canada'/><input type='hidden' id='hiddenBackgroundImage' value='http://www.clickmyslice.com/sunil/Images/cmr/Images/uploads/background/soub2.jpg'/><input type = "hidden" id = "headerPrevImagePath" value = "Images/uploads/header/Resto_130_shsish_poulet.jpg"/><input type = "hidden" id = "footerPrevImagePath" value = "http://www.clickmyslice.com/sunil/PersonalSitesImages/footers/salads/7.7.jpg"/><input type='hidden' id='hiddenPrevIndexImage' value='http://www.clickmyslice.com/sunil/PersonalSitesImages/index/ii052.jpg'/><input type='hidden' id='hiddenPrevLogoBack' value='1'/><input type='hidden' id='hiddenPrevFooterPhoneBack' value='0'/><input type='hidden' id='hiddenPrevCurlEffect' value='0'/><input type='hidden' id='hiddenPrevWelcomeText' value='option3'/><input type='hidden' id='hiddenPrevTheme' value='orange'/><input type='hidden' id='hiddenPrevCheck2x1' value='0'/><input type='hidden' id='hiddenPrevPhotoLink' value='1'/><input type='hidden' id='hiddenPrevCustomWelcomeText' value='<pre style="font-family:arial;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;">Welcome to our website, we are glad to have you here, check our complete menu and restaurant information, order by phone or online, take advantage of special discounts when ordering online, enjoy your visit and bon appetit</pre>'/><input type='hidden' id='hiddenPrevCustomerSupport' value='1'/><input type='hidden' id='hiddenPrevOfferImage' value='http://www.clickmyslice.com/sunil/PersonalSitesImages/index/ii082.jpg'/><input type='hidden' id='hiddenPrevPoweredBy' value='1'/><input type='hidden' id='hiddenPrevLanguageSelection' value='1'/><input type='hidden' id='hiddenPrevFacebookIcon' value='1'/><input type='hidden' id='hiddenPrevTwitterIcon' value='0'/><input type='hidden' id='hiddenPrevFacebookURL' value='https://www.facebook.com/pages/Trattoria-La-Villetta/245070411104'/><input type='hidden' id='hiddenPrevTwitterURL' value='http://twitter.com/myslice.canada'/><input type='hidden' id='hiddenPrevBackgroundImage' value='http://www.clickmyslice.com/sunil/Images/cmr/Images/uploads/background/soub2.jpg'/>

   
     <!-- headerContainer_deleted.php :: DELETED #1 -->
<!--[if lte IE 7]>
        <script type="text/javascript" src="js/ie_alert.js"></script>
    <link rel="stylesheet" href="css/ie_alert.css" type="text/css"/>
    <![endif]-->

<div id="helpToolTip"></div>
<head>
<div id="headerContainer">
    <link rel="stylesheet" href="css/social.css" type="text/css" />
    

    
    <div id="menuItems"></div>
    <div id="deliveryCodeDiv"></div>
    <div id="headerLoginTool">
            <a href="#" id="loginTool">login </a> <span class="seprator">|</span>
        <a href="register.php?restaurantId=808" id="createAccountTool"> create account</a>
    </div>
<!-- incluyendo el fancylogin -->
<!--fancy for login-->
<div id="dialogLogin" class="modal-window">
    <div class="email_no_exists">
                    Email is not registered.<br />Do you want to register?<br /><a class="a_email_no_exists" href="register.php">click here</a>
            </div>
    <div id="email"></div>
    <input id="emailTextBox" type="text" value="email"/>
    <div id="passwd"></div>
    <input id="passwdTextBox" type="password" value="password"  onkeypress="enterKeypressed(event,this);"/>
    <input id="loginBtn" type="image" style="position:absolute;top:80px;left:2px;"/>
    <a id="forgotPasswd" href="#">forgot your password?</a>
    <img id="loginWait" src="Images/wait.gif" style="position:absolute;top:40px;left:236px;display:none;"/>
    <div class="forgotPwdDiv" style="display:none;">
        <div id="messageDiv" style="position:absolute;top:110px;left:10px;width:230px;height:65px;display:none;"></div>
        <img id="forgotPwdWait" src="Images/wait.gif" style="position:absolute;top:195px;left:236px;width:16px;height:16px;display:none;"/>
        <div id="enterEmail"></div>
                <input id="enterEmailTextBox" type="text" value="enter your email" onkeypress="enterKeypressed(event,this);"/>
        <div id="receivePasswd">
            to receive your password        </div>
        <input id="sendBtn" type="image" src="Images/Element_Orange/Send_Btn.jpg" onclick="return validateEmail('enterEmailTextBox');"/>
    </div>			
    <div id="accountCreate">
        <span id="doNotHaveAccountText">
            Don't have an account?        </span>
        <a id="createAccountText" href="register.php">
            Create one!        </a>
    </div>
    <div id="rightImage"></div>
    <div id="close"></div>
</div>
<!-- incluyendo el forgot password form -->
<!--fancy for forgot password-->
<div id="dialogForgotPasswd" class="modal-window">
    <div id="messageDiv" class="forgotPwdMessage" style="position:absolute;top:175px;left:15px;width:230px;height:65px;"></div>
    <img id="forgotPwdWait" src="Images/wait.gif" style="position:absolute;top:76px;left:240px;width:16px;height:16px;display:none;"/>
    <div id="forgotPasswdText">
        forgot your password?    </div>
    <div id="enterEmailForgot"></div>
        <input id="enterEmailForgotTextBox" type="text" value="enter your email here" style="position:absolute;top:76px;left:20px;width:250;border:none;color:gray;"/>
    <div id="receivePasswdText">
        to receive your password    </div>
    <input id="sendPasswdBtn" type="image" src="Images/Element_Orange/Send_Btn.jpg" style="position:absolute;top:120px;left:18px;" onclick="return validateEmail('enterEmailForgotTextBox');"/>
    <div id="forgotWindowPizzaImage"></div>
    <div id="closeBtnOfForgot" class="close"></div>
</div><!-- Comportamientos de javascript relacionados con el login -->
<script type="text/javascript" src="js/register.js"></script>
<script type="text/javascript" src="login/body/menu/js/login.js"></script>
<script type="text/javascript" src="login/body/menu/js/user.js"></script>    
    
 
    <div id="size">
                    <div id="addThisButtons" style="float: right; padding: 10px 2px 2px; height: 30px;" class="addthis_toolbox addthis_default_style">
                <a class="addthis_button_facebook" style="float:left;margin-left:3px;" href = "https://www.facebook.com/pages/Trattoria-La-Villetta/245070411104" target="_blank"><span class="facebook_icon"></span></a>
                <a class="addthis_button_twitter" style="float:left;margin-left:3px;" href="http://twitter.com/myslice.canada" target="_blank"><span class="twitter_icon"></span></a>
            </div>
        	<div style="float:right;" id="sizeDiv">2X1</div>
    </div>
    <div id = "languageSizeTool">
	<div id="languageTool">
            <span id="englishLangTool" class="theme" style="cursor:pointer;" onclick="selectLanguage('english');">english</span> |
            <span id="frenchLangTool" class="theme" style="cursor:pointer;" onclick="selectLanguage('french');">francais</span>
        </div>
         
        <!--
	<div id="menu_pdf"><a href="menupdf/808.pdf" target="_blank">&nbsp;</a></div>
        -->
        
	<img id="waitLang" src="Images/wait.gif" style="position:absolute;top:20px;left:124px;display:none;"/>
    </div>
        <div id="pizzeriaLogoBack">
	
	
                    <img  id="pizzaLogo" style="margin-top: 90px; max-width: 250px; max-height: 250;" src = "Images/uploads/Resto_808_amara_250px.png" />
			<input type="hidden" name="logoTextBox" id="logoTextBox" value="Images/uploads/Resto_808_amara_250px.png" />
		    </div>
        <div id="headerImgNumber">
        
        
        <div style="float:right;font-family:arial;margin:0px;" id="headerPhoneNumber">
            
            
                <span id="pizzeria_phone" itemprop="telephone">
                     (514) 613-3344                </span>
        
        </div>
	    </div>
        <div id="waitTheme" style="position: fixed;z-index: 210000;width:64px;height:64px;">
	<img src="Images/wait2.gif" alt="Theme is loading ..."/>
    </div>	
    <div id="deliveryZipCode">
	<div id="zipCodeCorner"></div>
	<div id="deliveryZipCodes">
            <span id="zipCode">Delivery area codes:            
            
            </span>
            <span id="code"> H4J  H4K  H4M  H4R  H4S  H4T  H3M  H4L  ...</span>
        </div>
    </div>
    <div id="headerSubToolImage">
       
        <div id="headerSubToolImageIni"></div>
        <div id="headerSubToolImageTwo"></div>
        
        
        <nav>
        <ul id="navi">
            <li><a href="808/Restaurant-Amara"  class="toolbaar">Home</a></li>
            
            
         <!--   <li><a href="menuview/808/Restaurant-Amara"  class="toolbaar">Menu</a></li>
            -->
            
            <li><a href="menu.php?restaurantId=808"  class="toolbaar">Menu</a></li>
            <li><a href="info/808/Restaurant-Amara"  class="toolbaar">Info</a></li>
                        <li><a href="photos/808/Restaurant-Amara"  class="toolbaar">Photos</a></li>
                        <li><a href="contact/808/Restaurant-Amara"  class="toolbaar">Contact</a></li>
        </ul>
        </nav>
    </div>
       
         <!-- coloco validacion para mostrar el boton del menu -->
        	
	<div id="order_now_big_button">
	  <a href="menu.php?restaurantId=808">&nbsp;</a>
	</div>
        
                
    <input type="hidden" id="hiddenSelectedLanguage" value="english" />
  </div>
</head>
    <div class="clear"></div>
  	<link rel="stylesheet" href="Templates/template2/register.css" type="text/css" />

  
  <!-- middle container -->
  <div id="middleContentContainer">
		<!-- Aqui estaba el control panel -->  		<div id="registerLabel">

			Create Account		</div>

		<div id="registerStepOneContainer">

		<span id="loginInformation" class="orangeThin">Sign up info:</span>
        <br/>
   		<div id="firstNameLabel" class="orangeThin" >
		Name			<input id="firstNameTextBox" align="middle" style="position:absolute;left:142px;top:64px;height:18px;"  type="text" onfocus="checkTabIndex();" onblur="validate(this,'');" onkeyup="validateTextOnly(this,true);" class="inputText" />

			<input id="lastNameTextBox" style="position:absolute;left:305px;top:64px;height:18px;" type="text" onblur="validate(this,'');" onkeyup="validateTextOnly(this,true);" class="inputText" />

        </div>
		<div id="phoneNo" class="orangeThin">Phone Number	           <input id="phoneNoPartOne"  class="inputText" type="text" onkeyup="showPhoneNumber(this,'secondPhoneNoPartOne');" onblur="validate(this,'PhoneNoPartOne')" maxlength="3"/>

               <span id="phoneFirstDash">-</span>
               <input id="phoneNoPartTwo" class="inputText" type="text" onkeyup="showPhoneNumber(this,'secondPhoneNoPartTwo');" onblur="validate(this,'PhoneNoPartTwo')" maxlength="3"/>

               <span id="phoneSecondDash">-</span>
               <input id="phoneNoPartThree" class="inputText" type="text" onkeyup="showPhoneNumber(this,'secondPhoneNoPartThree');" onblur="validate(this,'PhoneNoPartThree')" maxlength="4"/>
		</div>

        <div id="yearOfBirthLabel" style="display:none;" class="orangeThin"> Date Of Birth
               <span id="yearOfBirthSpan">
                   <select id="yearOfBirthDropDown" style="display:none;">
                       <option value="0">-- Select --</option>
                   </select>
                   <input type="text" id="dateOfBirth" readonly="readonly" />
               </span>
         </div>
         <div id="genderLabel" class="orangeThin" style="display:none;"> Gender
               <span id="genderSpan">
                   <input id="rdbMale" type="radio" name="rdbGender" value="male" style="width:10px;margin-left:84px;" />Male
                   <input id="rdbFemale" type="radio" name="rdbGender" value="female" style="width:10px;margin-left:20px;" />Female
               </span>
         </div>

         <div id="emailRegLabel" class="orangeThin" style="width:384px;"> Email               <span class="regInput">
		           <input id="emailRegTextBox" type="text" onblur="checkEmailAvailability(this)" class="inputText" value="" />

	           </span>
         </div>
         <div id="confirmEmailNameLabel" style="width:384px;">Confirm Email               <span class="regInput">
	               <input id="confirmEmailTextBox" type="text" onblur="validate(this,'Email')" class="inputText" />
               </span>
	     </div>
         <div id="passwordLabel" class="orangeThin" style="width:384px;">Password                <span class="regInput">
	                <input id="regPassword" type="password" onblur="validate(this,'');" class="inputText" />
               </span>
         </div>
         <div id="confirmPasswordLabel" style="width:384px;">Confirm Password				<span class="regInput">
                     <input id="registerPasswordConfirmTextBox" type="password" onblur="matchValues('regPassword',this.id);" class="inputText" />
                </span>
         </div>
         <div id="emailMatchingError" style="display:none;" class="errorMessageContainer errorMessageStepOneContainer">
        		<span id="emailErrorLeftEdge" class="ui-corner-tl ui-corner-bl"> </span>
                <span id="emailErrorCenter"> </span>
                <span id="emailErrorRightEdge" class="ui-corner-tr ui-corner-br"> </span>
    			<span id="errorMessageLabel">
                	<span id="pleaseCorrect">Please Correct </span>
                    <span id="emailNoMatch" class="errorMessage errorMessageStepOne">email does not match </span>
                </span>
         </div>
		 <div id="waitEmailAvailDiv"><img id="waitEmailAvail" src="Images/wait.gif"/><span style="color:orange;color: orange; font-size: 12px;margin-left:5px;">checking email availability</span></div>
         <div id="registrationIsBoring"></div>
   	   <div id="lineBreakOne" class="lineBreak"></div>

	</div>



    <div id="registerStepTwoContainer">
	    <br/>
	   	<span id="loginInformation" class="orangeThin">Delivery Address </span><br/>
		<div id="firstNameLabel" class="orangeThin"> Province 			<span id="provincedDropDownContainer" class="phoneDdInput">
				<select name="province" id="provinceDropDown" >
							 <option value="Ontario">Ontario</option>
							 <option value="Quebec">Quebec</option>
							 <option value="Alberta">Alberta</option>
							 <option value="B.Columbia">B.Columbia</option>
				</select>
			</span>
			<span id="cityLabel" class="orangeThin">City </span>
			<span id="cityDropDownContainer" class="phoneDdInput">
				<select name="city" id="cityDropDown">
							  <option value="0" selected="true">-- Choose One --</option>
							 <option value="CityOne">Ontario</option>
							 <option value="CityTwo">Quebec</option>
							 <option value="CityThree">Alberta</option>
							 <option value="CityFour">B.Columbia</option>
				   </select>
               </span>
               <span id="waitCity">
                    	<img src="Images/wait.gif"/>
               </span>
		</div>
	    <div id="cityAddress" class="orangeThin" >
               <!--
			   City 				<span id="cityDropDownContainer" class="phoneDdInput">
				   <select name="city" id="cityDropDown">
							  <option value="0" selected="true">-- Choose One --</option>
							 <option value="CityOne">Ontario</option>
							 <option value="CityTwo">Quebec</option>
							 <option value="CityThree">Alberta</option>
							 <option value="CityFour">B.Columbia</option>
				   </select>
               </span>
               <span id="waitCity">
                    	<img src="Images/wait.gif"/>
               </span>-->
		</div>
		<div id="phonePostalCode" class="orangeThin">Postal Code                <input id="regPostalCodePartOne" class="inputText" type="text" maxlength="3" onblur="validate(this,'PostalCodePart1')" />
               <span id="postCodeDash">-</span>
                    <input id="regPostalCodePartTwo" type="text" maxlength="3" onblur="validate(this,'PostalCodePart2')" class="inputText" />
		</div>
		<div id="streetNumber" class="orangeThin">Street No.                <input id="streetNumberTextBox" onblur="validate(this,'');" type="text" class="inputText"/>
                <span id="streetSuffixDropdownContainer">
                    <select name="suffixNo" id="suffixNo">
                         <option value="0" selected>none</option>
                         <option value="SuffixOne">Suffix1</option>
                         <option value="SuffixTwo">Suffix2</option>
                         <option value="SuffixThree">Suffix3</option>
                         <option value="SuffixFour">Suffix4</option>
		              </select>
                </span>
        </div>
        <div id="streetName" class="orangeThin" style="width:340px;">Street Name                <input id="streetNameTextBox" onblur="validate(this,'');" type="text" class="inputText"/>
                 <span id="streetTypeDropdownContainer">
	                 <select name="streetType"id="streetType">
		                 <option value="0" selected>none</option>
						 <option value="CityOne">type</option>
						 <option value="CityTwo">typeTwo</option>
                         <option value="CityThree">typeThree</option>
                         <option value="CityFour">typeFour</option>
					</select>
				</span>

                <span id="streetDirectionDropdownContainer">
	                <select name="street" id="streetDirection">
			             <option value="0" selected>none</option>
						 <option value="CityOne">direction</option>
						 <option value="CityTwo">north</option>
                         <option value="CityThree">east</option>
                         <option value="CityFour">west</option>
                         <option value="CityFour">south</option>
					</select>
				</span>
        </div>

        <div id="aptNoLabel" class="orangeThin"> Apt/Unit/Suite               <input id="aptNo" type="text" class="inputText"  value=""  placeholder="(if applies)"/>
			   <span id="buzzLabel" style="position:absolute;left:240px;">Buzzer No </span>
                  <input id="aptBuzzerNoTextBox" type="text" class="inputText" value=""  placeholder="(if applies)"/>
        </div>
        <!--<div id="aptBuzzerLabel" class="orangeThin">Buzzer No                   <input id="aptBuzzerNoTextBox" type="text" class="inputText" onblur="showDefaultText(this);" value="if applies" onclick="clearValue(this,'if applies');"/>
	    </div>-->

	    <div id="phoneNumberMatchingError" class="errorMessageContainer errorMessageStepTwoContainer">
          		<span id="emailErrorLeftEdge" class="ui-corner-tl ui-corner-bl"> </span>
                <span id="emailErrorCenter"> </span>
                <span id="emailErrorRightEdge" class="ui-corner-tr ui-corner-br"> </span>
    			<span id="errorMessageLabel">
                	<span id="pleaseCorrect">Please Correct:</span>
                        <span id="emailNoMatch" class="errorMessage errorMessageStepTwo">Enter Valid phone number </span>
					</span>
		</div>
   	    <div id="lineBreakTwo" class="lineBreak"></div>

    </div>



    <div id="regStepThreeContainer">

	<div  data-valphone="1">
	
	       <div id="stepThreeMessage">
	       		<span id="fiveSeconds">Phone Verification Code: </span>
                <span id="phoneRing"><!--Your Phone will ring within 2 secs with your verification code
									<span style="font-size: 12px;">
					(we use this one time security call to ensure
					that you are a real person)</span>-->
							   Your Phone will ring within 5 secs with your verification code<span style='font-size:12px'>
(we use this one time security call to ensure
that you are a real person)</span>				</span>
			</div>
		   <div id="numberToCall">
           		<span id="autoPhoneNumber">Phone number</span>
                <span id="whereToCall">where to be called</span>
                <div id="secondPhoneNo" class="orangeThin">
                    <input id="secondPhoneNoPartOne" class="inputText" onfocus="showPhoneNumberOnFocus();" type="text" onkeyup="validateTextOnly(this,false);" onblur="validatePhoneNumber(this);" maxlength="3"/>
                    <span id="secondPhoneFirstDash">-</span>
	                  <input id="secondPhoneNoPartTwo" class="inputText" onfocus="showPhoneNumberOnFocus();" type="text" onkeyup="validateTextOnly(this,false);" onblur="validatePhoneNumber(this);" maxlength="3"/>
	                  <span id="secondPhoneSecondDash">-</span>
	                  <input id="secondPhoneNoPartThree" class="inputText" onfocus="showPhoneNumberOnFocus();" type="text" onkeyup="validateTextOnly(this,false);" onblur="validatePhoneNumberThree(this);" maxlength="4"/>
			   </div>
           </div>
           <div id="captchaContainer">
                <div id="captchaDisplay"></div>
				<div id="captchCover" ></div>
                <input id="captchaText" type="text" value="enter numbers on the left" onclick="clearValue(this,'enter numbers on the left');" style="margin-left:122px;width:145px;" onblur="showDefaultText(this);" class="inputText"/>
				<span id="captchaRefresh" onclick="DrawCaptcha();">refresh</span>
 				<span class="errorTD" id="errCaptcha"></span>
           </div>
           <div id="callMeContainer">
				<img id="phoneImg" src="Images/phone.png">
			   <span id="callMe">
                        <input type="button" id="callMeImage" style="z-index:300;cursor:pointer;" onclick="sendVerificationCode();" />
               </span>
               <span id="wait">
                        <img src="Images/progressAnimation.gif"/>
                        <span class="orangeThin" id="weArecallingYouLabel">we are calling you</span>
               </span>
           </div>

            <input type="hidden" id="hiddenRandomString" value=""/>
            <div id="verificationCodeMatchingError" class="errorMessageContainer errorMessageStepThreeContainer">
        		<span id="emailErrorLeftEdge" class="ui-corner-tl ui-corner-bl"> </span>
                <span id="emailErrorCenter"> </span>
                <span id="emailErrorRightEdge" class="ui-corner-tr ui-corner-br"> </span>
    			<span id="errorMessageLabel">
                	<span id="pleaseCorrect">Please Correct:</span>
             		<span id="emailNoMatch" class="errorMessage errorMessageStepThree">Wrong Verification Code </span>
                </span>
            </div>
			<div id="verificationCode">
			    <span id="enter" class="comment" onclick="showVerificationCodeTextBox()" style="margin-left:10px;">
				enter</span>
	            <span id="verificationCodeInstructions"  onclick="showVerificationCodeTextBox()">verification code here</span>
	            <input type="text" id="txtVerificationCode" maxlength="4" value="" onclick="clearValue(this,'enter varification code');" onblur="hideVerificationCodeTextBox()" style="display:none;"/>
            </div>

			<!--<div id="newVerificationCode">
				<span id="enter" class="comment" onclick="showVerificationCodeTextBox()" style="margin-left:10px;">
				enter</span>
				<span id="verificationCodeInstructions" class="orange" onclick="showVerificationCodeTextBox()">verification code here</span>
				<input type="text" id="txtVerificationCode" maxlength="4" value="" onclick="clearValue(this,'enter varification code');" onblur="hideVerificationCodeTextBox()" style="display:none;"/>
			</div>-->
</div>
            <span id="doneButton" >
                <input type="hidden" id="next_href" value="" />
                <input type="image" onclick="saveUserInformation();"   style="" id="doneImage" alt="Done" src="Images/Done_Btn.jpg" />
            </span>

            <span id="waitRegister" style="display:none;">
                <img src="Images/wait.gif" alt="wait" width="22" height="22"/>
            </span>

            <div id="finalMessages">
               <input   checked="checked"type="checkbox" style="position:absolute;left:203px;" id="chkSubscribe"/>
            		<span id="marketingMessageOne">
						Send me discounts and promotions
					</span>
                    <br/>
                    <input type="checkbox" id="chkAgree" checked="checked" style="position:absolute;left:203px;top:66px;"/>
                    <span id="marketingMessageTwo">
                    		  <!--I agree to the <a id="showMembership" style="color:#f8941d;cursor:pointer;">Membership Agreement</a>-->
							  I agree to the <a id='showMembership' style='color:#f8941d;cursor:pointer;'>Membership Agreement</a>		              </span>
            </div>

	</div>
	<input type="hidden" id="hiddenFormName" value="Register"/>
	<input type="hidden" id="validatePhone" value="1"/>
	<input type="hidden" id="hiddenSelectedLanguage" 
value="english"></input>
  </div>


  <!-- footer container-->

  <div id="footerContainer">
        <div id="poweredByDiv" style="position:absolute;bottom:5px;left:5px;font-weight:bold;font-size:12px;"><a href="http://www.tastyboom.com"> Powered by TastyBoom</a></div>

        <div id="footerContentNumberDetails">
            
         <div itemscope itemtype="http://schema.org/Restaurant">

            <span itemprop="name" style="display:none;">Restaurant Amara</span>
            
            
            
            <div id="footerImgNumber">&nbsp;
                <span itemprop="telephone">
                                        
                      (514) 613-3344    
                        
                                    </span>
                </div>
                <div id="footerImgText">
	<a href="https://plus.google.com/+RestaurantAmaraMontréal" rel="publisher" class="toolbaar">Google+</a>
                    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                        <span itemprop="streetAddress">
                    
                    1771, rue Grenet</div>
                    </span>
                       <span itemprop="addressLocality" style="display:none;">
                            Montreal                        </span>
                        <span itemprop="addressRegion" style="display:none;">CA</span> 
                        <span itemprop="postalCode" style="display:none;"> H4J  H4K  H4M  H4R  H4S  H4T  H3M  H4L  ...</span>
                    </div>
            
                                         <div id="footerImgText">
                        <a href="https://plus.google.com/+RestaurantAmaraMontr?al" rel="publisher"></a>
                    </div>
                                
                    
                    
                    <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
                        
                        <meta itemprop="latitude" content="" />
                        <meta itemprop="longitude" content="" />
                      </div>

                </div>

                <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
                    <span itemprop="ratingValue" style="display:none;">4</span> 
                     <span itemprop="reviewCount" style="display:none;">250</span> 
                </div>

             </div>      
                        
        </div>
        <!--fancy for update profile done-->
        <div id="updateProfileDiv" class="modal-window">
            <div id="doneText">
                                done!                         
            </div>
            <div id="closeBtnUpdateProfile" class="close"></div>
        </div>
        
        <!--fancy for registration-->
        <div id="registrationDoneDiv" class="modal-window">
            <div id="registerMessageDiv"></div>
            <div id="registrationHeading">
                                Great, we are done!                        
            </div>
            <div id="readyToOrderContent">
                                You are ready to order now.                        
            </div>
            <div id="registrationFancyContent">
                                we sent you a welcome e-mail if you<br/>don't get it, check your junk mail box,<br/> it's important that you get our e-mails,<br/>we will send you email confirmation<br/>after your order	
                
            </div>
            <div id="registrationPizzaImage"></div>
            <div id="closeBtnOfRegFancy" class="close"></div>
        </div>

        
        <!--fancy of vouchers-->
		<div id="vouchersDemoDiv" class="modal-window">
            <div id="vouchersHeading">
                                This is a demo version                        
            </div>
            <div id="vouchersFancyContent">
                              
                
            </div>
            <div id="vouchersPizzaImage"></div>
            <div id="closeBtnOfDemoFancy"></div>
        </div>
		
        <div id="vouchersDoneDiv" class="modal-window">
            <div id="vouchersHeading">
                                Great, we are done!                        
            </div>
            <div id="vouchersFancyContent">
                                <div id="voucher_is_delivery">
                                You will receive order confirmation<br />In your email within the next 5 minutes                </div>
                <div id="voucher_is_pickup">
                                You will receive order confirmation<br />In your email within the next 5 minutes                </div>
            </div>
            <div id="vouchersPizzaImage"></div>
            <div id="closeBtnOfVouchersFancy"></div>
        </div>

        
        <!--fancy of membership agreement-->
        <div id="membershipAgreementDiv" class="modal-window">
            <div id="closeBtnOfMemberAgreementDiv" class="close"></div>
            <div id ="membershiAgreementOutletDiv">
                <div id="scrollbar1">
                    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
                    <div class="viewport">
                        <div class="overview">
                                
                                                                <h3>Membership Agreement</h3>

                                <p>This website is powered by ClickMyRestaurant  (ClickMySlice inc)</p>

                                <p>ClickMyRestaurant assured the protection of your personal information.
                                In order protect you, we have established the following
                                Privacy Policy and Terms & condition.</p>

                                <p>Privacy Policy<br/>
                                ClickMyRestaurant (the 'site') is engage in the protecting the privacy of all
                                user who visit sites part of ClickMyRestaurant network.</p>

                                <p>1. Your personal information<br/>
                                When you create an account or order online at "the site" you will be asked to provide some
                                of your personal information like e-mail address, telephone number physical
                                address, and credit card information as well as any information about yourself
                                that you choose to communicate to us as part of your relationship and use
                                of 'the site'</p>

                                <p>2. Use of personal information<br/>
                                2.1 The use of personal information is to give users access
                                to relevant content of 'the site' and to enable them to place online orders<br/>

                                2.2 ClickMyRestaurant will never sale or share user information
                                with the third parties<br/>

                                2.3 If user authorized ClickMyRestaurant , 'the site' will use part
                                of this information to contact them in order share
                                new sevices and promotions</p>

                                <p>3. Security:<br/>
                                Your personal information is kept confidential and secure and
                                is not disclosed to anyone outside our company without your
                                consent, unless required by law.</p>                                

                                
                        </div>
                    </div>
                </div>
            </div>
        </div>


        
  </div>
<div id="ie_alert_mask"></div>
<div id="ie_alert">
        <div id="alert_head">
        <div id="attention">ATTENTION PLEASE / ATTENTION S'IL VOUS PLAÎT</div>
        <div id="close_div">
            <a id="close_alert" href="check_browser.php">[close/fermer]</a>
        </div>
        <div class="clear"></div>
    </div>
    <div id="alert_body">
        <p>
            With Internet Explorer 6 and 7 you will have problems
                    viewing our content.<br />
            Please update your version of explorer or switch to
                    safari,chrome, firefox or opera.<br /><br /><br />
            Avec Internet Explorer 6 et 7, vous aurez des problèmes
                    pour visualiser le contenu de notre site.<br />
            S'il vous plaît mettre à jour votre version de l'explorateur
                    ou de passer à Safari, Chrome, Firefox ou Opera.<br />
        </p>
        <div id="navigators">
            <div id="safari" class="browsers"></div>
            <div id="chrome" class="browsers"></div>
            <div id="firefox" class="browsers"></div>
            <div id="opera" class="browsers"></div>
            <div class="clear"></div>
        </div>
        <p>Internet Explorer 6 and 7 do not have many of the features
                    of newer browsers, this prevents us to offer a better
                    experience for the majority of our users.<br /><br /><br />Internet Explorer 6 et 7 n'ont pas beaucoup de
                    fonctionnalités denavigateurs plus récents, ce qui nous
                    empêche d'offrir une meilleure expérience pour la majorité
                    de nos utilisateurs.</p>
    </div>
    <div id="alert_footer">
        
    </div>
</div>

</div>


</body>

</html>
