diff --git a/ui/plugins/testPlugin/testPlugin.css b/ui/plugins/testPlugin/testPlugin.css
new file mode 100644
index 00000000000..19e12414d32
--- /dev/null
+++ b/ui/plugins/testPlugin/testPlugin.css
@@ -0,0 +1,2 @@
+/* Put your CSS here */
+
diff --git a/ui/scripts/plugins.js b/ui/scripts/plugins.js
index 5cc3185db07..f513ed6d8bb 100644
--- a/ui/scripts/plugins.js
+++ b/ui/scripts/plugins.js
@@ -1,4 +1,16 @@
 (function($, cloudStack, require) {
+  var loadCSS = function(path) {
+    var $link = $('<link>');
+
+    $link.attr({
+      rel: 'stylesheet',
+      type: 'text/css',
+      href: path
+    });
+
+    $('head').append($link);
+  };
+
   var pluginAPI = {
     addSection: function(section) {
       cloudStack.sections[section.id] = section;
@@ -18,14 +30,18 @@
     var basePath = 'plugins/' + pluginID + '/';
     var pluginJS = basePath + pluginID + '.js';
     var configJS = basePath + 'config.js';
+    var pluginCSS = basePath + pluginID + '.css';
 
     require([pluginJS], function() {
       require([configJS]);
+      loadCSS(pluginCSS);
 
       // Execute plugin
       cloudStack.plugins[pluginID]({
         ui: pluginAPI
       });
     });
+
+    // Load CSS
   });
 }(jQuery, cloudStack, require));