12 files changed, 317 insertions, 0 deletions
diff --git a/web/cobrands/eastherts/_colours.scss b/web/cobrands/eastherts/_colours.scss
new file mode 100644
index 000000000..f4a1142ac
--- /dev/null
+++ b/web/cobrands/eastherts/_colours.scss
@@ -0,0 +1,32 @@
+/* COLOURS */
+
+$eh_dark_grey: #555;
+$eh_med_grey: #dadcda;
+$eh_dark_green: #007900;
+$eh_green: #2c992c;
+$eh_purple: #609;
+$eh_blue: #4e96e8;
+
+$primary: $eh_green;
+$primary_b: #000000;
+$primary_text: #222222;
+
+$base_bg: white;
+$base_fg: $eh_dark_grey;
+
+$map_nav_bg: $eh_green;
+$nav_fg: #000;
+$nav_fg_hover: $primary;
+
+// Colour used for front page 'how to report a problem' steps
+$col_big_numbers: #ccc;
+
+$col_click_map: $eh_green;
+$col_click_map_dark: darken($eh_green, 10%);
+
+$col_fixed_label: #00BD08;
+$col_fixed_label_dark: #4B8304;
+
+$body-font: Verdana,Arial,Helvetica,Geneva,sans-serif;
+$meta-font: $body-font;
+$heading-font: $body-font;
+\ No newline at end of file
diff --git a/web/cobrands/eastherts/base.scss b/web/cobrands/eastherts/base.scss
new file mode 100644
index 000000000..1c8f9795b
--- /dev/null
+++ b/web/cobrands/eastherts/base.scss
@@ -0,0 +1,56 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "../sass/mixins";
+
+@import "../sass/base";
+
+.header__eh_nav, .header__eh_top_nav, .nav-menu li.user-meta--nav {
+  display: none;
+}
+
+#site-header {
+  border-top: none;
+  background: $eh_blue;
+}
+
+#site-logo {
+  background: url(img/toplogo.gif);
+  background-size: 51px 48px;
+  height: 48px;
+  width: 51px;
+  top: 0px;
+  left: 2px;
+}
+
+h1, h2, h3, h4 {
+  color: $eh_green;
+}
+
+footer {
+  background-color: $eh_med_grey;
+  background-image: url(img/footer.gif);
+  background-repeat: repeat-x;
+  background-position: top;
+
+  text-align: center;
+  padding: 1em;
+  margin: 0;
+
+  p {
+    margin: 0;
+  }
+
+  ul {
+    margin: 0;
+    li {
+      list-style: none;
+
+      a, a:visited, a:hover, a:active {
+        color: $eh_dark_grey;
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+\ No newline at end of file
diff --git a/web/cobrands/eastherts/img/consultationd1.gif b/web/cobrands/eastherts/img/consultationd1.gif
new file mode 100644
index 000000000..d7e1ffd5e
--- /dev/null
+++ b/web/cobrands/eastherts/img/consultationd1.gif
diff --git a/web/cobrands/eastherts/img/contactusd1.gif b/web/cobrands/eastherts/img/contactusd1.gif
new file mode 100644
index 000000000..38a6ed5ef
--- /dev/null
+++ b/web/cobrands/eastherts/img/contactusd1.gif
diff --git a/web/cobrands/eastherts/img/footer.gif b/web/cobrands/eastherts/img/footer.gif
new file mode 100644
index 000000000..b324dc9c5
--- /dev/null
+++ b/web/cobrands/eastherts/img/footer.gif
diff --git a/web/cobrands/eastherts/img/header_mid.jpg b/web/cobrands/eastherts/img/header_mid.jpg
new file mode 100644
index 000000000..2712c01e1
--- /dev/null
+++ b/web/cobrands/eastherts/img/header_mid.jpg
diff --git a/web/cobrands/eastherts/img/paymentsd1.gif b/web/cobrands/eastherts/img/paymentsd1.gif
new file mode 100644
index 000000000..eceaf413c
--- /dev/null
+++ b/web/cobrands/eastherts/img/paymentsd1.gif
diff --git a/web/cobrands/eastherts/img/reportd1.gif b/web/cobrands/eastherts/img/reportd1.gif
new file mode 100644
index 000000000..20bc4db21
--- /dev/null
+++ b/web/cobrands/eastherts/img/reportd1.gif
diff --git a/web/cobrands/eastherts/img/toplogo.gif b/web/cobrands/eastherts/img/toplogo.gif
new file mode 100644
index 000000000..b51183702
--- /dev/null
+++ b/web/cobrands/eastherts/img/toplogo.gif
diff --git a/web/cobrands/eastherts/img/toplogo.jpg b/web/cobrands/eastherts/img/toplogo.jpg
new file mode 100644
index 000000000..bfa111a04
--- /dev/null
+++ b/web/cobrands/eastherts/img/toplogo.jpg
diff --git a/web/cobrands/eastherts/img/welcome_mid.gif b/web/cobrands/eastherts/img/welcome_mid.gif
new file mode 100644
index 000000000..430b4e95c
--- /dev/null
+++ b/web/cobrands/eastherts/img/welcome_mid.gif
diff --git a/web/cobrands/eastherts/layout.scss b/web/cobrands/eastherts/layout.scss
new file mode 100644
index 000000000..9623f33de
--- /dev/null
+++ b/web/cobrands/eastherts/layout.scss
@@ -0,0 +1,229 @@
+@import "_colours";
+@import "../sass/layout";
+
+#site-header {
+  // default layout.scss sets this, so we need it here as well as base.scss
+  background: $eh_blue;
+  background-image: url(img/header_mid.jpg);
+  background-repeat: repeat-x;
+}
+
+// Get rid of the top border
+.nav-wrapper .nav-wrapper-2 {
+  border-top: none;
+}
+
+body.fullwidthpage, body.twothirdswidthpage, body.authpage, body.frontpage {
+  $logo-height: 90px;
+  $eh-nav-height: 32px;
+  $fms-nav-height: 43px;
+
+  #site-header {
+    background-color: $base_bg;
+    height: $logo-height + $eh-nav-height + $fms-nav-height;
+
+    .container {
+      height: auto;
+    }
+
+    .container:first-child {
+      height: $logo-height;
+    }
+
+    .header__eh_nav {
+      display: block;
+      background-color: $eh_dark_green;
+      background-image: url(img/welcome_mid.gif);
+      background-repeat: repeat-x;
+      background-position: 0 0;
+      height: $eh-nav-height;
+
+      ul, span {
+        font-size: 1.1em;
+        line-height: $eh-nav-height;
+        color: white;
+      }
+
+      ul {
+        float: right;
+        text-align: right;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+
+        li {
+          display: inline;
+          margin: 0;
+          padding: 0;
+
+          a {
+            color: white;
+            padding: 0 0.5em 0 0.6em;
+          }
+        }
+      }
+    }
+
+    .header__eh_top_nav {
+      display: block;
+      position: relative;
+      z-index: 4;
+
+      ul {
+        float: right;
+        margin: 0;
+        list-style: none;
+
+        li {
+          display: inline;
+          list-style: none;
+        }
+      }
+
+      ul#toputilnav {
+        width: 100%;
+        text-align: right;
+
+        li {
+          margin: 0;
+          padding: 0;
+
+          a {
+            padding: 0 0.5em 0 0.25em;
+            font-size: 0.9em;
+            color: black;
+          }
+
+          &:after {
+            content: "";
+            border-right: solid 1px $eh_dark_grey;
+          }
+
+          // For some reason the spacing isn't even on the 'cookies' link,
+          // so this sorts it out.
+          &:first-child {
+            margin-right: 0.25em;
+          };
+
+          &:last-child {
+            a {
+              padding-right: 0;
+            }
+            &:after {
+              border-right: none;
+            }
+          }
+        }
+      }
+
+      ul#bannerimages {
+        margin-top: 0.25em;
+      }
+    }
+  }
+
+  #site-logo {
+    $img-height: 184px;
+    $img-width: 399px;
+    top: $logo-height - $img-height;
+    width: $img-width;
+    height: $img-height;
+    background-image: url(img/toplogo.jpg);
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-color: $eh_blue;
+    background-size: $img-width $img-height;
+  }
+
+  .nav-menu {
+    position: absolute;
+    top: $logo-height + $eh-nav-height;
+    height: $fms-nav-height;
+    margin: 0 auto;
+    width: 60em;
+    padding: 0;
+    text-align: center;
+    float: none;
+    li {
+      float: none;
+      display: inline-block;
+    }
+  }
+
+  // Make elements beneath clickable
+  .nav-wrapper .nav-wrapper-2 {
+    min-height: 0;
+    height: 0;
+  }
+}
+
+#front-main {
+  background-color: #f6f6f6;
+}
+
+.content, #front-main {
+  color: $eh_dark_grey;
+}
+
+body.twothirdswidthpage .content .sticky-sidebar aside {
+  top: 11em;
+  box-shadow: none;
+}
+
+body.mappage {
+  .nav-wrapper .nav-wrapper-2 {
+    background-color: $eh_blue;
+    background-image: url(img/header_mid.jpg);
+    background-repeat: repeat-x;
+    background-position: top;
+  }
+
+  #site-logo {
+    top: 8px;
+  }
+
+  .nav-menu--main {
+    a {
+      color: white;
+    }
+    span {
+      color: $eh_dark_grey;
+    }
+  }
+}
+
+
+footer ul {
+  margin-bottom: 0.5em;
+  li {
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+
+    &:after {
+      content: "";
+      border-right: solid 1px $eh_dark_grey;
+    }
+    &:last-child:after {
+      border-right: none;
+    }
+
+    a {
+      padding: 0 0.5em 0 0.25em;
+    }
+  }
+}
+
+// Stop the FMS nav being too wide and off to the right off the page
+// at this break point.
+@media only screen and (min-width: 48em) and (max-width: 61em) {
+  #main-nav {
+    float: $left;
+    padding-#{$left}: 0;
+  }
+  body.fullwidthpage, body.twothirdswidthpage, body.authpage, body.frontpage {
+    .nav-menu {
+      width: 100%;
+    }
+  }
+}
+\ No newline at end of file