diff --git a/css/includes/mixins.less b/css/includes/mixins.less
index 5828568..8382da4 100644
--- a/css/includes/mixins.less
+++ b/css/includes/mixins.less
@@ -22,8 +22,8 @@
 @grey: #cacaca;
 @lightgrey: #eaeaea;
 
-@primary: #900;
-@secondary: #444;
+@primary: #333;
+@secondary: #555;
 @tertiary: #900;
 
 @link: @heading;
diff --git a/css/modules/blocktopmenu/css/superfish-modified.css b/css/modules/blocktopmenu/css/superfish-modified.css
index e75f578..0a1ed0c 100644
--- a/css/modules/blocktopmenu/css/superfish-modified.css
+++ b/css/modules/blocktopmenu/css/superfish-modified.css
@@ -4,7 +4,7 @@
   width: 1050px;
   margin: 0 15px;
   *zoom: 1;
-  background: #4a4a4a;
+  background: #333333;
 }
 .blocktopmenu:before,
 .blocktopmenu:after {
@@ -26,7 +26,8 @@
 .blocktopmenu > ul > li {
   float: left;
   display: block;
-  border-right: #6a6a6a 1px solid;
+  border-right: #1a1a1a 1px solid;
+  border-left: #4d4d4d 1px solid;
   position: relative;
 }
 .blocktopmenu > ul > li:hover {
diff --git a/css/modules/blocktopmenu/css/superfish-modified.less b/css/modules/blocktopmenu/css/superfish-modified.less
index 6b124de..599dde7 100755
--- a/css/modules/blocktopmenu/css/superfish-modified.less
+++ b/css/modules/blocktopmenu/css/superfish-modified.less
@@ -5,7 +5,7 @@
 .blocktopmenu {
     .column(12);
     .clearfix;
-    background: @body;
+    background: @primary;
 
     a {
         color: #fff;
@@ -23,7 +23,8 @@
         > li {
             float: left;
             display: block;
-            border-right: @subheading 1px solid;
+            border-right: darken(@primary, 10%) 1px solid;
+            border-left: lighten(@primary, 10%) 1px solid;
             position: relative;
 
             // -|- Display second menu, and retain hover -----------------------