general performance improvement

catalog/static/css/modal1.css

+/*
+Complementary css for modal 1 ('no products available' modal)
+*/
+
+
+.modal-content {
+    border-radius : 5px;
+}
+
+.modal-header {
+    background-color        : #dc7828;
+    border-top-left-radius  : 5px;
+    border-top-right-radius : 5px;
+}
+
+.modal-title {
+    text-align  : center;
+    color       : white;
+    font-weight : bolder;
+}
+
+.modal-body {
+    text-align : center;
+}
+
+.btn-modal-1 {
+    margin-left      : 47%;
+    background-color : #666;
+    color            : white;
+}

catalog/templates/noProductsModal.html

+<!--
+    Modal when there's no product available for a certain search.
+-->
+
+<div class="modal fade" id="no-prods-modal" style="display: none;">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">×</span></button>
+        <h4 class="modal-title">No products were found!</h4>
+      </div>
+      <div class="modal-body">
+        <p>Parameters for this search brought no results...</p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-modal-1 pull-left" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>