diff --git a/indra/newview/skins/firestorm/xui/en/panel_outfits_inventory.xml b/indra/newview/skins/firestorm/xui/en/panel_outfits_inventory.xml
new file mode 100644
index 0000000000..b12e07c895
--- /dev/null
+++ b/indra/newview/skins/firestorm/xui/en/panel_outfits_inventory.xml
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+ <panel name="Outfits"
+ bg_alpha_color="Transparent"
+ bg_opaque_color="Transparent"
+ background_opaque="false"
+ background_visible="true"
+  follows="all"
+ height="575"
+ label="Things"
+ layout="topleft"
+ min_height="350"
+ min_width="240"
+ width="320"
+ border="false">
+   <panel.string
+     name="wear_outfit_tooltip">
+     Wear selected outfit
+   </panel.string>
+   <panel.string
+     name="wear_items_tooltip">
+     Wear selected items
+   </panel.string>
+   <tab_container
+     follows="all"
+     height="539"
+     layout="topleft"
+     left="4"
+     name="appearance_tabs"
+     tab_position="top"
+     halign="center"
+     top="8"
+     right="-1">
+         <panel
+           class="outfits_list"
+           filename="panel_outfits_list.xml"
+           height="520"
+           name="outfitslist_tab"
+           background_visible="true"
+           bg_alpha_color="SL-Background_66"
+           help_topic="my_outfits_tab"
+           follows="all"
+           label="MY OUTFITS"
+           layout="topleft"
+           right="-1" />
+         <panel
+           background_visible="true"
+           bg_alpha_color="SL-Background_66"
+           class="panel_wearing"
+           filename="panel_outfits_wearing.xml"
+           follows="all"
+           height="520"
+           help_topic="now_wearing_tab"
+           label="WEARING"
+           layout="topleft"
+           name="cof_tab"
+           right="-1" />
+   </tab_container>
+
+   <panel
+       background_visible="true"
+       follows="bottom|left|right"
+       height="27"
+       layout="topleft"
+       left="0"
+       top_pad="1"
+       visible="true"
+       name="bottom_panel"
+       width="320">
+			<layout_stack
+     	         follows="bottom|left|right"
+		         height="23"
+		         layout="topleft"
+		         mouse_opaque="false"
+		         name="bottom_panel_ls"
+		         left="4"
+		         orientation="horizontal"
+		         top="0"
+                 width="316">
+			    <layout_panel
+			         follows="bottom|left|right"
+			         height="23"
+                     layout="bottomleft"
+                     left="0"
+                     mouse_opaque="false"
+                     name="save_btn_lp"
+                     user_resize="false"
+                     auto_resize="true"
+                     width="156">
+                    <button
+                         follows="bottom|left|right"
+                         height="23"
+                         label="Save As"
+                         left="4"
+                         layout="topleft"
+                         name="save_btn"
+                         top="0"
+                         right="-1" />
+                    <button
+                         follows="bottom|right"
+                         height="23"
+                         name="save_flyout_btn"
+                         label=""
+                         layout="topleft"
+                         left_pad="-20"
+                         tab_stop="false"
+                         image_selected="SegmentedBtn_Right_Selected_Press"
+                         image_unselected="SegmentedBtn_Right_Off"
+                         image_pressed="SegmentedBtn_Right_Press"
+                         image_pressed_selected="SegmentedBtn_Right_Selected_Press"
+                         image_overlay="Arrow_Small_Up"
+                         width="20"/>
+			    </layout_panel>
+			    <layout_panel
+                     follows="bottom|left|right"
+                     height="23"
+                     layout="bottomleft"
+                     left_pad="4"
+                     mouse_opaque="false"
+                     name="wear_btn_lp"
+                     user_resize="false"
+                     auto_resize="true"
+                     width="156">
+                    <button
+                         follows="bottom|left|right"
+                         height="23"
+                         label="Wear"
+                         layout="topleft"
+                         name="wear_btn"
+                         left="0"
+                         top="0"
+                         right="-2" />
+			    </layout_panel>
+			</layout_stack>
+   </panel>
+</panel>
diff --git a/indra/newview/skins/firestorm/xui/en/panel_outfits_list.xml b/indra/newview/skins/firestorm/xui/en/panel_outfits_list.xml
new file mode 100644
index 0000000000..d6620adb87
--- /dev/null
+++ b/indra/newview/skins/firestorm/xui/en/panel_outfits_list.xml
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<panel
+   background_visible="false"
+   border="false"
+   follows="all"
+   height="430"
+   name="Outfits"
+   layout="topleft"
+   left="0"
+   top="0"
+   width="312">
+    <accordion
+     no_matched_tabs_text.value="Didn't find what you're looking for? Try [secondlife:///app/search/all/[SEARCH_TERM] Search]."
+     no_matched_tabs_text.v_pad="10"
+     no_visible_tabs_text.value="You don't have any outfits yet. Try [secondlife:///app/search/all/ Search]"
+     follows="all"
+     height="400"
+     layout="topleft"
+     left="3"
+     name="outfits_accordion"
+     top="0"
+     width="309">
+    </accordion>
+    <panel
+     background_visible="true"
+	 follows="bottom|left|right"
+	 height="28"
+	 layout="topleft"
+	 left="4"
+	 top_pad="0"
+	 visible="true"
+	 name="bottom_panel"
+	 width="312">
+     <button
+       follows="bottom|left"
+       tool_tip="Show additional options"
+       height="25"
+       image_hover_unselected="Toolbar_Left_Over"
+       image_overlay="OptionsMenu_Off"
+       image_selected="Toolbar_Left_Selected"
+       image_unselected="Toolbar_Left_Off"
+       layout="topleft"
+       left="0"
+       name="options_gear_btn"
+       top="1"
+       width="31" />
+     <icon
+       follows="bottom|left|right"
+       height="25"
+       image_name="Toolbar_Middle_Off"
+       layout="topleft"
+       left_pad="1"
+       name="dummy_icon"
+       width="243"/>
+      <button
+       follows="bottom|right"
+       height="25"
+       image_hover_unselected="Toolbar_Right_Over"
+       image_overlay="TrashItem_Off"
+       image_selected="Toolbar_Right_Selected"
+       image_unselected="Toolbar_Right_Off"
+       layout="topleft"
+       left_pad="1"
+       name="trash_btn"
+       tool_tip="Delete selected outfit"
+       width="31"/>
+    </panel>
+</panel>
diff --git a/indra/newview/skins/firestorm/xui/en/panel_outfits_wearing.xml b/indra/newview/skins/firestorm/xui/en/panel_outfits_wearing.xml
new file mode 100644
index 0000000000..eda4a74dcf
--- /dev/null
+++ b/indra/newview/skins/firestorm/xui/en/panel_outfits_wearing.xml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<panel
+ follows="all"
+ height="430"
+ layout="topleft"
+ left="0"
+ name="Wearing"
+ top="0"
+ width="312">
+    <wearable_items_list
+     follows="all"
+     height="400"
+     layout="topleft"
+     left="3"
+     multi_select="true"
+     name="cof_items_list"
+     standalone="false"
+     top="0"
+     width="309"
+     worn_indication_enabled="false" />
+    <panel
+     background_visible="true"
+     follows="bottom|left|right"
+     height="28"
+     layout="topleft"
+     left="4"
+     name="bottom_panel"
+     top_pad="0"
+     width="312">
+        <button
+         follows="bottom|left"
+         height="25"
+         image_hover_unselected="Toolbar_Left_Over"
+         image_overlay="OptionsMenu_Off"
+         image_selected="Toolbar_Left_Selected"
+         image_unselected="Toolbar_Left_Off"
+         layout="topleft"
+         left="0"
+         name="options_gear_btn"
+         tool_tip="Show additional options"
+         top="1"
+         width="31" />
+        <icon
+         follows="bottom|left|right"
+         height="25"
+         image_name="Toolbar_Right_Off"
+         layout="topleft"
+         left_pad="1"
+         name="dummy_icon"
+         width="274" />
+    </panel>
+</panel>