Index: LayoutCustomizer.css
===================================================================
--- LayoutCustomizer.css	(revision 5394)
+++ LayoutCustomizer.css	(working copy)
@@ -5,17 +5,17 @@
 /* Basic skinning for this component example 1: simple setup */
 .columnSetup1 {font: normal 0.75em Verdana, Arial, sans-serif;}
     .columnSetup1 .myColumn {
-        margin:0 5px;
-        border:1px solid #666;
-        width:30%;    
-        background-color:#ccc;
-        float: left;
+        margin          : 0 5px;
+        border          : 1px solid #666;
+        width           : 30%;    
+        background-color: #ccc;
+        float           : left;
     }
     .columnSetup1 .myColumn div, .mySortable {
-        padding: 10px;
-        border:1px solid;
-        margin:5px;
-        background-color:#fff;     
+        padding         : 10px;
+        border          : 1px solid;
+        margin          : 5px;
+        background-color: #fff;     
     }
     .columnSetup1 .mySortable {
         cursor : move;
@@ -27,22 +27,22 @@
 .columnSetup2 {font: normal 0.75em Verdana, Arial, sans-serif;}
     .columnSetup2 h2 {color:white;}
     .columnSetup2 div {
-        margin:0 5px;
-        border:1px solid #666;
-        width:30%;    
-        background-color:#000;
-        float: left;
+        margin          : 0 5px;
+        border          : 1px solid #666;
+        width           : 30%;    
+        background-color: #000;
+        float           : left;
     }
-    .columnSetup2 div div, .columnSetup2 div p{
-        padding: 10px;
-        border:1px solid #000;
-        margin:5px;
-        width:auto;
-        float:none;
-        background-color:#fff;
-        cursor: not-allowed;
+    .columnSetup2 div div, .columnSetup2 div p {
+        padding         : 10px;
+        border          : 1px solid #000;
+        margin          : 5px;
+        width           : auto;
+        float           : none;
+        background-color: #fff;
+        cursor          : not-allowed;
     }
-    .columnSetup2 div div{
+    .columnSetup2 div div {
         cursor : move;
     }
 
@@ -50,25 +50,22 @@
 /* Basic skinning for this component example 3: complex setup */
 .columnSetup3 {font: normal 0.75em Verdana, Arial, sans-serif;}
     .columnSetup3 .myColumn {
-        margin:0 5px;
-        border:1px solid #666;
-        width:30%;    
-        background-color:#ccc;
-        float: left;
+        margin          : 0 5px;
+        border          : 1px solid #666;
+        width           : 30%;    
+        background-color: #ccc;
+        float           : left;
     }
     .columnSetup3 div div {
-        padding: 10px;
-        border:1px solid;
-        margin:5px;
-        background-color:#fff;
-        cursor : move;
+        padding         : 10px;
+        border          : 1px solid;
+        margin          : 5px;
+        background-color: #fff;
+        cursor          : move;
     }
 
 
-/*
-    local theme options
-    specifically for this component
-*/
+/* local theme options specifically for this component */
 
 
 
Index: LayoutCustomizer.html
===================================================================
--- LayoutCustomizer.html	(revision 5394)
+++ LayoutCustomizer.html	(working copy)
@@ -86,7 +86,7 @@
 	<body>
         <h1>Example 1: A simple set of sortable elements within columns</h1>
         <p>Sortable elements are also sometimes called "portlets".</p>
-        <div id="fluid-LayoutCustomizer-sample1" class="columnSetup1">
+        <div id="fluid-LayoutCustomizer-sample1" class="columnSetup1 fluid-vertical-order">
             <div id="col1" class="myColumn">
                 <h2>Column A</h2>
                 <div id="el1" class="mySortable">Drag me! Content goes here...</div>
@@ -113,7 +113,7 @@
         <h1>Example 2: Another example</h1>
         <p>Unsortable elements mixed with sortable elements, and our high contrast accessbility theme</p>        
         
-        <div id="fluid-LayoutCustomizer-sample2" class="columnSetup2 -fluid-theme-highContrast">
+        <div id="fluid-LayoutCustomizer-sample2" class="columnSetup2 -fluid-theme-highContrast fluid-vertical-order">
             <div id="unique_1">
                 <h2>Column A</h2>
                 <div id="unique_2">Draggable Element</div>
@@ -141,7 +141,7 @@
         <p>The most robust sorting mechanism. Includes permission-based sorting with priorities.</p>
         <p> Only the first item in Column A can be dragged, and it can only be dragged down within 2 units.</p>
 
-        <div id="fluid-LayoutCustomizer-sample3" class="columnSetup3">
+        <div id="fluid-LayoutCustomizer-sample3" class="columnSetup3 fluid-vertical-order">
             <div id="column_1" class="myColumn">
                 <h2>Column A</h2>
                 <div id="sortable_1">Content Portal</div>
