Index: components/artifactView/html/view.html
===================================================================
--- components/artifactView/html/view.html	(revision 9579)
+++ components/artifactView/html/view.html	(working copy)
@@ -103,7 +103,7 @@
 	                    <h2 class="flc-cabinet-header">Header</h2>
 	                </div>
 	                <div class="flc-navigationList flc-cabinet-contents">
-	                    <ul class="flc-navigationList-listGroup fl-list fl-list-menu fl-list-thumbnails">
+	                    <ul class="flc-navigationList-listGroup fl-navigationList-container fl-list fl-list-menu fl-list-thumbnails">
 	                        <li class="flc-navigationList-items">
 	                            <div class="flc-navigationList-linkContainer">
 	                                <a class="flc-navigationList-link">
Index: components/browse/html/browse.html
===================================================================
--- components/browse/html/browse.html	(revision 9579)
+++ components/browse/html/browse.html	(working copy)
@@ -82,7 +82,7 @@
                     <span class="flc-cabinet-headerDescription fl-font-size-80">Description</span>
                 </div>
                 <div class="flc-navigationList flc-cabinet-contents">
-                    <ul class="flc-navigationList-listGroup fl-list fl-list-menu fl-list-thumbnails">
+                    <ul class="flc-navigationList-listGroup fl-navigationList-container fl-list fl-list-menu fl-list-thumbnails">
                         <li class="flc-navigationList-items">
                             <div class="flc-navigationList-linkContainer">
                                 <a class="flc-navigationList-link fl-engage-badged-thumbnail">
Index: components/catalogue/html/view.html
===================================================================
--- components/catalogue/html/view.html	(revision 9579)
+++ components/catalogue/html/view.html	(working copy)
@@ -70,7 +70,7 @@
             </div>
             <div class="flc-catalogue-themes fl-catalogue-themes">
                 <h2 class="flc-catalogue-theme">Theme</h2>
-                <ul class="flc-navigationList-listGroup fl-list-menu fl-list-thumbnails fl-thumbnails-expanded">
+                <ul class="flc-navigationList-listGroup fl-navigationList-container fl-list-menu fl-list-thumbnails fl-thumbnails-expanded">
                     <li class="flc-navigationList-items">
                         <div class="flc-navigationList-linkContainer">
                             <a class="flc-navigationList-link fl-engage-badged-thumbnail" href="">
Index: components/exhibition/html/view.html
===================================================================
--- components/exhibition/html/view.html	(revision 9579)
+++ components/exhibition/html/view.html	(working copy)
@@ -82,7 +82,7 @@
                         <div class="flc-exhibition-catalogue-title fl-exhibition-catalogue-title fl-exhibitionAbout-textBlock">catalogue</div>
                     </div>
                     
-                    <ul class="flc-navigationList-listGroup fl-list fl-list-thumbnails fl-thumbnails-expanded fl-grid">
+                    <ul class="flc-navigationList-listGroup fl-navigationList-container fl-list fl-list-thumbnails fl-thumbnails-expanded fl-grid">
                         <li class="flc-navigationList-items">                
                             <div class="flc-navigationList-linkContainer fl-table">
                                 <a class="flc-navigationList-link fl-table-cell fl-engage-badged-thumbnail" href="#">
Index: components/navigationList/css/NavigationList.css
===================================================================
--- components/navigationList/css/NavigationList.css	(revision 9579)
+++ components/navigationList/css/NavigationList.css	(working copy)
@@ -1,76 +1,76 @@
-.fl-list-thumbnails > li:not(:last-child) {
+.fl-navigationList-container.fl-list-thumbnails > li:not(:last-child) {
     margin-bottom: 0px;
     border-bottom: none;
 }
 
-.fl-list-thumbnails > li:last-child {
+.fl-navigationList-container.fl-list-thumbnails > li:last-child {
     margin-bottom: 0px;
 }
 
-.fl-list > li {
+.fl-navigationList-container.fl-list > li {
     border-left: none;
     border-right: none;
 }
 
-.fl-theme-iphone .fl-list a {
+.fl-theme-iphone .fl-navigationList-container.fl-list a {
     color: rgb(0, 0, 0);
     font-size: 0.7em;
     padding-bottom: 0;
 }
 
-.fl-theme-iphone [class*="fl-list"] > li .fl-link-summary {
+.fl-navigationList-container.fl-list > li .fl-link-summary {
     color: rgb(0, 0, 0);
     font-size: 1em;
     margin: 0;
 }
 
-.fl-list-thumbnails.fl-thumbnails-expanded.fl-grid li {
-    margin: 4px;    
+.fl-navigationList-container.fl-list-thumbnails.fl-thumbnails-expanded.fl-grid li {
+    margin: 4px 0 4px 12.8px;
 }
     
-.fl-table-cell .fl-navigationList-title {
+.fl-navigationList-container .fl-table-cell .fl-navigationList-title {
     display: none;
 }
 
-.fl-table-cell .fl-link-summary.fl-navigationList-description {
+.fl-navigationList-container .fl-table-cell .fl-link-summary.fl-navigationList-description {
     display: none;
 }
 
-.fl-list.fl-list-thumbnails > li a .fl-icon {
+.fl-navigationList-container.fl-list.fl-list-thumbnails > li a .fl-icon {
     height: 48px;
     width: 48px;
 }
 
-.fl-list-thumbnails.fl-grid li {
+.fl-navigationList-container.fl-list-thumbnails.fl-grid li {
     overflow: hidden;
 }
 
-.fl-engage-badged-thumbnail {
+.fl-navigationList-container .fl-engage-badged-thumbnail {
     position: relative;
 }
 
-.fl-grid li img.fl-engage-badge-icon {
+.fl-navigationList-container.fl-grid li img.fl-engage-badge-icon {
     position: absolute;
     margin: 0;
     bottom: 4px;
     right: 4px;
 }
 
-.fl-list li img.fl-engage-badge-icon {
+.fl-navigationList-container.fl-list li img.fl-engage-badge-icon {
     position: absolute;
     margin: 0;
     right: 5px;
     bottom: 10px;
 }
 
-.fl-grid .fl-navigationList-textContainer {
+.fl-navigationList-container.fl-grid .fl-navigationList-textContainer {
     display: none;
 }
-.fl-navigationList-textContainer {
+.fl-navigationList-container .fl-navigationList-textContainer {
     height: 42px;
 }
 
-[class*=fl-list] li a div span {
+.fl-navigationList-container.fl-list li a div span {
     display: block;
     overflow:hidden;
     text-overflow:ellipsis;
Index: components/navigationList/html/NavigationList.html
===================================================================
--- components/navigationList/html/NavigationList.html	(revision 9579)
+++ components/navigationList/html/NavigationList.html	(working copy)
@@ -27,7 +27,7 @@
         <div class="flc-navigationList">
             <a class="flc-navigationList-gridToggle">grid</a>
             
-            <ul class="flc-navigationList-listGroup fl-list fl-list-menu fl-list-thumbnails">
+            <ul class="flc-navigationList-listGroup fl-navigationList-container fl-list fl-list-menu fl-list-thumbnails">
                 <li class="flc-navigationList-items">
                     <div class="flc-navigationList-linkContainer">
                         <a class="flc-navigationList-link fl-engage-badged-thumbnail">
