2 files changed, 86 insertions, 0 deletions
diff --git a/web/cobrands/oxfordshire/layout.scss b/web/cobrands/oxfordshire/layout.scss
index 996735166..a5f7aa9de 100644
--- a/web/cobrands/oxfordshire/layout.scss
+++ b/web/cobrands/oxfordshire/layout.scss
@@ -62,5 +62,72 @@ body.twothirdswidthpage {
     }
 }
 
+//-------------------------------------------------
+// following declarations concern the map display:
+//-------------------------------------------------
+// So that map appears underneath the header
+.wrapper {
+    position: relative;
+}
+.ie6, .ie7 {
+    .wrapper {
+        padding-top: 1em;
+    }
+}
+
+// To prevent font size larger interfering with the fixed Bromley layout
+.container { width: auto; }
+.full-width { width: 464px; }
+.shadow-wrap { width: 464px; }
+
+#map_box { width: 464px; }
+.content { width: 432px; }
+
+body.fullwidthpage .content { width: auto; }
+body.twothirdswidthpage .content {
+    width: 640px;
+    aside {
+        left: 672px;
+        width: 208px;
+        padding: 16px;
+    }
+    .sticky-sidebar {
+        left: 672px;
+        aside {
+            top:7em;
+        }
+    }
+}
+.ie6, .ie7 {
+    body.mappage .container {
+        width: 464px;
+        margin-left: 0;
+    }
+}
+
+// As map can scroll and isn't at the top, give it an edge
+#map_box {
+    border: solid 1px #999;
+    top: 1em;
+    right: 0em;
+    margin: 0;
+}
+
+// Perhaps fix map location (should be in central?)
+.ie6 #map_box, .ie7 #map_box {
+    right: -480px;
+}
+
+// So as not to interfere with the Oxfordshire footer, make the fixed nav ("get updates" etc) static.
+.shadow-wrap {
+    position: static;
+    padding-top: 0;
+    margin-bottom: 1em;
+    ul#key-tools {
+        border-top: none;
+        border-bottom: 1px solid $primary;
+    }
+}
+
 
 @import "oxfordshire";
diff --git a/web/cobrands/oxfordshire/position_map.js b/web/cobrands/oxfordshire/position_map.js
new file mode 100644
index 000000000..9c88d0980
--- /dev/null
+++ b/web/cobrands/oxfordshire/position_map.js
@@ -0,0 +1,19 @@
+function position_map_box() {
+    var $html = $('html');
+    var oxfordshire_right;
+    if ($html.hasClass('ie6') || $html.hasClass('ie7')) {
+        oxfordshire_right = '-480px';
+    } else {
+        oxfordshire_right = '0em';
+    }
+    // Do the same as CSS (in case resized from mobile).
+    $('#map_box').prependTo('.content').css({
+        zIndex: 1, position: 'absolute',
+        top: '1em', left: '', right: oxfordshire_right, bottom: '',
+        width: '464px', height: '464px',
+        margin: 0
+    });
+}
+
+function map_fix() {}
+var slide_wards_down = 1;