diff -r 873b0e9ff7f6 -r fde72f8d0ed0 integration/css/theend.css
--- a/integration/css/theend.css	Mon Jan 21 21:05:32 2013 +0100
+++ b/integration/css/theend.css	Tue Jan 22 11:15:14 2013 +0100
@@ -551,37 +551,37 @@
 }
 
 .lightBox {
-    position: absolute; top: 120px; left: 120px; right: 120px; bottom: 120px;
+    position: absolute; top: 15%; left: 15%; right: 15%; bottom: 15%; color: #FFFFFF;
 }
 
 .lightBoxScroll {
-    position: absolute; top: 30px; left: 0; right: 0; bottom: 0; overflow: auto;
+    position: absolute; top: 60px; left: 0; right: 0; bottom: 0; overflow: auto;
 }
 
 .lightBox h3 {
-    color: #FFFFFF; font-family: "arial_black", sans-serif;
-    font-size: 18px; text-align: center; margin: 3px 0;
+    font-family: "arial_black", sans-serif;
+    font-size: 24px; text-align: center; margin: 3px 0;
 }
 
 a.lightBoxClose {
-    float: right; font-size: 24px; color: #ACACAC;
-    font-family: "arial_black", sans-serif;
+    float: right; font-size: 30px; color: #ACACAC;
+    font-weight: bold;
 }
 
 a.lightBoxClose:hover {
     color: #FFFFFF;
 }
 
-.lightBoxScroll {
-    color: #ACACAC;
-}
-
 .lightBoxScroll p {
-    font-size: 14px; margin: 0 0 1.5em; line-height: 16px;
+    font-size: 14px; margin: 14px 20px 14px 0; line-height: 21px;
 }
 
 .lightBoxScroll h4 {
-    font-size: 14px; font-weight: bold; margin: 0 0 0.5em;
+    font-size: 18px; font-family: "arial_black", sans-serif; margin: 18px 0;
+}
+
+.grey {
+    color: #9B9A9A;
 }
 
 /* METANAV COMPENSATION */