diff --git a/git_info.json b/git_info.json
index 6149ab0..e225f17 100644
--- a/git_info.json
+++ b/git_info.json
@@ -1 +1 @@
-{"branch_name":"dev","last_commit_date":"2022-01-21T06:11:48.000Z","last_commit_author":"anju j","last_commit_hash":"ec3b6b80d10917d37b10d953d1161fe29d92ad68"}
\ No newline at end of file
+{"branch_name":"dev","last_commit_date":"2022-01-21T13:29:42.000Z","last_commit_author":"anju j","last_commit_hash":"d591bed396605f13abb77e04afddb234544fa5ca"}
\ No newline at end of file
diff --git a/src/components/retailer/layout/header/Header.scss b/src/components/retailer/layout/header/Header.scss
index ce6d8fe..8551e85 100644
--- a/src/components/retailer/layout/header/Header.scss
+++ b/src/components/retailer/layout/header/Header.scss
@@ -104,8 +104,7 @@ margin-bottom: 0px !important;
 .me-header-search-field .theme--dark.v-label {
     color:#1d1d1d;
 }
-.v-menu__content,.v-list .me-header-user-menu-list{
+.v-menu__content.me-header-user-menu{
     border-radius: 0px !important;
     top: 64px !important;
 }
-
diff --git a/src/components/retailer/layout/header/Header.vue b/src/components/retailer/layout/header/Header.vue
index d1494cd..0295ff0 100644
--- a/src/components/retailer/layout/header/Header.vue
+++ b/src/components/retailer/layout/header/Header.vue
@@ -83,7 +83,7 @@
       <v-icon>mdi-shopping-outline</v-icon>
       </v-btn> -->
       <div class="mt-3 mr-5 d-none d-md-block">
-        <v-menu offset-y v-if="userAuth" class="me-header-user-menu">
+        <v-menu offset-y v-if="userAuth" content-class="me-header-user-menu" >
           <template v-slot:activator="{ on, attrs }">
             <div color="primary" >
               <span  v-bind="attrs" v-on="on" class="text-uppercase cursor-pointer" >  Welcome,</span>
@@ -91,7 +91,7 @@
             </div>
            
           </template>
-          <v-list class="pr-10  d-none d-md-block me-header-user-menu-list">
+          <v-list class="pr-10  d-none d-md-block ">
             <v-list-item  class="pr-10">
               <v-list-item-title
                 @click="goTohomePage()"
@@ -239,7 +239,7 @@ export default {
     },
   },
   computed: {
-      userName:function(){
+    userName:function(){
       return this.$store.state.accountOne.one.firstname;
      },
     userAuth: function () {
diff --git a/src/multipages/retailer.routes.js b/src/multipages/retailer.routes.js
index 4f70456..21ccef0 100644
--- a/src/multipages/retailer.routes.js
+++ b/src/multipages/retailer.routes.js
@@ -258,6 +258,39 @@ export default [
                     },
                 }
             },
+            {
+                path: 'promotions',
+                name: 'Promotions',
+                component: () => import( /* webpackChunkName: "Resources/Marketing Tools & Promotions" */'@/routes/retailer/promotions.vue'),
+                meta: {
+                    "canonical": true,
+                    breadcrumb: {
+                        label: 'Promotions Page' ,
+                    },
+                }
+            },
+            {
+                path: 'imagery-logos',
+                name: 'ImageryLogos',
+                component: () => import( /* webpackChunkName: "Resources/Marketing Tools & Promotions" */'@/routes/retailer/imagery_logos.vue'),
+                meta: {
+                    "canonical": true,
+                    breadcrumb: {
+                        label: 'Imagery Logos Page' ,
+                    },
+                }
+            },
+            {
+                path: 'service-levels',
+                name: 'ServiceLevels',
+                component: () => import( /* webpackChunkName: "Resources/Retailer Communications" */'@/routes/retailer/service_levels.vue'),
+                meta: {
+                    "canonical": true,
+                    breadcrumb: {
+                        label: 'Service Levels Page' ,
+                    },
+                }
+            },
           
         ]
     },
diff --git a/src/routes/retailer/imagery_logos.scss b/src/routes/retailer/imagery_logos.scss
new file mode 100644
index 0000000..a042041
--- /dev/null
+++ b/src/routes/retailer/imagery_logos.scss
@@ -0,0 +1,13 @@
+.subheading{
+    border-bottom: 1px solid #111 ;
+    
+    display: inline;
+    transition: all 0.1s ease-in-out;
+}
+.subheading:hover{
+    border-bottom: 1px solid #2c05da ;
+
+}
+.padding-space{
+    padding: 5px 0px 0px 0px;
+}
diff --git a/src/routes/retailer/imagery_logos.vue b/src/routes/retailer/imagery_logos.vue
new file mode 100644
index 0000000..4a4df04
--- /dev/null
+++ b/src/routes/retailer/imagery_logos.vue
@@ -0,0 +1,338 @@
+<template>
+  <v-container>
+    <div class="h3 my-5 py-10 body-font1">Imagery & Logos</div>
+    <div class="pb-5"><b>Crane & Co. Album Imagery</b></div>
+   
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/d2aeogtlsby0gee/AAA3jzGfe5Z8GTMvteqhai6va?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+      Crane & Co. Business Essentials
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+<div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/9wr2f5xhin3j4wk/AAAF6E8uM13XoQGmazoRZAEoa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Crane & Co. Collection I
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+<div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/hefr3rjvm93k15b/AAA60S01KZqsaPWvwPKMx_3Da?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Crane & Co. Collection II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="pt-10 pb-5"><b>Holiday 2021</b></div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/xlbplrg290552oh/AAD8k5QCic3a45GWmKuBeSZpa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Boxed
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/xlbplrg290552oh/AAD8k5QCic3a45GWmKuBeSZpa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Personalized
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="pt-10 pb-5"><b>Brand Logos</b></div>
+
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/njpvrfc0yjvysyr/AAAaHmEded75XOo3Cvf39hEva?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Hi Res Brand Logos
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/j5fqicnp6c12j49/AABFKE1PAD4VOfidmwQbEAdCa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     JPEG Brand Logos
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="pt-10 pb-5"><b>William Arthur Album Imagery</b></div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/1idvf0bp9k2y4zk/AAAVtCgkYOkD1MwhoIj-c7H7a?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     NEW William Arthur Weddings Volume I
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/nljbpmr8ieiil4g/AADP6MpJUcZN8nTHuu_66wHJa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     NEW William Arthur Weddings Volume I (Detail Shots)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/jpvxv2ns60azzb2/AAA2e_VsAd0CoEvcUZ4At2EFa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     William Arthur Invitations & Announcements, Volume II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/aemgss1o857719f/AADBoxO3t-kRDCXaRcr9Yik0a?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     NEW William Arthur Social Stationery & Occassions
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+
+   <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/ftr9xd0b58hu9e0/AACuJGSnyJfsbLPAO_fRvUvsa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     William Arthur Weddings, Volume II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+  <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/nlkdmqvsg7s2iy9/AABJOA6W7L4PlN9x0hBbq_Rra?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     William Arthur Weddings, Volume II Insert
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+
+  <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/2rie5nzxg7be8r8/AABlMW1ihlCO4ua44_PavXfYa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+    William Arthur Weddings, Volume III
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+
+    <div class="py-10">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'MarketingToolsPromotions' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+          Back to Marketing Tools & Promotions
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+  </v-container>
+</template>
+<script>
+export default {
+  name: "ImageryLogos",
+  methods: {
+    goToLink(pageLink) {
+      window.open(pageLink, "_blank");
+    },
+  },
+};
+</script>
+
+<style src="./imagery_logos.scss" lang="scss" scoped/>
\ No newline at end of file
diff --git a/src/routes/retailer/marketing-tools-promotions.vue b/src/routes/retailer/marketing-tools-promotions.vue
index 0a57754..7765f86 100644
--- a/src/routes/retailer/marketing-tools-promotions.vue
+++ b/src/routes/retailer/marketing-tools-promotions.vue
@@ -24,7 +24,7 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          :to="{ name: '' }"
+          :to="{ name: 'Promotions' }"
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"
@@ -40,7 +40,7 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          :to="{ name: '' }"
+          :to="{ name: 'ImageryLogos' }"
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"
diff --git a/src/routes/retailer/marketing_collateral.scss b/src/routes/retailer/marketing_collateral.scss
index f3bb4b6..198289a 100644
--- a/src/routes/retailer/marketing_collateral.scss
+++ b/src/routes/retailer/marketing_collateral.scss
@@ -8,5 +8,5 @@
     border-bottom: 1px solid #2c05da ;
 }
 .padding-space{
-    padding: 15px 0px 0px 0px;
+    padding: 5px 0px 0px 0px;
 }
diff --git a/src/routes/retailer/marketing_collateral.vue b/src/routes/retailer/marketing_collateral.vue
index eb917a6..8c09c3f 100644
--- a/src/routes/retailer/marketing_collateral.vue
+++ b/src/routes/retailer/marketing_collateral.vue
@@ -1,15 +1,16 @@
 <template>
   <v-container>
-    <div class="h3 my-10 body-font1">Marketing Collateral</div>
+    <div class="h3 my-10 pb-2 body-font1">Marketing Collateral</div>
     <div><b>Album Marketing Collateral</b></div>
 
-    <div class="padding-space">
+    <div class="pt-5">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-           to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Stationery-2021.pdf'
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/login?cont=%2Fhome%2FCrane%2520%2526%2520Co%2520Team%2520Folder%2FSales%2FRetailer%2520Image%2520Requests%2FRetailer%2520Toolkits%2F2021%2520Stationery%2520Album'
             )
           "
         >
@@ -17,26 +18,7 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-            Crane Stationery 2021
-          </div>
-        </router-link>
-      </v-hover>
-    </div>
-    <div class="padding-space">
-      <v-hover v-slot:default="{ hover }">
-        <router-link
-          class="text-decoration-none whyteTmin10-font"
-          to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Stationery-2021-Pricing.pdf'
-            )
-          "
-        >
-          <div
-            :class="hover ? 'primary--text' : 'black--text'"
-            class="subheading"
-          >
-            Crane Stationery 2021 - Pricing Booklet
+            Crane 2021 Stationery Album
           </div>
         </router-link>
       </v-hover>
@@ -46,9 +28,10 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-         to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Wedding.pdf'
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/SEPT/Crane-Download-and-Display-Sept-2015-Weddings.pdf'
             )
           "
         >
@@ -61,13 +44,15 @@
         </router-link>
       </v-hover>
     </div>
+
     <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-           to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Wedding-Reference-Guide.pdf'
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/JULY/Crane-Download-and-Display-July-monograms-2015.pdf?cid=EM070115'
             )
           "
         >
@@ -75,40 +60,20 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-            Crane Wedding Reference Guide
-          </div>
-        </router-link>
-      </v-hover>
-    </div>
-    <div class="mt-10"><b>Crane Stationery Holiday 2021</b></div>
-    <div class="padding-space">
-      <v-hover v-slot:default="{ hover }">
-        <router-link
-          class="text-decoration-none whyteTmin10-font"
-           to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Holiday-2021.pdf'
-            )
-          "
-        >
-          <div
-            :class="hover ? 'primary--text' : 'black--text'"
-            class="subheading"
-          >
-            Crane Holiday 2021
+            Crane Monograms
           </div>
         </router-link>
       </v-hover>
     </div>
 
-     <div class="mt-10"><b> William Arthur</b></div>
     <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/William-Arthur-Weddings-I.pdf'
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/Media/MAY/May-Download-and%20Display-Accessories.pdf'
             )
           "
         >
@@ -116,18 +81,20 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-        William Arthur Weddings Volume One - 2019
+            Crane Wedding Day-of Accessories
           </div>
         </router-link>
       </v-hover>
     </div>
-     <div class="padding-space">
+
+    <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-           to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/William-Arthur-Weddings-II.pdf'
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MARCH/Crane-Wedding-Refresh-POP.pdf'
             )
           "
         >
@@ -135,22 +102,379 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-         William Arthur Weddings Volume Two - 2019
+            Crane Wedding Refresh
           </div>
         </router-link>
       </v-hover>
     </div>
-     <div class="my-12  pb-12">
+
+    <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          :to="{ name: 'PersonalizedProductsOrdering' }"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/august-print-and-post-corner-office.pdf'
+            )
+          "
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-        Back to Personalized Products & Ordering
+            Crane Collection II (business stationery)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/July-T-stand-1.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Collection II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/July-T-stand-3.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Colleciton II "Lovely Liners"
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/July-T-stand-2.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Collection II "Magnificent Monograms"
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/retailer-portal/WA-Weddings-2017-Rose-Gold-Promo-Poster.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Wedding 2017 Rose Gold
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2016/media/jul/2016-WA-Holiday-Promotion.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Personalized Holiday
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/OCT/WA-PrintandPost-winter-wedding-%20October-2015.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Winter Wedding
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MAY/MAY-WA-print-and-post-truly.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Truly Collection
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MARCH/March-Print-and-Post-Timeline.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Wedding Stationery Timeline
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/NOV/WA-nov-print%20and-post-winter-wedding.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Winter Wedding
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MAY/MAY-WA-print-and-post-truly.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Truly Collection
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MARCH/March-Print-and-Post-Timeline.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Wedding Stationery Timeline
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/NOV/WA-nov-print%20and-post-winter-wedding.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Winter Wedding
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/WA-august-print-and-post-bright-wedding-invites.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Weddings III (bright colors)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/%20JULY-william-arthur-print-and-post-1.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Weddings II (new invitation designs)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/APRIL/WA-April-Print-and-Post-Invites.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Spring Wedding Invitations
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/May/Wedding-collateral-2014-Vera.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Vera Wang On Weddings
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="py-12">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'MarketingToolsPromotions' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Back to Marketing Tools Promotions
           </div>
         </router-link>
       </v-hover>
@@ -167,4 +491,4 @@ export default {
   },
 };
 </script>
-<style src="./marketing_collateral" lang="scss" scoped/>
+<style src="./marketing_collateral.scss" lang="scss" scoped/>
diff --git a/src/routes/retailer/promotions.scss b/src/routes/retailer/promotions.scss
new file mode 100644
index 0000000..c35d65a
--- /dev/null
+++ b/src/routes/retailer/promotions.scss
@@ -0,0 +1,10 @@
+.subheading{
+    border-bottom: 1px solid #111 ;
+    
+    display: inline;
+    transition: all 0.1s ease-in-out;
+}
+.subheading:hover{
+    border-bottom: 1px solid #2c05da ;
+
+}
diff --git a/src/routes/retailer/promotions.vue b/src/routes/retailer/promotions.vue
new file mode 100644
index 0000000..3667865
--- /dev/null
+++ b/src/routes/retailer/promotions.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-container>
+    <div class="h3 my-5 py-10 body-font1">Promotions</div>
+    <div><b>Promotions</b></div>
+    <div class="py-5">TBA</div>
+   
+    <div class="pt-10">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'MarketingToolsPromotions' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+          Back to Marketing Tools & Promotions
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+  </v-container>
+</template>
+<script>
+export default {
+  name: "Promotions",
+  methods: {
+    goToLink(pageLink) {
+      window.open(pageLink, "_blank");
+    },
+  },
+};
+</script>
+
+<style src="./promotions.scss" lang="scss" scoped/>
\ No newline at end of file
diff --git a/src/routes/retailer/retailer-communications.vue b/src/routes/retailer/retailer-communications.vue
index b3ee9db..2a43037 100644
--- a/src/routes/retailer/retailer-communications.vue
+++ b/src/routes/retailer/retailer-communications.vue
@@ -8,7 +8,7 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font "
-          :to="{ name: '' }"
+          :to="{ name: 'ServiceLevels' }"
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"
diff --git a/src/routes/retailer/service_levels.scss b/src/routes/retailer/service_levels.scss
new file mode 100644
index 0000000..a042041
--- /dev/null
+++ b/src/routes/retailer/service_levels.scss
@@ -0,0 +1,13 @@
+.subheading{
+    border-bottom: 1px solid #111 ;
+    
+    display: inline;
+    transition: all 0.1s ease-in-out;
+}
+.subheading:hover{
+    border-bottom: 1px solid #2c05da ;
+
+}
+.padding-space{
+    padding: 5px 0px 0px 0px;
+}
diff --git a/src/routes/retailer/service_levels.vue b/src/routes/retailer/service_levels.vue
new file mode 100644
index 0000000..f0cb27a
--- /dev/null
+++ b/src/routes/retailer/service_levels.vue
@@ -0,0 +1,36 @@
+<template>
+  <v-container>
+    <div class="h3 my-5 py-10 body-font1">Service Levels</div>
+    <div class="pb-5 whyte-book-font">Please reference your weekly service level email. If you do not receive this email and would like to receive it please contact Customer Service and ask to have your email address added to this mailing list.</div>
+   
+  
+
+    <div class="py-10">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'RetailerCommunications' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+        Back to Retailer Communications
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+  </v-container>
+</template>
+<script>
+export default {
+  name: "ServiceLevels",
+  methods: {
+    goToLink(pageLink) {
+      window.open(pageLink, "_blank");
+    },
+  },
+};
+</script>
+
+<style src="./service_levels.scss" lang="scss" scoped/>
\ No newline at end of file