@charset "utf-8";
/* CSS Document */

/* TABLE OF CONTENTS */
/* ----------------- */
/* 1. Global ------- */
/* 2. Header ------- */
/* 3. Nav ---------- */
/* 4. Content ------ */
/* 5. Footer ------- */
/* 6. Pages ------- */

/* -----------------------------------*/
/* --------->>> 1. GLOBAL <<<---------*/
/* -----------------------------------*/
body {
  margin: 0 0 50px 0;
  color: #333333;
  /* -- Wider background shadow --*/
}

input {
  padding: 0px;
  margin: 0px;
}

/* -----------------------------------*/
/* --------->>> 2. HEADER <<<---------*/
/* -----------------------------------*/

/*** HEADER ***/

.dmplogin {
  float: right;
  padding: 6px 16px 9px 16px;
  font-size: 1em;
  color: #bbb;
  margin-left: 10px;
  background: #fafafa;
  border: solid 1px #ededed;
  text-decoration: none;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.dmplogin a {
  font-size: 1.1em;
  color: #666;
  text-decoration: none !important;
  position: relative;
  display: block;
  float: left;
}
.dmplogin a + a {
  float: right;
}
.dmplogin a:hover {
  text-decoration: underline;
}
.dmplogin a span:hover {
  text-decoration: underline;
}
.mast {
  height: 86px;
  background: #fff;
  overflow: auto;
}
.dmplogin a.selected {
  font-weight: bold;
}

.callback-panel {
  /* TB */
  width: 190px;
  color: #b4bdc3;
  float: right;
  position: relative;
  margin: 12px 0 12px 0;
  background: url(/portals/0/skins/stepchange/images/telephone.jpg) no-repeat
    left top;
  padding-left: 50px;
  -webkit-font-smoothing: antialiased;
  min-height: 42px;
}

.second-hero-bottom .callback-panel,
.orange-five .callback-panel,
.bluegrey-thirty .callback-panel,
.bluegrey-twenty .callback-panel,
.bluegrey-ten .callback-panel,
.bluegrey-fifty .callback-panel,
.blank .callback-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/speech-blue-icon.png)
    no-repeat left top;
}
.chat-panel {
  /* TB */
  width: 190px;
  color: #b4bdc3;
  float: right;
  position: relative;
  margin: 12px 0 12px 0;
  background: url(/portals/0/skins/stepchange/images/telephone.jpg) no-repeat
    left top;
  padding-left: 50px;
  -webkit-font-smoothing: antialiased;
  min-height: 42px;
}
.mail-panel {
  /* TB */
  width: 190px;
  color: #b4bdc3;
  float: right;
  position: relative;
  margin: 12px 0 12px 0;
  background: url(/portals/0/skins/stepchange/images/telephone.jpg) no-repeat
    left top;
  padding-left: 50px;
  -webkit-font-smoothing: antialiased;
  min-height: 42px;
}
.chat-panel p,
.callback-panel p,
.mail-panel p {
  /* TB */
  line-height: 42px;
}
.second-hero-bottom .chat-panel,
.bluegrey-thirty .chat-panel,
.bluegrey-twenty .chat-panel,
.bluegrey-ten .chat-panel,
.orange-five .chat-panel,
.bluegrey-fifty .chat-panel,
.blank .chat-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/two-speech-blue-icon.png)
    no-repeat left top;
}
.purple-primary .notes-panel,
.purple-eighty .notes-panel,
.purple-eighty-bottom .notes-panel,
.purple-twenty-bottom .notes-panel,
.purple-sixtyfive .notes-panel,
.purple-sixtyfive .notes-panel {
  /* TB */
  background: url(../images/purple-notes.png) no-repeat left top;
  color: white;
}
.notes-panel {
  /* TB */
  width: 190px;
  color: #b4bdc3;
  position: relative;
  margin: 12px 0 12px 0;
  background: url(/portals/0/skins/stepchange/images/notes-blue-icon.png)
    no-repeat left top;
  padding-left: 50px;
  -webkit-font-smoothing: antialiased;
}
.notes-panel ul {
  /* TB */
  margin-top: 0;
}
.second-hero-bottom .telephone-panel,
.bluegrey-thirty .telephone-panel,
.bluegrey-twenty .telephone-panel,
.bluegrey-ten .telephone-panel,
.bluegrey-fifty .telephone-panel,
.orange-five .telephone-panel,
.blank .telephone-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/bluegrey-phone.png)
    no-repeat left top;
  color: #4c4c4c;
}
.purple-primary .telephone-panel,
.purple-eighty .telephone-panel,
.purple-eighty-bottom .telephone-panel,
.purple-twenty-bottom .telephone-panel,
.purple-sixtyfive .telephone-panel,
.purple-sixtyfive .telephone-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/purple-phone.png) no-repeat
    left top;
  color: white;
}
.purple-primary .mail-panel,
.purple-eighty .mail-panel,
.purple-eighty-bottom .mail-panel,
.purple-twenty-bottom .mail-panel,
.purple-sixtyfive .mail-panel,
.purple-sixtyfive .mail-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/purple-mail.png) no-repeat
    left top;
  color: white;
}
.bluegrey-thirty .mail-panel,
.bluegrey-thirty .mail-panel,
.bluegrey-twenty .mail-panel,
.bluegrey-ten .mail-panel,
.bluegrey-fifty .mail-panel,
.orange-five .mail-panel,
.blank .mail-panel {
  /* TB */
  color: #4c4c4c;
  background: url(/portals/0/skins/stepchange/images/mail-blue-icon.png)
    no-repeat left top;
}
.purple-primary .callback-panel,
.purple-eighty .callback-panel,
.purple-eighty-bottom .callback-panel,
.purple-twenty-bottom .callback-panel,
.purple-sixtyfive .callback-panel,
.purple-sixtyfive .callback-panel {
  background: url(/portals/0/skins/stepchange/images/purple-speech.png)
    no-repeat left top;
  color: white;
}
.purple-primary .chat-panel,
.purple-eighty .chat-panel,
.purple-eighty-bottom .chat-panel,
.purple-twenty-bottom .chat-panel,
.purple-sixtyfive .chat-panel,
.purple-sixtyfive .chat-panel {
  background: url(/portals/0/skins/stepchange/images/purple-chat.png) no-repeat
    left top;
  color: white;
}

.orange-primary .telephone-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/bluegrey-phone-orange.png)
    no-repeat left top;
}
.orange-primary .callback-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/orange-callback-orange.png)
    no-repeat left top;
}
.orange-primary .chat-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/orange-chat-icon.png)
    no-repeat left top;
}
.orange-primary .mail-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/bluegrey-mail-orange.png)
    no-repeat left top;
}
.orange-primary .notes-panel {
  /* TB */
  background: url(/portals/0/skins/stepchange/images/orange-notes.png) no-repeat
    left top;
}

.telephone-panel {
  /* TB */
  width: 200px;
  color: #b4bdc3;
  float: right;
  position: relative;
  margin: 12px 0 12px 0;
  background: url(/portals/0/skins/stepchange/images/telephone.jpg) no-repeat
    left top;
  padding-left: 50px;
  -webkit-font-smoothing: antialiased;
  padding-top: 3px;
}
.telephone-panel p {
  font-size: 24px;
  line-height: 22px;
}
.telephone-panel p span {
  font-family: Corbel-Italic, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif; /* Tom */
  font-style: normal; /* Tom */
  font-size: 14px;
  display: block;
  clear: both;
}
.orangeline {
  height: 6px;
  background: -moz-linear-gradient(
    left,
    #f48f37 0%,
    #f7b316 48%,
    #f48f37 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #f48f37),
    color-stop(48%, #f7b316),
    color-stop(100%, #f48f37)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    left,
    #f48f37 0%,
    #f7b316 48%,
    #f48f37 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    left,
    #f48f37 0%,
    #f7b316 48%,
    #f48f37 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    left,
    #f48f37 0%,
    #f7b316 48%,
    #f48f37 100%
  ); /* IE10+ */
  background: linear-gradient(
    to right,
    #f48f37 0%,
    #f7b316 48%,
    #f48f37 100%
  ); /* W3C */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.subline {
  float: left;
  color: #b4bdc3;
  font-family: Degular, Corbel, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  margin: 10px 0 0 0;
  line-height: 21px;
}
.header .subline {
  margin: 19px 0 0 0;
}
.header .telephone-panel {
  margin: 21px 0 4px 0;
}

/* -----------------------------------*/
/* ----------->>> 3. NAV <<<----------*/
/* -----------------------------------*/

.nav-section {
  position: relative;
  z-index: 300;
}
.topnav {
  width: auto;
  height: 39px;
  margin: 5px 0 20px 0;
  padding: 0;
  background: #e3e9ec;
  -moz-user-select: none;
  background: -moz-linear-gradient(top, #ffffff 0%, #cad5da 95%, #e3e9ec 100%);
  -webkit-user-select: none;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(95%, #cad5da),
    color-stop(100%, #e3e9ec)
  );
  background: linear-gradient(top, #ffffff 0%, #cad5da 95%, #e3e9ec 100%);
  border: solid 1px #cad5da;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
ul.nav {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
  margin-top: -5px;

  /*top:-5px;
	position: relative;*/
}
ul.nav li.active {
  border-top: solid 5px #7c4682;
}

ul.nav li {
  float: left;
  background: url(/portals/0/skins/stepchange/images/nav-divide.jpg) no-repeat
    left center;
  padding: 0;
  border-top: solid 5px transparent;
  list-style: none; /* TB - ADDED */
}
ul.nav li:hover {
  background: url(../images/nav-divide.jpg), #ffffff; /* Old browsers */
  background: url(../images/nav-divide.jpg),
    -moz-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* FF3.6+ */
  background: url(../images/nav-divide.jpg),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1edf3)); /* Chrome,Safari4+ */
  background: url(../images/nav-divide.jpg),
    -webkit-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* Chrome10+,Safari5.1+ */
  background: url(../images/nav-divide.jpg),
    -o-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* Opera 11.10+ */
  background: url(../images/nav-divide.jpg),
    -ms-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* IE10+ */
  background: url(../images/nav-divide.jpg),
    linear-gradient(to bottom, #ffffff 0%, #e1edf3 100%); /* W3C */
  background-repeat: no-repeat;
}
ul.nav li:first-child {
  background-position: 1000px 1000px;
}
ul.nav li:first-child:hover {
  background: url(../images/nav-divide.jpg), #ffffff; /* Old browsers */
  background: url(../images/nav-divide.jpg),
    -moz-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* FF3.6+ */
  background: url(../images/nav-divide.jpg),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1edf3)); /* Chrome,Safari4+ */
  background: url(../images/nav-divide.jpg),
    -webkit-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* Chrome10+,Safari5.1+ */
  background: url(../images/nav-divide.jpg),
    -o-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* Opera 11.10+ */
  background: url(../images/nav-divide.jpg),
    -ms-linear-gradient(top, #ffffff 0%, #e1edf3 100%); /* IE10+ */
  background: url(../images/nav-divide.jpg),
    linear-gradient(to bottom, #ffffff 0%, #e1edf3 100%); /* W3C */
  background-repeat: no-repeat;
  background-position: -1px 1px;
}
ul.nav li:first-child a {
  border-radius: 3px 0px 0px 0px;
}
ul.nav li a:first-child {
  display: block;
  color: #333;
  font-size: 0.9em;
  padding: 9px 16px;
  text-shadow: 0px 1px 0px white;
  cursor: pointer;
}
ul.nav li a:hover {
  text-decoration: none;
}
ul.nav li.active a {
  background: white;
  border-bottom: solid 1px white;
}
ul.nav li.active > a:first-of-type:hover,
.active-active-tab {
  background: transparent !important;
  border-bottom: solid 1px transparent !important;
}
ul.nav li:hover .leftmenu {
  left: auto;
  display: block;
  top: auto;
  left: 67px;
}
ul.nav li:hover .rightmenu {
  left: auto;
  display: block;
  top: auto;
  right: 0;
}
.searchform {
  float: right;
  width: 200px;
  display: inline-block;
  zoom: 1; /* ie7 hack for display:inline-block */
  *display: inline;
  border: solid 0px #2a323a;
  margin: 8px 12px 0 0;
  padding: 0px;
}
.searchform input {
  font-size: 12px;
  line-height: 1.2em;
  color: #666;
  filter: chroma(
    color=#000000
  ); /* ie7 hack for removing black border - unfortunately it creates an 'on focus' style instead */
}
.searchform .searchfield,
.searchform input[type="text"] {
  background: #fff;
  padding: 3px 5px 3px 5px;
  line-height: 1.2em;
  width: 77%;
  border: solid 1px #bec8cd;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
}
.searchform .searchbutton {
  color: #fff;
  border: solid 1px #fff;
  padding: 4px 2px 4px 2px;
  font-size: 12px;
  line-height: 0.95em;
  height: 13px;
  overflow: hidden;
  text-indent: -999px;
  width: 11%;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  background: url(/portals/0/skins/stepchange/images/magnify.png) no-repeat
    center #8a5b91;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  float: none;
}

#breadcrumbs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #aaaaaa;
  font-size: 12px;
  margin-top: -10px;
}

#breadcrumbs a {
  color: #333;
  margin: 0 8px;
  text-decoration: none;
  padding: 15px 0;
  display: inline-block;
}

#breadcrumbs li:last-child {
  margin-left: 8px;
}
/* -----------------------------------*/
/* --------->>> 4. CONTENT <<<--------*/
/* -----------------------------------*/

.main {
  min-height: 350px;
  clear: both;
}

.purple-list-box {
  background-color: #f4e9f3;
  border-radius: 5px;
  padding: 0px 0px 5px 0px;
}
.purple-list-box h4 {
  background-color: #8c6199;
  font-size: 1.8em;
  padding: 2px 0px;
  color: #ffffff;
  font-weight: bold;
}
.purple-list-box a,
.purple-list-box li {
  display: block;
  padding: 13px 15px;
  font-size: 1.2em;
  color: #7a4b88;
  border-top: solid 1px #e5d5e6;
}
.purple-list-box a:first-child {
  border-top: none;
}
.purple-list-box a:hover {
  background-color: #dfc3e8;
  text-decoration: none;
}

.newsletterSignup {
  background-color: #f4f7f8;
  border-radius: 5px;
  padding: 20px 20px 10px 20px;
  margin-bottom: 20px;
}
.signupBox {
  margin-top: 20px;
  width: 400px;
}

.Normal .three-slides a,
.Normal .four-slides a,
.Normal .horiz-controls a {
  color: #333;
  text-decoration: none;
}
#rotating-banners {
}
.hero {
  height: 304px;
  position: relative;
  float: none;
}
#rotating-banners div {
  opacity: 0;
  z-index: 1;
  width: 100%;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.module #rotating-banners {
  background: white;
  min-height: 210px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  /* Temp measure while we wait for our font embedding licence */
  font-family: Corbel-Italic, "Lucida Grande", "Lucida Sans Unicode",
    "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans",
    Verdana, "Verdana Ref", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.module #rotating-banners div em {
  font-size: 1.3em;
}
.module #rotating-banners div {
  padding: 30px;
  width: auto;
  font-size: 14px;
  /*font-style: italic;*/
}

.module #rotating-banners p img {
  width: 100%;
  height: auto;
}
.hero #rotating-banners .slide {
  height: 304px;
  overflow: hidden;
}
#rotating-banners div .super-title {
  font-size: 40px;
  line-height: 1em !important; /* TB */
}
#rotating-banners div .slide-content {
  -webkit-font-smoothing: antialiased;
  position: absolute;
  z-index: 200;
  display: block;
  margin-left: 24px;
  opacity: 1;
  padding: 8px 8px 16px 8px;
}
.hero #rotating-banners div h1,
.hero #rotating-banners div h2,
.hero #rotating-banners div h3,
.hero #rotating-banners div h4,
.hero #rotating-banners div h5,
.hero #rotating-banners div h6 {
  color: white;
  width: 340px;
  line-height: 1.2em;
}
.horiz-hero #rotating-banners div h1,
.horiz-hero #rotating-banners div h2,
.horiz-hero #rotating-banners div h3,
.horiz-hero #rotating-banners div h4,
.horiz-hero #rotating-banners div h5,
.horiz-hero #rotating-banners div h6 {
  width: 525px;
}
.hero #rotating-banners div .caption {
  color: #fcdbbb;
  text-indent: 8px;
  display: block;
}
.hero #rotating-banners div blockquote {
  color: white;
  width: 275px;
  padding-left: 0px;
  text-indent: 28px;
  margin: 16px 0px 20px 0px;
  background: url(/portals/0/stepchange/skins/images/quote-mark-white.png) -8px 0px
    no-repeat;
}
.hero #rotating-banners div p {
  font-size: 20px;
  color: white;
  line-height: 28px;
  width: 340px;
}
.horiz-hero #rotating-banners div p {
  width: 500px;
}
.hero #rotating-banners div a:hover {
  background: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}
.hero #rotating-banners div a {
  font-size: 24px;
  color: white;
  padding: 8px 8px;
  text-decoration: none;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: -12px;
}

#rotating-banners div.slide-active {
  display: block;
  opacity: 1;
}
#banner-controls {
  /* TB */
}
.horiz-controls a {
  /* TB */
  float: left;
  background: #ddd;
  display: block;
  padding: 16px 15px;
  width: 161px; /* width (304px) minus padding (30px) */
  height: 25px; /* height (75px) minus padding (24px) */
  border-bottom: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  -webkit-user-select: none;
  text-align: center;

  -webkit-box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  -moz-box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;

  background: -moz-linear-gradient(top, #ffffff 0%, #d5dde1 95%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(95%, #d5dde1)
  );
  background: linear-gradient(top, #ffffff 0%, #d5dde1 95%);
  font-size: 18px;
  line-height: 140%;
  color: #aaaaaa;

  -webkit-text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  -moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  position: relative;
}
.horiz-controls a.slide-active {
  /* TB */
  color: #797979;
  background: url(/portals/0/containers/stepchange/images/heropanels/purple-active.jpg)
    #ddd;
  background: url(/portals/0/containers/stepchange/images/heropanels/purple-active.jpg),
    -moz-linear-gradient(top, #ffffff 0%, #cad5da 100%);
  background: url(/portals/0/containers/stepchange/images/heropanels/purple-active.jpg),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cad5da));
  background: url(/portals/0/containers/stepchange/images/heropanels/purple-active.jpg),
    linear-gradient(top, #ffffff 0%, #cad5da 100%);
  background-position: bottom center;
  background-repeat: repeat-x;
}
.horiz-controls a:first-child {
  /* TB */
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  border-left: solid 1px #aaaaaa;
  width: 160px;
}
.horiz-controls a:last-child {
  /* TB */
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
}
.horiz-controls {
  /* TB */
  height: 56px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.horiz-controls a span.control-arrow {
  /* TB */
  display: none;
}
.horiz-controls a span.slide-active {
  /* TB */
  top: -24px;
  position: absolute;
  display: block;
  background: url(/portals/0/containers/stepchange/images/heropanels/active-slide-horiz.png)
    no-repeat bottom;
  width: 100%;
  left: 0;
}
.four-slides,
.three-slides {
  /* TB */
  height: 304px;
  width: 305px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  opacity: 1;
  display: block;
}
.four-slides a {
  background: #ddd;
  display: block;
  padding: 12px 15px;
  width: 274px; /* width (304px) minus padding (30px) */
  height: 51px; /* height (75px) minus padding (24px) */
  border-bottom: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  -webkit-user-select: none;
  -webkit-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  -moz-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  background: -moz-linear-gradient(top, #ffffff 0%, #d5dde1 95%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(95%, #d5dde1)
  );
  background: linear-gradient(top, #ffffff 0%, #d5dde1 95%);
  font-size: 18px;
  line-height: 140%;
  color: #aaaaaa;

  -webkit-text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  -moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  position: relative;
}

.four-slides a:first-child {
  border-radius: 0px 3px 0px 0px;
  border-top: solid 1px #aaaaaa;
  height: 50px;
}
.four-slides a:last-child {
  border-radius: 0px 0px 3px 0px; /*RF - Was missing*/
}

.three-slides a {
  background: #ddd;
  display: block;
  padding: 26px 15px;
  width: 274px; /* width (304px) minus padding (30px) */
  height: 48px; /* height (75px) minus padding (24px) */
  border-bottom: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  -webkit-user-select: none;
  -webkit-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  -moz-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3), inset -1px 1px 0px #fff;
  background: -moz-linear-gradient(top, #ffffff 0%, #d5dde1 95%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(95%, #d5dde1)
  );
  background: linear-gradient(top, #ffffff 0%, #d5dde1 95%);
  font-size: 18px;
  line-height: 140%;
  color: #aaaaaa;
  -webkit-text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  -moz-text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  text-shadow: 0px 1px rgba(255, 255, 255, 0.7);
  position: relative;
}

.three-slides a:first-child {
  border-radius: 0px 3px 0px 0px;
  border-top: solid 1px #aaaaaa;
}
.three-slides a:last-child {
  border-radius: 0px 0px 3px 0px;
}
#banner-controls a:hover {
  text-decoration: none;
}

.four-slides a.slide-active,
.three-slides a.slide-active {
  /* TB */
  color: #797979;
  background: url(/portals/0/containers/stepchange/images/heropanels/slide-highlight.jpg)
    #ddd;
  background: url(/portals/0/containers/stepchange/images/heropanels/slide-highlight.jpg),
    -moz-linear-gradient(top, #ffffff 0%, #cad5da 100%);
  background: url(/portals/0/containers/stepchange/images/heropanels/slide-highlight.jpg),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cad5da));
  background: url(/portals/0/containers/stepchange/images/heropanels/slide-highlight.jpg),
    linear-gradient(top, #ffffff 0%, #cad5da 100%);
  background-position: right center;
  background-repeat: repeat-y;
  -webkit-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.3);
}
.three-slides a:first-child span.control-arrow {
  height: 100px;
}
.four-slides a:first-child span.control-arrow {
  height: 74px;
}
.three-slides a span.control-arrow {
  display: none;
  position: absolute;
  top: 0;
  left: -18px;
  height: 101px;
  width: 18px;
  background: url(/portals/0/containers/stepchange/images/heropanels/slide-arrow-tall.png)
    no-repeat center;

  /*border-radius: 50%/50%;
	background-image: -moz-linear-gradient(top, #ffffff 0%, #cad5da 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cad5da));
    background-image: linear-gradient(top, #ffffff 0%,#cad5da 100%);
    -webkit-box-shadow:-3px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:-3px 0px 3px rgba(0,0,0,0.3);
	box-shadow:-3px 0px 3px rgba(0,0,0,0.3);*/
}
.four-slides a span.control-arrow {
  display: none;
  position: absolute;
  top: 0;
  left: -18px;
  height: 75px;
  width: 18px;
  background: url(/portals/0/containers/stepchange/images/heropanels/images/slide-arrow.png)
    no-repeat center;
}
.four-slides a span.slide-active,
.three-slides a span.slide-active {
  /* TB */
  display: block;
}
.prev-button:hover,
.next-button:hover,
.scroll-left:hover,
.scroll-right:hover {
  /* TB */
  opacity: 1;
}
.prev-button,
.next-button,
.scroll-left,
.scroll-right {
  /* TB */
  position: absolute;
  z-index: 300;
  background: #e3d5e2;
  padding-top: 25px;
  height: 0px;
  width: 25px;
  overflow: hidden;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  top: 40%; /* RF was 40% */
  opacity: 0.7;
  cursor: pointer;
}
.history .prev-button,
.history .next-button,
.history .scroll-left,
.history .scroll-right {
  top: 90%;
}
.prev-button,
.scroll-left {
  left: -12px;
  background: url(/portals/0/skins/stepchange/images/leftarrow.png) no-repeat
    center #e3d5e2;
}
.next-button,
.scroll-right {
  right: -12px;
  background: url(/portals/0/skins/stepchange/images/rightarrow.png) no-repeat
    center #e3d5e2;
}
.scroll-right {
  right: 10px;
  background-color: #cad5da;
  opacity: 0.9;
}
.scroll-left {
  left: 10px;
  background-color: #cad5da;
  opacity: 0.9;
}
.history {
  /* TB */
  position: relative;
  min-height: 120px;
  width: 99%;
}
.history .module-content {
  /* TB */
  padding: 0 !important;
  height: 210px;
}
.history .timeline {
  /* TB */
  width: 100%;
  height: 250px; /* RF was 220px */
  margin-bottom: -5px; /* RF was 10px */
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
}
.timeline-entry h1,
.timeline-entry h2,
.timeline-entry h3,
.timeline-entry h4,
.timeline-entry h5,
.timeline-entry h6,
.timeline-entry p {
  /* TB */
  margin: 0 0 4px 0 !important;
}
.timeline-entry h1,
.timeline-entry h2,
.timeline-entry h3,
.timeline-entry h4,
.timeline-entry h5,
.timeline-entry h6 {
  /* TB */
  font-size: 16px;
}
.timeline-entry p {
  /* TB */
  font-size: 12px;
  white-space: normal;
}
.time-line-holder {
  /* TB */
  width: 3500px;
  border-bottom: solid 3px #e4eaec;
  height: 200px;
}
.timeline-entry:after {
  /* TB */
  content: "";
  display: block;
  position: absolute;
  bottom: -24px;
  background: red;
  height: 24px;
  width: 22px;
  background: url(/portals/0/containers/stepchange/images/time-line-spot.png)
    no-repeat;
}
.timeline-entry {
  /* TB */
  background: white;
  width: 197px;
  height: 134px;
  display: block;
  border: solid 1px #e4eaec;
  padding: 14px;
  -webkit-box-shadow: 0px 3px 6px rgba(122, 122, 122, 0.1);
  -moz-box-shadow: 0px 3px 6px rgba(122, 122, 122, 0.1);
  box-shadow: 0px 3px 6px rgba(122, 122, 122, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-top: 10px;
  margin-left: 15px;
  position: relative;
  top: 10px;
  float: left;
}
/* --------->>> Debt remedy page <<<---------*/
.hero-inner {
  /* TB */
  width: 288px;
  float: left;
  margin: 24px 0 24px 24px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.hero-inner h1,
.hero-inner h2,
.hero-inner h3,
.hero-inner h4,
.hero-inner h5,
.hero-inner h6 {
  /* TB */
  width: 230px;
}
.hero-inner .module {
  /* TB */
  margin-bottom: 0;
}
.dr-panel {
  position: relative;
  zoom: 1;
}
.dr-panel .gutter {
  margin-bottom: 0 !important;
}
.dr-halfpanel {
  width: 46%;
  float: left;
  margin: 12px 0px 12px 18px;
}
.dr-halfpanel ul,
.dr-halfpanel p {
  margin: 2px 0px !important;
}
.dr-halfpanel ul li {
  list-style-type: disc !important;
}
.bluegrey-hero {
  /* TB */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bluegrey-hero .module {
  /* TB */
  margin-bottom: 0;
}
.bluegrey-hero .module:first-child {
  /* TB */
  padding-top: 16px;
}
#watch-video {
  cursor: pointer;
  color: white;
  text-decoration: none;
  font-size: 1.1em;
  background: #7f4f8d;
  display: block;
  position: absolute;
  bottom: 0;
  padding: 8px 16px;
  width: 272px;
  line-height: 34px;
  left: 0px;
}
#employee-video {
  /* TB */
  cursor: pointer;
  color: white;
  text-decoration: none;
  font-size: 1.2em;
  background: #7f4f8d;
  display: block;
  position: absolute;
  bottom: 0;
  padding: 8px 0;
  width: 100%;
  line-height: 34px;
  right: 0px;
  text-indent: 100px;
}
#dr-half-panel-1 ul {
  font-size: 12px;
}
#watch-video:hover,
#employee-video:hover {
  /* TB */
  text-decoration: none;
  background: #8c6199;
}
#watch-video:active,
#employee-video:active {
  /* TB */
  background: #a17eac;
}
.dr-open-saved {
  max-width: 550px;
}
.dr-open-saved p {
  padding: 4px 0;
  margin: 0;
}
/*.dr-open-saved input[type="text"] {
	min-width: 175px;
}*/

#DRWebReferenceTextBox {
  min-width: 175px;
}

.purple-twenty-bottom #DRWebReferenceTextBox {
  min-width: 215px;
}

.sub-nav-column {
  /* TB */
  margin-top: 16px;
}
.sub-nav-column h1,
.sub-nav-column h2,
.sub-nav-column h3,
.sub-nav-column h4,
.sub-nav-column h5,
.sub-nav-column h6 {
  /* TB */
  font-size: 2.2em;
  background: -moz-linear-gradient(top, #a17eac 0%, #6f397f 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #a17eac),
    color-stop(100%, #6f397f)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #a17eac 0%,
    #6f397f 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #a17eac 0%,
    #6f397f 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a17eac 0%, #6f397f 100%); /* IE10+ */
  background: linear-gradient(to bottom, #a17eac 0%, #6f397f 100%); /* W3C */
  color: white;
  padding: 8px 16px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.sub-nav-column h1 a,
.sub-nav-column h2 a,
.sub-nav-column h3 a,
.sub-nav-column h4 a,
.sub-nav-column h5 a,
.sub-nav-column h6 a {
  color: white; /* purple menu title is now a link */
  text-decoration: none;
}

.sub-nav {
  list-style: none !important; /* TB */
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
.sub-nav li {
  padding: 0 14px; /* TB */
  list-style-type: none !important; /* TB */
}
.sub-nav li:hover,
.sub-nav li.active {
  background: #f4f7f8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: url(/portals/0/skins/stepchange/images/end-arrow.png) #f4f7f8
    center right no-repeat; /* TB */
}

.sub-nav li a {
  padding: 8px 13px;
  display: inline-block;
  color: #333;
  cursor: pointer;
  background: url(/portals/0/skins/stepchange/images/arrow-right-double-footer.png) -1px
    15px no-repeat; /* TB */
}

/* -----------------------------------*/
/* --------->>> 5. FOOTER <<<---------*/
/* -----------------------------------*/

.footer {
  margin-top: 48px;
  padding: 15px 0 0 0;
  width: 100%;
  height: auto;
  background: #f3f7f8 url(images/link-shape_footer.png) top right no-repeat;
  border-top: #fcb316 6px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.85em;
}

/* Footer links */

.footer .footernav {
  float: left;
  width: 197px;
  margin: 0 20px 0 0;
}
.footer .border {
  border-right: 1px solid #ccc;
  margin: 0;
}
.footer .footernav ul {
  margin: 0px 0 20px 17px;
  padding: 0;
  list-style-type: none;
  max-width: 170px;
}
.footer .footernav li a {
  display: block;
  font: 1.2em arial;
  color: #585858;
  width: auto;
  padding: 10px 0px 12px 0px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
  font-weight: bold;
}
.footer .footernav a:hover {
  text-decoration: underline;
}
.footer .footernav li ul {
  list-style: disc url(images/arrow-right-double-footer.png) outside;
  margin: 0 0 0 15px;
  padding: 0px;
}
/*.footer .footernav li li a:before {
    content: "\00BB \0020";
}*/
.footer .footernav li li a {
  display: block;
  font: 1em arial;
  color: #79797b;
  width: auto;
  padding: 3px 0px 2px 0px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
  font-weight: normal;
}
.footer .footernav ul li {
  padding-bottom: 0;
  list-style-type: none;
}

/* Media & Careers box */
.mediacareers {
  width: auto;
  margin: 5px 0 12px 0;
  padding: 5px 17px 10px 17px;
}
.mediacareers h2 {
  font: 1.6em arial;
  color: #888;
  width: auto;
  margin: 0 0 10px 0;
  padding: 0 0 8px 0;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.mediacareers h2 a {
  color: #585858;
  background: url(images/arrow-right-double-footer.png) right no-repeat;
  padding: 0 10px 0 0;
}
.mediacareers h2 a:hover {
  text-decoration: underline;
}

.mediacareers img {
  float: left;
  margin: 0 10px 0 0;
}
.mediacareers p {
  margin: 0 0 12px 0;
  /*font-size:0.75em;*/
  /*line-height:1.2em;*/
  color: #666;
}
.mediacareers ul {
  list-style-type: none;
  list-style: disc url(images/arrow-right-double-footer.png) outside;
  margin: 0 0 13px 15px;
  padding: 0px;
}
.mediacareers ul li {
  padding-bottom: 0;
}
.mediacareers li a {
  display: block;
  /*font:0.75em arial;*/
  color: #79797b;
  padding: 3px 0px 2px 0px;
  text-decoration: none;
  border-bottom: 0px solid #fff;
  font-weight: normal;
}
.mediacareers a:hover {
  text-decoration: underline;
}

/* Copyright and logo */
.bottomnav {
  padding: 10px 17px 42px 17px;
}
.bottomnav .smalllink {
  padding: 8px 7px 0 0;
  float: left;
  /*font:0.75em arial;*/
  color: #79797b;
  text-decoration: none;
}
.bottomnav .smalllink a {
  color: #79797b;
  text-decoration: none;
}
.bottomnav .smalllink a:hover {
  text-decoration: underline;
}
.bottomnav .copyright {
  padding-top: 8px;
  float: right;
  /*font:0.75em arial;*/
  color: #79797b;
}

/* Colophon */
.colophon {
  margin: 30px 0 50px 0;
}

.colophon h4 {
  color: #333;
  padding-left: 15px;
}

.colophon p {
  font-style: italic;
  color: #333;
  line-height: 1.4em;
  padding-left: 15px;
}
.scrResults {
  margin: 0;
  padding: 0;
}
.scrResults li.scrItem h3 {
  font-size: 20px;
}
.scrTitle a {
  color: #6f397f !important;
}
.scrPath {
  color: #c5b0cc;
}
.scrRelevance {
  display: none;
}
.scrExcerpt,
.scrRelevance {
  color: #797979;
}
.scrItem {
  width: 80%;
}
.scrHeader {
  text-align: left;
  font-size: 12px;
}

/* -----------------------------------*/
/* --------->>> 6. PAGES <<<---------*/
/* -----------------------------------*/

.module.darkGreyPanel {
  background: #edf1f2;
  padding: 20px;
  border-radius: 12px;
}
.darkGreyPanel h2 {
  color: $primary;
  background: none;
  padding: 0;
  margin: 0;
}
.darkGreyPanel input {
  border: none;
  padding: 10px 0px;
  border-radius: 3px 0px 0px 3px;
  box-shadow: none;
  text-indent: 10px;
  min-width: 212px;
  color: #797979;
  float: left;
  font-size: 14px;
}
.darkGreyPanel .drlink {
  position: relative;
  background: #a784ac;
  width: 36px;
  height: 36px;
  display: block;
  float: left;
  border-radius: 0 3px 3px 0;
}
.darkGreyPanel .triangle {
  @include dr-triangle;
  top: 26px;
  right: 12px;
}
.darkGreyPanel .disclaimer {
  font-style: italic;
  margin: 10px 0 0 0;
  font-size: 12px;
}

/* Debt Remedy start page */
.landingPage .header {
  padding-top: 25px;
}
@media screen\0 {
  .landingPage .flex {
    min-height: 0;
  }
}
.landingPage .c-header {
  margin-top: 34px;
}
.landingPage .footer {
  margin-top: 20px;
  border: none;
  background: none;
  padding-top: 0;
}
.landingPage .footer .smallprint {
  display: none;
}
.landingPage .footernav {
  display: none;
}
.landingPage .footer .mediacareers {
  display: none;
}
.landingPage .footer .additional-text {
  padding: 0;
  margin: 0;
}
.landingPage .footer .additional-text br {
  padding: 0;
  margin: 0;
  height: 0;
  line-height: 0;
}
.landingPage .footer .bottomnav {
  padding-left: 0;
}
.landingPage .colophon * {
  padding-left: 0 !important;
}
.landingPage h1 {
  color: #ffffff;
  margin: 0px 0px 0px 0px;
}
.landingPage h2 {
  margin: 0px 0px 5px 0px;
}
.landingPage h3,
.landingPage h4,
.landingPage h5,
.landingPage h6 {
  margin: 0 0 5px 0;
}
.landingPage h5 {
  margin-bottom: 15px;
}
.landingPage h3 {
  font-size: 2.8em;
}

.landingPage .clear {
  clear: both;
  line-height: 0;
  font-size: 0;
}
.landingPage .dmplogin,
.landingPage .telephone-panel,
.landingPage .subline,
.landingPage .orangeline,
.landingPage .callback-headpanel,
.landingPage .searchform,
.landingPage .c-header__searchform,
.landingPage .c-header__links-wrapper {
  display: none;
}

.landingPage .returning {
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: -40px;
  margin-right: 20px;
  font-size: 1.4em;
  position: relative;
  position: absolute;
  margin-top: -47px;
  padding-right: 25px;
}
.landingPage .returning input {
  width: 120px;
  font-size: 0.8em;
  margin: 0px 5px;
}
.landingPage .parma {
  background: #f0ebf2;
  color: #6f397f;
}

.landingPage .purple-ten img {
  margin: 0;
}
.landingPage .purple-ten .cta-large,
.landingPage .textBlock .cta-large {
  margin: 10px 0px 0px 0px;
  font-size: 2.6em;
  position: relative;
  padding: 16px 60px 16px 40px;
}

.landingPage .triangle {
  width: 0px;
  height: 0px;
  border-left: 8px solid #a8a4a9;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 50%;
  margin: -8px 0px 0px 10px;
  right: 12px;
  display: block;
  cursor: pointer;
}
.landingPage .cta-large .triangle {
  top: 30px;
  right: 35px;
  border-left: 8px solid #fff;
  margin-top: -13px;
}

/* Main Banner */
.landingPage .textBlock {
  width: 500px;
  height: 200px;
  float: left;
  background: #6f397f;
  padding: 50px 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.landingPage .imageBlock {
  background: url(/portals/0/img/landing/drbanner.jpg) no-repeat #6f397f;
  width: 380px;
  height: 300px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  float: left;
}

.landingPage .mainBanner {
  background-color: #6f397f;
  width: 960px;
  border-radius: 10px;
}
.landingPage .mainBanner h1 {
  font-size: 3.4em;
}
.landingPage .mainBanner h1 + p {
  font-size: 2em;
  color: #c5b1d1;
  padding-bottom: 20px;
}

.landingPage .textBlock .roundel {
  float: right;
  width: 128px;
  height: 129px;
}

/* Ticklist */
.landingPage .ticklist {
  border-radius: 10px;
}
.landingPage .ticklist ul {
  list-style: url(/portals/0/img/landing/tick.png);
  padding: 0px 0px 0px 30px;
  margin: 0;
}
.landingPage .ticklist li {
  padding: 5px 0px;
}

/* How it works */
.landingPage .iconBlock {
  width: 30%;
  float: left;
  margin: 15px 3% 10px 0px;
}
.landingPage .iconBlock .number {
  display: block;
  width: 26px;
  height: 21px;
  float: left;
  padding-top: 5px;
  border-radius: 13px;
  text-align: center;
  background-color: #d3ccd6;
  font-size: 16px;
  color: #fff;
}
.landingPage .iconBlock p {
  margin: 8px 0px;
  line-height: 1.3em;
}
.landingPage .iconBlock h5 {
  margin: 0;
}
.landingPage .iconBlock div {
  margin: 0px 0px 0px 35px;
}
.landingPage .iconBlock .icon {
  display: block;
  height: 73px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  background: url(/portals/0/img/landing/icons.jpg);
}
.landingPage .iconBlock .pig {
  background-position: -100px 0px;
}
.landingPage .iconBlock .hands {
  background-position: -200px 0px;
}

/* Divider */
.landingPage .divider {
  height: 1px;
  width: 100%;
  line-height: 0;
  font-size: 0;
}

/*Footer */
.landingPage .footerBlock {
  float: left;
  width: 18%;
  padding: 10px;
}
.landingPage .footerBlock li a {
  color: #333;
}
.landingPage .footerBlock ul,
.landingPage .footerBlock li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.landingPage .footerBlock h6 {
  font-size: 16px;
}
.landingPage .herolinks,
.landingPage .logo,
.landingPage .c-left-block-container,
.landingPage .c-right-block-container {
  display: none !important;
}
.landingPage .footerLogo {
  float: right;
  width: 188px;
  text-align: center;
}

/* Return to Debt Remedy */
.landingPage .returndr {
  padding-left: 20px;
}
.landingPage .returndr h5,
.landingPage .returndr p {
  margin-bottom: 2px;
}
.landingPage .returndr .inputContainer {
  position: relative;
  width: 175px;
  margin-top: 10px;
}
.landingPage .returndr input[type="text"] {
  font-size: 1.2em;
  width: 130px;
}

/* Home page banner */
.homeBanner img {
  margin-bottom: 2px;
}
.bannerContent {
  overflow: auto;
}
.bannerContent > div {
  width: 320px;
  margin: 0;
  float: left;
}
.bannerContent > div .DNNModuleContent {
  padding: 25px;
  position: relative;
  box-sizing: border-box;
  background: #f08b1e;
}
.homeBanner p,
.bannerContent > div p {
  margin: 0;
  color: #fff;
  font-size: 15px;
}
.bannerContent > div img {
  margin: 0 auto 25px auto;
  display: block;
}
.bannerContent > div .DNNModuleContent:after {
  content: "";
  background: #ce781b;
  position: absolute;
  bottom: 10%;
  left: 0;
  height: 80%;
  width: 1px;
}
.bannerContent > div h1,
.bannerContent > div h2 {
  margin: 0 0 14px 0;
  color: #fff;
  font-size: 22px;
}
.bannerContent > div a {
  color: #fff;
  display: inline-block;
  font-weight: bold;
}