diff --git a/mojotrollz/api/charcreation/charcreation.php b/mojotrollz/api/charcreation/charcreation.php
index 21512cd..ece1ffd 100644
--- a/mojotrollz/api/charcreation/charcreation.php
+++ b/mojotrollz/api/charcreation/charcreation.php
@@ -30,6 +30,7 @@ class charcreation {
                         'char_hair_color' => self::DEFAULT_CHAR_APPEARANCE,
                         'char_face' => self::DEFAULT_CHAR_APPEARANCE,
                         'char_facial_hair' => self::DEFAULT_CHAR_APPEARANCE,
+                        'char_facial_hair_color' => self::DEFAULT_CHAR_APPEARANCE,
                         'char_skill_tree' => 0,
                         'char_equip' => 0,
                         'char_guild' => 0,
diff --git a/mojotrollz/api/charcreation/charcreation_validator.php b/mojotrollz/api/charcreation/charcreation_validator.php
index 6b2bd7c..834b758 100644
--- a/mojotrollz/api/charcreation/charcreation_validator.php
+++ b/mojotrollz/api/charcreation/charcreation_validator.php
@@ -55,6 +55,11 @@ class charcreation_validator {
         $data['char_facial_hair'] = $value;
         \SYSTEM\SECURITY\Security::save(charcreation::MOJO_CC_SESSIONKEY,$data);
     }
+    public static function char_facial_hair_color($value){
+        $data = \SYSTEM\SECURITY\Security::load(charcreation::MOJO_CC_SESSIONKEY);
+        $data['char_facial_hair_color'] = $value;
+        \SYSTEM\SECURITY\Security::save(charcreation::MOJO_CC_SESSIONKEY,$data);
+    }
     
     public static function char_skill_tree($value){}
     public static function char_equip($value){}
diff --git a/mojotrollz/page/wizard_visuals/js/wizard_visuals.js b/mojotrollz/page/wizard_visuals/js/wizard_visuals.js
index b301efd..fc62bd3 100644
--- a/mojotrollz/page/wizard_visuals/js/wizard_visuals.js
+++ b/mojotrollz/page/wizard_visuals/js/wizard_visuals.js
@@ -14,6 +14,7 @@ function init_wizard_visuals (){
         sendInfo('{"char_face" : "'+$(this).val()+'"}','wizard_visuals');});
     $('#sel_facial_hair').change(function(){
         sendInfo('{"char_facial_hair" : "'+$(this).val()+'"}','wizard_visuals');});
-    
+    $('#sel_facial_hair_color').change(function(){
+        sendInfo('{"char_facial_hair_color" : "'+$(this).val()+'"}','wizard_visuals');});
     //$('.item').draggable();
 }
\ No newline at end of file
diff --git a/mojotrollz/page/wizard_visuals/wizard_visuals.tpl b/mojotrollz/page/wizard_visuals/wizard_visuals.tpl
index 40d5362..4157437 100644
--- a/mojotrollz/page/wizard_visuals/wizard_visuals.tpl
+++ b/mojotrollz/page/wizard_visuals/wizard_visuals.tpl
@@ -17,7 +17,7 @@
         <param name="allowscriptaccess" value="always">
         <!--<param name="allowfullscreen" value="true">-->
         <param name="menu" value="false">
-        <param name="flashvars" value="model=${char_race}${char_gender}&amp;modelType=16&amp;cls=1&amp;equipList=${char_equip}&amp;sk=${char_skin_color}&amp;ha=${char_hair}&amp;hc=${char_hair_color}&amp;fa=${char_face}&amp;fh=${char_facial_hair}&amp;fc=2&amp;mode=3&amp;contentPath=http://wow.zamimg.com/modelviewer/&amp;hd=true&amp;blur=1">
+        <param name="flashvars" value="model=${char_race}${char_gender}&amp;modelType=16&amp;cls=1&amp;equipList=${char_equip}&amp;sk=${char_skin_color}&amp;ha=${char_hair}&amp;hc=${char_hair_color}&amp;fa=${char_face}&amp;fh=${char_facial_hair}&amp;fc=${char_facial_hair_color}&amp;mode=3&amp;contentPath=http://wow.zamimg.com/modelviewer/&amp;hd=true&amp;blur=1">
         <!--<param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>-->
     </object>
     <!--<object data="http://static.wowhead.com/modelviewer/ModelView.swf" width="290px" height="400px" type="application/x-shockwave-flash">
@@ -25,7 +25,7 @@
         <param value="transparent" name="wmode" />
         <param value="always" name="allowsscriptaccess" />
         <param value="false" name="menu" />
-        <param name="flashvars" value="model=${char_race}${char_gender}&amp;modelType=16&amp;equipList=${char_equip}&amp;sk=${char_skin_color}&amp;ha=${char_hair}&amp;hc=${char_hair_color}&amp;fa=${char_face}&amp;fh=${char_facial_hair}&amp;fc=8&amp;mode=3&amp;contentPath=http://static.wowhead.com/modelviewer/&amp;blur=1&amp;equipList=1,1117" />
+        <param name="flashvars" value="model=${char_race}${char_gender}&amp;modelType=16&amp;equipList=${char_equip}&amp;sk=${char_skin_color}&amp;ha=${char_hair}&amp;hc=${char_hair_color}&amp;fa=${char_face}&amp;fh=${char_facial_hair}&amp;fc=${char_facial_hair_color}&amp;mode=3&amp;contentPath=http://static.wowhead.com/modelviewer/&amp;blur=1&amp;equipList=1,1117" />
         <param movie="http://static.wowhead.com/modelviewer/modelviewer_scale.swf?4"/>
     </object>-->
     <img src="${WOWICONS}Ui-paperdoll-slot-mainhand.png" width="48px" style="margin-left: 45px; float: left;"/>
@@ -122,6 +122,21 @@
                 <option value="9">9</option>
             </select></td>
         </tr>
+        <tr>
+            <td>Facial Hair Color ${char_facial_hair_color}</td>
+            <td><select id="sel_facial_hair_color">
+                <option value="0" selected>0</option>
+                <option value="1">1</option>
+                <option value="2">2</option>
+                <option value="3">3</option>
+                <option value="4">4</option>
+                <option value="5">5</option>
+                <option value="6">6</option>
+                <option value="7">7</option>
+                <option value="8">8</option>
+                <option value="9">9</option>
+            </select></td>
+        </tr>
     </table>
 </div>
 <div class="clear"></div>