diff --git a/ui/css/main.css b/ui/css/main.css
index 0a51f91321f..48c5d9a10d3 100644
--- a/ui/css/main.css
+++ b/ui/css/main.css
@@ -4301,6 +4301,120 @@ a:hover.search_button {
 	cursor:pointer;
 	cursor:hand;
 }
+
+
+.zonepopup_container {
+	width:500px;
+	height:505px;
+	float:left;
+	position:absolute;
+	top:200px;
+	left:22%;
+	z-index:2002;
+	margin:0;
+	padding:0;
+}
+
+.zonepopup_container_top {
+	width:500px;
+	height:30px;
+	float:left;
+	background:url(../images/vmpopup_top.png) no-repeat top left;
+	margin:0;
+	padding:0;
+	overflow:hidden;
+}
+
+.zonepopup_steps {
+	width:71px;
+	height:21px;
+	float:left;
+	color:#333;
+	font-size:12px;
+	font-weight:normal;
+	text-align:left;
+	margin:0;
+	padding:9px 0 0 25px;
+}
+
+.zonepopup_maincontentarea {
+	width:500px;
+	height:340px;
+	float:left;
+	margin:20px 0 0 19px;
+	display:inline;
+	padding:0;
+}
+
+.zonepopup_titlebox {
+	width:500px;
+	height:auto;
+	float:left;
+	margin:0;
+	padding:0;
+}
+
+.zonepopup_titlebox h2 {
+	width:450px;
+	height:auto;
+	color:#003a53;
+	font-size:16px;
+	font-weight:normal;
+	text-align:left;
+	float:left;
+	margin:0;
+	padding:0;
+}
+
+.zonepopup_titlebox p {
+	width:450px;
+	height:auto;
+	color:#999;
+	font-size:11px;
+	font-weight:normal;
+	text-align:left;
+	float:left;
+	margin:7px 0 0 0;
+	padding:0;
+}
+
+.zonepopup_contentpanel {
+	width:500px;
+	height:240px;
+	float:left;
+	margin:15px 0 0 0;
+	padding:0;
+}
+
+.zonepopup_contentpanel h3 {
+	width:500px;
+	height:auto;
+	color:#003a52;
+	font-size:12px;
+	font-weight:bold;
+	float:left;
+	margin:0 0 0 0;
+}
+
+.zonepopup_container_mid {
+	width:500px;
+	height:260px;
+	float:left;
+	background:url(../images/vmpopup_mid.gif) repeat-y top left;
+	margin:0;
+	padding:0;
+}
+
+.zonepopup_container_bot {
+	width:500px;
+	height:12px;
+	float:left;
+	background:url(../images/vmpopup_bot.png) no-repeat top left;
+	margin:0;
+	padding:0;
+}
+
+
 /* customized jquery css */
 .ui-widget-header { 
 	border: 1px solid #c0bfbf; 
diff --git a/ui/jsp/zone.jsp b/ui/jsp/zone.jsp
index 8a50dad2eaa..9d553e0171f 100644
--- a/ui/jsp/zone.jsp
+++ b/ui/jsp/zone.jsp
@@ -27,6 +27,112 @@
         <div class="content_tabs off" id="tab_secondarystorage">
             <%=t.t("secondary.storage")%></div>
     </div>
+    
+    
+<!-- Zone wizard (begin)-->
+<div class="ui-widget-overlay" style="display:none;"></div>
+<div class="zonepopup_container" style="display: none">
+    <div id="step1" style="display: block;">
+        <div class="zonepopup_container_top">
+            <div class="vmpopup_steps" style="color: #FFF; background: url(images/step1_bg.png) no-repeat top left">
+                Step 1</div>
+            <div class="vmpopup_steps" style="background: url(images/step2_bg.gif) no-repeat top left">
+                Step 2</div>
+            <div class="vmpopup_steps" style="background: url(images/othersteps_bg.gif) no-repeat top left">
+                Step 3</div>
+            <div class="vmpopup_steps" style="background: url(images/laststep_bg.gif) no-repeat top left">
+            </div>
+            <div class="vmpopup_container_closebutton" id="close_button">
+            </div>
+        </div>
+        <div class="zonepopup_container_mid">
+            <div class="vmpopup_maincontentarea">
+                <div class="vmpopup_titlebox">
+                    <h2>
+                        Step 1: <strong>Select a Network</strong></h2>
+                    <p>
+                        Please select a template for your new virtual instance. You can also choose to select
+                        a blank template from which an ISO image can be installed onto.
+                    </p>
+                </div>
+                <div class="vmpopup_contentpanel">
+                    <div class="rev_tempsearchpanel">
+                        <label for="wizard_zone">
+                            Availability Zone:</label>
+                        <select class="select" id="wizard_zone" name="zone">
+                        </select>
+                        
+                                        
+                        
+                        <div class="rev_tempsearchbox">
+                            <form method="post" action="#">
+                            <ol>
+                                <li>
+                                    <input id="search_input" class="text" type="text" name="search_input" />
+                            </ol>
+                            </form>
+                            <div id="search_button" class="rev_searchbutton">
+                                Search</div>
+                        </div>
+                    </div>
+                    <div class="rev_wizformarea">
+                        <div class="revwiz_message_container" style="display: none;" id="wiz_message">
+                            <div class="revwiz_message_top">
+                                <p id="wiz_message_text">
+                                    Please select a template or ISO to continue</p>
+                            </div>
+                            <div class="revwiz_message_bottom">
+                                <div class="revwizcontinue_button" id="wiz_message_continue">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="rev_wizmid_tempbox">
+                            <div class="revwiz_loadingbox" id="wiz_template_loading" style="display: none">
+                                <div class="loading_gridanimation">
+                                </div>
+                                <p>
+                                    Loading...</p>
+                            </div>
+                            <div class="rev_wizmid_tempbox_left" id="wiz_template_filter">
+                                <div class="rev_wizmid_selectedtempbut" id="wiz_featured">
+                                    Featured Template</div>
+                                <div class="rev_wizmid_nonselectedtempbut" id="wiz_my">
+                                    My Template</div>
+                                <div class="rev_wizmid_nonselectedtempbut" id="wiz_community">
+                                    Community Template</div>
+                                <div class="rev_wizmid_nonselectedtempbut" id="wiz_blank">
+                                    Blank Template</div>
+                            </div>
+                            <div class="rev_wizmid_tempbox_right">
+                                <div class="rev_wiztemplistpanel" id="template_container">  
+                                    
+                                </div>
+                                <div class="rev_wiztemplistactions">
+                                    <div class="rev_wiztemplist_actionsbox">
+                                        <a href="#" id="prev_page">Prev</a> <a href="#" id="next_page">Next</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="vmpopup_navigationpanel">
+                    <div class="vmpop_prevbutton" id="prev_step" style="display: none;">
+                    </div>
+                    <div class="vmpop_nextbutton" id="next_step">
+                        Go to Step 2</div>
+                </div>
+            </div>
+        </div>
+        <div class="zonepopup_container_bot">
+        </div>
+    </div>
+    
+    
+    
+    
+</div>
+<!-- Zone wizard (end)-->
     <!-- Details tab (start)-->
     <div id="tab_content_details">
         <div id="tab_spinning_wheel" class="rightpanel_mainloader_panel" style="display: none;">