diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index bbbc9d672e5..239ce943856 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -1317,11 +1317,19 @@ a:visited {
 	width:150px;
 	height:auto;
 	float:left;
-	margin:7px 0 0 65px;
+	margin:7px 0 0 60px;
 	display:inline;
 	padding:0;
 }
 
+.leftmenu_fourthindent{
+	width:170px;
+	height:auto;
+	float:left;
+	margin:7px 0 0 100px;
+	display:inline;
+	padding:0;
+}
 
 
 .leftmenu_titles {
@@ -1770,9 +1778,9 @@ a:hover.search_button {
 	margin:0 0 0 0;
 	list-style:none;
 	padding:0;
-	overflow-y:scoll;
-	overflow-y:auto;
-	overflow-x:hidden;
+	overflow-x:scoll;
+	overflow-x:auto;
+	overflow-y:hidden;
 	padding:0;
 }
 
@@ -2891,29 +2899,7 @@ a:hover.search_button {
 	text-decoration:underline;
 }
 
-.zonetree_closedarrows {
-	width:12px;
-	height:14px;
-	background:url(../images/zone_sidearrow.png) no-repeat top left;
-	float:left;
-	margin:5px 5px 0 8px;
-	display:inline;
-	padding:0;
-	cursor:pointer;
-	cursor:hand;
-}
 
-.zonetree_openarrows {
-	width:12px;
-	height:14px;
-	background:url(../images/zone_openarrow.png) no-repeat top left;
-	float:left;
-	margin:10px 5px 0 8px;
-	display:inline;
-	padding:0;
-	cursor:pointer;
-	cursor:hand;
-}
 
 .db_resourcebox {
 	width:75%;
@@ -3260,13 +3246,11 @@ a:hover.search_button {
 /* zonetree (begin) */
 
 .zonetree_contentbox {
-	width:530px;
-	height:590px;
+	width:220px;
+	height:auto;
 	float:left;
-	margin:15px 0 0 0;
-	overflow-x:hidden;
-	overflow-y:scroll;
-	overflow-y:auto;
+	margin:0 0 0 0;
+	padding:0;
 }
 
 .zonetree_contentbox p {
@@ -3311,7 +3295,7 @@ a:hover.search_button {
 
 
 .zonetree_firstlevel {
-	width:510px;
+	width:220px;
 	height:25px;
 	float:left;
 	margin:0 0 5px 0;
@@ -3319,7 +3303,7 @@ a:hover.search_button {
 }
 
 .zonetree_firstlevel_selected {
-	width:510px;
+	width:220px;
 	height:25px;
 	float:left;
 	margin:0 0 5px 0;
@@ -3386,7 +3370,7 @@ a:hover.search_button {
 	height:14px;
 	background:url(../images/zone_sidearrow.png) no-repeat top left;
 	float:left;
-	margin:5px 5px 0 8px;
+	margin:0 5px 0 0px;
 	display:inline;
 	padding:0;
 	cursor:pointer;
@@ -3398,7 +3382,7 @@ a:hover.search_button {
 	height:14px;
 	background:url(../images/zone_openarrow.png) no-repeat top left;
 	float:left;
-	margin:10px 5px 0 8px;
+	margin:2px 5px 0 0px;
 	display:inline;
 	padding:0;
 	cursor:pointer;
diff --git a/ui/new/images/zone_clustericon.png b/ui/new/images/zone_clustericon.png
index 5f881f42095..e93d1d103ea 100644
Binary files a/ui/new/images/zone_clustericon.png and b/ui/new/images/zone_clustericon.png differ
diff --git a/ui/new/images/zone_hosticon.png b/ui/new/images/zone_hosticon.png
index 5f881f42095..5bd2ab897fb 100644
Binary files a/ui/new/images/zone_hosticon.png and b/ui/new/images/zone_hosticon.png differ
diff --git a/ui/new/images/zone_podicon.png b/ui/new/images/zone_podicon.png
index 5f881f42095..66ce4b695b3 100644
Binary files a/ui/new/images/zone_podicon.png and b/ui/new/images/zone_podicon.png differ
diff --git a/ui/new/images/zone_primarystorageicon.png b/ui/new/images/zone_primarystorageicon.png
index 5f881f42095..c72f04d7554 100644
Binary files a/ui/new/images/zone_primarystorageicon.png and b/ui/new/images/zone_primarystorageicon.png differ
diff --git a/ui/new/images/zone_systemvmicon.png b/ui/new/images/zone_systemvmicon.png
index 5f881f42095..c32185556cb 100644
Binary files a/ui/new/images/zone_systemvmicon.png and b/ui/new/images/zone_systemvmicon.png differ
diff --git a/ui/new/images/zone_zoneicon.png b/ui/new/images/zone_zoneicon.png
index 176dbe73217..93b1fb26889 100644
Binary files a/ui/new/images/zone_zoneicon.png and b/ui/new/images/zone_zoneicon.png differ
diff --git a/ui/new/jsp/resource.jsp b/ui/new/jsp/resource.jsp
index d7895e2f2ef..20db32d1bc8 100644
--- a/ui/new/jsp/resource.jsp
+++ b/ui/new/jsp/resource.jsp
@@ -270,12 +270,6 @@
 
 <!-- Zonetree Template (begin) -->
 <div class="zonetree_contentbox" id="zonetree" style="display:none">
-    <div class="zonetree_addbox">
-        <div class="zonetree_addicon">
-        </div>
-        <div class="zonetree_links" id="action_add_zone">
-            Add a Zone</div>
-    </div>
     <div id="zones_container">
     </div>
 </div>
@@ -288,10 +282,12 @@
 	    <div class="adding_text">Adding a zone &hellip; </div>
     </div>
     <div id="row_container">
-	    <div class="zonetree_firstlevel">
-		    <div class="zonetree_closedarrows" id="zone_expand"></div>
-		    <div class="zonetree_zoneicon"></div>
-		    <p>Zone:<div class="zonetree_links" id="zone_name">Zone 1</div></p>
+	    <div class="leftmenu_content">
+        	<div class="leftmenu_firstindent">
+                <div class="zonetree_closedarrows" id="zone_expand"></div>
+                <div class="leftmenu_list_icons"><img src="images/zone_zoneicon.png" alt="Zone" /></div>
+                Zone: <strong><span id="zone_name">Zone 1</span></strong>
+            </div>
 	    </div>
 	    <div id="zone_content" style="display:none">
 		    <div id="pods_container">
@@ -304,20 +300,23 @@
 <!-- Zone Template (end) -->
 
 <!-- Pod Template (begin) -->
-<div id="pod_template" style="display:none">
-	<div class="adding_loading" style="height:25px;display:none" id="loading_container">
-	    <div class="adding_animation"></div>
-	    <div class="adding_text">Adding a pod &hellip; </div>
-    </div>
-    <div id="row_container">  
-	    <div class="zonetree_secondlevel">
-		    <div class="zonetree_podicon"></div>
-		    <p>Pod:<div class="zonetree_links" id="pod_name">Name of the Pod</div></p>
-	    </div>
-	    <div id="pod_content">
-	        <!--  
-	        <div id="directip_ranges_container">
-		    </div>
+    <div id="pod_template" style="display:none">
+        <div class="adding_loading" style="height:25px;display:none" id="loading_container">
+            <div class="adding_animation"></div>
+            <div class="adding_text">Adding a pod &hellip; </div>
+        </div>
+        <div id="row_container">  
+            <div class="leftmenu_content">
+            	<div class="leftmenu_secondindent">
+                    <div class="zonetree_openarrows" id="zone_expand"></div>
+                    <div class="leftmenu_list_icons"><img src="images/zone_podicon.png" alt="Pod" /></div>
+                    Pod: <strong><span id="pod_name">Name of the Pod</span></strong>
+                </div>
+            </div>
+            <div id="pod_content">
+                <!--  
+                <div id="directip_ranges_container">
+                </div>
 		    -->
 		    <div id="clusters_container">
 		    </div>
@@ -329,9 +328,12 @@
 <!-- SystemVM Template (begin) -->
 <div id="systemvm_template" style="display:none">	
     <div id="row_container">  
-	    <div class="zonetree_secondlevel">
-		    <div class="zonetree_systemvmicon"></div>
-		    <p>System VM:<div class="zonetree_links" id="systemvm_name">(System VM name)</div></p>
+	    <div class="leftmenu_content">
+        	<div class="leftmenu_secondindent">
+            	<div class="zonetree_openarrows" style="background:none;"></div>
+                <div class="leftmenu_list_icons"><img src="images/zone_systemvmicon.png" alt="System VM" /></div>
+                System VM: <strong><span id="systemvm_name">(System VM name)</span></strong>
+            </div>
 	    </div>	    
 	</div>
 </div>
@@ -344,9 +346,12 @@
 	    <div class="adding_text">Adding a cluster &hellip; </div>
     </div>
     <div id="row_container">  
-	    <div class="zonetree_thirdlevel">
-		    <div class="zonetree_clustericon"></div>
-		    <p>Cluster:<div class="zonetree_links" id="cluster_name">(Name of the Cluster)</div></p>
+	    <div class="leftmenu_content">
+        	<div class="leftmenu_thirdindent">
+            	<div class="zonetree_openarrows" id="zone_expand"></div>
+                <div class="leftmenu_list_icons"><img src="images/zone_clustericon.png" alt="Cluster" /></div>
+                Cluster: <strong><span id="cluster_name">(Name of the Cluster)</span></strong>
+            </div>
 	    </div>	    
 	    <div id="cluster_content">	        
 		    <div id="hosts_container">
@@ -365,9 +370,11 @@
 	    <div class="adding_text">Adding a host &hellip; </div>
     </div>
     <div id="row_container">  
-	    <div class="zonetree_forthlevel">
-		    <div class="zonetree_hosticon"></div>
-		    <p>Host:<div class="zonetree_links" id="host_name">(Name of the Host)</div></p>
+	    <div class="leftmenu_content">
+        	<div class="leftmenu_fourthindent">
+                <div class="leftmenu_list_icons"><img src="images/zone_hosticon.png" alt="Host" /></div>
+                Host: <strong><span id="host_name">(Name of the Host)</span></strong>
+            </div>
 	    </div>
 	</div>
 </div>
@@ -380,9 +387,11 @@
 	    <div class="adding_text">Adding a primary storage &hellip; </div>
     </div>
     <div id="row_container">  
-	    <div class="zonetree_forthlevel">
-		    <div class="zonetree_primarystorageicon"></div>
-		    <p>Primary:<div class="zonetree_links" id="primary_storage_name">(Name of the Primary Storage)</div></p>
+	    <div class="leftmenu_content">
+        	<div class="leftmenu_fourthindent">
+                <div class="leftmenu_list_icons"><img src="images/zone_primarystorageicon.png" alt="PrimaryStorage" /></div>
+                Primary: <strong><span id="primary_storage_name">(Name of the Primary Storage)</span></strong>
+            </div>
 	    </div>
 	</div>
 </div>