diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asHTML.xml b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asHTML.xml
index 8e7acb41abec235921e0f8f3956dca10f97effa9..026916bd7ad6335465c34f1bf55f9b03ddd510ab 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asHTML.xml
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asHTML.xml
@@ -225,7 +225,8 @@
     </div>\n
 \n
     <div class="listbox-body">\n
-      <table class="listbox">      \n
+      <table class="listbox"\n
+             tal:attributes="class python: \'%s listbox-%s\' %(field_id, list_style)">      \n
         <thead>\n
           <!--Column title -->\n
           <tr class="listbox-label-line">  \n
diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5_listbox.css.xml b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5_listbox.css.xml
index be9ed31ae0fc0ae3cfe0931273ed963fc56380c0..9f4a177105cb29f8fa0ea40507897245d1d57ad0 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5_listbox.css.xml
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5_listbox.css.xml
@@ -655,7 +655,6 @@ div.listbox-tree select{\n
 }\n
 \n
 /* Table Listbox elements */\n
-\n
 table.listbox{\n
   border-collapse:collapse;\n
   width:100%;\n
@@ -767,6 +766,24 @@ table.listbox th img.sort-button-asc{\n
   background: url(\'images/1bottomarrow.png\') no-repeat scroll 100% 100%;\n
 }\n
 \n
+\n
+/* listbox table in thumbnail style \n
+   In thumbnail style we usually have only one thumbnail colum which through CSS\n
+   we show as floating box table row.\n
+*/\n
+table.listbox-thumbnail tbody tr{\n
+  display:block;\n
+  width: 128px; /* nano image width. XXX: dynamically generate. */\n
+  height:128px; /* nano image height. XXX: dynamically generate. */\n
+  float:left;\n
+  margin: 10px;\n
+}\n
+table.listbox-thumbnail tr.DataA, table.listbox-thumbnail tr.DataB,\n
+table.listbox-thumbnail tr.DataA:hover, table.listbox-thumbnail tr.DataB:hover{\n
+  background-color: transparent; /* in thumbnail mode we don\'t care for hoover */\n
+}\n
+\n
+\n
 /* in search mode listbox may contain top/bottom quick search inputs */\n
 div.search-text-listbox{\n
   text-align: center;\n
diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision b/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision
index 0e4cd995bbd11f83e4c33ba2cb46c8b7ad17ec0b..8c7b65e297f19f067f82b8a10e238a121cfc4997 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision
@@ -1 +1 @@
-1012
\ No newline at end of file
+1014
\ No newline at end of file