/* Minification failed. Returning unminified contents.
(3081,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/**
 * INDEX
 *
 * Note, anything that has been SASSED will need any updates done in place, and in the sass body.responsive section at the bottom
 *
 * Global styles - SASSED
 * Global layout - SASSED
 * Global block styles - SASSED
 * Global list styles - SASSED
 * Global form styles - SASSED
 * Global slideshow styles - SASSED
 * Pre Header - SASSED
 * Header - SASSED
 * Footer - SASSED
 * Products
 * Products Media Channel
 * Case Studies
 * Our People
 * Our Partners
 * News & Press Releases
 * Events
 * Tip of the day
 * How do you use yours?
 * Contact
 * Dinner Money
 * Training Calendar and Training Courses
 * Training Calendar and Training Courses 2012
 * Stay in touch
 * Downloads
 * Search
 * Welcome
 * Sitemap
 * Revisions administration
 * Spaces / Palette / Widgets - SASSING IN PROGRESS
 * Enhanced Support
 */
/**
 * COLOURS
 *
 * Global font colour: #57585A
 * Capita Blue: #005b82
 * Headings colour - lighter blue: #80b2c8
 * Anchor :link: #?
 * Anchor :hover :focus #00668F
 * 1px divider standard: #ccc 
 * Primary Links: background colour: #efefef
 * Primary Links: level 1 hover background colour: #30a9d6
 * darker grey border and heading bg: #b5b7b9
 * Title blue & Dark Blue on headings for landing page body copy: #005b82
 * zebra for tables (even): #ebf3f7
 */
/**
 * GRID GUIDE
 *
 * 16 columns @960px
 * 10px l/r gutters
 * 1 column = 40px
 * 2 column = 100px
 * 3 column = 160px
 * 4 column = 220px
 * 5 column = 280px
 * 6 column = 340px
 * 7 column = 400px
 * 8 column = 460px
 */
/* Global styles */
html {
  overflow-y: scroll;
}

body {
  background-color: #fff;
  color: #57585A;
}

body.grid {
  background: #fff url("/sites/all/themes/custom/fresh_air/layout_16_col/images/grid-bg-16.png") repeat-y center top;
}

img {
  margin-bottom: 1.54em;
  /* 13px * 1.54 = 20px */
}

img.inline {
  display: inline;
  margin-bottom: 0;
}

img.filefield-icon {
  float: left;
}

p.intro {
  font-size: 16px;
}

.pulled-large-bliss {
  font-family: "Bliss Regular", 'Gill Sans MT', 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
  font-size-adjust: 0.47;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 23px;
}

.quote {
  position: relative;
  padding: 0 30px;
}

.quote-extra {
  padding: 0 30px;
}

.quote p {
  overflow: visible;
}

.quote-66, .quote-99 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 400%;
  position: absolute;
}

.quote-66 {
  top: 10px;
  left: 0;
}

.quote-99 {
  bottom: -30px;
  right: 0px;
}

.text-align-right .quote-66 {
  top: 10px;
  left: 0;
}

.text-align-right .quote-99 {
  bottom: -25px;
  right: 0;
}

.text-align-right {
  text-align: right;
}

/* TODO REDO THE FOLLOWING STYLES AND TEST START */
big {
  font-size: 1.385em;
  /* 13px x 1.385 = 18px */
}

small {
  font-size: 0.846em;
  /* 13px x 0.846 = 11px */
}

q {
  font-style: italic;
  color: #585858;
}

sub {
  font-size: 0.769em;
  /* 13px x 0.769 = 10px */
  vertical-align: bottom;
}

sup {
  font-size: 0.769em;
  /* 13px x 0.769 = 10px */
  vertical-align: baseline;
  top: -4px;
  position: relative;
}

ins {
  text-decoration: underline;
}

address {
  font-style: normal;
  margin-bottom: 20px;
}

blockquote {
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 1.231em;
  /* 13px x 1.231 = 16px */
  color: #606060;
}

code {
  background-color: #e9eaea;
  display: block;
  padding: 20px;
  border: 1px solid #d1d1d1;
}

ul, ol {
  margin: 0 0 20px 0px;
  padding: 0 0 0 20px;
}

ul {
  list-style: disc outside;
}

ol {
  list-style: decimal outside;
}

img.left {
  float: left;
  padding: 0 20px 20px 0;
}

img.right {
  float: right;
  padding: 0 0 20px 20px;
}

h1 {
  color: #005b82;
}

/* global h2.title */
h2.section-title {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

a:link,
a:visited {
  color: #007AAA;
  text-decoration: none;
}

a:hover,
a:active {
  color: #00668F;
  text-decoration: underline;
}

a.strong {
  font-weight: bold;
}

ul.arrows,
ul.bullets {
  list-style: none;
  margin-left: 0;
  display: inline-block;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

p.bullet,
ul.bullets li {
  background: transparent url("bullet-green.png") no-repeat 0 3px;
  padding-left: 25px;
}

ul.arrows li {
  background: transparent url("bullet-arrow-blue.png") no-repeat 0 7px;
  padding-left: 10px;
}

p.button,
.node-readmore {
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  background: transparent url("button-bg.png") repeat-x 0 0;
  border: 1px solid #ccc;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

.node-readmore {
  padding: 5px 10px !important;
}

p.read-more a:link,
p.read-more a:visited,
p.more a:link,
p.more a:visited {
  padding-right: 17px;
  background: transparent url("link-arrow-1.png") no-repeat right center;
}

p.button a:link,
p.button a:visited {
  color: #005b82;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  line-height: 20px;
}

p.submitted {
  font-size: 12px;
  color: #7a7a7a;
}

div.field {
  margin-bottom: 20px;
}

div.field-name-body {
  margin-bottom: 0;
}

ul.menu,
ul.menu li,
.unstyled-list ul,
.unstyled-list ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.menu,
.unstyled-list ul {
  margin-bottom: 20px;
}

table th,
table td {
  padding: 5px;
  border: 1px solid #d1d1d1;
}

/* some table styling for content managers */
table.full-width {
  width: 100%;
}

table.grey-header th,
table.grey-header td {
  padding: 5px;
  border: none;
}

table.grey-header th {
  background-color: #d0d0d0;
}

table.grey-header tr.odd {
  background-color: #eeeeee;
}

/* END some table styling for content managers */
hr {
  color: #d1d1d1;
  background-color: #d1d1d1;
  height: 1px;
  border: none;
}

ul.links,
ul.action-links {
  margin-left: 0;
  list-style: none;
}

ul.links.inline li,
ul.action-links li {
  background-color: #e9eaea;
  float: left;
  margin-right: 10px;
  border-radius: 5px;
  /* Browser Hacks */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}

ul.links.inline li:hover {
  background-color: #CECFD1;
}

ul.links.inline li a:link,
ul.links.inline li a:visited,
ul.action-links li a:link,
ul.action-links li a:visited {
  display: inline-block;
  padding: 0 10px;
  color: #282828;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

ul.links.inline li a:hover,
ul.links.inline li a:active,
ul.action-links li a:hover,
ul.action-links li a:active {
  text-decoration: none;
}

p.permalink {
  float: right;
  margin-bottom: 20px;
}

.block.left {
  float: left;
  width: 300px;
}

.block.left.clear {
  clear: both;
}

.block.right {
  float: right;
  width: 300px;
}

.block.right.clear {
  clear: both;
}

#block-system-main .field-name-field-image {
  float: left;
  margin: 0 20px 20px 0;
}

/* TODO: retheme the filefield icon function */
div.filefield-file {
  margin-bottom: 20px;
}

.admin-text {
  font-size: 11px;
}

iframe {
  border: none;
}

/**
 * Site Identity
 */
h1.site-identity img {
  /* identity includes logo - hide the site name copy */
  margin-bottom: 20px;
}

/**
 * Skip links
 */
ul#skip-links {
  position: absolute;
  top: -200px;
  list-style: none;
}

/**
 * Global Layout 
 */
/* Regions */
#pre-header {
  width: 940px;
  margin: 0 auto 20px auto;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

#header {
  width: 960px;
  margin: 0 auto;
}

.nonresponsive.no-breadcrumb #header {
  margin-bottom: 30px;
}

#breadcrumb {
  width: 960px;
  margin: 0 auto;
  line-height: 40px;
  font-size: 11px;
}

/*.breadcrumb-link {
  margin-right: 10px;
}

.breadcrumb-link:after {
  content: "»";
}*/
#message-board {
  width: 940px;
  margin: 0 auto 20px auto;
}

#banners {
  /* added to easy clearing */
  width: 960px;
  margin: 0 auto;
}

#main-banner {
  width: 710px;
  margin: 0 10px 0 0;
  float: left;
}

#main-banner-aside {
  width: 230px;
  float: right;
  margin: 0;
}

#content {
  width: 940px;
  margin: 0 auto;
  padding: 0;
}

.node-type-html #content {
  position: relative;
}

.page-webcasts #content {
  width: 960px;
}

#content #content-wrapper {
  width: 940px;
  margin: 0;
  float: left;
}

.page-webcasts #content #content-wrapper {
  width: 960px;
}

body.sidebar-left #content #content-wrapper {
  width: 700px;
  margin-right: 10px;
}

body.two-sidebars #content #content-wrapper {
  width: 460px;
  margin-left: 240px;
}

body.training-lp #content #content-wrapper {
  width: 640px;
}

#content #region-b {
  float: right;
  width: 220px;
  margin: 0 0 20px 10px;
}

body.two-sidebars #content #region-b {
  width: 170px;
  margin: 0 0 18px -700px;
}

body.two-sidebars #content #region-c {
  float: right;
  width: 170px;
}

#footer {
  clear: both;
  width: 940px;
  margin: 0 auto 36px;
  padding: 0 10px;
}

.quick-links-section {
  float: left;
  width: 220px;
  margin: 0 10px;
}

.quick-links-section ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.quick-links-section ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

li.contact-header {
  text-indent: -9999px;
}

.quick-links-section h3 {
  color: #005b82;
  margin-bottom: 10px;
}

.quick-links-section a:link,
.quick-links-section a:visited {
  color: #57585A;
}

.quick-links-section.omega {
  border-left: 1px solid #ccc;
  padding-left: 19px;
  width: 200px;
}

/* Custom Grid */
.grid_4,
.grid_5,
.grid_7,
.grid_8,
.quick-links-section {
  float: left;
  margin: 0 10px;
}

.grid_4,
.quick-links-section {
  width: 220px;
}

.grid_5 {
  width: 280px;
}

.grid_7 {
  width: 400px;
}

.grid_8 {
  width: 460px;
}

.alpha {
  margin-left: 0;
  clear: left;
}

.omega {
  margin-right: 0;
}

.grid_4.border-right {
  width: 220px;
  margin-right: 0;
  padding-right: 9px;
  border-right: 1px solid #ccc;
}

/* equal height columns */
.article-row {
  overflow: hidden;
  margin-bottom: 20px;
}

.article-row .grid_4,
.article-row .grid_5,
.article-row .grid_7 {
  margin-bottom: -1000px;
  padding-bottom: 1000px;
}

h2.article-title {
  background-color: #005b82;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 0 5px;
  margin-bottom: 10px;
}

h2.article-title a:link,
h2.article-title a:visited {
  color: #fff;
}

/* jQuery scrollbar styles */
.jspVerticalBar {
  background: transparent;
  width: 23px;
}

.jspTrack {
  background: transparent url("scroll-track.png") no-repeat 0 0;
  margin: 7px 5px 5px;
}

.jspDrag {
  background: transparent url("scroll-bar.png") no-repeat 0 0;
}

/**
 * Global Block Styles
 */
h2.block-title {
  font-size: 13px;
}

/* blue gradient block */
.gradient-blue,
.block.banner-links {
  background-color: #005b82;
  height: 260px;
  margin-bottom: 20px;
  overflow: auto;
}

/* white block, grey header, grey border */
.block-grey {
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.block-grey.events-latest-7 {
  width: 218px;
  max-height: 198px;
  overflow: hidden;
}

/* TODO: exchange when ready */
img.one-temp {
  margin: -5px 0 0 0;
}

.block-grey h2.block-title {
  background-color: #b5b7b9;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

.block-grey h2.block-title a:link,
.block-grey h2.block-title a:visited {
  color: #fff;
}

/* yellow background with white text */
.block-yellow-bg {
  background-color: #ddb10a;
  color: #fff;
  padding: 0 10px 0;
}

.block-yellow-bg h2.block-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6c547;
}

/* white on blue */
.block-wob {
  background-color: #005b82;
  color: #fff;
  padding: 0 10px 0;
  margin: 0 0 20px;
}

.block-wob h2.block-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #80adc1;
}

/* light grey background blue titles */
.block-greybg {
  background-color: #f3f4f4;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}

.block-greybg h2 {
  color: #80b2c8;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b9d3de;
}

.block-greybg ul {
  list-style-type: square;
}

/* light grey background, grey border, dark grey title */
.block-greybgborder {
  background-color: #f3f4f4;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.block-greybgborder h2.block-title {
  background-color: #b5b7b9;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

/* pale blue bg, dark blue header */
.block-bluebg {
  background-color: #d5e8f0;
  margin-bottom: 20px;
}

.block-bluebg h2.block-title {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

/* pale yellow bg, dark yellow header */
.block-yellowbg {
  background-color: #f6ebc1;
  margin-bottom: 20px;
}

.block-yellowbg h2.block-title {
  background-color: #ddb10a;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

/* Call to action block - yellow border with yellow title text. */
.block-call-to-action {
  border: 5px solid #ddb10a;
  padding: 0 10px 0 10px;
  margin: 0 0 20px 0;
}

.block-call-to-action h2.block-title {
  color: #ddb10a;
  text-transform: uppercase;
  line-height: 29px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.block-call-to-action p {
  margin-bottom: 10px;
}

/* admin block header and bg */
.block-admin {
  background-color: #F6B8BE;
  margin-bottom: 20px;
  color: black;
}

.block-admin h2.block-title {
  background-color: #DD0508;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}

.block-admin.list-std a:link,
.block-admin.list-std a:visited {
  color: #333;
}

.block-admin.list-std a:hover,
.block-admin.list-std a:active,
.block-admin.list-std a:focus {
  color: #000;
}

/**
 * Global List Styles
 */
/* White text and white dotted seperator - used with global banner links */
.list-white ul,
.list-white ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-white ul li {
  color: #fff;
  border-bottom: 1px dashed #0082B9;
  padding: 0;
  line-height: 20px;
}

.list-white a:link,
.list-white a:visited {
  color: #D7F2FF;
  padding: 6px 12px 5px;
  display: block;
  text-decoration: none;
}

.list-white a:hover,
.list-white a:active,
.list-white a:focus {
  color: #fff;
  background-color: #3db7e4;
}

/* standard list for use with block-grey */
.list-std ul,
.list-std ul li,
.block-grey ul,
.block-grey ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-std ul,
.block-grey ul {
  margin-bottom: 5px;
}

.block-grey ul li,
.list-std ul li {
  border-bottom: 1px dashed #ccc;
  padding: 0 12px;
  line-height: 1.583em;
  /* 12px * 1.461 = 19px; */
  font-size: 0.923em;
  /* 13px x 0.923 = 12px */
}

.block-grey ul li.last,
.list-std ul li.last {
  border-bottom: none;
  line-height: 20px;
}

.list-std a:link,
.list-std a:visited,
.block-grey a:link,
.block-grey a:visited {
  color: #57585A;
}

.list-std a:hover,
.list-std a:active,
.list-std a:focus,
.block-grey a:hover,
.block-grey a:active,
.block-grey a:focus {
  color: #57585A;
}

/* micro thumbnail list */
.micro-thumbnail ul {
  list-style: none;
  margin: 0;
  padding: 0 10px 0;
}

.micro-thumbnail ul li {
  /* Added to easy clearing */
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}

.micro-thumbnail li img {
  float: left;
  margin: 4px 10px 10px 0;
}

.micro-thumbnail h3 {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
}

.micro-thumbnail p.created-view {
  font-size: 10px;
  float: left;
  margin: 0 0 10px;
}

.micro-thumbnail p.read-more {
  margin-left: 10px;
  margin-bottom: 10px;
}

/* White text with flat list */
.list-flat-white ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.list-flat-white ul li {
  color: #fff;
  padding: 5px 0;
  line-height: 20px;
  margin: 0;
  list-style: none;
  border-bottom: 1px dashed #0074A6;
}

.list-flat-white ul li.first {
  padding-top: 0;
}

.list-flat-white ul li.last {
  border-bottom: none;
  padding-bottom: 0;
}

.list-flat-white a:link,
.list-flat-white a:visited {
  color: #fff;
  display: block;
}

.list-flat-white a:hover,
.list-flat-white a:active,
.list-flat-white a:focus {
  color: #fff;
}

/* Override to list-std for pale blue bg */
.block-bluebg.list-std ul li {
  border-bottom: 1px dashed #bdcbd2;
}

.block-bluebg.list-std ul li.last {
  border-bottom: none;
}

/* Override to list-std for pale yellow bg */
.block-yellowbg.list-std ul li {
  border-bottom: 1px dashed #d5ceaf;
}

/* Override to list-std for downloads */
.block-yellowbg.list-std.downloads li {
  line-height: 30px;
}

.block-yellowbg.list-std.downloads img.filefield-icon {
  float: left;
  margin-top: 6px;
  margin-bottom: 6px;
}

.block-yellowbg.list-std ul li.last {
  border-bottom: none;
}

ul.pager {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

ul.pager li {
  list-style: none;
  margin: 0 5px;
  padding: 0;
}

ul.pager li.first {
  margin-left: 0;
}

/**
 * Global Form Styles
 */
.form-item {
  /* added to easy clearing */
  margin-bottom: 10px;
}

label {
  display: block;
  width: 160px;
  float: left;
  margin: 0 20px 0 0;
}

.form-text,
textarea {
  float: left;
  width: 270px;
  margin: 0 20px 0 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #f4f5f5;
  padding: 0 5px;
  min-height: 16px;
}

#search-form .form-text {
  min-height: 22px;
}

label.option {
  width: 100%;
}

.form-submit {
  margin-bottom: 10px;
}

.form-required {
  color: red;
  font-weight: bold;
}

/**
 * Global Form Styles
 */
.slideshow-wrapper {
  width: 710px;
  position: relative;
}

ul#slideshow-nav {
  /* added to easy clearing */
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

ul#slideshow-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 65px;
  overflow: hidden;
  width: 110px;
}

ul#slideshow-nav img {
  margin: 0;
  padding: 0;
}

ul#slideshow-nav li a {
  display: block;
  width: 110px;
  height: 65px;
}

ul#slideshow-nav li:hover img {
  visibility: visible;
}

ul#slideshow-nav li.activeSlide img {
  visibility: visible;
  margin: 0 0 0 -110px;
}

/** For non-javascript users */
#slideshow a {
  display: none;
}

#slideshow a.first {
  display: block;
}

.slideshow-wrapper .edit-rotating-banner {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  z-index: 9999;
  background-color: #f1e5ba;
  color: #614C00;
  padding: 0 5px;
}

/**
 * Pre Header
 *
.block.capita-link {
  width: 358px;
  float: left;
}

p.home-link {
  float: left;
  padding-right: 10px;
  margin: 0 10px 0 0;
  border-right: 1px solid #ccc;
}

p.pending-revisions-link {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 10px 0 0;
  border-right: 1px solid #ccc;
  background-color: #DDB10A;
}

#pre-header ul.pre-header-links { /* added to easy clearing *
  float: right;
  margin: 0;
  list-style: none;
  position: relative;
  font-size: 12px;
}

#pre-header ul.pre-header-links li {
  float: left;
  padding: 0 10px;
  border-right: 1px dotted #ccc;
  position: relative;
}

#pre-header ul.pre-header-links li.last {
  padding-right: 0;
  border-right: none;
}

#pre-header a:link,
#pre-header a:visited,
#pre-header a:active {
  color: #57585A;
}

#pre-header a:hover,
#pre-header a:focus {
  color: #00668F;
}

#pre-header ul.pre-header-links ul {
  position: absolute;
  left: -9999px;
  z-index: 999;
  list-style: none;
  margin: 0;
  padding: 0;
}

#pre-header ul.pre-header-links li:hover ul {
  left: -1px;
  top: auto;
  background-color: #fff;
  border: 1px dotted #ccc;
  width: 160px;
  padding: 10px 0 10px 0;
  background-color: #efefef;
}

#pre-header ul.pre-header-links ul li {
  float: none;
  border: none;
  white-space: nowrap;
}
*/
/**
 * Header
   Now using the sass version on all pages
 */
/* Site identity */
/*
.site-identity {
  float: left;
  margin: 0 10px;
  width: 460px;
}

.site-identity a:link,
.site-identity a:visited {
}

.site-identity a:hover,
.site-identity a:active {
}
*/
/* SupportNet Login */
/*
div.supportnet-login {
  width: 460px;
  float: left;
  margin: 0 10px;
  text-align: right;
  font-size: 0.923em;;
}

#supportnet-login-form {
  text-align: left;
  border: 10px solid #797b7d;
  padding: 20px;
  background: #fff;
  width: 312px;
  margin: 0 auto;
}

#fancybox-content #supportnet-login-form {
  border: 10px solid #797b7d;
}

.fancybox-inline-wrapper {
  display: none;
}

#supportnet-login-form .form-text
{
  width: 160px;
}

#supportnet-login-form label
{
  width: 100px;
}

#supportnet-login-form .form-submit
{
  margin-left: 120px;
  background-color: #005b82;
  border: none;
  color: #fff;
}

#supportnet-login-form p {
  margin-bottom: 0;
}

#header #site-search {
  float: right;
}

#header #site-search .form-item,
#header #site-search .form-item label,
#header #site-search input {
  float: left;
}

#header #site-search input.form-text {
  border: 1px solid #ccc
}

#site-search label {
  display: none;
  width: auto;
  margin: 0;
  padding-right: 10px;
  line-height: 25px;
  color: #C3C6C8;
  font-size: 0.923em;
}

#site-search:hover label {
  display: block;
}

#site-search .form-text {
  line-height: 25px;
  height: 25px;
  font-size: 1em;
  background-color: #e9ebeb;
  margin: 0;
  padding: 0 5px;
  border: none;
  width: 180px;
}

#site-search .form-submit {
  background-color: #797b7d;
  margin: 0;
  padding: 0 5px;
  height: 27px;
  border: none;
  line-height: 25px;
  font-size: 0.923em;
  color: #fff;
}
*/
/* Primary Link Navigation & Mega Menus */
/*
#navigation {
  clear: both;
  width: 960px;
}

.front #navigation {
  margin-bottom: 40px;
}

#navigation ul {
  border: 1px solid #ccc;
  margin: 0;
  background-color: #efefef;
}

#navigation ul li {
  float: left;
  line-height: 33px;
  background: transparent url('primary-links-divider.png') no-repeat right center;
  width: 137px;
  position: relative;
}

#navigation ul li.last {
  background: none;
  width: 136px;
}

#navigation ul ul {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  background: none;
  background: #eaecec url('navigation-dropdown-bg.png') repeat-x 0 0;
  border: 1px solid #ccc;
}

#navigation ul li:hover ul {
  left: -1px;
  top: auto;
  width: 233px;
}

#navigation ul li.last:hover ul {
  left: -138px;
}

#navigation ul li.our-products:hover ul {
  left: -138px;
  width: 958px;
}

#navigation ul li ul li
{
  width: 219px;
  margin: 20px 0 20px 10px;
  padding: 0 10px 0 0;
  float: left;
  line-height: 20px;
  border-right: 1px solid #ccc;
  background: none;
}

#navigation ul li ul li.last {
  width: 219px;
}

#navigation ul li ul li.first,
#navigation ul li ul li.block-5,
#navigation ul li ul li.block-9
{
  margin-left: 9px;
  clear: left;
}

#navigation ul li ul li.block-4,
#navigation ul li ul li.block-8,
#navigation ul li ul li.block-12
{
  width: 220px;
  padding-right: 0;
  border-right: none;
}

#navigation ul li ul.parent li ul.non-parent,
#navigation ul li ul.parent {
  padding: 0;
}

#navigation ul li ul.non-parent {
  padding: 20px 20px 20px 20px;
}

#navigation ul li ul.non-parent li {
  width: 219px;
  margin: 0;
  padding: 0;
  float: none;
  line-height: auto;
  border: none;
}

#navigation ul li ul li ul {
  left: 0 !important;
  position: relative !important;
  width: auto !important;
  border: none !important;
  background: none !important;
  background-color: transparent !important;
}

#navigation ul li ul li ul li {
  width: auto;
  margin: 0;
  float: left;
  line-height: auto;
  border: none;
}

#navigation a:link,
#navigation a:visited
{
  display: block;
  color: #57585A;
  text-decoration: none;
  text-align: center;
  margin-right: 1px;
}

#navigation li.active-trail a:link.active,
#navigation li.active-trail a:visited.active,
#navigation li.active-trail a:link,
#navigation li.active-trail a:visited
{
  background-color: #30a9d6;
  color: #fff;
}

#navigation li.active-trail li.active-trail li.active-trail a:link,
#navigation li.active-trail li.active-trail li.active-trail a:visited {
  background-color: #30a9d6 !important;
  color: #fff !important;
}

#navigation li.active-trail a:link.active,
#navigation li.active-trail a:visited.active {
  color: #fff !important; /* strange specivity issue - forced here to solve *
}

/* undo background-color for child items by default *
#navigation li.active-trail li a:link,
#navigation li.active-trail li a:visited
{
  background: none;
}

#navigation li.last a:link,
#navigation li.last a:visited,
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited
{
  margin-right: 0;
}

#navigation a:hover,
#navigation a:active,
#navigation a:focus,
#navigation li.active-trail li a:hover, /* for specivity *
#navigation li.active-trail li a:active, /* for specivity *
#navigation li.active-trail li a:focus /* for specivity *
{
  color: #fff;
  background-color: #30a9d6;
}

#navigation ul li ul.non-parent li a:link,
#navigation ul li ul.non-parent li a:visited
{
  display: block;
  color: #57585A;
  text-transform: none;
  text-align: left;
  font-size: 12px;
  padding: 0 5px 0;
  line-height: 20px;
}

#navigation ul li ul.non-parent li a:hover,
#navigation ul li ul.non-parent li a:active,
#navigation ul li ul.non-parent li a:focus {
  color: #fff;
}

#navigation ul li ul.parent li a:link,
#navigation ul li ul.parent li a:visited
{
  display: block;
  color: #3e80a5;
  text-transform: none;
  text-align: left;
  font-size: 14px;
  padding: 0 5px;
}

#navigation ul li ul.parent li a:hover,
#navigation ul li ul.parent li a:active,
#navigation ul li ul.parent li a:focus {
  color: #fff;
}

#navigation ul li ul li ul li a:link,
#navigation ul li ul li ul li a:visited
{
  color: #57585A !important;
  font-size: 12px !important;
}

#navigation ul li ul li ul li a:hover,
#navigation ul li ul li ul li a:active,
#navigation ul li ul li ul li a:focus {
  color: #fff !important;
}

#navigation ul li.show ul {
  display: block;
}

#navigation ul li.with-js ul {
  display: none !important;
}

/* Temporary HTML development menu *
#capita_so_global_settings-html-development-mega-menu h2.block-title {
  font-size: 11px;
  margin: 10px 0 3px;
}

#header .breadcrumb {
  clear: both;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  color: #57585A;
}

.no-breadcrumb #navigation {
  margin-bottom: 40px;
}
*/
/**
 * Footer
 */
#capita_so_global_settings-footer {
  border-top: 1px solid #ccc;
  position: relative;
}

#capita_so_global_settings-footer h2.block-title {
  text-transform: uppercase;
  font-weight: normal;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
}

.social-media {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px;
  width: 200px;
}

.follow-us-on {
  display: inline-block;
  float: left;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

.social-media ul {
  list-style: none;
  padding: 5px 0 0 0;
  float: right;
}

.social-media ul li {
  list-style: none;
  width: 20px;
  height: 20px;
  background: transparent url("footer-social-icons.png") no-repeat 0 0;
  float: left;
  margin-right: 10px;
}

.social-media ul li.twitter {
  background-position: -24px 0;
}

.social-media ul li.linked-in {
  background-position: -49px 0;
}

.social-media ul li a {
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
}

/* Post footer legal */
.footer-legal {
  font-size: 11px;
  text-align: center;
  color: #85868A;
}

.registered-office {
  border-top: 1px solid #ccc;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

.footer-logos {
  margin: 0 auto;
}

.footer-legal p {
  margin-bottom: 10px;
}

/**
 * Products
 */
.block.media-channel {
  padding: 0 10px;
}

.block.media-channel p.temp {
  display: none;
}

.block.media-channel h2.block-title {
  margin: 0 -10px 10px;
}

.block.media-channel h2.title {
  font-size: 13px;
  margin-bottom: 0;
}

.block.media-channel h2.title a:link,
.block.media-channel h2.title a:visited {
  color: #57585A;
}

.block.media-channel img {
  margin-bottom: 10px;
}

.block.media-channel ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

.block.media-channel ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.block.media-channel a:link,
.block.media-channel a:visited {
  color: #57585A;
}

.product-page .sims-core-suite-overview {
  margin-bottom: 20px;
}

.product-page .sims-core-suite-overview .video-title {
  font-size: 13px;
}

.product-page .sims-core-suite-future {
  background: transparent url(/sites/all/themes/custom/capitacs/capitasims/context/images/html-pages/partner-evolve-your-school.jpg) no-repeat left bottom;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.product-page .sims-core-suite-secondary {
  background: transparent url(/sites/all/themes/custom/capitacs/capitasims/context/images/html-pages/product-page-read-case-study.gif) no-repeat right bottom;
}

.product-page .sims-core-suite-overview h2, .product-page .sims-core-suite-future h2,
.product-page .sims-core-suite-secondary h2 {
  color: #005b82;
}

.product-page p.read-a-case-study {
  width: 212px;
  height: 286px;
  position: absolute;
  right: -10px;
  bottom: -20px;
}

.product-page p.read-a-case-study a {
  display: block;
  width: 212px;
  height: 286px;
  text-indent: -99999px;
}

/**
 * Products Media Channel
 */
#media-channel-overview {
  /* added to easy clearing */
  clear: both;
  margin-bottom: 20px;
}

#media-channel-overview-lead-image {
  width: 470px;
  margin: 0 10px 0 0;
  float: left;
  background: transparent url("media-channel-overview-bg.png") no-repeat 0 0;
}

#media-channel-overview-lead-image img {
  padding: 10px 0 0 10px;
}

/* medai channel scrollers sassed *
#media-channel h2.title {
  color: #005b82;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-left: 60px;
}
.media-channel-category {
  margin-bottom: 0px;
}

#media-channel .media-channel-category h2.title {
  font-size: 13px;
  padding: 0 10px;
  line-height: 20px;
}

.media-channel-category li {
  background: transparent url('media-channel-category-bg.png') no-repeat 0 0;
}

.media-channel-category li img {
  padding: 10px 0 0 10px;
}

.media-channel-category p {
  margin-bottom: 10px;
}

.media-channel-category p.date {
  float: left;
  padding-left: 10px;
  font-size: 11px;
  padding-right: 10px;
  border-right: 1px dotted #007AAA;
}

.media-channel-category p.view-video {
  float: left;
  font-size: 11px;
  padding-left: 10px;
}

.media-channel-category p.view-video a {
  display: block;
  background: transparent url('link-arrow-1.png') no-repeat right center;
  padding-right: 18px;
}
*/
/**
 * Case Studies
 */
/* front page lead case studies */
ul.case_studies_promoted_three {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

ul.case_studies_promoted_three li {
  position: relative;
  width: 220px;
  height: 140px;
  float: left;
  overflow: hidden;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}

ul.case_studies_promoted_three li.first {
  margin-left: 0;
}

ul.case_studies_promoted_three li.last {
  margin-right: 0;
}

ul.case_studies_promoted_three li img {
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
}

ul.case_studies_promoted_three div.teaser {
  background: transparent url("casestudy-front3-titlebg-v2.png") no-repeat left top;
  position: absolute;
  left: 0;
  top: 100px;
  height: 300px;
}

ul.case_studies_promoted_three h2 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
  color: #fff;
  width: 198px;
  margin: 0 1px;
  padding: 0 10px;
  line-height: 40px;
}

ul.case_studies_promoted_three p.lead-teaser {
  color: #fff;
  width: 198px;
  margin: 0 1px;
  padding: 0 10px;
  line-height: 20px;
  font-size: 12px;
}

ul.case_studies_promoted_three p.lead-more {
  position: absolute;
  width: 220px;
  height: 140px;
  top: 0;
  left: 0;
}

ul.case_studies_promoted_three a {
  display: block;
  width: 220px;
  height: 140px;
  text-indent: -9999px;
}

/* landing page */
.case-studies.landing-page h2.section-title {
  margin-bottom: 10px;
}

.case-studies.landing-page img {
  margin-bottom: 10px;
}

.case-studies.landing-page h2.title {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}

.case-studies.landing-page ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.case-studies.landing-page li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  font-family: 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
}

/**
 * Our People
 */
/* Our People: Lead Banner */
.our-people-lead-banner {
  width: 458px;
  height: 198px;
  float: left;
  margin: 0 10px 20px 0;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}

.our-people-lead-banner h2 {
  font-weight: normal;
  text-transform: uppercase;
  padding: 10px 0 0 10px;
}

.tip-wrapper {
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  position: absolute;
  background: transparent url("people-plus.png") no-repeat 0 0;
}

p.tip {
  background: transparent url("overlay-80.png") repeat 0 0;
  padding: 10px;
  margin: 10px 0 0 10px;
  color: #fff;
  font-size: 11px;
  display: none;
  width: 150px;
}

p.tip a:link,
p.tip a:visited {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 5%;
  display: block;
  width: 90%;
  background: #666;
  margin-top: 10px;
}

p.tip a:hover,
p.tip a:active {
  background-color: #fff;
  color: #000;
}

.tip-wrapper:hover p.tip {
  display: block;
}

/**
 * Our Partners
 */
ul.partner-teasers {
  /* added to easy clearing */
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

ul.partner-teasers li {
  list-style: none;
  margin: 0 10px 20px;
  padding: 0;
  width: 220px;
  float: left;
  border-bottom: 1px solid #ccc;
}

ul.partner-teasers li.odd {
  margin-left: 0;
  clear: left;
}

ul.partner-teasers li.even {
  margin-right: 0;
}

ul.partner-teasers h2.title {
  background-color: #005b82;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 0 5px;
  margin-bottom: 10px;
}

ul.partner-teasers h2.title a:link,
ul.partner-teasers h2.title a:visited {
  color: #fff;
}

ul.partner-teasers img {
  float: left;
  margin: 0 10px 10px 0;
}

body.node-type-partner #main-content {
  position: relative;
}

body.node-type-partner h1 {
  width: 300px;
  float: left;
}

.partner-logo {
  float: right;
}

.partner-content {
  clear: both;
}

.node-type-partner ul.tabs {
  clear: both;
}

.partners-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners-list ul li {
  list-style: none;
  margin: 0 10px 20px;
  padding: 0;
  width: 220px;
  float: left;
  border-bottom: 1px solid #ccc;
}

.partners-list ul li.odd {
  margin-left: 0;
  clear: left;
}

.partners-list ul li.even {
  margin-right: 0;
}

.partners-list h2 {
  background-color: #005b82;
  font-size: 13px;
  color: #fff;
  padding: 0 10px;
  font-weight: normal;
  margin-bottom: 10px;
}

.partners-list h2 a:link,
.partners-list h2 a:visited {
  color: #fff;
}

.partners-list img {
  float: left;
  margin: 0 10px 20px 0;
}

p.sort-list {
  clear: left;
  display: block;
}

.node-type-partnergroup p.admin-text {
  margin: 0 10px 10px;
}

.node-type-staff .staff-content {
  width: 410px;
  float: right;
}

/**
 * News & Press Releases
 */
.page-news ol li,
.page-press-releases ol li {
  /* easy clearing */
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.page-news ol li.last,
.page-press-releases ol li.last {
  border-bottom: none;
  margin-bottom: 0;
}

.page-news ol li h2.title,
.page-press-releases ol li h2.title {
  margin-bottom: 0;
}

p.submitted {
  font-size: 11px;
  color: #999;
  margin-bottom: 10px;
}

.page-news .news-article,
.page-press-releases .news-article {
  width: 630px;
  margin: 0 0 0 70px;
  float: left;
}

.page-news .news-lead-image {
  width: 70px;
  margin: 0 0 0 -700px;
  float: left;
}

.press-release-download-title {
  margin-bottom: 10px;
}

/**
 * Events
 */
.events-latest-7 {
  float: left;
  width: 220px;
  margin: 0 0 0 10px;
}

.page-events table caption {
  text-align: left;
  font-size: 16px;
  color: #80b2c8;
  padding: 0 10px 10px;
  font-weight: normal;
}

.page-events table th,
.page-events table td {
  padding: 5px 10px;
  border: none;
}

.page-events th {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
}

.page-events table tr.even {
  background-color: #ebf3f7;
}

.page-events table td {
  border-bottom: 2px solid #ccc;
}

.page-events table .views-field-title {
  width: 150px;
}

.views-field-field-event-date-value {
  width: 150px;
}

p.event-date-location {
  font-size: 18px;
  color: #80b2c8;
  line-height: 30px;
}

/* TODO SORT THIS FOLLOWING OVERRIDE OUT - we are getting active trail on parent book li */
.node-type-eventinfo #region-tabs ul li.active-trail {
  background: transparent url("navigation-bg.png") repeat-x 0 0;
  border-bottom: 1px solid #ccc;
}

.node-type-eventinfo #region-tabs ul li a.active {
  background: transparent url("navigation-bg.png") repeat-x 0 -160px;
}

.event-contact {
  padding: 0 10px 0 10px;
}

.event-contact h2.block-title {
  margin-left: -10px;
  margin-right: -10px;
}

/**
 * Tip of the day
 */
.tip-of-the-day {
  background-image: url("tip-of-the-day-bulb.png");
  background-position: right top;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.block-yellow-bg.tip-of-the-day h2.block-title {
  width: 170px;
}

.block-yellow-bg.tip-of-the-day p {
  width: 185px;
  margin-bottom: 10px;
}

.block-yellow-bg.tip-of-the-day h2.share {
  border-top: 1px solid #eed885;
  font-size: 17px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.block-yellow-bg.tip-of-the-day .share-icon {
  background: transparent url("tip-share-icon.png") no-repeat 0 11px;
  background-position: -17px;
  width: 17px;
  height: 17px;
  float: left;
  margin-right: 5px;
}

.block-yellow-bg.tip-of-the-day h2.share.toggle {
  cursor: pointer;
}

.block-yellow-bg.tip-of-the-day .social-wrapper {
  margin: 0 -10px;
}

.block-yellow-bg.tip-of-the-day ul {
  margin: 0;
  list-style: none;
  padding: 10px 0 10px 10px;
  background-color: #fcebac;
}

.block-yellow-bg.tip-of-the-day ul li {
  float: left;
  background: transparent url("tip-social-icons.png") no-repeat;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  margin-left: 17px;
  display: block;
}

/**
.block-yellow-bg.tip-of-the-day ul li.facebook {
  margin-left: 0;
  background-position: 0 0;
}
**/
.block-yellow-bg.tip-of-the-day ul li.twitter {
  margin-left: 0;
  background-position: -88px 0;
}

/**
.block-yellow-bg.tip-of-the-day ul li.linkedin { background-position: -44px 0; }
.block-yellow-bg.tip-of-the-day ul li.twitter { background-position: -88px 0; }
.block-yellow-bg.tip-of-the-day ul li.googleplus { background-position: -132px 0; }
**/
.block-yellow-bg.tip-of-the-day ul li.email {
  background-position: -175px 0;
}

.block-yellow-bg.tip-of-the-day ul li a {
  display: block;
  width: 26px;
  height: 26px;
}

/**
 * How do you use yours?
 */
.how-do-you-use-yours {
  clear: both;
}

.how-do-you-use-yours ul {
  /* added to easy clearing */
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.how-do-you-use-yours ul li {
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  width: 338px;
}

.how-do-you-use-yours ul li.last {
  margin-right: 0;
}

/**
 * Contact
 */
body.sidebar-left.page-contact #content #content-wrapper {
  width: 520px;
  margin-right: 10px;
}

body.sidebar-left.page-contact form#capitaforms-contact {
  margin-bottom: 20px;
}

body.sidebar-left.page-contact p.information-policy {
  font-size: 12px;
}

body.sidebar-left.page-contact #content #region-b {
  float: left;
  width: 400px;
  margin: 0 0 20px 10px;
}

/**
 * Dinner Money
 */
.radio-101.option-1 {
  clear: left;
  margin-right: 20px;
}

.radio-101 {
  width: 418px;
  margin-top: 20px;
  padding: 20px 20px 10px;
  background-color: #f3f4f4;
  border: 1px solid #ccc;
  float: left;
}

.radio-101 label {
  font-weight: bold;
}

.explanation-0 h3,
.explanation-101 h3,
.explanation-0 p,
.explanation-101 p {
  margin-bottom: 10px;
}

.explanation-0 p,
.explanation-101 p {
  font-size: 12px;
}

.page-order-dinner-money p.terms {
  font-size: 11px;
}

/**
 * Training Calendar and Training Courses
 */
table.calendar-filter {
  width: 220px;
  margin: 0 10px 20px;
  float: left;
}

table.calendar-filter.first {
  margin-left: 0;
}

table.calendar-filter th {
  background-color: #005b82;
  color: #fff;
  border: 1px solid #005b82;
  border-bottom: none;
  text-transform: uppercase;
  font-weight: normal;
  padding: 5px 10px;
}

table.calendar-filter td {
  border: 1px solid #a0c5d4;
  text-transform: uppercase;
  text-align: center;
  background-color: #d5e8f0;
}

table.calendar-filter td.sessions {
  background-color: #80b2c8;
}

table.calendar-filter td.active {
  background-color: #d7a900;
}

table.calendar-filter td.sessions a:link,
table.calendar-filter td.sessions a:visited {
  color: #000;
  display: block;
}

.training-search {
  width: 192px;
  margin: 0 0 20px 10px;
  padding: 0 10px 10px;
  float: left;
  border: 4px solid #005b82;
}

.training-search .form-text {
  width: 180px;
}

.training-search #edit-course-code-wrapper {
  float: left;
  margin-right: 10px;
}

.training-search #edit-course-code-wrapper .form-text {
  width: 110px;
}

.training-search h2.block-title {
  text-transform: uppercase;
  font-weight: normal;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 4px 0;
  color: #005b82;
}

.page-training .views-table,
.node-type-trainingcourse .views-table {
  clear: both;
  width: 700px;
}

.page-training table.views-table th,
.page-training table.views-table td,
.node-type-trainingcourse table.views-table th,
.node-type-trainingcourse table.views-table td {
  padding: 5px 10px;
  border: none;
}

.page-training table.views-table th,
.node-type-trainingcourse table.views-table th {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
}

.page-training table.views-table th a {
  color: #fff;
}

.page-training table.views-table tr.even,
.node-type-trainingcourse table.views-table tr.even {
  background-color: #ebf3f7;
}

.page-training table.views-table td,
.node-type-trainingcourse table.views-table td {
  border-bottom: none;
  padding: 10px;
}

.page-training table.views-table td.views-field-view-node a:link,
.page-training table.views-table td.views-field-view-node a:visited,
.node-type-trainingcourse table.views-table td.views-field-view-node a:link,
.node-type-trainingcourse table.views-table td.views-field-view-node a:visited {
  display: block;
  background-color: #80b2c8;
  padding: 5px;
  color: #fff;
  text-align: center;
}

.page-training table.views-table th.views-field-field-session-dates-value {
  width: 70px;
}

/*.node-type-trainingcourse .course-meta,
.node-type-trainingsession .session-meta
{
  background-color: #005b82;
  padding: 10px 20px 0;
  margin-bottom: 20px;
  color: #fff;
  display: inline-block;
}

.node-type-trainingsession .session-meta {
  width: 500px;
}

.node-type-trainingcourse .course-meta ul,
.node-type-trainingsession .session-meta ul
{
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.node-type-trainingcourse .course-meta ul li,
.node-type-trainingsession .session-meta ul li
{
  list-style: none;
  margin: 0;
  padding: 0;
}
*/
.node-type-trainingcourse #content .views h2.block-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.node-type-trainingcourse table.views-table th a {
  color: #fff;
}

.node-type-trainingcourse table.views-table th.views-field-field-session-dates-value,
.node-type-trainingcourse table.views-table th.views-field-view-node,
.node-type-trainingcourse table.views-table th.views-field-field-cost-full-value {
  width: 100px;
}

.views-field-field-session-venue-full-value,
.session-venue {
  text-transform: uppercase;
}

.session-venue strong {
  text-transform: none;
}

.node-type-trainingsession #content #supportnet-login-form {
  /* easy-clearing */
  background-color: #F6EBC1;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px 10px 0;
}

.node-type-trainingsession #content #supportnet-login-form h2 {
  margin-bottom: 10px;
}

.node-type-trainingsession #content #supportnet-login-form form {
  width: 340px;
  float: left;
}

#capita-so-training-booking-form {
  border: 4px solid #005b82;
  padding: 20px;
  margin-bottom: 20px;
}

#capita-so-training-booking-form #edit-address-2-wrapper,
#capita-so-training-booking-form #edit-address-3-wrapper,
#capitaforms-stayintouch #edit-address-2-wrapper,
#capitaforms-stayintouch #edit-address-3-wrapper {
  margin-left: 180px;
}

#capita-so-training-booking-form .form-submit {
  margin-bottom: 40px;
}

.block.related-courses p {
  margin: 0 10px 10px;
}

#views-exposed-form-training-cal-default label,
#views-exposed-form-training-cal-default .form-text {
  float: none;
}

/**
 * Training Calendar and Training Courses 2012
 */
.training-courses #content,
.training-classes #content,
.node-type-trainingcourse #content,
.node-type-trainingsession #content {
  position: relative;
}

.training-courses #main-content .intro,
.training-classes #main-content .intro {
  max-width: 626px;
}

.call-to-action-1 {
  width: 314px;
  height: 116px;
  background: url("call-to-action-1-extended.png") no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.call-to-action-1 * {
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

.training-courses .filter-populate label,
.training-classes .filter-populate label {
  margin-right: 0.5em;
  width: 180px;
}

.training-courses .filter-populate input,
.training-classes .filter-populate input {
  padding: 0.5em;
}

.training-courses .filter-tid_1,
.training-courses .filter-tid_2,
.training-courses .filter-tid,
.training-courses .filter-tid_3,
.training-classes .filter-tid_1,
.training-classes .filter-tid_2,
.training-classes .filter-tid,
.training-classes .filter-tid_3 {
  margin: 0 13px 3em 0;
  padding: 0;
  width: 225px;
  float: left;
  background-color: #d3eff9;
}

.training-courses .filter-tid_3,
.training-classes .filter-tid_3 {
  margin-right: 0;
}

#views-exposed-form-training-courses-page-1 label.widget-label,
#views-exposed-form-training-sessions-page-1 label.widget-label {
  font-size: 18px;
  width: 155px;
  height: 42px;
  margin: 0;
  padding: 20px 50px 20px 20px;
  color: #ffffff;
}

#views-exposed-form-training-courses-page-1 .filter-populate label.widget-label,
#views-exposed-form-training-sessions-page-1 .filter-populate label.widget-label {
  font-size: 14px;
  width: 206px;
  height: 20px;
  margin: 0 10px 10px 0;
  padding: 10px;
  color: #ffffff;
}

#views-exposed-form-training-courses-page-1 .filter-populate,
#views-exposed-form-training-sessions-page-1 .filter-populate {
  margin-bottom: 2em;
}

#views-exposed-form-training-courses-page-1 .filter-populate label.widget-label,
#views-exposed-form-training-sessions-page-1 .filter-populate label.widget-label {
  background: none;
  padding: 0;
  margin: 0;
  color: #005B82;
  font-weight: bold;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  padding: 5px 0;
}

#views-exposed-form-training-courses-page-1 .bef-checkboxes,
#views-exposed-form-training-sessions-page-1 .bef-checkboxes {
  margin: 7em 0 1em;
}

#views-exposed-form-training-courses-page-1 .form-checkboxes .form-item,
#views-exposed-form-training-sessions-page-1 .form-checkboxes .form-item {
  padding: 0 10px;
  font-size: 11px;
  line-height: 16px;
  color: #747678;
  margin-bottom: 3px;
}

#views-exposed-form-training-courses-page-1 .form-checkboxes .form-item label,
#views-exposed-form-training-sessions-page-1 .form-checkboxes .form-item label {
  display: inline;
  float: none;
}

#views-exposed-form-training-sessions-page-1 .filter-field_session_dates_value {
  clear: both;
  width: 422px;
  float: left;
  padding: 20px;
  background-color: #D3EFF9;
  border: 1px solid #ACCDD6;
  margin-bottom: 2em;
}

.js #views-exposed-form-training-sessions-page-1 .filter-field_session_dates_value .description .description {
  display: none;
}

#views-exposed-form-training-sessions-page-1 .filter-field_session_dates_value input {
  margin: 0.5em 0;
}

#views-exposed-form-training-sessions-page-1 .filter-field_session_dates_value .form-item {
  margin: 0;
}

#views-exposed-form-training-sessions-page-1 .filter-field_session_dates_value label.widget-label {
  display: none;
}

.training-courses .collapsed .form-checkboxes,
.training-classes .collapsed .form-checkboxes {
  display: none;
}

.training-courses .form-item.hidden,
.training-classes .form-item.hidden {
  display: none;
}

.training-courses label.widget-label,
.training-classes label.widget-label {
  background: url("select-box-open.png") no-repeat;
}

.training-courses .collapsed label.widget-label,
.training-classes .collapsed label.widget-label,
.training-courses .semi-collapsed label.widget-label,
.training-classes .semi-collapsed label.widget-label {
  background: url("select-box-closed.png") no-repeat;
}

.esi-slidedown {
  border: 1px solid #ccc;
  background: #fff;
  padding: 8px 4px 1px;
  margin: 5px 0;
}

.training-courses .js .widget-label,
.training-classes .js .widget-label {
  cursor: pointer;
}

#views-exposed-form-training-sessions-page-1 .container-inline-date {
  width: 211px;
  float: left;
  clear: none;
  margin: 0;
}

#views-exposed-form-training-courses-page-1 .views-submit-button,
#views-exposed-form-training-sessions-page-1 .views-submit-button {
  float: right;
}

#views-exposed-form-training-courses-page-1 .views-submit-button input,
#views-exposed-form-training-sessions-page-1 .views-submit-button input {
  clear: none;
  width: 261px;
  height: 47px;
  border: none;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
  float: right;
  background: url("button-submit-search.png");
  cursor: pointer;
}

p.clear-search {
  margin: 5px 10px 5px;
  width: 85px;
  height: 37px;
  float: left;
}

p.clear-search a {
  display: block;
  width: 85px;
  height: 37px;
  background-image: url("button-clear-search.png");
  text-indent: -9999px;
}

.sorting {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sorting li {
  float: left;
  margin: 0;
  padding: 0;
  width: 153px;
  height: 49px;
  line-height: 49px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: url("tab-not-selected.png") no-repeat;
}

.sorting li.active {
  width: 153px;
  height: 49px;
  background: url("tab-selected.png") no-repeat;
}

.sorting li a:link,
.sorting li a:visited {
  display: block;
  color: #fff;
  /*text-shadow: 1px 1px 1px #2D3141;*/
  /*filter: dropshadow(color=#373E6D, offx=1, offy=1);*/
}

.sorting li a:hover,
.sorting li a:active {
  text-decoration: none;
}

.pdf-schedules {
  width: 365px;
  float: right;
  margin: -4em 0 0 0;
}

.classes-wrapper .pdf-schedules p {
  margin: 0 0 0.5em;
}

.classes-wrapper .pdf-schedules .item-list {
  float: left;
  clear: left;
  margin: 0;
}

.classes-wrapper .pdf-schedules .item-list ul {
  padding: 0;
}

.classes-wrapper .pdf-schedules .item-list ul li {
  width: auto;
  background: none;
}

.classes-wrapper .pdf-schedules .item-list ul li a {
  width: auto;
  padding: 0;
}

h2.list-by-course,
h2.list-by-class {
  clear: left;
  background-color: #d3eff9;
  color: #096496;
  border: 1px solid #b5d0d7;
  padding: 10px;
  margin: 0;
}

body.training-courses .print-button.top,
body.training-classes .print-button.top {
  margin: 0;
  width: 213px;
  height: 32px;
  margin: -2.8em 10px 0 0;
  float: right;
}

body.training-courses .print-button.bottom,
body.training-classes .print-button.bottom {
  float: left;
}

body.node-type-trainingcourse .print-button.top,
body.node-type-trainingsession .print-button.top {
  margin: 0;
  width: 91px;
  height: 30px;
  margin: 0;
  float: none;
  position: absolute;
  top: 125px;
  right: 0;
}

body.node-type-trainingsession .print-button.top {
  /*  margin-right: -240px;
  */
}

body.node-type-trainingcourse .print-button a,
body.node-type-trainingsession .print-button a {
  display: block;
  width: 91px;
  height: 30px;
  background: url("button-print.png") no-repeat;
  text-indent: -9999px;
}

body.training-courses .print-button a,
body.training-classes .print-button a {
  display: block;
  width: 213px;
  height: 32px;
  background: url("button-print-courses-and-sessions.png") no-repeat;
  text-indent: -9999px;
}

div.courses-widget {
  margin: 0 0 20px 0;
}

/* training uls sassed */
.training_courses,
.training_sessions {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
  border-left: 1px solid #accdd6;
  border-right: 1px solid #accdd6;
}

.training_courses li,
.training_sessions li {
  padding: 1em;
  border-bottom: 1px solid #accdd6;
  position: relative;
  * margin-bottom: -3px;
  /* fixes ie7 gap bug */
}

.training_courses li.collapsed {
  background-color: #ffffff;
}

.training_courses li .related_sessions {
  display: block;
}

.training_courses li.collapsed .related_sessions {
  display: none;
}

.training_courses li:nth-child(even),
.training_sessions li:nth-child(even) {
  background-color: #d3eff9;
}

/* sassing ends here */
.training_courses .course-info {
  width: 410px;
  margin-left: 90px;
}

.training_courses h2 {
  margin: 0 1em 0 0px;
  width: 375px;
}

.training_courses p.course-phase {
  width: 80px;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  font-weight: bold;
}

.training_courses p.course-read {
  width: 166px;
  height: 32px;
  position: absolute;
  top: 10px;
  right: 250px;
}

.training_courses p.course-read a {
  text-indent: -9999px;
  background: url("button-read-about-this-course.png") no-repeat;
  width: 166px;
  height: 32px;
  margin: 0;
  display: block;
}

.training_courses div.upcoming-sessions {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 200px;
}

.training_courses div.upcoming-sessions.none p {
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  padding: 0.75em 0;
  line-height: 1.3;
}

.training_courses div.upcoming-sessions p.upcoming {
  float: left;
  padding: 0.75em 0;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  width: 125px;
}

.training_courses div.upcoming-sessions p.view-upcoming {
  background: url("button-view.png") no-repeat;
  cursor: pointer;
  float: right;
  margin-left: 0.5em;
  width: 57px;
  height: 32px;
  text-indent: -9999px;
}

.training_courses div.upcoming-sessions.none p.view-upcoming {
  display: none;
}

.training_courses div.upcoming-sessions p.view-upcoming a:link,
.training_courses div.upcoming-sessions p.view-upcoming a:visited {
  color: #fff;
  text-decoration: none;
}

.training_courses p.course-duration {
  margin: 0;
  font-style: italic;
  color: #747678;
}

.training_courses p.toggle-intro {
  margin: 0 10px 0 0px;
  cursor: pointer;
  color: #747678;
  font-style: italic;
  padding-right: 20px;
  background: url("information.png") no-repeat right center;
  float: left;
}

.training_courses div.course-introduction {
  clear: both;
  margin: 0 10px 0 90px;
}

.training_courses div.course-introduction p {
  margin: 0;
  padding: 1em 0;
}

.training_courses h3.title-related-sessions {
  padding: 1em 0 0 90px;
  margin: 0;
  clear: both;
}

.training_courses ul.related_sessions {
  clear: both;
  margin: 0 0 0 90px;
  padding: 0;
  list-style-type: none;
}

.training_courses ul.related_sessions li {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  list-style-type: none;
}

.training_courses ul.related_sessions li:nth-child(even) {
  background: none;
}

.training_courses ul.related_sessions p.class-date,
.training_courses ul.related_sessions p.class-venue-name,
.training_courses ul.related_sessions p.class-price,
.training_courses ul.related_sessions p.class-full-details,
.training_courses ul.related_sessions p.class-book-now {
  float: left;
  width: 100px;
  margin: 0 10px 0 0;
}

p.class-cost-note {
  font-size: 85%;
  line-height: 1.3;
  font-style: italic;
}

.training_courses ul.related_sessions p.class-book-now,
.training_sessions .class-book-now {
  background: none;
  border: none;
  float: right;
  height: 25px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 70px;
}

.training_courses ul.related_sessions p.class-book-now a,
.training_sessions .class-book-now a {
  background: url("button-book-now2.png") no-repeat;
  border: none;
  height: 25px;
  margin-right: 0;
  text-indent: -9999px;
  width: 70px;
}

.training_courses ul.related_sessions p.class-venue-name {
  width: 152px;
}

.training_courses ul.related_sessions p.class-price {
  width: 470px;
}

.training_courses ul.related_sessions p.class-full-details {
  width: 200px;
}

.classes-wrapper {
  position: relative;
}

.classes-wrapper .item-list {
  margin: -2.63em 0 2.63em 160px;
}

.classes-wrapper .item-list ul {
  list-style-type: none;
  margin: 0;
}

.classes-wrapper .item-list ul li {
  float: left;
  background: url("date-button.png") no-repeat;
  padding: 0;
  margin: 0 5px 0 0;
  width: 84px;
  height: 30px;
}

.classes-wrapper .item-list ul li a {
  display: block;
  font-weight: bold;
  color: #437182;
  text-decoration: none;
  width: 84px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
}

.training_sessions .class-date-phase {
  float: left;
  width: 80px;
  margin: 0 20px 0 0;
  font-weight: bold;
  text-align: right;
}

.training_sessions .class-date-phase p {
  margin: 0;
}

.training_sessions .class-title-class-meta {
  float: left;
  margin: 0 10px 0 0;
  width: 802px;
}

.training_sessions h2.course-title {
  margin: 0 0 0.5em;
  width: 370px;
}

.training_sessions .course-full-details {
  width: 166px;
  height: 32px;
  position: absolute;
  top: 10px;
  right: 90px;
}

.training_sessions .class-book-now {
  margin-top: 4px;
}

.training_sessions .course-full-details a {
  text-indent: -9999px;
  background: url("button-read-about-this-course.png") no-repeat;
  width: 166px;
  height: 32px;
  margin: 0;
  display: block;
}

.training_sessions .class-venue-city,
.training_sessions .class-duration,
.training_sessions .class-price {
  margin: 0 20px 0 0;
  float: left;
  font-style: italic;
  color: #747678;
}

.training_sessions p.toggle-intro {
  margin: 0 20px 0 0;
  cursor: pointer;
  color: #747678;
  font-style: italic;
  padding-right: 20px;
  background: url("information.png") no-repeat right center;
  float: left;
}

.training_sessions .course-introduction-wrapper {
  clear: both;
  padding-top: 0.5em;
}

.training_sessions .class-calls-to-action {
  position: absolute;
  top: 10px;
  right: 10px;
}

.classes-sidebar {
  width: 225px;
  float: right;
  margin: 50px 0 0 0;
}

#capita_so_training-training_list_footer {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

body.training-courses p.empty-text,
body.training-classes p.empty-text {
  padding-top: 20px;
  padding-left: 20px;
  width: 400px;
  font-size: 16px;
}

body.node-type-trainingcourse p.empty-text {
  padding-top: 20px;
  font-size: 14px;
}

body.training-courses span.no-results,
body.training-classes span.no-results {
  display: block;
  padding-bottom: 20px;
}

body.node-type-trainingcourse h1,
body.node-type-trainingsession h1 {
  width: 600px;
}

/* Pagination */
.training-courses ul.pager,
.training-classes ul.pager {
  /*clear: both;*/
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 2em;
  text-align: right;
  float: right;
  max-width: 500px;
}

.training-courses ul.pager li,
.training-classes ul.pager li {
  display: inline-block;
  font-weight: bold;
  padding: 0;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

.training-courses ul.pager a:link,
.training-courses ul.pager a:visited,
.training-courses ul.pager a:hover,
.training-courses ul.pager a:active,
.training-classes ul.pager a:link,
.training-classes ul.pager a:visited,
.training-classes ul.pager a:hover,
.training-classes ul.pager a:active {
  text-decoration: none;
  color: #437182;
  padding: 0.5em 1em;
  display: block;
}

.training-courses ul.pager .pager-next a,
.training-courses ul.pager .pager-previous a,
.training-classes ul.pager .pager-next a,
.training-classes ul.pager .pager-previous a {
  background-color: #dbf2fa;
  border: 1px solid #ACCDD6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.training-courses ul.pager li.pager-current,
.training-classes ul.pager li.pager-current {
  background-color: #dbf2fa;
  border: 1px solid #ACCDD6;
  padding: 0.5em 1em;
  margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Upcoming courses on landing page */
#views-training_upcoming_lp-block_1 h2.block-title {
  background-color: #3db7e4;
  padding: 10px;
  color: #fff;
  margin: 0;
}

/* Specific fix to allow the sidebar to fit */
body.training-venues.sidebar-left #content #content-wrapper {
  width: 640px;
}

body.sidebar-left.training-lp #content #main-content,
body.sidebar-left.training-venues #content #main-content {
  width: 640px;
}

body.training-lp #content #region-b.aside,
body.training-venues #content #region-b.aside {
  width: 268px;
  margin: 0 0 0 20px;
}

#views-training_upcoming_lp-block_1 {
  margin-bottom: 20px;
}

#views-training_upcoming_lp-block_1 ol li,
#views-training_upcoming_lp-block_1 li {
  list-style: none;
}

#views-training_upcoming_lp-block_1 {
  border: 1px solid #9acbdb;
  background-color: #def0f6;
}

#views-training_upcoming_lp-block_1 ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  font-size: 14px;
  color: #096496;
}

#views-training_upcoming_lp-block_1 li {
  margin: 0;
  padding: 10px;
  position: relative;
}

#views-training_upcoming_lp-block_1 li h2 {
  width: 180px;
  font-size: 12px;
  color: #096496;
  margin: 0;
  font-weight: normal;
}

#views-training_upcoming_lp-block_1 .upcoming-info {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 14px;
  width: 44px;
  height: 20px;
}

#views-training_upcoming_lp-block_1 .upcoming-info a {
  display: block;
  width: 44px;
  height: 20px;
  text-indent: -9999px;
  background: url("button-INFO.png") no-repeat;
}

#views-training_upcoming_lp-block_1 li.odd {
  background-color: #f4fafc;
}

#capita_so_training-training_lp_search {
  background-color: #f6f6f6;
  border: 1px solid #dedede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 20px;
  margin: 0 0 2em 0;
}

#capita_so_training-training_lp_search h2 {
  font-size: 18px;
  font-weight: bold;
  color: #747678;
}

#capita_so_training-training_lp_search #edit-search-course-coursecode-wrapper {
  width: 162px;
  float: left;
}

#capita_so_training-training_lp_search #edit-search-course-coursecode-wrapper label {
  margin-bottom: 1em;
}

#capita_so_training-training_lp_search #edit-search-course-coursecode {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dedede;
  padding: 3px 5px;
  width: 150px;
}

#capita_so_training-training_lp_search #edit-submit,
#capita_so_training-training_lp_search #edit-submit-1 {
  width: 50px;
  height: 26px;
  border: none;
  background: url("button-search-glass.png");
  text-indent: -9999px;
  cursor: pointer;
  margin: 2.65em 0 0 10px;
}

/*280*/
/* Course node */
.node-type-trainingcourse #main-content {
  color: #747678;
}

.node-type-trainingcourse #main-content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3db7e4;
  margin: 0 0 0.5em;
}

.node-type-trainingcourse #main-content .course-body {
  width: 327px;
  float: left;
  margin: 0 22px 2em 0;
}

.node-type-trainingcourse #main-content .course-summary {
  font-size: 22px;
  line-height: 1.3;
  width: 622px;
}

.node-type-trainingcourse #main-content .course-meta {
  float: left;
  width: 285px;
  margin-bottom: 2em;
}

.node-type-trainingcourse #main-content .course-meta h2 {
  width: 266px;
  height: 40px;
  background: url("header-course-details.jpg") no-repeat;
  margin: 0;
  color: #fff;
  line-height: 40px;
  padding: 0 10px;
}

.node-type-trainingcourse #main-content .course-meta h3 {
  font-weight: normal;
  margin: 1em 0 0;
  color: #d7a900;
  padding: 0 10px;
}

.node-type-trainingcourse #main-content .course-meta p {
  margin: 0;
  padding: 0 10px 1em;
  border-bottom: 1px dotted #b9babb;
}

.node-type-trainingcourse #main-content .course-meta p.e-learning {
  padding-right: 80px;
}

.node-type-trainingcourse #main-content .course-meta .course-meta-recommended-courses {
  border-bottom: none;
}

.node-type-trainingcourse #main-content .course-meta ul {
  margin: 0;
  padding: 0 10px 1em;
  border-bottom: 1px dotted #b9babb;
  list-style-type: none;
}

.node-type-trainingcourse #main-content .course-meta .course-meta-pathwaypdf li {
  height: 35px;
  line-height: 35px;
  background: url("button-yellow.png") no-repeat;
  padding: 0 0 0 10px;
  margin: 10px 0 0 0;
  float: left;
  clear: left;
  list-style-type: none;
}

.node-type-trainingcourse #main-content .course-meta .course-meta-pathwaypdf li a {
  display: block;
  height: 35px;
  background: url("button-yellow.png") no-repeat right bottom;
  padding: 0 10px 0 0;
  margin: 0;
  color: #d7a900;
  font-weight: bold;
  font-size: 13px;
  text-shadow: 1px 1px 1px #FFFFFF;
  filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 {
  width: 286px;
  margin-left: 20px;
  margin-bottom: 20px;
  float: left;
}

.node-type-trainingcourse #main-content #service_links-service_links,
.node-type-trainingcourse #capita_so_global_settings-training_service_links {
  width: 286px;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
  float: right;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 h2 {
  width: 266px;
  height: 40px;
  line-height: 40px;
  background: url("heading-upcoming-classes.jpg") no-repeat;
  margin: 0;
  padding: 0 10px;
  color: #fff;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .empty-text {
  margin: 1em 0 0;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 ul {
  list-style-type: none;
  margin: 0;
  border: 1px solid #a9ccd5;
  padding: 0;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 ul li {
  border-top: 1px solid #a9ccd5;
  padding: 20px;
  margin: 0;
  position: relative;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 ul li.even {
  background-color: #d3eff9;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-date,
.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-venue-name {
  margin: 0;
  font-weight: bold;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-price {
  margin: 0;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .button,
.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .button a {
  padding: 0;
  display: block;
  background: none;
  border: none;
  text-transform: none;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-book-now {
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 70px;
  height: 25px;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-book-now a {
  display: block;
  width: 70px;
  height: 25px;
  background: url("button-book-now2.png");
  text-indent: -9999px;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-full-details {
  margin: 0;
}

.node-type-trainingcourse #main-content #views-e217d37831bbf30901227fea7bfd8234 .class-full-details a {
  padding-right: 16px;
  background: url("arrow.png") no-repeat right center;
  display: inline-block;
  color: #747678;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

/* Session node */
body.node-type-trainingsession #content #main-content {
  width: 940px;
}

.node-type-trainingsession #main-content .class-meta-title {
  margin: 10px 0 0 0;
  width: 192px;
  height: 40px;
  background: url("heading-course-details.png") no-repeat;
  text-indent: -9999px;
  clear: both;
}

.node-type-trainingsession #main-content .class-meta {
  background-color: #fef7f4;
  border: 2px solid #fee9df;
  margin: 0 0 2em;
  width: 936px;
}

.node-type-trainingsession #main-content .class-meta p {
  margin: 0;
}

.node-type-trainingsession #main-content .class-meta div.course-phase,
.node-type-trainingsession #main-content .class-meta div.class-code-duration,
.node-type-trainingsession #main-content .class-meta div.class-from-to,
.node-type-trainingsession #main-content .class-meta div.class-price {
  width: 190px;
  float: left;
  border-right: 1px solid #fee9df;
  border-top: none;
  clear: none;
  padding: 20px;
}

.node-type-trainingsession #main-content .class-meta div.class-price {
  border: none;
}

.node-type-trainingsession #main-content .class-meta div.course-summary {
  clear: left;
  border-top: 1px solid #fee9df;
  padding: 20px;
}

.node-type-trainingsession #main-content .class-venue {
  float: right;
  width: 222px;
  padding-left: 0px;
}

.node-type-trainingsession #content-container {
  /*background: red;
    position: relative;
  */
}

.node-type-trainingsession #main-content #service_links-service_links,
.node-type-trainingsession #capita_so_global_settings-training_service_links {
  float: right;
  width: 222px;
  padding-left: 0px;
  clear: right;
}

.node-type-trainingsession #main-content #capita_so_training-cal_booking_form {
  float: left;
  width: 699px;
}

.node-type-trainingsession #main-content h2,
.node-type-trainingsession #main-content .class-venue h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #3db7e4;
}

.training-404-help {
  width: 401px;
  height: 211px;
  position: relative;
  margin: 0 0 20px 0;
  background: transparent url("capita-training-banner.jpg") no-repeat 0 0;
  text-indent: -9999px;
}

.training-404-help a {
  display: block;
  width: 401px;
  height: 211px;
  position: absolute;
  top: 0;
  left: 0;
}

/**
 * Stay in Touch
 */
#capitaforms-intouch_promo {
  padding: 10px;
}

ul.stay-in-touch-options,
ul.stay-in-touch-options li {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

ul.stay-in-touch-options li {
  float: left;
  width: 160px;
  margin: 0;
  height: 60px;
  background: transparent url("stay-in-touch-sprite.png") no-repeat 0 0;
}

ul.stay-in-touch-options li.you-tube {
  width: 180px;
  background-position: -160px 0;
}

ul.stay-in-touch-options li.linked-in {
  width: 201px;
  background-position: -340px 0;
}

ul.stay-in-touch-options li.supportnet {
  width: 130px;
  background-position: -541px 0;
}

ul.stay-in-touch-options li a {
  display: block;
  width: 160px;
  height: 60px;
  text-indent: -9999px;
}

ul.stay-in-touch-options li.you-tube a {
  width: 180px;
}

ul.stay-in-touch-options li.linked-in a {
  width: 201px;
}

ul.stay-in-touch-options li.supportnet a {
  width: 130px;
}

/** 
 * Downloads
 */
.page-downloads .views-exposed-form {
  /* easy clearing */
  margin: 0 0 20px;
  padding: 10px 10px 10px;
  border: 4px solid #005b82;
}

.page-downloads .views-exposed-form .views-exposed-widget {
  width: 220px;
  float: left;
}

.page-downloads .views-exposed-form label {
  width: auto;
  float: none;
}

.page-downloads .views-exposed-form .form-text,
.page-downloads .views-exposed-form select {
  width: 200px;
}

.page-downloads .views-exposed-form .form-submit {
  margin-top: 20px;
}

.page-downloads table {
  width: 700px;
}

.page-downloads table th,
.page-downloads table td {
  padding: 5px 10px;
  border: none;
}

.page-downloads th {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
}

.page-downloads table tr.even {
  background-color: #ebf3f7;
}

.page-downloads table td {
  border-bottom: 2px solid #ccc;
}

/**
 * Search
 */
.page-search dd {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

p.search-info {
  font-size: 11px;
  margin-bottom: 10px;
}

p.search-snippet {
  margin-bottom: 10px;
}

/**
 * Welcome
 */
ul.reasons {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.reasons li {
  list-style: none;
  margin: 0 10px 20px;
  padding: 0 0 0 70px;
  width: 270px;
  float: left;
  background: transparent url("launch_page_numbers.jpg") no-repeat 0 0;
}

ul.reasons li.odd {
  margin-left: 0;
  clear: left;
}

ul.reasons li.even {
  margin-right: 0;
}

ul.reasons li.reason-two {
  background-position: 0 -300px;
}

ul.reasons li.reason-three {
  background-position: 0 -600px;
}

ul.reasons li.reason-four {
  background-position: 0 -900px;
}

ul.reasons li.reason-five {
  background-position: 0 -1200px;
}

ul.reasons li.reason-six {
  background-position: 0 -1500px;
}

ul.reasons h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}

ul.reasons li.reason-one h2 {
  color: #005b82;
}

ul.reasons li.reason-two h2 {
  color: #7fadc0;
}

ul.reasons li.reason-three h2 {
  color: #a1c6cf;
}

ul.reasons li.reason-four h2 {
  color: #bdd600;
}

ul.reasons li.reason-five h2 {
  color: #747678;
}

ul.reasons li.reason-six h2 {
  color: #d7a900;
}

.ipad-feedback {
  clear: both;
  color: #005b82;
  font-size: 20px;
  font-weight: normal;
}

/* form tabs */
#quicktabs-welcometabs ul.quicktabs-style-nostyle,
#quicktabs-welcometabs ul.quicktabs-style-nostyle li {
  height: 35px;
  margin: 0;
  padding: 0;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle {
  background: transparent url("border-grey.png") repeat-x left bottom;
  height: 36px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li {
  margin-right: 10px;
  background: #005b82 url("tabs_welcome_icons.png") no-repeat 0 0;
  border: 1px solid #ccc;
  border-bottom: none;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-0 {
  width: 118px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-1 {
  width: 76px;
  background-position: -128px 0;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-2 {
  width: 111px;
  background-position: -215px 0;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-3 {
  width: 111px;
  background-position: -337px 0;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.active {
  background-color: #f5f5f5;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-0.active {
  background-position: 0 -60px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-1.active {
  background-position: -128px -60px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-2.active {
  background-position: -215px -60px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li.qtab-3.active {
  background-position: -337px -60px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li a {
  display: block;
  height: 35px;
  border: none;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

#quicktabs-welcometabs ul.quicktabs-style-nostyle li a.active {
  background-color: transparent;
}

#quicktabs_container_welcometabs {
  background-color: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-top: none;
}

#quicktabs-welcometabs p.call-to-action {
  line-height: 30px;
}

#quicktabs-welcometabs a.twitter-logo,
#quicktabs-welcometabs a.linkedin-logo {
  display: inline-block;
  width: 100px;
  height: 30px;
  background: transparent url("tabs_welcome_icons.png") no-repeat 0 -165px;
  text-indent: -9999px;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

#quicktabs-welcometabs a.linkedin-logo {
  background-position: -100px -165px;
}

#quicktabs_container_welcometabs .form-text,
#quicktabs_container_welcometabs textarea {
  background-color: #fff;
}

/**
 * Sitemap
 */
.page-sitemap #content ul.section-quicklinks,
.page-sitemap #content ul.news_sitemap {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.page-sitemap #content ul.menu li,
.page-sitemap #content ul.section-quicklinks li,
.page-sitemap #content ul.news_sitemap li {
  margin-left: 20px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-bottom: 4px;
}

/**
 * Revisions administration
 */
.page-pending-revisions h1 {
  margin-top: 15px;
}

.page-pending-revisions .views-exposed-form label {
  font-weight: bold;
}

.page-pending-revisions .views-exposed-form .views-widget-filter-type {
  float: left;
  width: 400px;
}

.page-pending-revisions table {
  width: 100%;
}

.page-pending-revisions table th {
  background-color: #005B82;
  color: #fff;
}

.page-pending-revisions table tr.even {
  background-color: #f7f7f7;
}

#capita_so_training-training_list_footer {
  clear: both;
}

/* Schedule downloads */
body.training-schedules #content #content-wrapper {
  width: 640px;
}

body.training-schedules #content #region-b {
  width: 268px;
}

body.training-schedules #content #main-content {
  width: 620px;
}

body.training-schedules ul#schedule-downloads {
  list-style-type: none;
  margin: 0 0 0 -20px;
  width: 640px;
  padding: 0;
}

body.training-schedules ul#schedule-downloads li {
  position: relative;
  width: 260px;
  height: 64px;
  padding: 20px;
  color: #fff;
  font-size: 16px;
  margin: 0 0 10px 20px;
  float: left;
  background: url("download-schedule-banner-summer2013.png") no-repeat right top scroll;
}

body.training-schedules ul#schedule-downloads.autumn li {
  background-image: url("download-schedule-banner-autumn2014.png");
}

body.training-schedules ul#schedule-downloads.spring li {
  background-image: url("download-schedule-banner-spring2015.png");
}

body.training-schedules ul#schedule-downloads h2 {
  color: #fff;
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: normal;
}

body.training-schedules ul#schedule-downloads a:link,
body.training-schedules ul#schedule-downloads a:visited,
body.training-schedules ul#schedule-downloads a:hover,
body.training-schedules ul#schedule-downloads a:active {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 80px;
  height: 45px;
  text-indent: -9999px;
}

.training-list-footer-centre {
  float: left;
  width: 340px;
}

.training-list-footer-centre p {
  margin-bottom: 0;
}

p.view-regional-training-schedules {
  clear: both;
  width: 320px;
  height: 127px;
  margin: 0 0 0 20px;
}

p.view-regional-training-schedules a {
  display: block;
  width: 320px;
  height: 127px;
  text-indent: -9999px;
  background: url("training-schedule-banner-a.jpg") no-repeat;
}

p.e-learning {
  background: url("e-learning.png") no-repeat right -10px scroll;
  height: 44px;
}

p.webinar {
  background: url("webinar.png") no-repeat right -6px scroll;
  height: 44px;
}

/* Our staff carousel - replaced with bx slider

#views-our_people_carousel-block_1 {
  clear: both;
  float: right;
  width: 410px;
}

.node-type-staff .jcarousel-container {
  width: 350px !important;
  padding: 0 30px !important;
}

.node-type-staff .jcarousel-clip {
  width: 350px !important;
}

.node-type-staff .jcarousel-clip li {
  margin: 0 14px 0 0 !important;
  border-bottom: 1px solid #dcdddd;
}

.node-type-staff .jcarousel-clip li img {
  margin-bottom: 12px;
}

.node-type-staff .jcarousel-clip li p.staff-info,
.node-type-staff .jcarousel-clip li p.staff-info a {
  color: #747678;
  line-height: 16px;
}
*/
/* Case studies carousel - replaced with bx slider *

.node-type-casestudy .jcarousel-container {
  width: 620px !important;
  padding: 0 30px !important;
}

.node-type-casestudy .jcarousel-clip {
  width: 620px !important;
}

.node-type-casestudy .jcarousel-clip li {
  margin: 0 !important;
}

.node-type-casestudy .jcarousel-clip li .carousel-item {
  padding: 0 8px 0 7px;
  background: transparent url('case-studies-carousel-bg.png') repeat-y right 0;
}

.node-type-casestudy .jcarousel-clip li.last .carousel-item {
  background: none;
}

.node-type-casestudy .jcarousel-clip li h2.title {
  color: #747678;
  font-size: 12px;
  font-weight: normal;
}
*/
/**
 ** Spaces / Palette / Widgets area
 **/
#palette {
  position: fixed;
  height: 0px;
  top: 0px;
  left: 0px;
  z-index: 1000;
  overflow: visible;
}

#palette,
#palette select,
#palette input.form-text,
#palette input.form-submit {
  font-size: 16px;
}

#palette .block {
  position: absolute;
  top: 120px;
  left: 120px;
  width: 420px;
  -moz-box-shadow: #666 0px 0px 10px;
  -webkit-box-shadow: #666 0px 0px 10px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  display: none;
  background: #eee;
}

#palette .block .block-title {
  cursor: move;
  position: relative;
  background: #ccc url(sprite_bleeds.png) 0px -400px repeat-x;
  color: #666;
  text-shadow: #fff 0px 1px 0px;
  font-size: 16px;
  padding: 5px 5px 5px 10px;
}

div.messages span.close,
#palette .block .block-title span.close {
  position: absolute;
  right: 5px;
  top: 5px;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  background: #666 url(sprite_base.png) -20px -30px no-repeat;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#palette .block {
  background: #eee;
}

#palette .buttons {
  background: transparent;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#palette .more-link {
  float: right;
}

#palette .item-list ul li {
  padding-left: 0px;
  padding-right: 0px;
}

/* Context editor specific */
#palette .context-editor-block-layouts .form-item {
  padding: 0px;
  display: inline;
}

#palette form.context-editor .item-list {
  display: none;
}

#palette form.context-editor .buttons {
  display: block;
}

#palette .context-editable {
  padding: 0px;
}

#palette .draggable-placeholder,
#palette .context-block-addable {
  width: 371px;
  max-width: 366px;
  margin: 0px 0 5px 0px;
  background: none;
  background-color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#palette .context-block-browser .category {
  padding: 5px 0px 0px 5px;
}

#palette .context-block-browser {
  margin: 5px 0px;
  padding: 5px;
  background: #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#palette .help-text {
  padding: 0 10px;
  font-size: 12px;
}

#navigation a.context-block-region {
  display: none;
}

body.context-editing div.context-block-region-empty a.context-block-region {
  margin-bottom: 10px;
}

#spaces_dashboard-editor .contexts,
#spaces_dashboard-editor .buttons {
  padding: 5px 10px;
}

#spaces_dashboard-editor .close {
  padding: 0;
}

.context-block-browser .category.overflow {
  max-height: 300px;
  overflow: auto;
}

.spaces-dashboard-editor-1-jqsearch {
  margin: 0 10px;
}

.spaces-dashboard-editor-1-jqsearch .form-text {
  width: 180px;
}

.spaces-dashboard-editor-1-jqsearch #spaces-live-search-filter-count {
  font-size: 12px;
}

.spaces-dashboard-editor-1-jqsearch label {
  width: 30px;
  font-size: 12px;
  font-weight: bold;
}

/* Prevent floats in post content region causing a problem with drag & drop */
#post-content.ui-sortable .block.boxes {
  clear: left;
  display: block;
  float: none;
  width: auto;
}

/**
 ** Widgets
 **/
/* Call to action widget */
.cta-widget {
  margin-bottom: 10px;
}

.cta-widget h2.block-title {
  background: transparent url("get-in-touch-heading.png") no-repeat 0 0;
  display: block;
  float: right;
  height: 77px;
  text-indent: -9999px;
  width: 109px;
  margin-bottom: -5px;
}

.cta-widget .cta-wrapper {
  background: #fbfbfb;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  padding: 10px;
  clear: right;
}

.cta-widget .cta-details {
  clear: both;
  color: #830051;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 5px;
  text-align: center;
  font-size: 20px;
}

.cta-widget .cta-details a:link,
.cta-widget .cta-details a:visited {
  color: #830051;
}

.cta-widget .cta-options {
  /*  padding: 10px;*/
}

.cta-widget .cta-options ul {
  margin: 0;
  padding: 0;
}

.cta-widget .cta-options li {
  list-style: none;
  margin: 5px 0;
}

.cta-widget .cta-options li.first {
  margin-top: 0;
}

.cta-widget .cta-options li.last {
  margin-bottom: 0;
}

.cta-widget .cta-options li a {
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  color: #fff;
  display: block;
  padding: 7px 10px;
  background: #95005c;
  /* Old browsers */
  border: 1px solid #75004A;
}

.cta-widget .cta-options li a:hover,
.cta-widget .cta-options li a:active,
.cta-widget .cta-options li a:focus {
  text-decoration: none;
  background: #d1006a;
  /* Old browsers */
  border: 1px solid #A20054;
}

/* Related courses & related content widgets */
.related_content-widget {
  margin-bottom: 20px;
}

.menu-tabs.related_content-widget {
  margin-bottom: 10px;
}

.courses-widget h2.block-title,
.related_content-widget h2.block-title {
  border: 1px solid #939393;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 7px 10px;
  background: #a9a9a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a9a9a9 0%, #747474 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9a9a9), color-stop(100%, #747474));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a9a9a9 0%, #747474 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a9a9a9 0%, #747474 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a9a9a9 0%, #747474 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a9a9a9 0%, #747474 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#747474',GradientType=0 );
  /* IE6-8 */
}

.courses-widget .boxes-box-content,
.related_content-widget .boxes-box-content {
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fbfbfb 0%, #efefef 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fbfbfb 0%, #efefef 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef',GradientType=0 );
  /* IE6-8 */
}

#main-banner .related_content-widget .boxes-box-content,
#pre-content .related_content-widget .boxes-box-content {
  background-color: transparent;
  background-image: none;
  filter: none;
}

.courses-widget .training_courses,
.related_content-widget .related-content {
  border: 0;
}

.related_content-widget .related-content {
  margin: 0;
  padding: 0;
}

.courses-widget .training_courses li,
.related_content-widget .related-content li {
  border-left: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 0;
}

.related_content-widget .related-content li {
  list-style: none;
}

.menu-tabs.related_content-widget .related-content li {
  float: left;
  border: none;
  background-color: #efefef;
}

.menu-tabs.related_content-widget .related-content li:hover,
.menu-tabs.related_content-widget .related-content li.active {
  background-color: #3296D1;
}

.menu-tabs.related_content-widget .related-content li:hover a:link,
.menu-tabs.related_content-widget .related-content li:hover a:visited {
  color: #fff;
}

.training_courses li:nth-child(even),
.related_courses li:nth-child(even) {
  background: transparent;
}

.courses-widget .training_courses li a,
.related_content-widget .related-content li a {
  color: #424242;
  display: block;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0;
}

.courses-widget .training_courses li a:hover,
.courses-widget .training_courses li a:active,
.related_content-widget .related-content li a:hover,
.related_content-widget .related-content li a:active {
  color: #006c96;
  text-decoration: none;
}

.menu-tabs.related_content-widget .related-content li a:link,
.menu-tabs.related_content-widget .related-content li a:visited {
  color: #424242;
  display: block;
  font-weight: normal;
  padding: 5px 10px;
  margin: 0;
  border-right: 1px solid #ccc;
}

.menu-tabs.related_content-widget .related-content li a:hover,
.menu-tabs.related_content-widget .related-content li a:active,
.menu-tabs.related_content-widget .related-content li a:focus {
  color: #fff;
}

.menu-tabs.related_content-widget .related-content li.active a:link,
.menu-tabs.related_content-widget .related-content li.active a:visited {
  color: #fff;
  font-weight: bold;
}

.menu-tabs.related_content-widget .related-content li.active a:link,
.menu-tabs.related_content-widget .related-content li.active a:visited,
.menu-tabs.related_content-widget .related-content li.last a:link,
.menu-tabs.related_content-widget .related-content li.last a:visited {
  border-right: none;
}

/* Related courses: configurable tyles */
.courses-widget.purple h2.block-title,
.related_content-widget.purple h2.block-title {
  background: #8696cb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #8696cb 0%, #525caa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8696cb), color-stop(100%, #525caa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8696cb 0%, #525caa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8696cb 0%, #525caa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8696cb 0%, #525caa 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #8696cb 0%, #525caa 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8696cb', endColorstr='#525caa',GradientType=0 );
  /* IE6-8 */
}

/*
 * Contact us (content area) block
 * SASSED
 */
.contact_us-widget {
  background: #d8eff5;
  padding: 20px 20px 0;
  position: relative;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  font-size: 15px;
  color: #3cb6ce;
}

.contact_us-widget h2.block-title {
  background: transparent url("contact-title-bg.png") repeat 0 0;
  color: #fff;
  position: absolute;
  top: -20px;
  left: 10px;
  width: 200px;
  padding: 5px 20px 5px 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}

.contact_us-widget p {
  margin-bottom: 15px;
}

.contact_us-widget .contact-icon {
  background: transparent url("contact-phone.png") no-repeat right top;
  display: block;
  width: 37px;
  height: 68px;
  position: absolute;
  top: -22px;
  right: 40px;
  text-indent: -9999px;
}

.contact_us-widget .contact-icon a {
  display: block;
  width: 37px;
  height: 68px;
}

/* Contact us block in sidebar */
#region-b .contact_us-widget h2.block-title {
  max-width: 170px;
}

#region-b .contact_us-widget .contact-icon {
  display: none;
}

/* Choose sims banner */
#capita_so_global_settings-side_banner {
  clear: left;
}

/**
 * Blog section
   SASSED
 */
/* Layout */
body.sidebar-left.blog #content {
  width: 960px;
}

body.sidebar-left.blog #content #content-wrapper {
  width: 635px;
}

body.sidebar-left.blog #content #region-b {
  width: 305px;
}

/* Blog general styles */
body.sidebar-left.page-blog h1,
#capitacs_blog-blog_pre_title h2.block-title {
  font-size: 44px;
  margin-bottom: 5px;
}

.page-blog h1,
#capitacs_blog-blog_pre_title h2.block-title {
  display: block;
  width: 160px;
  height: 49px;
  float: left;
  background: transparent url("blog-logo.png") no-repeat 0 0;
  text-indent: -9999px;
}

#capitacs_blog-blog_pre_title h2.block-title a {
  display: block;
  width: 160px;
  height: 49px;
  text-indent: -9999px;
}

.page-blog.no-logo h1 {
  float: none;
  background: none;
  text-indent: 0;
  width: auto;
  height: auto;
}

#capitacs_blog-blog_pre_title h2.block-title {
  color: #005B82;
  font-weight: normal;
  line-height: 1.34em;
}

#capitacs_blog-blog_pre_title {
  border-bottom: 10px solid #ff5800;
  margin-bottom: 20px;
}

#capitacs_blog-blog_pre_title h2.blog-sub-title {
  margin-bottom: 10px;
}

body.sidebar-left.blog .blog-sub-title {
  font-size: 24px;
  font-weight: normal;
  color: #505253;
  line-height: 1.2em;
  /*
  padding-right: 90px;
  background: transparent url('blog-sub-title-icon.png') no-repeat right top;
  line-height: 63px;
  margin-top: -20px;*/
  width: 345px;
  float: right;
}

body.sidebar-left.blog .blog-sub-title em {
  color: #ff5800;
  font-style: normal;
}

.blog #region-b .block-title {
  font-size: 18px;
  color: #3cb6ce;
}

/* Our bloggers block */
#views-blog_our_bloggers-block_1 {
  border-top: 5px solid #3cb6ce;
  padding-top: 10px;
}

.blog_our_bloggers {
  margin: 0;
  padding: 0;
}

.blog_our_bloggers li {
  list-style: none;
  float: left;
  margin-right: 10px;
  height: 90px;
}

.blog_our_bloggers li.last {
  margin-right: 0;
}

.blog_our_bloggers li .picture {
  margin: 0;
}

/* Tagadelic block */
.block.tagadelic {
  border-bottom: 2px solid #ececeb;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.block.tagadelic .block-title {
  border-bottom: 2px solid #ececeb;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.tagadelic.level1 {
  font-size: 13px;
  color: #424242;
}

.tagadelic.level2 {
  font-size: 15px;
  color: #8b8c8d;
}

.tagadelic.level3 {
  font-size: 19px;
  color: #868686;
}

.tagadelic.level4 {
  font-size: 23px;
  color: #cacaca;
}

.tagadelic.level5 {
  font-size: 24px;
  color: #3b3b3b;
}

.tagadelic.level6 {
  font-size: 27px;
  color: #505253;
}

#capita_so_global_settings-subscribe_newsletter label {
  display: none;
}

#capita_so_global_settings-subscribe_newsletter .form-text {
  margin-right: 0;
  width: 290px;
}

#capita_so_global_settings-subscribe_newsletter .form-submit {
  float: right;
}

/*

//sassing in progress from here



/* Subscribe to newsletter block on html content type */
#capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit,
#capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit {
  display: inline-block;
  border: 0;
  margin: 0 0 10px;
  padding: 4px 20px;
  color: #efefef;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*   background-color: #60c9db; */
  background: #60c9db;
  /* Old browsers */
  background: -moz-linear-gradient(top, #60c9db 0%, #3ab4cd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #60c9db), color-stop(100%, #3ab4cd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #60c9db 0%, #3ab4cd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #60c9db 0%, #3ab4cd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #60c9db 0%, #3ab4cd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #60c9db 0%, #3ab4cd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c9db', endColorstr='#3ab4cd',GradientType=0 );
  /* IE6-9 */
  text-shadow: 1px 1px 2px #2C8EA3;
  filter: dropshadow(color=#2C8EA3, offx=2, offy=2);
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

/* Subscribe to newsletter block on html content type */
.node-type-html #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter label,
.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter label {
  font-weight: bold;
  color: #005b82;
}

.node-type-html #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-text,
.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-text {
  width: 200px;
}

.front #capita_so_global_settings-subscribe_newsletter .form-text {
  width: 185px;
}

.node-type-html #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit,
.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit {
  float: right;
  padding: 4px 15px;
  margin-bottom: 10px;
  color: #efefef;
  /*   background-color: #006494; */
  background: #207ab2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #207ab2), color-stop(100%, #006494));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #207ab2 0%, #006494 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ab2', endColorstr='#006494',GradientType=0 );
  /* IE6-9 */
  text-shadow: 1px 1px 2px #15537B;
  filter: dropshadow(color=#15537B, offx=2, offy=2);
}

.node-type-html #capita_so_global_settings-subscribe_newsletter,
.front #capita_so_global_settings-subscribe_newsletter,
.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter {
  background-color: #ededed;
  padding: 10px 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.node-type-html #capita_so_global_settings-subscribe_newsletter h2.block-title,
.front #capita_so_global_settings-subscribe_newsletter h2.block-title,
.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter h2.block-title {
  color: #005b82;
}

.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p {
  clear: both;
  margin-bottom: 0;
  font-weight: bold;
  color: #005b82;
}

.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button {
  display: inline-block;
  float: right;
  padding: 3px 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*   background-color: #006494; */
  background: #207ab2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #207ab2), color-stop(100%, #006494));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #207ab2 0%, #006494 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #207ab2 0%, #006494 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ab2', endColorstr='#006494',GradientType=0 );
  /* IE6-9 */
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button a:link,
.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button a:visited {
  color: #efefef;
  font-weight: bold;
  font-size: 11px;
  text-shadow: 1px 1px 2px #15537B;
  /*  filter: dropshadow(color=#15537B, offx=2, offy=2);
  */
}

.blog .comment a.hidden {
  /* display: inline; */
}

/**
 * Blog landing page
   SASSED
 */
h3.blog-user {
  clear: both;
}

.blog_lp {
  margin-left: 0;
  padding: 0;
  clear: both;
}

.blog_lp li {
  /*  border-top: 2px solid #ececeb;*/
  list-style: none;
  margin: 0 0 10px 0;
  padding-top: 20px;
  border-bottom: 10px solid #ff5800;
}

.blog_lp li.first {
  border-top: 2px solid #ececeb;
}

.blog_lp .picture {
  float: left;
  margin: 0 20px 20px 0;
  width: 85px;
}

.blog_lp .picture img {
  margin-bottom: 0;
}

.blog_lp .blog-meta {
  margin-left: 95px;
  min-height: 30px;
}

.blog_lp .blog-meta p {
  margin-bottom: 1px;
}

.blog_lp .date {
  background: transparent url("clock-icon.png") no-repeat 0 0;
  color: #3cb6ce;
  font-size: 15px;
  padding-left: 23px;
  float: left;
}

.blog_lp .comments {
  float: left;
}

.blog_lp .title {
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 5px;
  color: #096496;
  line-height: 32px;
}

.blog_lp .title a,
.blog_lp .author,
.blog_lp .author a {
  color: #096496;
}

.blog_lp .edit-blog-link {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}

.blog_lp .lead-image {
  clear: left;
  float: right;
  margin: 0 0 20px 20px;
}

.blog_lp .teaser {
  clear: left;
}

.blog_lp .read-more {
  background: transparent url("date-button.png") no-repeat 0 0;
  display: block;
  width: 84px;
  height: 30px;
}

.blog_lp p.read-more a {
  background: none;
  display: block;
  width: 69px;
  height: 28px;
  padding: 0 5px 0 10px;
  line-height: 28px;
  white-space: nowrap;
}

/**
 * Blog node
   SASSED
 */
.blog p.submitted,
.blog p.comments {
  color: #3cb6ce;
  font-size: 15px;
  float: left;
  padding-left: 20px;
  line-height: 19px;
}

.blog p.comments {
  padding-left: 22px;
  margin-left: 30px;
  background: transparent url("comments-icon-small.png") no-repeat 0 center;
}

.blog p.comments a {
  color: #3cb6ce;
}

.blog p.submitted {
  background: transparent url("clock-icon.png") no-repeat 0 center;
}

.blog .signature {
  clear: left;
  min-height: 30px;
}

.blog .signature a {
  color: #3cb6ce;
}

.blog .picture {
  clear: left;
  float: left;
  margin: 0 10px 10px 0;
}

.blog .imagefield-field_blog_lead_image {
  float: right;
  margin: 0 0 20px 20px;
}

/**
* Comments / comments form
  SASSED
*/
.comments-title {
  color: #ff5800;
  border-top: 1px solid #dfdfde;
  border-bottom: 1px solid #dfdfde;
  padding: 8px 30px 8px 8px;
  font-size: 25px;
  background: transparent url("comments-icon.png") no-repeat 99% center;
  font-weight: normal;
}

.comment-unpublished {
  background-color: #FFF9F7;
}

.comment-unpublished p.unpublished {
  float: right;
  font-style: italic;
}

.comment {
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding: 10px;
  color: #505253;
}

.comment .submitted {
  color: #424242;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

.comment .submitted span,
.comment-unpublished p.unpublished {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: normal;
}

.comment .links {
  margin: 0 0 5px;
  padding: 0;
  float: left;
}

.comment .links li {
  float: left;
  margin-right: 10px;
  background: #f1f1f1;
  border: 1px solid #ddd;
  font-size: 11px;
}

.comment .links li a {
  padding: 0 5px;
}

#comments .box h2 {
  font-size: 22px;
  color: #ff5800;
}

#comment-form .messages {
  margin-bottom: 10px;
}

#comment-form label {
  float: none;
  font-weight: bold;
  margin-bottom: 5px;
}

#comment-form .form-text,
#comment-form textarea {
  float: none;
  width: 623px;
  border: 1px solid #e2e2e2;
  background: #FBFBFB;
  padding: 8px 10px;
}

#comment-form .form-submit {
  float: left;
  margin-right: 20px;
}

#comment-form .moderation-message {
  margin-left: 160px;
}

/**
 * Blog blocks/general
   SASSED
 */
/* Twitter feed block */
#capita_so_global_settings-twitter_feed {
  margin-bottom: 20px;
}

#capita_so_global_settings-twitter_feed .block-title {
  display: block;
  width: 124px;
  height: 48px;
  text-indent: -9999px;
  background: transparent url("twitter-feed.png") no-repeat 0 0;
  position: relative;
  /* Needed for z-index */
  z-index: 4000;
  margin: 0 0 -5px;
}

#capita_so_global_settings-twitter_feed .twitter-feed {
  background: #efefef;
  padding: 110px;
}

/* Blog: Follow us on block */
#capita_so_global_settings-blog_follow_links .block-title {
  display: block;
  width: 173px;
  height: 68px;
  text-indent: -9999px;
  background: transparent url("follow-us-on.png") no-repeat 0 0;
  position: relative;
  /* Needed for z-index */
  z-index: 4000;
  float: right;
  margin: 0 0 -10px 0;
}

#capita_so_global_settings-blog_follow_links ul {
  padding: 15px;
  border: 1px solid #e2e2e2;
  position: relative;
  /* Needed for z-index */
  z-index: 3000;
  clear: both;
  float: left;
  margin-left: 0;
}

#capita_so_global_settings-blog_follow_links ul li {
  float: left;
  list-style: none;
  padding: 0;
  display: block;
  margin-right: 10px;
}

#capita_so_global_settings-blog_follow_links ul li.last {
  margin-right: 0;
}

#capita_so_global_settings-blog_follow_links ul li a {
  background: transparent url("blog-social-icons.png") no-repeat 0 0;
  display: block;
  text-indent: -9999px;
}

#capita_so_global_settings-blog_follow_links ul li.you-tube,
#capita_so_global_settings-blog_follow_links ul li.you-tube a,
#capita_so_global_settings-blog_follow_links ul li.linked-in,
#capita_so_global_settings-blog_follow_links ul li.linked-in a,
#capita_so_global_settings-blog_follow_links ul li.rss,
#capita_so_global_settings-blog_follow_links ul li.rss a,
#capita_so_global_settings-blog_follow_links ul li.twitter,
#capita_so_global_settings-blog_follow_links ul li.twitter a {
  width: 40px;
  height: 38px;
}

#capita_so_global_settings-blog_follow_links ul li.twitter {
  margin-top: 1px;
}

#capita_so_global_settings-blog_follow_links ul li.linked-in a {
  background-position: -46px 0;
}

#capita_so_global_settings-blog_follow_links ul li.you-tube a {
  background-position: -93px 0px;
}

#capita_so_global_settings-blog_follow_links ul li.rss a {
  background-position: -140px 0px;
}

/* Share this post block */
#capita_so_global_settings-blog_service_links,
#capita_so_global_settings-training_service_links {
  margin-top: -20px;
}

#capita_so_global_settings-blog_service_links .block-title,
#capita_so_global_settings-training_service_links .block-title,
#main-content #service_links-service_links .block-title {
  display: block;
  width: 173px;
  height: 68px;
  text-indent: -9999px;
  float: right;
  margin-bottom: 5px;
}

#capita_so_global_settings-blog_service_links .block-title,
#main-content #service_links-service_links .block-title {
  background: transparent url("share-this-post.png") no-repeat 0 0;
}

#capita_so_global_settings-training_service_links .block-title {
  background: transparent url("share-this-course.png") no-repeat 0 0;
}

#capita_so_global_settings-blog_service_links .links,
#capita_so_global_settings-training_service_links .links,
#main-content #service_links-service_links .service-links ul {
  clear: both;
  border: 1px solid #e2e2e2;
  float: left;
  margin: 0 0 20px;
  padding: 10px;
  list-style: none;
}

#capita_so_global_settings-blog_service_links .links li,
#capita_so_global_settings-training_service_links .links li,
#main-content #service_links-service_links .service-links ul li {
  float: left;
  margin-right: 10px;
}

#capita_so_global_settings-blog_service_links .links li img,
#capita_so_global_settings-training_service_links .links li img,
#main-content #service_links-service_links .service-links ul li img {
  margin: 0;
}

/* Blog archive block */
#views-blog_lp-block_1 {
  margin-bottom: 20px;
}

#views-blog_lp-block_1 select {
  background: #fff;
  border: 1px solid #e2e2e2;
  width: 305px;
}

/* Recent posts block
   SASSED */
.blog_recent_posts {
  margin: 0;
  padding: 0;
}

.blog_recent_posts li {
  list-style-type: none;
  margin-bottom: 10px;
}

.blog_recent_posts li .picture {
  float: left;
  margin: 0 10px 10px 0;
}

.blog_recent_posts li .picture img {
  margin: 0;
}

.blog_recent_posts li .title {
  margin-bottom: 5px;
}

.blog_recent_posts li .date {
  color: #3cb6ce;
  font-weight: bold;
}

/**
 * Global Widget Feature Styles
 */
.context-links {
  position: absolute;
  top: -33px;
  right: 0;
}

.context-links ul,
.context-links ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.context-links ul li {
  float: left;
}

.context-links a:link,
.context-links a:visited {
  color: #614c00;
  display: block;
  padding: 3px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: transparent url("tabs-bg.png") repeat-x 0 0;
}

.context-links a:hover,
.context-links a:active,
.context-links a:focus {
  color: #614c00;
  background: transparent url("tabs-bg.png") repeat-x left bottom;
  text-decoration: none;
}

p.widget-error {
  padding: 10px;
}

/* still used, will need sassing */
.node-type-html ul.widget-slideshow,
.node-type-html ul.widget-slideshow li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.node-type-html ul.widget-slideshow li img {
  margin-bottom: 0;
}

.node-type-html ul.slideshow-nav,
.node-type-html ul.slideshow-nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.node-type-html div.bx-default-pager {
  margin-top: 5px;
  margin-bottom: 20px;
  float: right;
}

.node-type-html div.bx-default-pager div.bx-pager-item {
  width: 11px;
  height: 11px;
  font-size: 1px;
  float: left;
  margin-right: 5px;
}

.node-type-html div.bx-default-pager div.bx-pager-item a {
  display: block;
  width: 11px;
  height: 11px;
  text-indent: -9999px;
  background: transparent url("slideshow-placedot-sprite.png") no-repeat -19px 0;
}

.node-type-html div.bx-default-pager div.bx-pager-item a.active {
  background-position: 0 0;
}

/* Anti-spam form item */
#edit-url-homepage-wrapper {
  display: none;
}

#video-player,
noscript {
  margin-bottom: 20px;
}

noscript {
  display: block;
}

/**
 * In Maintenance
 */
body.in-maintenance #header {
  margin-top: 20px;
}

body.in-maintenance #header div.logo {
  margin: 0 auto;
  width: 264px;
}

body.in-maintenance #header div.logo.independent {
  width: 434px;
}

body.in-maintenance .we-should-be-back-shortly {
  width: 710px;
  margin: 0 auto;
}

body.in-maintenance #content {
  text-align: center;
}

/* Lightbox overrides */
#imageData #bottomNav {
  height: 36px;
}

.lightbox2-alt-layout-data #bottomNavClose {
  margin-top: 0;
}

/**
 * Feature List
 */
.node-type-html #content-wrapper #main-content.content-background.product-page-features {
  padding-left: 16px;
  padding-right: 16px;
  width: 676px !important;
}

.node-type-html #content-wrapper #main-content.content-background.gs696.product-page-features h1 {
  margin-left: 0px;
}

.node-type-html ul.featurelist {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}

.node-type-html #content-container.grid-12 ul.featurelist {
  margin-left: -10px;
  margin-right: -10px;
}

.node-type-html ul.featurelist li {
  background: #e8e8e8;
  padding: 0 16px;
  margin: 0 0 1px 0;
  border-top: 1px solid #f6f6f6;
}

.node-type-html ul.featurelist li div {
  float: left;
}

.node-type-html ul.featurelist li div.fl-icon {
  width: 84px;
  overflow: hidden;
  margin: 16px 16px 0 0;
}

.node-type-html ul.featurelist li div.fl-text {
  width: 544px;
}

.node-type-html ul.featurelist li div.fl-text h2 {
  color: #3cb6ce;
  font-size: 1em;
  margin: 16px 0 5px 0;
}

.node-type-html ul.featurelist li div.fl-text p {
  margin-bottom: 16px;
}

/**
 * Enhanced Support & west sussex support info
   SASSED
 */
/* div is cloned by qtip */
#enhanced-support-info, #west-sussex-support-info {
  display: none;
}

/*** Temp css - move me ***/
/*
  div#capita_so_global_settings-front-pre-footer-learn-more.block div.learn-more div.second-col h3 {
    margin-bottom: 25px;
  }

  div#capita_so_global_settings-front-pre-footer-learn-more.block div.learn-more div.fourth-col h3 {
    margin-bottom: 31px;
  }
*/
/*** Temp ends ***/
/**
 ** Float Clearing
 **/
/* Float clearing for IE6: */
* html .clearfix,
* html #capita_so_global_settings-one-front-post-banner-key-points,
* html #views-one_front_solutions-block_1 ul,
* html ul,
* html ul.front_sims_post_banner,
* html div.sims-partners ul.inline,
* html div#pre-header,
* html div#header,
* html div#navigation,
* html div#banners,
* html div#content,
* html div#content div#main-content,
* html div#footer,
* html div.tabs ul.tabs,
* html ul.case_studies_promoted_three,
* html #pre-header ul.pre-header-links,
* html #header #navigation ul,
* html .menu-level2-wrapper,
* html .context-tabs ul,
* html .micro-thumbnail ul li,
* html .block,
* html .how-do-you-use-yours ul,
* html ul.partner-teasers,
* html .form-item,
* html ul#slideshow-nav,
* html #media-channel-overview,
* html .media-channel-category,
* html .node-type-trainingsession #supportnet-login-form,
* html .page-news ol li,
* html .page-downloads .views-exposed-form,
* html .page-press-releases ol li,
* html ul.stay-in-touch-options,
* html #quicktabs-welcometabs ul.quicktabs-style-nostyle,
* html .block-yellow-bg.tip-of-the-day ul,
* html .page-pending-revisions .views-exposed-form,
* html #views-exposed-form-training-sessions-page-1,
* html .training_courses li,
* html .training_sessions li,
* html .node-type-trainingsession #main-content .class-meta,
* html .node-type-trainingcourse #main-content .course-meta ul,
* html #capita_so_training-training_list_footer,
* html #views-training_upcoming_lp-block_1 li,
* html #views-training_upcoming_lp-block_1 ol,
* html .blog_our_bloggers,
* html .blog_lp li,
* html #capita_so_global_settings-blog_follow_links ul,
* html #capita_so_global_settings-blog_service_links,
* html #capita_so_global_settings-training_service_links,
* .blog_recent_posts li,
* html .comment .links,
* html .comment,
* html .signature,
* html .clear-block,
* html .social-links,
* html #post-content,
* html .signature,
* html .partners_partnerlist,
* html .screenshots-wrapper ul {
  height: 1%;
  overflow: visible;
}

/* Float clearing for IE7: */
* + html .clearfix,
* + html #capita_so_global_settings-one-front-post-banner-key-points,
* + html #views-one_front_solutions-block_1 ul,
* + html ul,
* + html ul.front_sims_post_banner,
* + html div.sims-partners ul.inline,
* + html div#pre-header,
* + html div#header,
* + html div#navigation,
* + html div#banners,
* + html div#content,
* + html div#content div#main-content,
* + html div#footer,
* + html div.tabs ul.tabs,
* + html ul.case_studies_promoted_three,
* + html #pre-header ul.pre-header-links,
* + html #header #navigation ul,
* + html .menu-level2-wrapper,
* + html .context-tabs ul,
* + html .micro-thumbnail ul li,
* + html .block,
* + html .how-do-you-use-yours ul,
* + html ul.partner-teasers,
* + html .form-item,
* + html ul#slideshow-nav,
* + html #media-channel-overview,
* + html .media-channel-category,
* + html .node-type-trainingsession #supportnet-login-form,
* + html .page-news ol li,
* + html .page-downloads .views-exposed-form,
* + html .page-press-releases ol li,
* + html ul.stay-in-touch-options,
* + html #quicktabs-welcometabs ul.quicktabs-style-nostyle,
* + html .block-yellow-bg.tip-of-the-day ul,
* + html .page-pending-revisions .views-exposed-form,
* + html #views-exposed-form-training-sessions-page-1,
* + html .training_courses li,
* + html .training_sessions li,
* + html .node-type-trainingsession #main-content .class-meta li,
* + html .node-type-trainingcourse #main-content .course-meta ul,
* + html #capita_so_training-training_list_footer,
* + html #views-training_upcoming_lp-block_1 li,
* + html #views-training_upcoming_lp-block_1 ol,
* + html .blog_our_bloggers,
* + html .blog_lp li,
* + html #capita_so_global_settings-blog_follow_links ul,
* + html #capita_so_global_settings-blog_service_links,
* + html #capita_so_global_settings-training_service_links,
* + html .blog_recent_posts li,
* + html .comment .links,
* + html .comment,
* + html .signature,
* + html .clear-block,
* + html .social-links,
* + html #post-content,
* + html .signature,
* + html .partners_partnerlist,
* + html .screenshots-wrapper ul {
  min-height: 1%;
}

/* Float clearing for everyone else: */
.clearfix:after,
#capita_so_global_settings-one-front-post-banner-key-points:after,
#views-one_front_solutions-block_1 ul:after,
ul:after,
ul.front_sims_post_banner:after,
div.sims-partners ul.inline:after,
div#pre-header:after,
div#header:after,
div#navigation:after,
div#banners:after,
div#content div#content:after,
div#main-content:after,
div#footer:after,
div.tabs ul.tabs:after,
ul.case_studies_promoted_three:after,
#pre-header ul.pre-header-links:after,
#header #navigation ul:after,
.menu-level2-wrapper:after,
.context-tabs ul:after,
.micro-thumbnail ul li:after,
.block:after,
.how-do-you-use-yours ul:after,
ul.partner-teasers:after,
.form-item:after,
ul#slideshow-nav:after,
#media-channel-overview:after,
.media-channel-category:after,
.node-type-trainingsession #supportnet-login-form:after,
.page-news ol li:after,
.page-downloads .views-exposed-form:after,
.page-press-releases ol li:after,
ul.stay-in-touch-options:after,
#quicktabs-welcometabs ul.quicktabs-style-nostyle:after,
.block-yellow-bg.tip-of-the-day ul:after,
.page-pending-revisions .views-exposed-form:after,
#views-exposed-form-training-sessions-page-1:after,
.training_courses li:after,
.training_sessions li:after,
.node-type-trainingsession #main-content .class-meta:after,
.node-type-trainingcourse #main-content .course-meta ul:after,
#capita_so_training-training_list_footer:after,
#views-training_upcoming_lp-block_1 li:after,
#views-training_upcoming_lp-block_1 ol:after,
.blog_our_bloggers:after,
.blog_lp li:after,
#capita_so_global_settings-blog_follow_links ul:after,
#capita_so_global_settings-blog_service_links:after,
#capita_so_global_settings-training_service_links:after,
.blog_recent_posts li:after,
.comment:after,
.comment .links:after,
.signature:after,
.clear-block:after,
.social-links:after,
#post-content:after,
.signature:after,
.partners_partnerlist:after,
.screenshots-wrapper ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/*
 * IE7 stuff, needs to be properly integrated as these bits go responsive
 */
.lt-ie8 {
  /* That 'special' place for IE7 :) */
  /* z-index bug fixes */
  /* Blog */
}
.lt-ie8 ul#slideshow-nav li {
  /* IE7 3px bug fix */
  float: left;
  clear: left;
}
.lt-ie8 #navigation ul li {
  z-index: 10000;
  /* http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ */
}
.lt-ie8 #navigation ul li ul li {
  margin-bottom: -3px;
}
.lt-ie8 #navigation ul li ul {
  min-height: 1%;
}
.lt-ie8 #navigation ul li.our-products:hover ul {
  padding-bottom: 20px;
}
.lt-ie8 .micro-thumbnail p.created-view,
.lt-ie8 .micro-thumbnail li img {
  padding-bottom: 10px;
}
.lt-ie8 p.button {
  zoom: 1;
  display: inline;
}
.lt-ie8 .list-flat-white ul {
  padding-bottom: 10px;
}
.lt-ie8 .page-events table tr.even td,
.lt-ie8 .page-downloads table tr.even td {
  background-color: #ebf3f7;
}
.lt-ie8 .block-yellow-bg.tip-of-the-day ul {
  list-style-position: outside;
  width: 210px;
}
.lt-ie8 ol.training_upcoming_lp {
  list-style-position: outside !important;
}
.lt-ie8 #capita_so_global_settings-blog_service_links .links {
  clear: none;
  margin-top: 20px;
}
.lt-ie8 #views-blog_our_bloggers-block_1 {
  margin-top: 20px;
}
.lt-ie8 #capita_so_global_settings-blog_follow_links ul {
  float: none;
}

/*
 * End of IE7 stuff
 */
/**
 * INDEX
 *
 * This stylesheet offers global styles for the advanced HTML editing feature
 * 
 * Layout Overrides and Alterations
 * Global custom styles
 * Page by page custom styles
 ** Partner Information Pages
 * Clearfix
 */
/**
 * Layout Overrides and Alterations
 */
.node-type-html #content {
  width: 960px;
}

body.node-type-html #content #content-wrapper {
  width: 960px;
}

body.sidebar-left.node-type-html #content #content-wrapper {
  width: 710px;
}

body.node-type-html #content #region-b {
  width: 230px;
}

body.node-type-html.content-background #content #content-wrapper {
  /**
   * grid = 948 total width
   * 1px border left/right
   * padding of 10px total left adn right (5px per side)
   */
  width: 948px;
  background-color: #fbfbfb;
  padding: 15px 5px 0 5px;
  border: 1px solid #d5d5d5;
  margin-bottom: 20px;
}

body.sidebar-left.node-type-html.content-background #content #content-wrapper,
body #content #content-wrapper .content-background {
  /**
   * grid = 696 total width
   * 1px border left/right
   * padding of 12px total left adn right (6px per side)
   */
  width: 696px;
  background-color: #fbfbfb;
  padding: 15px 6px 0 6px;
  border: 1px solid #d5d5d5;
}

/**
 * Global custom styles
 */
.h1-small h1 {
  font-size: 18px;
  font-weight: bold;
}

.boxes {
  position: relative;
}

.boxes ul.links,
.boxes ul.links li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.boxes ul.links {
  position: absolute;
  top: 0;
  right: 0;
}

.boxes ul.links li {
  background-color: #E9DCA6;
  font-size: 10px;
  padding: 0 2px;
}

.boxes ul.links li a:link,
.boxes ul.links li a:visited {
  color: #333;
  line-height: 11px;
}

.blue {
  color: #20739f !important;
}

.border-bottom {
  border-bottom: 1px solid #d5d5d5;
}

.bottom-space {
  margin-bottom: 20px !important;
}

/* provide a default 5px radius button style */
.button-radius-5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-block;
  background-color: #333;
  box-shadow: 2px 1px 2px #ccc;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

.button-radius-5 a:link,
.button-radius-5 a:visited {
  display: block;
  color: #efefef;
  padding: 3px 10px;
}

.button-radius-5 a:hover,
.button-radius-5 a:active,
.button-radius-5 a:focus {
  color: #fff;
  text-decoration: none;
}

/* make the button blue */
.button-radius-5.blue {
  background-color: #096496;
  box-shadow: 2px 1px 2px #ccc;
  border-top: 1px solid #079CF3;
  border-bottom: 1px solid #044062;
}

.button-radius-5.blue:hover {
  background-color: #054B72;
  box-shadow: 2px 1px 2px #ccc;
  border-top: 1px solid #079CF3;
  border-bottom: 1px solid #044062;
}

/* make the button green */
.button-radius-5.green {
  background-color: #8ac200;
  box-shadow: 2px 1px 2px #ccc;
  border-top: 1px solid #B5FF02;
  border-bottom: 1px solid #5B8001;
}

.button-radius-5.green:hover {
  background-color: #76A601;
  box-shadow: 2px 1px 2px #ccc;
  border-top: 1px solid #B5FF02;
  border-bottom: 1px solid #5B8001;
}

.button-radius-5.green a:link,
.button-radius-5.green a:visited {
  color: #fff;
  font-weight: bold;
}

/* make the button purple */
.button-radius-5.purple {
  background-color: #7b004c;
  box-shadow: 2px 1px 2px #ccc;
  border-top: 1px solid #7b004c;
  border-bottom: 1px solid #7b004c;
}

.button-radius-5.purple:hover {
  background-color: #7b004c;
  box-shadow: 2px 1px 2px #ccc;
  border-top: 1px solid #7b004c;
  border-bottom: 1px solid #7b004c;
}

.button-radius-5.purple a:link,
.button-radius-5.purple a:visited {
  color: #FFF2FB;
  font-weight: bold;
}

.button-radius-5.purple.arrow-right a:link,
.button-radius-5.purple.arrow-right a:visited {
  background: #7b004c url("images/arrow-button-dot-purple.png") no-repeat right center;
  padding-right: 40px;
  margin-right: 10px;
}

.clear-both {
  clear: both !important;
}

.clear-left {
  clear: left !important;
}

.clear-right {
  clear: right !important;
}

.gs732.container-12 .grid-12.contact_us-widget {
  /* Where grid-12 is used on the contact us widget, we have a padding issue to fix */
  width: 670px;
}

.introduction {
  font-size: 15px;
  margin-left: 10px;
}

.introduction.grid-12 {
  width: 100% !important;
}

.push {
  margin-bottom: 20px;
}

.push-right-20 {
  margin-right: 20px;
}

.push-right-22 {
  margin-right: 22px;
}

.widget-left {
  float: left;
}

body.node-type-html h1.title span.subtitle {
  display: block;
  font-style: italic;
  font-size: 0.6em;
  line-height: 1;
}

/**
 * jQuery tabs Horizontal
 *
 * Default styling 
 */
.jqtabs {
  margin-bottom: 20px;
}

body .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-nav {
  margin-bottom: -1px;
}

body .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-nav li {
  padding: 5px 10px;
  border: 1px solid #d5d5d5;
  background-color: #efefef;
}

body .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-bottom: 1px solid #fbfbfb;
  background-color: #fbfbfb;
}

body.one-sidebar .jqtabs.jqtabs-horizontal .jqtabs-pane,
body.one-sidebar .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-panel {
  width: 676px;
  background-color: #fbfbfb;
  padding: 15px 16px 0 16px;
  border: 1px solid #d5d5d5;
}

body.one-sidebar .jqtabs.jqtabs-horizontal .jqtabs-pane.gs696,
body.one-sidebar .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-panel.gs696 {
  width: 696px;
  padding: 15px 6px 0 6px;
}

body.one-sidebar .jqtabs.jqtabs-vertical .jqtabs-pane,
body.one-sidebar .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel {
  width: 502px;
  float: right;
  background-color: #fbfbfb;
  padding: 15px 16px 0 16px;
  border: 1px solid #d5d5d5;
}

body.one-sidebar .jqtabs.jqtabs-vertical .jqtabs-pane.gs696vtab,
body.one-sidebar .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel.gs696vtab {
  width: 522px;
  padding: 15px 6px 0 6px;
}

body.one-sidebar .jqtabs.jqtabs-vertical .ui-tabs-nav {
  margin: 0 -1px 0 0;
  padding: 0;
  float: left;
  width: 173px;
  background-color: #fbfbfb;
  border: 1px solid #d5d5d5;
  border-bottom: none;
}

body.one-sidebar .jqtabs.jqtabs-vertical .ui-tabs-nav li {
  clear: both;
  display: block;
  width: 173px;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  background-color: #efefef;
  margin: 0;
}

body.one-sidebar .jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active {
  border-right: 1px solid #fbfbfb;
  background-color: #fbfbfb;
}

body.one-sidebar .jqtabs.jqtabs-vertical .ui-tabs-nav li a {
  display: block;
  width: 153px;
  padding: 5px 10px;
}

/*
 * Clearfix: contain floats
 *
 * clearfix from http://html5boilerplate.com/
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.jqtabs:before,
.jqtabs:after,
.jqtabs-pane:before,
.jqtabs-pane:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.jqtabs:after,
.jqtabs-pane:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.jqtabs,
.jqtabs-pane {
  *zoom: 1;
}

/*
 * New Capita CS Responsive
 * See notes below
 */
/*
Notes here will cover issues, style guides, etc...

== A quick overview
The css for the site will essentially be rewritten here in SASS with responsiveness. In the meantime there will be some SASSification of code that's live on all pages to make future dev easier. For example the clearfix will be moved into an extender.

• Body Classes
  if you're targeting something in the body.responsive section that is itself targeting a body class you'll need to use:
    &.body-class
• IE targeting
  targeting IE7/8/9 will need to be done with .lt-ie8 & #rest-of-the-selector so the ie class appears before body.responsive



Contents

* Import
 * Breakpoint //might be deleted
 * Variables
 * Extenders
 * Mixins
* Sitewide
** Pre Header
** Header
** Supportnet login
** BXslider default styles
** Our staff carousel
** Case studies carousel
** Media channel carousel
** Post Footer
** Rebrand
** Video
** Events layout
** Share this
* Responsive
** Global Styles
** Global Layout
** Global Block Styles
** Global List Styles
** Global Form Styles
** Global Slideshow Styles
** Global custom styles from html-grid
** Footer
** Front
** Pre footer learn more
** Blog
** jQuery tabs
** Feature List
** Widgets
** Enhanced Support & west sussex support info
** Contact
** Why Sims
*/
/*
 * Variables
 */
/*
 * colors
 */
/*
 * breakpoints
 */
/*
 * sizes
 */
/*
 * Extenders
 */
/* clearfix */
#pre-header ul.pre-header-links,
#pre-header #menu-menu-pre-header ul, #capita_so_global_settings-header-get-in-touch, #navigation ul, #views-our_people_carousel-block_1 div.our-people-carousel, #views-case_studies_carousel-block_1 div.case-studies-carousel, #page-wrapper #region-b .share_this-widget .social-links, body.responsive .clearfix, body.responsive #banners, body.responsive #content, body.responsive.sidebar-left.node-type-html.content-background #content #content-wrapper, body.responsive #content #content-wrapper #main-content.content-background, body.responsive.one-sidebar #page-wrapper #content.layout-three-column #main-banner, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #main-banner, body.responsive .form-item, body.responsive #capita_so_global_settings-footer, body.responsive.front ul.front_sims_post_banner,
body.responsive.front ul.front_indy_post_banner, body.responsive .blog_our_bloggers, body.responsive .jqtabs, body.responsive.sidebar-left.page-contact #content #region-b {
  zoom: 1;
}
#pre-header ul.pre-header-links:before,
#pre-header #menu-menu-pre-header ul:before, #capita_so_global_settings-header-get-in-touch:before, #navigation ul:before, #views-our_people_carousel-block_1 div.our-people-carousel:before, #views-case_studies_carousel-block_1 div.case-studies-carousel:before, #page-wrapper #region-b .share_this-widget .social-links:before, body.responsive .clearfix:before, body.responsive #banners:before, body.responsive #content:before, body.responsive.sidebar-left.node-type-html.content-background #content #content-wrapper:before, body.responsive #content #content-wrapper #main-content.content-background:before, body.responsive.one-sidebar #page-wrapper #content.layout-three-column #main-banner:before, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #main-banner:before, body.responsive .form-item:before, body.responsive #capita_so_global_settings-footer:before, body.responsive.front ul.front_sims_post_banner:before,
body.responsive.front ul.front_indy_post_banner:before, body.responsive .blog_our_bloggers:before, body.responsive .jqtabs:before, body.responsive.sidebar-left.page-contact #content #region-b:before, #pre-header ul.pre-header-links:after,
#pre-header #menu-menu-pre-header ul:after, #capita_so_global_settings-header-get-in-touch:after, #navigation ul:after, #views-our_people_carousel-block_1 div.our-people-carousel:after, #views-case_studies_carousel-block_1 div.case-studies-carousel:after, #page-wrapper #region-b .share_this-widget .social-links:after, body.responsive .clearfix:after, body.responsive #banners:after, body.responsive #content:after, body.responsive.sidebar-left.node-type-html.content-background #content #content-wrapper:after, body.responsive #content #content-wrapper #main-content.content-background:after, body.responsive.one-sidebar #page-wrapper #content.layout-three-column #main-banner:after, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #main-banner:after, body.responsive .form-item:after, body.responsive #capita_so_global_settings-footer:after, body.responsive.front ul.front_sims_post_banner:after,
body.responsive.front ul.front_indy_post_banner:after, body.responsive .blog_our_bloggers:after, body.responsive .jqtabs:after, body.responsive.sidebar-left.page-contact #content #region-b:after {
  content: " ";
  display: table;
}
#pre-header ul.pre-header-links:after,
#pre-header #menu-menu-pre-header ul:after, #capita_so_global_settings-header-get-in-touch:after, #navigation ul:after, #views-our_people_carousel-block_1 div.our-people-carousel:after, #views-case_studies_carousel-block_1 div.case-studies-carousel:after, #page-wrapper #region-b .share_this-widget .social-links:after, body.responsive .clearfix:after, body.responsive #banners:after, body.responsive #content:after, body.responsive.sidebar-left.node-type-html.content-background #content #content-wrapper:after, body.responsive #content #content-wrapper #main-content.content-background:after, body.responsive.one-sidebar #page-wrapper #content.layout-three-column #main-banner:after, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #main-banner:after, body.responsive .form-item:after, body.responsive #capita_so_global_settings-footer:after, body.responsive.front ul.front_sims_post_banner:after,
body.responsive.front ul.front_indy_post_banner:after, body.responsive .blog_our_bloggers:after, body.responsive .jqtabs:after, body.responsive.sidebar-left.page-contact #content #region-b:after {
  clear: both;
}

/* IE7 inline block hack */
#header-get-in-touch .left h2 a, body.rebrand #page-wrapper #content h2.title-block, body.rebrand #page-wrapper #content p.button a, body.responsive ul.arrows,
body.responsive ul.bullets, body.responsive p.button,
body.responsive .node-readmore, body.responsive ul.links.inline li a:link,
body.responsive ul.links.inline li a:visited,
body.responsive ul.action-links li a:link,
body.responsive ul.action-links li a:visited, body.responsive .button-radius-5, body.responsive.front #views-front_sims_solutions-block_1 p.text-deep-pink a,
body.responsive.front #views-front_indy_solutions-block_1 p.text-deep-pink a, body.responsive #post-content .block .learn-more .connect-with-us p, body.responsive #post-content .block .learn-more .independent-training p, body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit,
body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit, body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button, body.responsive.why_sims #content #main-content h2.block-title, body.responsive.why_sims #content #main-content p.read-more, body.responsive.why_sims #content #main-content p.read-more a, body.responsive.moving-to-sims #content #main-content .contact-demo div p a, body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership-wrapper {
  zoom: 1;
}
.lt-ie8 #header-get-in-touch .left h2 a, #header-get-in-touch .left h2 .lt-ie8 a, .lt-ie8 body.rebrand #page-wrapper #content h2.title-block, body.rebrand #page-wrapper #content .lt-ie8 h2.title-block, .lt-ie8 body.rebrand #page-wrapper #content p.button a, body.rebrand #page-wrapper #content p.button .lt-ie8 a, .lt-ie8 body.responsive ul.arrows, body.responsive .lt-ie8 ul.arrows,
.lt-ie8 body.responsive ul.bullets,
body.responsive .lt-ie8 ul.bullets, .lt-ie8 body.responsive p.button, body.responsive .lt-ie8 p.button,
.lt-ie8 body.responsive .node-readmore,
body.responsive .lt-ie8 .node-readmore, .lt-ie8 body.responsive ul.links.inline li a:link, body.responsive ul.links.inline li .lt-ie8 a:link,
.lt-ie8 body.responsive ul.links.inline li a:visited,
body.responsive ul.links.inline li .lt-ie8 a:visited,
.lt-ie8 body.responsive ul.action-links li a:link,
body.responsive ul.action-links li .lt-ie8 a:link,
.lt-ie8 body.responsive ul.action-links li a:visited,
body.responsive ul.action-links li .lt-ie8 a:visited, .lt-ie8 body.responsive .button-radius-5, body.responsive .lt-ie8 .button-radius-5, .lt-ie8 body.responsive.front #views-front_sims_solutions-block_1 p.text-deep-pink a, body.responsive.front #views-front_sims_solutions-block_1 p.text-deep-pink .lt-ie8 a,
.lt-ie8 body.responsive.front #views-front_indy_solutions-block_1 p.text-deep-pink a,
body.responsive.front #views-front_indy_solutions-block_1 p.text-deep-pink .lt-ie8 a, .lt-ie8 body.responsive #post-content .block .learn-more .connect-with-us p, body.responsive #post-content .block .learn-more .connect-with-us .lt-ie8 p, .lt-ie8 body.responsive #post-content .block .learn-more .independent-training p, body.responsive #post-content .block .learn-more .independent-training .lt-ie8 p, .lt-ie8 body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit, body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .lt-ie8 .form-submit,
.lt-ie8 body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit,
body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .lt-ie8 .form-submit, .lt-ie8 body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button, body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter .lt-ie8 p.button, .lt-ie8 body.responsive.why_sims #content #main-content h2.block-title, body.responsive.why_sims #content #main-content .lt-ie8 h2.block-title, .lt-ie8 body.responsive.why_sims #content #main-content p.read-more, body.responsive.why_sims #content #main-content .lt-ie8 p.read-more, .lt-ie8 body.responsive.why_sims #content #main-content p.read-more a, body.responsive.why_sims #content #main-content p.read-more .lt-ie8 a, .lt-ie8 body.responsive.moving-to-sims #content #main-content .contact-demo div p a, body.responsive.moving-to-sims #content #main-content .contact-demo div p .lt-ie8 a, .lt-ie8 body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership-wrapper, body.responsive.who-we-work-with #content #content-wrapper #main-content .lt-ie8 .partnership-wrapper {
  display: inline !important;
}

/* visually hidden */
body.hide-h1 #main-content #page-title, #site-search label, body.responsive.why_sims #page-title {
  /* html5bp style visually hidden */
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

/* bliss */
#header-get-in-touch .left h2 a, body.rebrand #page-wrapper #content p.intro, body.rebrand #page-wrapper #content .bliss-regular, body.rebrand #page-wrapper #content .related_content-widget h2.block-title, #page-wrapper #region-b .share_this-widget h2.block-title, body.responsive.front ul.front_sims_post_banner h2,
body.responsive.front ul.front_indy_post_banner h2, body.responsive.why_sims #content #main-content p.intro-bliss {
  font-family: "Bliss Regular", 'Gill Sans MT', 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-size-adjust: 0.47;
  font-style: normal;
}

body.rebrand #page-wrapper #content .bliss-light, body.responsive.front #capita_so_global_settings-front-help-you div.right-text h2,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text h2, body.responsive.front #capita_so_global_settings-front-help-you div.right-text p,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p, body.responsive.front #views-front_sims_solutions-block_1 h2,
body.responsive.front #views-front_indy_solutions-block_1 h2, body.responsive.front #views-front_sims_solutions-block_1 div.text-deep-pink p,
body.responsive.front #views-front_indy_solutions-block_1 div.text-deep-pink p, body.responsive.front #post-content #views-blog_front_page_list-block_2 ul h2,
body.responsive.front #post-content #views-news_promoted_two-block_2 h3, body.responsive #post-content .block .learn-more .col h3,
body.responsive #post-content .block .learn-more .speak-to-us p, body.responsive.why_sims #content #main-content h1, body.responsive.why_sims #content #main-content h2, body.responsive.why_sims #content #main-content p.intro, body.responsive.helping-drive-school-improvement #content #main-content div.final-heading-ctas h4, body.responsive.moving-to-sims #content #main-content #magna-carta p, body.responsive.moving-to-sims #content #main-content .here-support, body.responsive.moving-to-sims #content #main-content .contact-demo div p, body.responsive.who-we-work-with #content #content-wrapper #main-content #discount-text p, body.responsive.who-we-work-with #content #content-wrapper #main-content .blog p.blog-text, body.responsive.who-we-work-with #content #content-wrapper #main-content #software-partners .omega p {
  font-family: "Bliss Light", 'Gill Sans MT', 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-size-adjust: 0.47;
  font-style: normal;
}

/* column styles */
/*
 * Mixins
 * 
 * Contents
 * Breakpoints
 * Border radius
 * Retina images
 * Vertical Gradient
 * Horizontal Gradient
 * Box Shadow
 * RGba
 * Grid mixins
 * Placeholder colour

 */
/* Breakpoints
 * If old-ie is true (only in lt-ie9.scss) the conent of the breakpoint css is just added into the parent selector
   If it's false (the default) the content is added in a media query with the supplied width.
   So IE7/8 will get the desktop version, assuming it's the last breakpoint - which it should be, while the media queries work as normal in the main css file
   A basic example, you want divs to have 10px of padding on mobile, 20px on desktop and ie8, do the following:
     //SASS
     div {
       padding: 10px;
       @include df-breakpoint($desktopVariable) {
         padding: 20px;
       }
     }
   This will output the folliwing in the main css file
     //CSS
     div {
       padding: 10px;
     }
     @media screen and (min-width:960px) {
       div {
         padding: 20px;
       }
     }
   But it will output this in the lt-ie9.css file
     //CSS
     div {
       padding: 10px;
       padding: 20px;
     }
   So the desktop padding will be picked up every time.

   The downsides/things to note are
    - code bloat, but gzip will handle this
    - IE7/8 users will get 2 css files of largely the same stuff
    - the order has to be correct, from mobile upto the largest breakpoint

   ADDITIONAL:
   The 
   $nonresponsive is applied to pages with a .nonresponsive body class, this is useful for stuff that assumes responsiveness but might need the large size
   So it acts the same as the old-ie trick, but for proper browsers
   The main thing is the navigation/header, which on non-responsive pages should get the desktop version
 */
/* Border radius
 * for all borders, each side, or each corner
 */
/* Retina images
 * Use in the format @include image-2x("path/to/image.ext", WIDTHpx, HEIGHtpx);
 * the path should be the same as the regular image with the extra /retina/ directory, width and height are the width and height of the original image (not the element if you're using a sprite)
 * For ease of code maintenence it's best to have these the line afer the non-retina background
 * from https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
*/
/* Vertical Gradient
 * from http://breakthebit.org/post/5214569460/sass-mixin-for-css3-gradients
 */
/* Horizontal Gradient
 */
/* Box Shadow
 * from http://stackoverflow.com/questions/10435056/creating-a-box-shadow-mixin-using-sass
 */
/*
 * RGba
 * An IE8 friendly version, takes a hex colour and an opacity
 */
/*
 * Grid mixins
 * Note: we're using the border-box model for just these grids, not the entire site.
 * The mixin takes the 4 needed values (widths for desktop and tablet, no. of columns and the gutter size
   The loops through 12 times to do 12 versions of grid-, prefix-, & suffix-.
   Alpha, omega, and both combined need smaller widths
 */
/*
 * placeholder colour
 */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/**
 * Note some 5mile overrides
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  border: none;
  left: 0;
  background: #fff;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*
 * Sitewide
 */
html {
  overflow-y: scroll;
}

.lt-ie8 img {
  -ms-interpolation-mode: bicubic;
}

#navigation button.menu-link {
  display: none;
}

/**
 ** Pre Header
 */
p.pending-revisions-link {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 10px 0 0;
  border-right: 1px solid #cccccc;
  background-color: #ddb10a;
}

#pre-header ul.pre-header-links,
#pre-header #menu-menu-pre-header ul {
  float: right;
  margin: 0;
  list-style: none;
  position: relative;
  font-size: 12px;
}

#pre-header ul.pre-header-links li,
#pre-header #menu-menu-pre-header ul li {
  float: left;
  padding: 0 5px;
  position: relative;
  display: none;
}
#pre-header ul.pre-header-links li.first, #pre-header ul.pre-header-links li.last, #pre-header ul.pre-header-links li.blog,
#pre-header #menu-menu-pre-header ul li.first,
#pre-header #menu-menu-pre-header ul li.last,
#pre-header #menu-menu-pre-header ul li.blog {
  display: block;
}
@media screen and (min-width: 480px) {
  #pre-header ul.pre-header-links li,
  #pre-header #menu-menu-pre-header ul li {
    display: block;
  }
  #pre-header ul.pre-header-links li.expanded,
  #pre-header #menu-menu-pre-header ul li.expanded {
    display: none;
  }
  #pre-header ul.pre-header-links li.blog,
  #pre-header #menu-menu-pre-header ul li.blog {
    display: none;
  }
}
@media screen and (min-width: 739px) {
  #pre-header ul.pre-header-links li.expanded,
  #pre-header #menu-menu-pre-header ul li.expanded {
    display: block;
  }
}

#pre-header ul.pre-header-links li.last,
#pre-header #menu-menu-pre-header ul li.last {
  padding-right: 0;
  border-right: none;
}

#pre-header a:link,
#pre-header a:visited,
#pre-header a:hover,
#pre-header a:focus,
#pre-header a:active {
  font-weight: bold;
  color: #004870;
  background: none;
}

/* drop down */
#pre-header #menu-menu-pre-header ul.menu ul {
  position: absolute;
  left: -9999px;
  z-index: 4000;
  list-style: none;
  margin: 0;
  padding: 0;
}

#pre-header #menu-menu-pre-header ul li:hover ul {
  left: -1px;
  top: 20px;
  background-color: #fff;
  width: 160px;
  padding: 10px;
  background-color: #efefef;
  display: block;
}

#pre-header #menu-menu-pre-header ul ul li {
  float: none;
  border: none;
  white-space: nowrap;
}

/**
 ** Header
 */
/* Site identity */
#page-wrapper .site-identity {
  float: left;
  margin: 0 0 20px;
  width: auto;
}
@media screen and (min-width: 739px) {
  #page-wrapper .site-identity {
    margin: 0 10px;
    float: left;
    width: 360px;
  }
}
.nonresponsive #page-wrapper .site-identity {
  margin: 0 10px;
  float: left;
  width: 360px;
}
@media screen and (min-width: 959px) {
  #page-wrapper .site-identity {
    width: 460px;
  }
}
.nonresponsive #page-wrapper .site-identity {
  width: 460px;
}
#page-wrapper .site-identity img {
  width: auto;
  height: 34px;
  margin: 0;
}
@media screen and (min-width: 739px) {
  #page-wrapper .site-identity img {
    height: auto;
  }
}
.nonresponsive #page-wrapper .site-identity img {
  height: auto;
}

#header #site-search {
  position: absolute;
  right: auto;
  left: 55px;
  top: 13px;
}
@media screen and (min-width: 739px) {
  #header #site-search {
    left: auto;
    right: 13px;
    top: -43px;
  }
}
.nonresponsive #header #site-search {
  left: auto;
  right: 13px;
  top: -43px;
}
@media screen and (min-width: 959px) {
  #header #site-search {
    top: 13px;
  }
}
.nonresponsive #header #site-search {
  top: 13px;
}

#header #site-search .form-item,
#header #site-search .form-item label,
#header #site-search input {
  float: left;
}

#header #site-search input.form-text {
  border: none;
}

#site-search .form-text {
  line-height: 25px;
  height: 25px;
  font-size: 1em;
  background-color: #e9eaea;
  margin: 0;
  padding: 0 5px;
  border: none;
  width: 180px;
}

#site-search .form-text {
  line-height: 21px;
  height: 20px;
  font-size: 1em;
  margin: 0;
  padding: 3px 12px 1px;
  border: none;
  width: 131px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 1px 2px 3px #bbb inset;
  -moz-box-shadow: 1px 2px 3px #bbb inset;
  box-shadow: 1px 2px 3px #bbb inset;
}
@media screen and (min-width: 739px) {
  #site-search .form-text {
    background-color: #fbfbfb;
  }
}
.nonresponsive #site-search .form-text {
  background-color: #fbfbfb;
}
@media screen and (min-width: 959px) {
  #site-search .form-text {
    background-color: #fff;
  }
}
.nonresponsive #site-search .form-text {
  background-color: #fff;
}

#site-search .form-submit {
  background: transparent url(search-icon.png) no-repeat center 4px;
  margin: 0 0 0 7px;
  padding: 5px;
  height: 26px;
  width: 26px;
  border: none;
  line-height: 25px;
  text-indent: 999px;
  overflow: hidden;
  cursor: pointer;
}

/* get in touch block */
#capita_so_global_settings-header-get-in-touch {
  float: right;
}
@media screen and (min-width: 739px) {
  #capita_so_global_settings-header-get-in-touch {
    float: none;
    min-height: 96px;
  }
}
.nonresponsive #capita_so_global_settings-header-get-in-touch {
  float: none;
  min-height: 96px;
}

#header-get-in-touch {
  float: right;
  width: auto;
  margin: 0;
}
@media screen and (min-width: 739px) {
  #header-get-in-touch {
    margin: 2px 11px 0 0;
    width: 315px;
  }
}
.nonresponsive #header-get-in-touch {
  margin: 2px 11px 0 0;
  width: 315px;
}
@media screen and (min-width: 959px) {
  #header-get-in-touch {
    margin-top: 32px;
  }
}
.nonresponsive #header-get-in-touch {
  margin-top: 32px;
}

#header-get-in-touch p, #header-get-in-touch img {
  margin: 0;
}

#header-get-in-touch .left {
  width: auto;
  float: left;
}
@media screen and (min-width: 739px) {
  #header-get-in-touch .left {
    width: 188px;
  }
}
.nonresponsive #header-get-in-touch .left {
  width: 188px;
}
#header-get-in-touch .left h2 {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  text-align: right;
  margin-top: 7px;
}
#header-get-in-touch .left h2 a {
  color: #004870;
  height: 20px;
  display: inline-block;
  vertical-align: text-bottom;
}
#header-get-in-touch .left h2 a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -80px -250px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}

#header-get-in-touch .right {
  float: right;
  display: none;
}
@media screen and (min-width: 480px) {
  #header-get-in-touch .right {
    display: block;
    margin: 5px 0 0 12px;
    width: 114px;
    height: 24px;
  }
}
.nonresponsive #header-get-in-touch .right {
  display: block;
  margin: 5px 0 0 12px;
  width: 114px;
  height: 24px;
}
#header-get-in-touch .right p {
  float: left;
  margin-left: 8px;
}

/* navigation */
/*
 * Responsive navigation based on http://codepen.io/JasonAGross/full/kEhHm via http://bradfrost.github.io/this-is-responsive/patterns.html and the new style nav.
 */
#navigation {
  clear: both;
  width: auto;
  position: relative;
  z-index: 1000;
}
@media screen and (min-width: 959px) {
  #navigation {
    width: 960px;
  }
}

@media screen and (min-width: 959px) {
  .front #navigation {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 959px) {
  .no-breadcrumb #navigation {
    margin-bottom: 0px;
  }
}

#navigation button.menu-link {
  position: absolute;
  top: 0px;
  right: 10px;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  line-height: 35px;
  padding: 10px 30px 10px 10px;
  font-size: 16px;
  color: #004870;
  z-index: 100;
  background: transparent url(images/capita-sims/hamburger.png) no-repeat right center scroll;
  text-indent: -9999px;
}
@media screen and (min-width: 365px) {
  #navigation button.menu-link {
    text-indent: 0;
  }
}
@media screen and (min-width: 739px) {
  #navigation button.menu-link {
    display: none;
  }
}
.nonresponsive #navigation button.menu-link {
  display: none;
}

/* nav reset
 * as everything needs to be re-done for responsive
 * this might not be necessary when everything's responsive
 */
#navigation ul, #navigation ul li, #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus, #navigation ul li.first, #navigation ul li.last, #navigation ul li.home, #navigation ul li.solutions, #navigation ul li.active-trail, #navigation ul li ul, #navigation ul li ul li, #navigation ul li ul li a, #navigation ul li ul li ul, #navigation ul li ul li ul li, #navigation ul li ul li ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  position: static;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  height: auto;
  list-style: none;
  background: transparent;
  color: #57585a;
  font-size: 1em;
  line-height: 1;
  text-align: left;
  text-indent: 0;
  overflow: visible;
}

#navigation ul {
  margin: 0;
  background-color: #efefef;
}

#navigation ul li {
  width: 100%;
  line-height: 27px;
  display: none;
  position: relative !important;
}
@media screen and (min-width: 739px) {
  #navigation ul li {
    display: block;
    float: left;
    background: transparent url(images/capita-sims/primary-links-divider.png) no-repeat right center;
    width: auto;
  }
  #navigation ul li.active-trail, #navigation ul li.last {
    background: none;
    width: auto;
  }
}
.nonresponsive #navigation ul li {
  display: block;
  float: left;
  background: transparent url(images/capita-sims/primary-links-divider.png) no-repeat right center;
  width: auto;
}
.nonresponsive #navigation ul li.active-trail, .nonresponsive #navigation ul li.last {
  background: none;
  width: auto;
}
#navigation ul li.home {
  display: block;
}
@media screen and (min-width: 739px) {
  #navigation ul li.home {
    position: relative;
  }
}
.nonresponsive #navigation ul li.home {
  position: relative;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
  color: #004870;
  text-decoration: none;
  padding: 11px 10px;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  position: relative;
  width: auto;
  display: block;
}
@media screen and (min-width: 739px) {
  #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    text-align: center;
    font-size: 13px;
  }
}
.nonresponsive #navigation ul li a, .nonresponsive #navigation ul li a:link, .nonresponsive #navigation ul li a:visited {
  text-align: center;
  font-size: 13px;
}
@media screen and (min-width: 959px) {
  #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    font-size: 14px;
    height: 50px;
  }
}
.nonresponsive #navigation ul li a, .nonresponsive #navigation ul li a:link, .nonresponsive #navigation ul li a:visited {
  font-size: 14px;
  height: 50px;
}
#navigation ul li:hover > a, #navigation ul li.active-trail > a, #navigation ul li:hover > span, #navigation ul li.active-trail > span, #navigation ul li a:focus, #navigation ul li a:active, #navigation ul li.active-trail > a.active, #navigation ul li.active-trail > a:link.active {
  color: #fff;
  background-color: #004870;
}
#navigation ul li.expanded span {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 12px 13px;
  line-height: 26px;
  width: 14px;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}
@media screen and (min-width: 739px) {
  #navigation ul li.expanded span {
    display: none;
  }
}
.nonresponsive #navigation ul li.expanded span {
  display: none;
}
@media screen and (min-width: 739px) {
  #navigation ul li.expanded > ul {
    position: absolute;
    left: -9999px;
    z-index: 4999;
    background: #e9eaea url(images/capita-sims/navigation-dropdown-bg.png) repeat-x 0 0;
    display: block;
    width: 233px;
  }
  #navigation ul li.expanded:hover > ul, #navigation ul li.expanded.opentab > ul {
    left: 0px;
    top: auto;
  }
  #navigation ul li.expanded.last:hover > ul, #navigation ul li.expanded.last.opentab > ul {
    left: auto;
    right: 0;
  }
}
.nonresponsive #navigation ul li.expanded > ul {
  position: absolute;
  left: -9999px;
  z-index: 4999;
  background: #e9eaea url(images/capita-sims/navigation-dropdown-bg.png) repeat-x 0 0;
  display: block;
  width: 233px;
}
.nonresponsive #navigation ul li.expanded:hover > ul, .nonresponsive #navigation ul li.expanded.opentab > ul {
  left: 0px;
  top: auto;
}
.nonresponsive #navigation ul li.expanded.last:hover > ul, .nonresponsive #navigation ul li.expanded.last.opentab > ul {
  left: auto;
  right: 0;
}
@media screen and (min-width: 959px) {
  #navigation ul li.expanded > ul {
    border: 1px solid #cccccc;
  }
}
.nonresponsive #navigation ul li.expanded > ul {
  border: 1px solid #cccccc;
}
#navigation ul li.home {
  height: 50px;
}
@media screen and (min-width: 739px) {
  #navigation ul li.home {
    width: 40px;
  }
}
.nonresponsive #navigation ul li.home {
  width: 40px;
}
#navigation ul li.home a, #navigation ul li.home a:link, #navigation ul li.home a:visited, #navigation ul li.home a:active {
  background: url(primary-links-home-inactive.png) no-repeat 0 0 scroll;
  height: 100%;
  width: 100%;
  max-width: 40px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: 999px;
}
#navigation ul li.home a:hover, #navigation ul li.home.active-trail a {
  background: url(images/capita-sims/primary-links-home-active.png) no-repeat 0 0 scroll;
}
@media screen and (min-width: 739px) {
  #navigation ul li.solutions {
    position: relative;
    width: 93px;
    background: transparent url(images/capita-sims/primary-links-divider.png) no-repeat right center;
  }
}
.nonresponsive #navigation ul li.solutions {
  position: relative;
  width: 93px;
  background: transparent url(images/capita-sims/primary-links-divider.png) no-repeat right center;
}
@media screen and (min-width: 739px) {
  #navigation ul li.solutions a {
    padding-left: 13px;
  }
}
.nonresponsive #navigation ul li.solutions a {
  padding-left: 13px;
}
#navigation ul li ul {
  display: none;
}
@media screen and (min-width: 739px) {
  #navigation ul li ul {
    padding: 10px;
  }
}
.nonresponsive #navigation ul li ul {
  padding: 10px;
}
@media screen and (min-width: 959px) {
  #navigation ul li ul {
    padding: 20px;
  }
}
.nonresponsive #navigation ul li ul {
  padding: 20px;
}
#navigation ul li ul li, #navigation ul li ul li.depth-2, #navigation ul li ul li.first {
  margin: 0;
  padding: 0;
  float: left;
  border: none;
  display: block;
  background: none;
}
@media screen and (min-width: 739px) {
  #navigation ul li ul li, #navigation ul li ul li.depth-2, #navigation ul li ul li.first {
    width: 100%;
  }
}
.nonresponsive #navigation ul li ul li, .nonresponsive #navigation ul li ul li.depth-2, .nonresponsive #navigation ul li ul li.first {
  width: 100%;
}
#navigation ul li ul li a, #navigation ul li ul li a:link, #navigation ul li ul li a:visited {
  color: #57585a;
  text-transform: none;
  font-size: 14px;
  padding: 3px 10px 3px 20px;
  line-height: 26px;
  width: auto;
}
@media screen and (min-width: 739px) {
  #navigation ul li ul li a, #navigation ul li ul li a:link, #navigation ul li ul li a:visited {
    padding: 0px 5px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    height: auto;
  }
}
.nonresponsive #navigation ul li ul li a, .nonresponsive #navigation ul li ul li a:link, .nonresponsive #navigation ul li ul li a:visited {
  padding: 0px 5px;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  height: auto;
}
#navigation ul li ul li:hover > a, #navigation ul li ul li.active-trail > a, #navigation ul li ul li a.active, #navigation ul li ul li a:focus, #navigation ul li ul li a:active {
  color: #fff;
  background-color: #004870;
}
#navigation ul li ul li.expanded > span {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* breadcrumb */
#header .breadcrumb {
  clear: both;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  color: #57585a;
}

/**
 ** Supportnet login
 */
div.supportnet-login {
  display: none !important;
}

#supportnet-login-form {
  text-align: left;
  border: 10px solid #797b7d;
  padding: 10px;
  background: #fff;
  margin: 0 auto;
  width: 270px;
  position: relative;
  /* line 1228, ../sass/_capitacs-main.scss */
}
#supportnet-login-form .form-text, #supportnet-login-form textarea {
  max-width: 250px;
}
@media screen and (min-width: 480px) {
  #supportnet-login-form {
    width: 312px;
    padding: 20px;
  }
  #supportnet-login-form .form-text, #supportnet-login-form textarea {
    max-width: none;
  }
}

/*
 ** BXslider default styles
 */
#page-wrapper .bx-wrapper .bx-prev, #page-wrapper .bx-wrapper .bx-next, #page-wrapper .bx-wrapper .bx-prev:hover, #page-wrapper .bx-wrapper .bx-next:hover {
  left: -30px;
  background: transparent url(button-carousel.png) no-repeat 0 0;
}
#page-wrapper .bx-wrapper .bx-next, #page-wrapper .bx-wrapper .bx-next:hover {
  left: auto;
  right: -30px;
  background-position: 0 -370px;
}
#page-wrapper .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  outline: 0;
  width: 23px;
  height: 23px;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 999;
}

/**
 ** Our staff carousel
 */
#views-our_people_carousel-block_1 {
  clear: both;
  float: right;
  width: 410px;
}
#views-our_people_carousel-block_1 div.our-people-carousel {
  width: 405px;
  padding-bottom: 20px;
}
#views-our_people_carousel-block_1 div.our-people-carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 100%;
}
#views-our_people_carousel-block_1 div.our-people-carousel ul li {
  width: 135px;
  min-height: 215px;
  border-bottom: 1px solid #cccccc;
}
#views-our_people_carousel-block_1 div.our-people-carousel ul img {
  margin-bottom: 12px;
}
#views-our_people_carousel-block_1 div.our-people-carousel ul p.staff-info, #views-our_people_carousel-block_1 div.our-people-carousel ul p.staff-info a {
  color: #737373;
  line-height: 16px;
}

/**
 ** Case studies carousel
 */
#views-case_studies_carousel-block_1 {
  clear: both;
  width: 620px;
  margin: 0 0 0 30px;
}
#views-case_studies_carousel-block_1 div.case-studies-carousel {
  padding-bottom: 20px;
}
#views-case_studies_carousel-block_1 div.case-studies-carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 100%;
}
#views-case_studies_carousel-block_1 div.case-studies-carousel ul li {
  min-height: 215px;
  border-right: 1px solid #cccccc;
}
#views-case_studies_carousel-block_1 div.case-studies-carousel ul li div {
  padding: 0 8px 0 7px;
}
#views-case_studies_carousel-block_1 div.case-studies-carousel ul img {
  margin-bottom: 20px;
}
#views-case_studies_carousel-block_1 div.case-studies-carousel ul h2.title {
  color: #737373;
  font-size: 12px;
  font-weight: normal;
}

/**
 ** Media channel carousel
 */
#media-channel .bx-controls-direction a {
  top: 68px;
  margin-top: 0;
}
#media-channel h2.title {
  color: #005b82;
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-left: 80px;
}
#media-channel .media-channel-category {
  margin-bottom: 0px;
}
#media-channel .media-channel-category h2.title {
  font-size: 13px;
  padding: 0 10px;
  line-height: 20px;
}
#media-channel .media-channel-category li {
  background: transparent url(media-channel-category-bg.png) no-repeat 0 0;
}
#media-channel .media-channel-category li img {
  padding: 10px 0 0 10px;
}
#media-channel .media-channel-category p {
  margin-bottom: 10px;
}
#media-channel .media-channel-category p.date {
  float: left;
  padding-left: 10px;
  font-size: 11px;
  padding-right: 10px;
  border-right: 1px dotted #007aaa;
}
#media-channel .media-channel-category p.view-video {
  float: left;
  font-size: 11px;
  padding-left: 10px;
}
#media-channel .media-channel-category p.view-video a {
  display: block;
  background: transparent url(link-arrow-1.png) no-repeat right center;
  padding-right: 18px;
}

/**
 ** Post Footer
 */
.footer-logos {
  margin: 0 auto;
  max-width: 100%;
}

#capita_so_global_settings-post_footer div.footer-main {
  width: auto;
  height: auto;
  padding: 12px 10px 0 15px;
  margin: 0;
  background: #02476f;
  overflow: hidden;
}
@media screen and (min-width: 739px) {
  #capita_so_global_settings-post_footer div.footer-main {
    padding-top: 0;
  }
}
@media screen and (min-width: 959px) {
  #capita_so_global_settings-post_footer div.footer-main {
    width: 935px;
    height: 50px;
  }
}
#capita_so_global_settings-post_footer div.footer-main p {
  color: #fff;
  font-size: 11px;
  float: left;
  line-height: 20px;
  padding-right: 6px;
  text-align: left;
}
@media screen and (min-width: 739px) {
  #capita_so_global_settings-post_footer div.footer-main p {
    line-height: 50px;
  }
}
#capita_so_global_settings-post_footer div.footer-main a {
  color: #fff;
}
#capita_so_global_settings-post_footer div.footer-main p.copyright a {
  padding: 0 6px 0 0;
}
@media screen and (min-width: 739px) {
  #capita_so_global_settings-post_footer div.footer-main p.copyright a {
    padding: 0 6px;
  }
}
#capita_so_global_settings-post_footer div.footer-main a.blog_footer, #capita_so_global_settings-post_footer div.footer-main a.twitter_footer, #capita_so_global_settings-post_footer div.footer-main a.youtube_footer, #capita_so_global_settings-post_footer div.footer-main a.contact_footer {
  float: left;
  display: block;
  width: 29px;
  height: 29px;
  margin: 10px 4px 0;
}
#capita_so_global_settings-post_footer div.footer-main a.blog_footer img, #capita_so_global_settings-post_footer div.footer-main a.twitter_footer img, #capita_so_global_settings-post_footer div.footer-main a.youtube_footer img, #capita_so_global_settings-post_footer div.footer-main a.contact_footer img {
  margin: 0;
}
#capita_so_global_settings-post_footer div.footer-main p.connect, #capita_so_global_settings-post_footer div.footer-main .contact_p {
  line-height: 50px;
  font-size: 14px;
  font-weight: bold;
  float: left;
  clear: left;
}
@media screen and (min-width: 959px) {
  #capita_so_global_settings-post_footer div.footer-main p.connect, #capita_so_global_settings-post_footer div.footer-main .contact_p {
    clear: none;
  }
}
#capita_so_global_settings-post_footer div.footer-main p.connect {
  margin-left: 0;
}
@media screen and (min-width: 959px) {
  #capita_so_global_settings-post_footer div.footer-main p.connect {
    margin-left: 20px;
  }
}
#capita_so_global_settings-post_footer div.footer-main .contact_p {
  clear: none;
  margin-left: -97px;
}
@media screen and (min-width: 739px) {
  #capita_so_global_settings-post_footer div.footer-main .contact_p {
    margin-left: 0;
    float: right;
  }
}
#capita_so_global_settings-post_footer div.footer-main a.contact_footer {
  clear: both;
  float: left;
  margin-left: 63px;
}
@media screen and (min-width: 739px) {
  #capita_so_global_settings-post_footer div.footer-main a.contact_footer {
    margin-left: 0;
    clear: none;
    float: right;
  }
}

/*
 ** Rebrand
 */
h2.no-margin-bottom, h3.no-margin-bottom, h4.no-margin-bottom,
p.no-margin-bottom, body.rebrand h2.no-margin-bottom, body.rebrand h3.no-margin-bottom,
body.rebrand h4.no-margin-bottom, body.rebrand p.no-margin-bottom {
  margin-bottom: 0;
}

body.rebrand #page-wrapper #content p.intro {
  font-size: 18px;
  font-weight: normal;
}
body.rebrand #page-wrapper #content .text-blue, body.rebrand #page-wrapper #content.main-title-blue h1 {
  color: #04476f !important;
}
body.rebrand #page-wrapper #content .text-deep-pink, body.rebrand #page-wrapper #content.main-title-deep-pink h1 {
  color: #830051 !important;
}
body.rebrand #page-wrapper #content .text-raspberry, body.rebrand #page-wrapper #content.main-title-raspberry h1 {
  color: #ca005d !important;
}
body.rebrand #page-wrapper #content .text-light-blue, body.rebrand #page-wrapper #content.main-title-light-blue h1 {
  color: #00a1c1 !important;
}
body.rebrand #page-wrapper #content .text-purple, body.rebrand #page-wrapper #content.main-title-purple h1 {
  color: #4f2683 !important;
}
body.rebrand #page-wrapper #content .text-green, body.rebrand #page-wrapper #content.main-title-green h1 {
  color: #008566 !important;
}
body.rebrand #page-wrapper #content .text-orange, body.rebrand #page-wrapper #content.main-title-orange h1 {
  color: #ff5800 !important;
}
body.rebrand #page-wrapper #content .text-lavender, body.rebrand #page-wrapper #content.main-title-lavender h1 {
  color: #6773b6 !important;
}
body.rebrand #page-wrapper #content .text-bright-green, body.rebrand #page-wrapper #content.main-title-bright-green h1 {
  color: #7ab800 !important;
}
body.rebrand #page-wrapper #content .text-gold, body.rebrand #page-wrapper #content.main-title-gold h1 {
  color: #f0ab00 !important;
}
body.rebrand #page-wrapper #content p.button.deep-pink, body.rebrand #page-wrapper #content h2.title-block.deep-pink {
  background-color: #830051;
}
body.rebrand #page-wrapper #content p.button.raspberry, body.rebrand #page-wrapper #content h2.title-block.raspberry {
  background-color: #ca005d;
}
body.rebrand #page-wrapper #content p.button.light-blue, body.rebrand #page-wrapper #content h2.title-block.light-blue {
  background-color: #00a1c1;
}
body.rebrand #page-wrapper #content p.button.purple, body.rebrand #page-wrapper #content h2.title-block.purple {
  background-color: #4f2683;
}
body.rebrand #page-wrapper #content p.button.green, body.rebrand #page-wrapper #content h2.title-block.green {
  background-color: #008566;
}
body.rebrand #page-wrapper #content p.button.orange, body.rebrand #page-wrapper #content h2.title-block.orange {
  background-color: #ff5800;
}
body.rebrand #page-wrapper #content p.button.lavender, body.rebrand #page-wrapper #content h2.title-block.lavender {
  background-color: #6773b6;
}
body.rebrand #page-wrapper #content p.button.bright-green, body.rebrand #page-wrapper #content h2.title-block.bright-green {
  background-color: #7ab800;
}
body.rebrand #page-wrapper #content p.button.gold, body.rebrand #page-wrapper #content h2.title-block.gold {
  background-color: #f0ab00;
}
body.rebrand #page-wrapper #content h2.title-block {
  display: inline-block;
  background-color: #04476f;
  padding: 5px 10px;
  color: #fff;
}
body.rebrand #page-wrapper #content p.button {
  background: none;
  border: none;
  padding: 0;
  background-color: #04476f;
}
body.rebrand #page-wrapper #content p.button a {
  display: inline-block;
  color: #fff;
  padding: 10px 25px 10px 0;
  text-transform: none;
  background: transparent url(cta-arrow-white.png) no-repeat right 10px;
  margin: 0 20px 0 20px;
  font-size: 15px;
}
body.rebrand #page-wrapper #content .border-bottom.push {
  margin-bottom: 46px;
  border-color: #f7f7f7;
  padding-bottom: 23px;
}
body.rebrand #page-wrapper #content .bliss-light {
  font-weight: 200;
  font-size: 16px;
}
body.rebrand #page-wrapper #content .bliss-regular {
  font-weight: normal;
  font-size: 16px;
}
body.rebrand #page-wrapper #content .share_this-widget h2.block-title {
  font-size: 16px;
}
body.rebrand #page-wrapper #content .related_content-widget .boxes-box-content {
  background: none;
}
.lt-ie9 body.rebrand #page-wrapper #content .related_content-widget .boxes-box-content {
  filter: none;
}
body.rebrand #page-wrapper #content .related_content-widget h2.block-title {
  border: none;
  background: none;
  background-color: #737373;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 10px;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-large h2.block-title {
  font-size: 30px;
  line-height: 34px;
  padding-bottom: 30px;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-gold h2.block-title {
  background-color: #F0AB00;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-light-blue h2.block-title {
  background-color: #00a1c1;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-dark-blue h2.block-title {
  background-color: #04476f;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-dark-grey h2.block-title {
  background-color: #505253;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-purple h2.block-title {
  background-color: #f0ab00;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-deep-green h2.block-title {
  background-color: #008566;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-orange h2.block-title {
  background-color: #ff5800;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-raspberry h2.block-title {
  background-color: #ca005d;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-deep-pink h2.block-title {
  background-color: #830051;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-bright-green h2.block-title {
  background-color: #7ab800;
}
body.rebrand #page-wrapper #content .related_content-widget.heading-bright-light-blue h2.block-title {
  background-color: #a1c6cf;
}
body.rebrand #page-wrapper #content .related_content-widget .related-content li {
  border: none;
  border-bottom: 1px solid #ededed;
}
body.rebrand #page-wrapper #content .related_content-widget .related-content li.active {
  background-color: #ededed;
}
body.rebrand #page-wrapper #content .related_content-widget .related-content li a {
  font-weight: normal;
}
body.rebrand #page-wrapper #content .related_content-widget.bg-grey .related-content li {
  background-color: #f7f7f7;
}
body.rebrand #page-wrapper #content .related_content-widget.bg-grey .related-content li.active {
  background-color: #ededed;
}
body.rebrand #page-wrapper #content .related_content-widget.link-icon-arrow .related-content li {
  background-color: #04476f;
  background-image: url("bullets-sprite-whiteout.png");
  background-repeat: no-repeat;
  background-position: -32px -18px;
  padding: 8px 10px 8px 25px;
  font-size: 15px;
}
body.rebrand #page-wrapper #content .related_content-widget.link-icon-arrow .related-content li.active {
  background-position: -32px -1018px;
}
body.rebrand #page-wrapper #content .related_content-widget.link-icon-arrow.arrow-light-blue .related-content li {
  background-color: #00a1c1;
}

/**
 * Video
 */
#video-player-master {
  display: none;
  padding: 20px 0;
}
@media screen and (min-width: 739px) {
  #video-player-master {
    padding-left: 10px;
  }
}

/**
 * Events layout
 */
.one-sidebar.events #page-wrapper #content.layout-three-column #main-content,
.two-sidebars.events #page-wrapper #content.layout-three-column #main-content {
  width: 520px;
  float: left;
}
.one-sidebar.events #page-wrapper #content.layout-three-column #aside,
.two-sidebars.events #page-wrapper #content.layout-three-column #aside {
  width: 400px;
  float: left;
}
.one-sidebar.events #page-wrapper #content.layout-three-column #region-b,
.two-sidebars.events #page-wrapper #content.layout-three-column #region-b {
  width: 200px;
  float: left;
  margin: 0 10px 18px;
}

.lt-ie8 {
  /*
    IE7 video hacks as it doesn't like jwplyer's css, hence the !importants
  */
}
.lt-ie8 #video-player-master {
  width: 676px !important;
  height: 380px !important;
  overflow: hidden;
  position: relative !important;
  text-align: left;
  padding-left: 10px;
}
.lt-ie8 #video-player-master #video-player-master {
  width: 676px !important;
  height: 380px !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

#video-player-container,
#video-player-container_wrapper {
  margin: 0 auto;
}

#video-player-container {
  max-width: 100%;
}

a#fallback-link {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

/**
 * Share this page widget
 */
#page-wrapper #region-b .share_this-widget {
  margin: 20px 0;
}
#page-wrapper #region-b .share_this-widget h2.block-title {
  color: #505253;
  text-align: center;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: normal;
}
#page-wrapper #region-b .share_this-widget .social-links {
  margin: 0 -7px;
  padding: 0;
  list-style: none;
}
#page-wrapper #region-b .share_this-widget .social-links li {
  margin: 0 7px;
  padding: 0;
  float: left;
}
#page-wrapper #region-b .share_this-widget .social-links li a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(sprite-share.png) no-repeat scroll;
}
#page-wrapper #region-b .share_this-widget .social-links li a.service-links-twitter {
  background-position: 0 0;
}
#page-wrapper #region-b .share_this-widget .social-links li a.service-links-facebook {
  background-position: -30px 0;
}
#page-wrapper #region-b .share_this-widget .social-links li a.service-links-google {
  background-position: -60px 0;
}
#page-wrapper #region-b .share_this-widget .social-links li a.service-links-linkedin {
  width: 34px;
  background-position: -90px 0;
}
#page-wrapper #region-b .share_this-widget .social-links li a.service-links-email {
  width: 29px;
  background-position: -125px 0;
}

/*
sprite-share.png
<h2 class="block-title">Share this page</h2>
<div id='boxes-box-f23befa3' class='boxes-box'>
	<div class="boxes-box-content">
		<ul class="social-links">
			<li class="first">
				<a href="#" title="Share this on Twitter" class="service-links-twitter" rel="nofollow">Twitter</a></li>
			<li><a href="#" title="Share on Facebook." class="service-links-facebook" rel="nofollow">Facebook</a></li>
			<li><a href="#" title="Bookmark this post on Google." class="service-links-google" rel="nofollow">Google</a></li>
			<li><a href="#" title=" " class="service-links-linkedin" rel="nofollow">LinkedIn</a></li>
			<li class="last">
				<a href="mailto:?subject# title="Send page via email" class="service-links-email" rel="nofollow">Email</a></li>
		</ul>
	</div>
</div>




    border-bottom: 1px solid #ececeb;
    border-top: 1px solid #ececeb;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  
  .share_this-widget h2.block-title { 
    color: #005b82;
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .share_this-widget .boxes-box-content {
    background-color: #fafafa;
    border: 1px solid #e3e3e4;
    /*padding: 7px;*
  }
  
  .share_this-widget ul.social-links,
  .share_this-widget ul.social-links li
  {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .share_this-widget ul.social-links {
    /* fill the entire width of the presumed right column @230px width *
    margin: 0 -1px;
    padding-bottom: 5px;
  }
  
  .share_this-widget ul.social-links li {
    border-right: 1px solid #e3e3e4;
    /* 46px wide * 5 = 230px *
    width: 25px;
    margin-top: 5px;
    padding: 0 10px;
    overflow: hidden;
    float: left;
  }
  .share_this-widget ul.social-links li.last {
    border-right: none;
    /* 46px wide * 5 = 230px *
    width: 25px;
    margin-top: 5px;
    padding: 0 0 0 10px;
    overflow: hidden;
    float: left;
  }
  
  .share_this-widget .social-links li a:link,
  .share_this-widget .social-links li a:visited
  {
    display: block;
      text-indent: -9999px;
    width: 25px;
    height: 25px;
  }
  
  .share_this-widget .social-links li a {
    background-color: transparent;
    background-image: url('widgets-share-this-icons-sprite.png');
    background-repeat: no-repeat;
  }
  
  .share_this-widget .social-links li a.service-links-twitter { background-position: -25px 0; }
  .share_this-widget .social-links li a.service-links-facebook { background-position: -50px 0; }
  .share_this-widget .social-links li a.service-links-digg { background-position: -75px 0; }
  .share_this-widget .social-links li a.service-links-google { background-position: -100px 0; }
  .share_this-widget .social-links li a.service-links-linkedin { background-position: -125px 0; }
  .share_this-widget .social-links li a.service-links-email { background-position: 0 0; }
  
}
*/
/*
 * Responsive
 */
body.responsive {
  background: #fff;
  color: #57585a;
  -webkit-text-size-adjust: 100%;
  /*
   ** Global Styles
   */
  /* some table styling for content managers */
  /* END some table styling for content managers */
  /* TODO: retheme the filefield icon function */
  /**
   * Site Identity
   */
  /**
   * Skip links
   */
  /**
   ** Global Layout 
   */
  /* Regions */
  /**
  
  will all wrappers on max width need 100%, or could this be added to page-wrapper?
  
  **/
  /* Custom Grid */
  /* equal height columns */
  /* jQuery scrollbar styles */
  /**
   ** Global Block Styles
   */
  /* blue gradient block */
  /* white block, grey header, grey border */
  /* TODO: exchange when ready */
  /* yellow background with white text */
  /* white on blue */
  /* light grey background blue titles */
  /* light grey background, grey border, dark grey title */
  /* pale blue bg, dark blue header */
  /* pale yellow bg, dark yellow header */
  /* Call to action block - yellow border with yellow title text. */
  /* admin block header and bg */
  /**
   ** Global List Styles
   */
  /* White text and white dotted seperator - used with global banner links */
  /* standard list for use with block-grey */
  /* micro thumbnail list */
  /* White text with flat list */
  /* Override to list-std for pale blue bg */
  /* Override to list-std for pale yellow bg */
  /* Override to list-std for downloads */
  /**
   ** Global Form Styles
   */
  /**
   ** Global Slideshow Styles
   * note the slidshows will probably be changing so these will need changing, So nothing's been done to the css
   * https://fivemilemedia.basecamphq.com/projects/11925653-2021-capita-sims-responsive-theming/todo_items/184944114/comments
   */
  /** For non-javascript users */
  /**
   ** Global custom styles from html-grid
   */
  /**
   ** Footer
   */
  /**
   ** Front
      Some things that appear on 2 or more of the homepages. Mostly things that appear on SIMs & Indy with SIMs as the  default
   */
  /**
   ** Pre footer learn more
   */
  /* #post-content .block .learn-more .speak-to-us h3,
  #post-content .block .learn-more .subscribe-to-newsletter h3,
  #post-content .block .learn-more .connect-with-us h3 {
    font-size: 1.500em;
  }*/
  /* individual columns */
  /* 1 */
  /* 2 */
  /* 3 */
  /* 4 */
  /*
    #post-content .block .learn-more .connect-with-us p.blog {
      float: left;
      margin-left: 54px;
    }
    #post-content .block .learn-more .connect-with-us p.twitter {
      float: left;
      margin-left: 8px;
    }
    #post-content .block .learn-more .connect-with-us p.youtube {
      float: left;
      margin-left: 8px;
    }
  */
  /* 5 */
  /* 6 */
  /* 7 */
  /*
            $content[] = '<div class="second-col independent-training col"><h3><span></span>SIMS Independent training</h3><p class="text-light-blue"><a href="/training" class="button"><span></span>Find the right course</a></p></div>';
            $content[] = '<div class="third-col connect-with-us col"><h3><span></span>Connect 
  */
  /**
   ** Blog
   */
  /* Blog general styles */
  /* Our bloggers block */
  /* Tagadelic block */
  /**
   * Blog landing page
   */
  /**
   * Blog node
   */
  /**
  * Comments / comments form
  */
  /**
   * Blog blocks/general
   */
  /* Twitter feed block */
  /* Blog: Follow us on block */
  /* Share this post block */
  /* Blog archive block */
  /* Recent posts block */
  /**
   ** jQuery tabs
   */
  /**
   * Horizontal, Default styling 
   */
  /**
   * Vertical tabs
     Only style on medium and larger 
   */
  /**
   ** Feature List
   */
  /**
   ** Widgets
   */
  /*
   * some responsiveness for region-b
   * .widget-rowX is added via javascript, not really ideal
   */
  /* Contact us (content area) block */
  /* Contact us block in sidebar */
  /* CTA widget */
  /* Subscribe to newsletter block on html content type */
  /* training courses ul in sidebar */
  /* Related courses & related content widgets */
  /* Related courses: configurable tyles */
  /**
   ** Enhanced Support & west sussex support info
   */
  /**
   ** Contact
   */
  /**
   ** Why Sims
      The defaults are the SIMs versions, Indy has some overrides
   */
  /* Helping drive school improvement [landing page] */
  /* Moving to sims */
  /*
  																							Bits below to integrate
  */
  /*
   * Who we work with
   */
}
body.responsive img {
  margin-bottom: 1.54em;
}
body.responsive #main-content img {
  max-width: 100%;
  height: auto;
}
body.responsive img.inline {
  display: inline;
  margin-bottom: 0;
}
body.responsive img.filefield-icon {
  float: left;
}
body.responsive p.intro {
  font-size: 1.23em;
}
body.responsive q {
  font-style: italic;
  color: #57585a;
}
body.responsive sub {
  font-size: 0.769em;
  vertical-align: bottom;
}
body.responsive sup {
  font-size: 0.769em;
  vertical-align: baseline;
  top: -4px;
  position: relative;
}
body.responsive ins {
  text-decoration: underline;
}
body.responsive address {
  font-style: normal;
  margin-bottom: 20px;
}
body.responsive blockquote {
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 1.23em;
  color: #57585a;
}
body.responsive code {
  background-color: #e9eaea;
  display: block;
  padding: 20px;
  border: 1px solid #d1d1d1;
}
body.responsive ul, body.responsive ol {
  margin: 0 0 20px 0px;
  padding: 0 0 0 20px;
}
body.responsive ul {
  list-style: disc outside;
}
body.responsive ol {
  list-style: decimal outside;
}
body.responsive img.left {
  float: left;
  padding: 0 20px 20px 0;
}
body.responsive img.right {
  float: right;
  padding: 0 0 20px 20px;
}
body.responsive h1 {
  color: #005b82;
}
body.responsive h2.section-title {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
body.responsive a:link,
body.responsive a:visited {
  color: #007aaa;
  text-decoration: none;
}
body.responsive a:hover,
body.responsive a:active {
  color: #00668f;
  text-decoration: underline;
}
body.responsive a.strong {
  font-weight: bold;
}
body.responsive ul.arrows,
body.responsive ul.bullets {
  list-style: none;
  margin-left: 0;
  display: inline-block;
}
body.responsive p.bullet,
body.responsive ul.bullets li {
  background: transparent url(bullet-green.png) no-repeat 0 3px;
  padding-left: 25px;
}
body.responsive ul.arrows li {
  background: transparent url(bullet-arrow-blue.png) no-repeat 0 7px;
  padding-left: 10px;
}
body.responsive p.button,
body.responsive .node-readmore {
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  background: transparent url(button-bg.png) repeat-x 0 0;
  border: 1px solid #cccccc;
}
body.responsive .node-readmore {
  padding: 5px 10px !important;
}
body.responsive p.read-more a:link,
body.responsive p.read-more a:visited,
body.responsive p.more a:link,
body.responsive p.more a:visited {
  padding-right: 17px;
  background: transparent url(link-arrow-1.png) no-repeat right center;
}
body.responsive p.button a:link,
body.responsive p.button a:visited {
  color: #005b82;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  line-height: 20px;
}
body.responsive p.submitted {
  font-size: 12px;
  color: #7a7a7a;
}
body.responsive div.field {
  margin-bottom: 20px;
}
body.responsive div.field-name-body {
  margin-bottom: 0;
}
body.responsive ul.menu,
body.responsive ul.menu li,
body.responsive .unstyled-list ul,
body.responsive .unstyled-list ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive ul.menu,
body.responsive .unstyled-list ul {
  margin-bottom: 20px;
}
body.responsive table th,
body.responsive table td {
  padding: 5px;
  border: 1px solid #d1d1d1;
}
body.responsive table.full-width {
  width: 100%;
}
body.responsive table.grey-header th,
body.responsive table.grey-header td {
  padding: 5px;
  border: none;
}
body.responsive table.grey-header th {
  background-color: #d1d1d1;
}
body.responsive table.grey-header tr.odd {
  background-color: #e9eaea;
}
body.responsive hr {
  color: #d1d1d1;
  background-color: #d1d1d1;
  height: 1px;
  border: none;
}
body.responsive ul.links,
body.responsive ul.action-links {
  margin-left: 0;
  list-style: none;
}
body.responsive ul.links.inline li,
body.responsive ul.action-links li {
  background-color: #e9eaea;
  float: left;
  margin-right: 10px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
body.responsive ul.links.inline li:hover {
  background-color: #cecfd1;
}
body.responsive ul.links.inline li a:link,
body.responsive ul.links.inline li a:visited,
body.responsive ul.action-links li a:link,
body.responsive ul.action-links li a:visited {
  display: inline-block;
  padding: 0 10px;
  color: #282828;
}
body.responsive ul.links.inline li a:hover,
body.responsive ul.links.inline li a:active,
body.responsive ul.action-links li a:hover,
body.responsive ul.action-links li a:active {
  text-decoration: none;
}
body.responsive p.permalink {
  float: right;
  margin-bottom: 20px;
}
body.responsive .block.left {
  float: left;
  width: 300px;
}
body.responsive .block.left.clear {
  clear: both;
}
body.responsive .block.right {
  float: right;
  width: 300px;
}
body.responsive .block.right.clear {
  clear: both;
}
body.responsive .clear-both {
  clear: both;
}
body.responsive .clear-left {
  clear: left;
}
body.responsive .clear-right {
  clear: right;
}
body.responsive .push {
  margin-bottom: 20px;
}
body.responsive .push-right-20 {
  margin-right: 20px;
}
body.responsive .push-right-22 {
  margin-right: 22px;
}
body.responsive #block-system-main .field-name-field-image {
  float: left;
  margin: 0 20px 20px 0;
}
body.responsive div.filefield-file {
  margin-bottom: 20px;
}
body.responsive .admin-text {
  font-size: 11px;
}
body.responsive iframe {
  border: none;
}
body.responsive h1.site-identity img {
  /* identity includes logo - hide the site name copy */
  margin-bottom: 20px;
}
body.responsive ul#skip-links {
  position: absolute;
  top: -200px;
  list-style: none;
}
body.responsive #page-wrapper {
  max-width: 720px;
  padding: 5px 10px;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper {
    padding: 0;
    margin: 0 auto;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #page-wrapper {
    max-width: 960px;
    width: 960px;
  }
}
body.responsive #pre-header {
  position: relative;
  z-index: 4000;
  width: auto;
  border-bottom: 0;
  padding-bottom: 10px;
}
@media screen and (min-width: 739px) {
  body.responsive #pre-header {
    padding: 10px 0 15px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #pre-header {
    width: 940px;
    margin: 0 auto 1px;
    padding: 10px 0;
  }
}
body.responsive #header {
  position: relative;
  z-index: 1000;
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive #header {
    width: 960px;
    margin: 0 auto 40px;
  }
}
body.responsive #breadcrumb {
  width: auto;
  font-size: 11px;
  line-height: 20px;
  padding: 10px 0;
}
@media screen and (min-width: 959px) {
  body.responsive #breadcrumb {
    width: 960px;
    margin: -40px auto 0;
  }
}
body.responsive #message-board {
  margin: 0 auto 20px auto;
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive #message-board {
    width: 940px;
  }
}
body.responsive #banners {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 959px) {
  body.responsive #banners {
    max-width: none;
    width: 960px;
  }
}
body.responsive #banners img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.responsive #main-banner {
  width: auto;
  margin-right: 0;
  float: none;
}
@media screen and (min-width: 959px) {
  body.responsive #main-banner {
    width: 710px;
    margin: 0 10px 0 0;
    float: left;
  }
}
body.responsive #main-banner-aside {
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive #main-banner-aside {
    width: 230px;
    float: right;
    margin: 0;
  }
}
body.responsive #content {
  margin: 0 auto;
  padding: 0;
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive #content {
    width: 940px;
  }
}
body.responsive.node-type-html #content {
  position: relative;
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive.node-type-html #content {
    width: 960px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.page-webcasts #content {
    width: 960px;
  }
}
body.responsive #content .mobile-hidden {
  display: none !important;
}
@media screen and (min-width: 739px) {
  body.responsive #content .mobile-hidden {
    display: block !important;
  }
}
body.responsive #content #content-wrapper {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 959px) {
  body.responsive #content #content-wrapper {
    float: left;
    width: 940px;
  }
}
body.responsive.node-type-html #content #content-wrapper {
  position: relative;
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive.node-type-html #content #content-wrapper {
    width: 960px;
  }
}
body.responsive.sidebar-left.node-type-html #content #content-wrapper {
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.node-type-html #content #content-wrapper {
    width: 710px;
  }
}
body.responsive.node-type-html.content-background #content #content-wrapper {
  width: auto;
  background-color: #f3f4f4;
  padding: 15px 5px 0 5px;
  border: 1px solid;
  margin-bottom: 20px;
}
@media screen and (min-width: 959px) {
  body.responsive.node-type-html.content-background #content #content-wrapper {
    width: 948px;
  }
}
body.responsive.sidebar-left.node-type-html.content-background #content #content-wrapper, body.responsive #content #content-wrapper #main-content.content-background {
  width: auto;
  background-color: #fbfbfb;
  padding: 15px 12px 0;
  border: 1px solid #d1d1d1;
}
@media screen and (min-width: 739px) {
  body.responsive.sidebar-left.node-type-html.content-background #content #content-wrapper, body.responsive #content #content-wrapper #main-content.content-background {
    width: 696px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (min-width: 1px) and (max-width: 739px) {
  body.responsive #content #content-wrapper .content-background {
    width: auto !important;
    max-width: 100%;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.page-webcasts #content #content-wrapper {
    width: 940px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left #content #content-wrapper {
    width: 700px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.two-sidebars #content #content-wrapper {
    width: 460px;
    margin-left: 240px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.training-lp #content #content-wrapper {
    width: 640px;
  }
}
body.responsive #content #region-b {
  width: 100%;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 959px) {
  body.responsive #content #region-b {
    float: right;
    width: 220px;
    margin: 0 0 20px 10px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.two-sidebars #content #region-b {
    width: 170px;
    margin: 0 0 18px -700px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.node-type-html #content #region-b {
    width: 230px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.two-sidebars #content #region-c {
    float: right;
    width: 170px;
  }
}
body.responsive #post-content {
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 959px) {
  body.responsive #post-content {
    max-width: none;
  }
}
body.responsive #post-content .boxes-box-content {
  width: 100%;
  max-width: 100%;
}
body.responsive #footer {
  clear: both;
  width: auto;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 959px) {
  body.responsive #footer {
    width: 960px;
    margin: 0 0 36px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #content.layout-two-column-banner #main-content, body.responsive #content.layout-two-column-banner #main-banner, body.responsive #content.layout-two-column-banner #banners {
    width: 720px;
    float: left;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #content.layout-two-column-banner #main-content, body.responsive #content.layout-two-column-banner #main-banner, body.responsive #content.layout-two-column-banner #banners {
    width: 710px;
    margin: 0 10px 0 0;
  }
}
body.responsive #content.layout-two-column-banner #main-content.content-background {
  margin-bottom: 20px;
}
body.responsive #content.layout-two-column-banner #main-content #context-block-region-content {
  clear: both;
  margin-bottom: 10px;
}
body.responsive #content.layout-two-column-banner #post-content {
  clear: both;
  padding: 1px 0 0 0;
}
body.responsive.one-sidebar #page-wrapper #content.layout-three-column #main-content, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #main-content {
  width: 460px;
  float: left;
  margin: 0 10px 0 0;
}
body.responsive.one-sidebar #page-wrapper #content.layout-three-column #main-banner, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #main-banner {
  width: 460px;
  margin: 0;
  float: none;
}
body.responsive.one-sidebar #page-wrapper #content.layout-three-column #aside, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #aside {
  width: 460px;
  float: left;
  margin: 0 0 0 10px;
}
body.responsive.one-sidebar #page-wrapper #content.layout-three-column #region-b, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #region-b {
  float: left;
  width: 220px;
  margin: 0 10px 0 0;
}
body.responsive.one-sidebar #page-wrapper #content.layout-three-column #region-c, body.responsive.two-sidebars #page-wrapper #content.layout-three-column #region-c {
  float: right;
  width: 220px;
  margin: 0 0 0 10px;
}
body.responsive .grid_4,
body.responsive .grid_5,
body.responsive .grid_7,
body.responsive .grid_8,
body.responsive .quick-links-section {
  float: left;
  margin: 0 10px;
}
body.responsive .grid_4,
body.responsive .quick-links-section {
  width: 220px;
}
body.responsive .grid_5 {
  width: 280px;
}
body.responsive .grid_7 {
  width: 400px;
}
body.responsive .grid_8 {
  width: 460px;
}
body.responsive .alpha {
  margin-left: 0;
  clear: left;
}
body.responsive .omega {
  margin-right: 0;
}
body.responsive .grid_4.border-right {
  width: 220px;
  margin-right: 0;
  padding-right: 9px;
  border-right: 1px solid #cccccc;
}
body.responsive .article-row {
  overflow: hidden;
  margin-bottom: 20px;
}
body.responsive .article-row .grid_4,
body.responsive .article-row .grid_5,
body.responsive .article-row .grid_7 {
  margin-bottom: -1000px;
  padding-bottom: 1000px;
}
body.responsive h2.article-title {
  background-color: #005b82;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 0 5px;
  margin-bottom: 10px;
}
body.responsive h2.article-title a:link,
body.responsive h2.article-title a:visited {
  color: #fff;
}
body.responsive .widget-left {
  float: left;
}
body.responsive .introduction {
  font-size: 15px;
  margin-left: 0;
  max-width: 676px !important;
}
@media screen and (min-width: 739px) {
  body.responsive .introduction {
    margin-left: 10px;
  }
}
body.responsive .jspVerticalBar {
  background: transparent;
  width: 23px;
}
body.responsive .jspTrack {
  background: transparent url(scroll-track.png) no-repeat 0 0;
  margin: 7px 5px 5px;
}
body.responsive .jspDrag {
  background: transparent url(scroll-bar.png) no-repeat 0 0;
}
body.responsive h2.block-title {
  font-size: 13px;
}
body.responsive .gradient-blue,
body.responsive .block.banner-links {
  background-color: #005b82;
  height: 260px;
  margin-bottom: 20px;
  overflow: auto;
}
body.responsive .block.banner-links {
  height: auto;
  max-height: 260px;
}
body.responsive .block-grey {
  background-color: #fff;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}
body.responsive .block-grey.events-latest-7 {
  width: 218px;
  max-height: 198px;
  overflow: hidden;
}
body.responsive img.one-temp {
  margin: -5px 0 0 0;
}
body.responsive .block-grey h2.block-title {
  background-color: #b5b7b9;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
body.responsive .block-grey h2.block-title a:link,
body.responsive .block-grey h2.block-title a:visited {
  color: #fff;
}
body.responsive #region-b .block-yellow-bg {
  background-color: #ddb10a;
  color: #fff;
  padding: 0 10px 0;
}
.lt-ie8 body.responsive #region-b .block-yellow-bg.tip-of-the-day {
  max-width: 200px !important;
}
body.responsive #region-b .block-yellow-bg h2.block-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6c547;
}
body.responsive .block-wob {
  background-color: #005b82;
  color: #fff;
  padding: 0 10px 0;
  margin: 0 0 20px;
}
body.responsive .block-wob h2.block-title {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #80b2c8;
}
body.responsive .block-greybg {
  background-color: #f3f4f4;
  border: 1px solid #cccccc;
  padding: 10px;
  margin-bottom: 20px;
}
body.responsive .block-greybg h2 {
  color: #80b2c8;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b9d3de;
}
body.responsive .block-greybg ul {
  list-style-type: square;
}
body.responsive .block-greybgborder {
  background-color: #f3f4f4;
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}
body.responsive .block-greybgborder h2.block-title {
  background-color: #b5b7b9;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
body.responsive .block-bluebg {
  background-color: #d5e8f0;
  margin-bottom: 20px;
}
body.responsive .block-bluebg h2.block-title {
  background-color: #005b82;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
body.responsive .block-yellowbg {
  background-color: #f6ebc1;
  margin-bottom: 20px;
}
body.responsive .block-yellowbg h2.block-title {
  background-color: #ddb10a;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
body.responsive .block-call-to-action {
  border: 5px solid #ddb10a;
  padding: 0 10px 0 10px;
  margin: 0 0 20px 0;
}
body.responsive .block-call-to-action h2.block-title {
  color: #ddb10a;
  text-transform: uppercase;
  line-height: 29px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
body.responsive .block-call-to-action p {
  margin-bottom: 10px;
}
body.responsive .block-admin {
  background-color: #f6ebc1;
  margin-bottom: 20px;
  color: #000;
}
body.responsive .block-admin h2.block-title {
  background-color: #dd0508;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px 12px;
  font-weight: normal;
  margin-bottom: 5px;
}
body.responsive .block-admin.list-std a:link,
body.responsive .block-admin.list-std a:visited {
  color: #282828;
}
body.responsive .block-admin.list-std a:hover,
body.responsive .block-admin.list-std a:active,
body.responsive .block-admin.list-std a:focus {
  color: #000;
}
body.responsive .list-white ul,
body.responsive .list-white ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive .list-white ul li {
  color: #fff;
  border-bottom: 1px dashed #0082B9;
  padding: 0;
  line-height: 20px;
}
body.responsive .list-white a:link,
body.responsive .list-white a:visited {
  color: #D7F2FF;
  padding: 6px 12px 5px;
  display: block;
  text-decoration: none;
}
body.responsive .list-white a:hover,
body.responsive .list-white a:active,
body.responsive .list-white a:focus {
  color: #fff;
  background-color: #3db7e4;
}
body.responsive .list-std ul,
body.responsive .list-std ul li,
body.responsive .block-grey ul,
body.responsive .block-grey ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive .list-std ul,
body.responsive .block-grey ul {
  margin-bottom: 5px;
}
body.responsive .block-grey ul li,
body.responsive .list-std ul li {
  border-bottom: 1px dashed #cccccc;
  padding: 0 12px;
  line-height: 1.583em;
  /* 12px * 1.461 = 19px; */
  font-size: 0.923em;
  /* 13px x 0.923 = 12px */
}
body.responsive .block-grey ul li.last,
body.responsive .list-std ul li.last {
  border-bottom: none;
  line-height: 20px;
}
body.responsive .list-std a:link,
body.responsive .list-std a:visited,
body.responsive .block-grey a:link,
body.responsive .block-grey a:visited {
  color: #57585a;
}
body.responsive .list-std a:hover,
body.responsive .list-std a:active,
body.responsive .list-std a:focus,
body.responsive .block-grey a:hover,
body.responsive .block-grey a:active,
body.responsive .block-grey a:focus {
  color: #57585a;
}
body.responsive .micro-thumbnail ul {
  list-style: none;
  margin: 0;
  padding: 0 10px 0;
}
body.responsive .micro-thumbnail ul li {
  /* Added to easy clearing */
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}
body.responsive .micro-thumbnail li img {
  float: left;
  margin: 4px 10px 10px 0;
}
body.responsive .micro-thumbnail h3 {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  margin: 0;
}
body.responsive .micro-thumbnail p.created-view {
  font-size: 10px;
  float: left;
  margin: 0 0 10px;
}
body.responsive .micro-thumbnail p.read-more {
  margin-left: 10px;
  margin-bottom: 10px;
}
body.responsive .list-flat-white ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}
body.responsive .list-flat-white ul li {
  color: #fff;
  padding: 5px 0;
  line-height: 20px;
  margin: 0;
  list-style: none;
  border-bottom: 1px dashed #0082B9;
}
body.responsive .list-flat-white ul li.first {
  padding-top: 0;
}
body.responsive .list-flat-white ul li.last {
  border-bottom: none;
  padding-bottom: 0;
}
body.responsive .list-flat-white a:link,
body.responsive .list-flat-white a:visited {
  color: #fff;
  display: block;
}
body.responsive .list-flat-white a:hover,
body.responsive .list-flat-white a:active,
body.responsive .list-flat-white a:focus {
  color: #fff;
}
body.responsive .block-bluebg.list-std ul li {
  border-bottom: 1px dashed #bdcbd2;
}
body.responsive .block-bluebg.list-std ul li.last {
  border-bottom: none;
}
body.responsive .block-yellowbg.list-std ul li {
  border-bottom: 1px dashed #d5ceaf;
}
body.responsive .block-yellowbg.list-std.downloads li {
  line-height: 30px;
}
body.responsive .block-yellowbg.list-std.downloads img.filefield-icon {
  float: left;
  margin-top: 6px;
  margin-bottom: 6px;
}
body.responsive .block-yellowbg.list-std ul li.last {
  border-bottom: none;
}
body.responsive ul.pager {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
body.responsive ul.pager li {
  list-style: none;
  margin: 0 5px;
  padding: 0;
}
body.responsive ul.pager li.first {
  margin-left: 0;
}
body.responsive .form-item {
  margin-bottom: 10px;
}
body.responsive label {
  display: block;
  margin: 0 20px 0 0;
}
@media screen and (min-width: 959px) {
  body.responsive label {
    width: 160px;
    float: left;
  }
}
body.responsive .form-text,
body.responsive textarea {
  margin: 0 20px 0 0;
  padding: 0;
  border: 1px solid #cccccc;
  background: #f3f4f4;
  padding: 0 5px;
  min-height: 16px;
}
@media screen and (min-width: 959px) {
  body.responsive .form-text,
  body.responsive textarea {
    float: left;
    width: 270px;
  }
}
body.responsive label.option {
  width: 100%;
}
body.responsive .form-submit {
  margin-bottom: 10px;
}
body.responsive .form-required {
  color: red;
  font-weight: bold;
}
body.responsive .slideshow-wrapper {
  width: 710px;
  position: relative;
}
body.responsive ul#slideshow-nav {
  /* added to easy clearing */
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
body.responsive ul#slideshow-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 65px;
  overflow: hidden;
  width: 110px;
}
body.responsive ul#slideshow-nav img {
  margin: 0;
  padding: 0;
}
body.responsive ul#slideshow-nav li a {
  display: block;
  width: 110px;
  height: 65px;
}
body.responsive ul#slideshow-nav li:hover img {
  visibility: visible;
}
body.responsive ul#slideshow-nav li.activeSlide img {
  visibility: visible;
  margin: 0 0 0 -110px;
}
body.responsive #slideshow a {
  display: none;
}
body.responsive #slideshow a.first {
  display: block;
}
body.responsive .slideshow-wrapper .edit-rotating-banner {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  z-index: 9999;
  background-color: #f1e5ba;
  color: #614C00;
  padding: 0 5px;
}
body.responsive .h1-small h1 {
  font-size: 18px;
  font-weight: bold;
}
body.responsive .boxes {
  position: relative;
}
body.responsive .boxes ul.links,
body.responsive .boxes ul.links li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.responsive .boxes ul.links {
  position: absolute;
  top: 0;
  right: 0;
}
body.responsive .boxes ul.links li {
  background-color: #e9dca6;
  font-size: 10px;
  padding: 0 2px;
}
body.responsive .boxes ul.links li a:link,
body.responsive .boxes ul.links li a:visited {
  color: #333;
  line-height: 11px;
}
body.responsive .blue {
  color: #3e80a5 !important;
}
body.responsive .border-bottom {
  border-bottom: 1px solid #d1d1d1;
}
body.responsive .bottom-space {
  margin-bottom: 20px !important;
}
body.responsive.node-type-html h1.title span.subtitle {
  display: block;
  font-style: italic;
  font-size: 0.6em;
  line-height: 1;
}
body.responsive .button-radius-5 {
  display: inline-block;
  background-color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 2px 1px 2px #ccc ;
  -moz-box-shadow: 2px 1px 2px #ccc ;
  box-shadow: 2px 1px 2px #ccc ;
}
body.responsive .button-radius-5 a:link, body.responsive .button-radius-5 a:visited {
  display: block;
  color: #efefef;
  padding: 3px 10px;
}
body.responsive .button-radius-5 a:hover, body.responsive .button-radius-5 a:active, body.responsive .button-radius-5 a:focus {
  color: #fff;
  text-decoration: none;
}
body.responsive .button-radius-5.blue, body.responsive .button-radius-5.blue:hover {
  background-color: #096496;
  border-top: 1px solid #079CF3;
  border-bottom: 1px solid #044062;
}
body.responsive .button-radius-5.blue:hover {
  background-color: #054B72;
}
body.responsive .button-radius-5.green, body.responsive .button-radius-5.green:hover {
  background-color: #8ac200;
  border-top: 1px solid #B5FF02;
  border-bottom: 1px solid #5B8001;
}
body.responsive .button-radius-5.green:hover {
  background-color: #76A601;
}
body.responsive .button-radius-5.green a:link, body.responsive .button-radius-5.green a:visited {
  color: #fff;
  font-weight: bold;
}
body.responsive .button-radius-5.purple, body.responsive .button-radius-5.purple:hover {
  background-color: #7b004c;
  border-top: 1px solid #7b004c;
  border-bottom: 1px solid #7b004c;
}
body.responsive .button-radius-5.purple:hover {
  background-color: #7b004c;
}
body.responsive .button-radius-5.purple a:link, body.responsive .button-radius-5.purple a:visited {
  color: #FFF2FB;
  font-weight: bold;
  background: #7b004c url(images/arrow-button-dot-purple.png) no-repeat right center;
  padding-right: 40px;
  margin-right: 10px;
}
body.responsive #capita_so_global_settings-footer {
  border-top: 1px solid #cccccc;
  position: relative;
  margin: 0 10px;
  display: none;
}
@media screen and (min-width: 739px) {
  body.responsive #capita_so_global_settings-footer {
    display: block;
  }
}
body.responsive #capita_so_global_settings-footer h2.block-title {
  text-transform: uppercase;
  font-weight: normal;
  line-height: 30px;
  border-top: none;
  border-bottom: 1px solid #cccccc;
}
body.responsive #capita_so_global_settings-footer .social-media, body.responsive #capita_so_global_settings-footer .footer-legal, body.responsive #capita_so_global_settings-footer .follow-us-on {
  /* no longer used in the new style footer */
  display: none;
}
body.responsive .quick-links-section {
  float: none;
  margin: 0;
}
@media screen and (min-width: 739px) {
  body.responsive .quick-links-section {
    float: left;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .quick-links-section {
    width: 220px;
    margin: 0 10px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .quick-links-section.alpha {
    margin-left: 0;
  }
}
body.responsive .quick-links-section.omega {
  border-left: none;
  padding-left: 0;
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive .quick-links-section.omega {
    border-left: 1px solid #cccccc;
    padding-left: 19px;
    width: 200px;
    margin-right: 0;
  }
}
body.responsive .quick-links-section ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
body.responsive .quick-links-section ul li {
  margin: 0;
  padding: 0;
}
body.responsive .quick-links-section h3 {
  color: #005b82;
  margin-bottom: 10px;
}
body.responsive .quick-links-section a:link, body.responsive .quick-links-section a:visited {
  color: #57585a;
}
body.responsive.front {
  /* Post banner 3x nodequeue */
  /* Solutions block */
  /* intro text */
  /* hoverover blocks */
  /* post content */
}
body.responsive.front ul.front_sims_post_banner,
body.responsive.front ul.front_indy_post_banner {
  margin: 0 0 30px;
  padding: 0 50%;
  list-style: none;
  width: 0;
}
@media screen and (min-width: 739px) {
  body.responsive.front ul.front_sims_post_banner,
  body.responsive.front ul.front_indy_post_banner {
    margin-left: -5px;
    margin-right: -5px;
    padding: 0;
    width: auto;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front ul.front_sims_post_banner,
  body.responsive.front ul.front_indy_post_banner {
    width: 960px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
body.responsive.front ul.front_sims_post_banner li,
body.responsive.front ul.front_indy_post_banner li {
  width: 300px;
  margin: 0 -150px;
  float: left;
  clear: both;
}
@media screen and (min-width: 739px) {
  body.responsive.front ul.front_sims_post_banner li,
  body.responsive.front ul.front_indy_post_banner li {
    clear: none;
    width: 233px;
    margin: 0 5px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front ul.front_sims_post_banner li,
  body.responsive.front ul.front_indy_post_banner li {
    width: 300px;
    margin: 0 10px;
  }
}
body.responsive.front ul.front_sims_post_banner h2,
body.responsive.front ul.front_indy_post_banner h2 {
  font-size: 1.23em;
  color: #505253;
  margin: 0 0 10px 0;
}
body.responsive.front ul.front_sims_post_banner a,
body.responsive.front ul.front_indy_post_banner a {
  font-size: 1.23em;
  color: #00a1c1;
}
body.responsive.front ul.front_sims_post_banner a span,
body.responsive.front ul.front_indy_post_banner a span {
  float: left;
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.33em 0 0;
}
body.responsive.front ul.front_sims_post_banner img,
body.responsive.front ul.front_indy_post_banner img {
  margin-bottom: 18px;
  max-width: 100%;
  height: auto;
}
body.responsive.front ul.front_sims_post_banner p,
body.responsive.front ul.front_indy_post_banner p {
  margin-bottom: 10px;
}
body.responsive.front #capita_so_global_settings-front-help-you,
body.responsive.front #capita_so_global_settings-front-help-you-independent {
  padding: 0 10px 25px;
  margin: 0 -10px;
  position: relative;
  z-index: 15;
  background: #F5F5F5;
  border-top: 1px solid #d4d4d5;
  width: 100%;
}
@media screen and (min-width: 1130px) {
  body.responsive.front #capita_so_global_settings-front-help-you,
  body.responsive.front #capita_so_global_settings-front-help-you-independent {
    margin-left: -90px;
    margin-right: -90px;
    padding-left: 80px;
    padding-right: 80px;
    width: 960px;
  }
}
body.responsive.front #capita_so_global_settings-front-help-you h2.block-title,
body.responsive.front #capita_so_global_settings-front-help-you-independent h2.block-title {
  display: none;
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text {
  padding: 15px 10px 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.front #capita_so_global_settings-front-help-you div.right-text,
  body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #capita_so_global_settings-front-help-you div.right-text,
  body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text {
    padding-top: 36px;
  }
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text h2,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text h2 {
  font-size: 24px;
  line-height: 1.15em;
  margin-bottom: 10px;
  text-align: center;
  color: #00a1c1;
}
@media screen and (min-width: 739px) {
  body.responsive.front #capita_so_global_settings-front-help-you div.right-text h2,
  body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text h2 {
    font-size: 30px;
  }
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text p,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p {
  font-size: 1.154em;
  line-height: 1.444em;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 739px) {
  body.responsive.front #capita_so_global_settings-front-help-you div.right-text p,
  body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p {
    font-size: 1.384em;
  }
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text p a,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p a {
  color: #00a1c1;
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text p.text-dark-blue,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p.text-dark-blue {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1.154em;
  line-height: 1.333em;
  margin-top: 10px;
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text p.text-dark-blue a,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p.text-dark-blue a {
  color: #04476f;
  font-weight: bold;
}
body.responsive.front #capita_so_global_settings-front-help-you div.right-text p.text-dark-blue span,
body.responsive.front #capita_so_global_settings-front-help-you-independent div.right-text p.text-dark-blue span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -80px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive.front #views-front_sims_solutions-block_1,
body.responsive.front #views-front_indy_solutions-block_1 {
  background: #f5f5f5;
  padding: 0 10px 30px;
  margin: 0 -10px;
  position: relative;
  z-index: 12;
  width: 100%;
  /* NOTE: colours change on indy, should probably change the classes when all are live */
}
@media screen and (min-width: 1130px) {
  body.responsive.front #views-front_sims_solutions-block_1,
  body.responsive.front #views-front_indy_solutions-block_1 {
    margin: 0 -90px 0;
    padding: 0 60px 30px;
    width: 1000px;
  }
}
body.responsive.front #views-front_sims_solutions-block_1 h2,
body.responsive.front #views-front_indy_solutions-block_1 h2 {
  font-size: 2.615em;
  line-height: 40px;
  color: #04476f;
  text-align: center;
  margin: 0 0 40px;
}
body.responsive.front #views-front_sims_solutions-block_1 h2 span,
body.responsive.front #views-front_indy_solutions-block_1 h2 span {
  font-weight: bold;
  color: #00a1c1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul,
body.responsive.front #views-front_indy_solutions-block_1 ul {
  /* easycleared */
  list-style: none;
  margin: 0;
  padding: 0 50% 30px;
  width: 0;
}
@media screen and (min-width: 540px) {
  body.responsive.front #views-front_sims_solutions-block_1 ul,
  body.responsive.front #views-front_indy_solutions-block_1 ul {
    width: 480px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.front #views-front_sims_solutions-block_1 ul,
  body.responsive.front #views-front_indy_solutions-block_1 ul {
    width: 100%;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #views-front_sims_solutions-block_1 ul,
  body.responsive.front #views-front_indy_solutions-block_1 ul {
    width: 780px;
  }
}
@media screen and (min-width: 1130px) {
  body.responsive.front #views-front_sims_solutions-block_1 ul,
  body.responsive.front #views-front_indy_solutions-block_1 ul {
    margin: 0 -20px;
    width: 1040px;
  }
}
body.responsive.front #views-front_sims_solutions-block_1 ul li,
body.responsive.front #views-front_indy_solutions-block_1 ul li {
  width: 220px;
  height: 156px;
  margin: 0 auto 30px -110px;
  display: block;
  position: relative;
  font-size: 1em;
  overflow: hidden;
  /* colour coding - for sims, indy overrides */
}
@media screen and (min-width: 540px) {
  body.responsive.front #views-front_sims_solutions-block_1 ul li,
  body.responsive.front #views-front_indy_solutions-block_1 ul li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #views-front_sims_solutions-block_1 ul li,
  body.responsive.front #views-front_indy_solutions-block_1 ul li {
    margin-left: 20px;
    margin-right: 20px;
  }
}
body.responsive.front #views-front_sims_solutions-block_1 ul li a:hover,
body.responsive.front #views-front_indy_solutions-block_1 ul li a:hover {
  text-decoration: none;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li a .imagecache,
body.responsive.front #views-front_indy_solutions-block_1 ul li a .imagecache {
  width: 220px;
  height: 131px;
  position: absolute;
  top: 0;
  left: 0;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li h3 {
  width: 223px;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: -1px;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 42px;
  font-size: 1.307em;
  font-weight: normal;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -270px scroll;
  overflow: hidden;
  z-index: 3;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li h3 a,
body.responsive.front #views-front_indy_solutions-block_1 ul li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-4 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-4 h3 {
  font-size: 13px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li p,
body.responsive.front #views-front_indy_solutions-block_1 ul li p {
  position: absolute;
  top: -156px;
  left: 0;
  width: 190px;
  height: 86px;
  padding: 20px 15px 50px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  z-index: 2;
  text-decoration: none;
  background-color: #ff7933;
  background-color: rgba(255, 88, 0, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FF5800,endColorstr=#D9FF5800);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li p a,
body.responsive.front #views-front_indy_solutions-block_1 ul li p a {
  color: #fff;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-1 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-1 h3 {
  background-position: 0 -270px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-2 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-2 h3 {
  background-position: 0 -320px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-3 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-3 h3 {
  background-position: 0 -370px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-4 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-4 h3 {
  background-position: 0 -420px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-5 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-5 h3 {
  background-position: 0 -470px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-6 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-6 h3 {
  background-position: 0 -520px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-7 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-7 h3 {
  background-position: 0 -570px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-8 h3,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-8 h3 {
  background-position: 0 -620px;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-1 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-1 p {
  background-color: #ff7933;
  background-color: rgba(255, 88, 0, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-1 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-1 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FF5800,endColorstr=#D9FF5800);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-2 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-2 p {
  background-color: #ffc024;
  background-color: rgba(240, 171, 0, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-2 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-2 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9F0AB00,endColorstr=#D9F0AB00);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-3 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-3 p {
  background-color: #00ccf4;
  background-color: rgba(0, 161, 193, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-3 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-3 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D900A1C1,endColorstr=#D900A1C1);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-4 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-4 p {
  background-color: #6731ab;
  background-color: rgba(79, 38, 131, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-4 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-4 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D94F2683,endColorstr=#D94F2683);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-5 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-5 p {
  background-color: #9ceb00;
  background-color: rgba(122, 184, 0, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-5 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-5 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D97AB800,endColorstr=#D97AB800);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-6 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-6 p {
  background-color: #fd0074;
  background-color: rgba(202, 0, 93, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-6 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-6 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9CA005D,endColorstr=#D9CA005D);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-7 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-7 p {
  background-color: #8993c7;
  background-color: rgba(103, 115, 182, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-7 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-7 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D96773B6,endColorstr=#D96773B6);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 ul li.item-8 p,
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-8 p {
  background-color: #00b88d;
  background-color: rgba(0, 133, 102, 0.85);
}
.lt-ie9 body.responsive.front #views-front_sims_solutions-block_1 ul li.item-8 p, .lt-ie9
body.responsive.front #views-front_indy_solutions-block_1 ul li.item-8 p {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9008566,endColorstr=#D9008566);
  zoom: 1;
}
body.responsive.front #views-front_sims_solutions-block_1 div.text-deep-pink p,
body.responsive.front #views-front_indy_solutions-block_1 div.text-deep-pink p {
  font-size: 1.846em;
  line-height: 1.167em;
  color: #830051;
  text-align: center;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 739px) {
  body.responsive.front #views-front_sims_solutions-block_1 div.text-deep-pink p,
  body.responsive.front #views-front_indy_solutions-block_1 div.text-deep-pink p {
    font-size: 2.154em;
    line-height: 1;
  }
}
body.responsive.front #views-front_sims_solutions-block_1 div.text-deep-pink p span,
body.responsive.front #views-front_indy_solutions-block_1 div.text-deep-pink p span {
  color: #ca005d;
  font-weight: bold;
}
body.responsive.front #views-front_sims_solutions-block_1 p.text-deep-pink,
body.responsive.front #views-front_indy_solutions-block_1 p.text-deep-pink {
  font-size: 1.153em;
  text-align: center;
}
body.responsive.front #views-front_sims_solutions-block_1 p.text-deep-pink a,
body.responsive.front #views-front_indy_solutions-block_1 p.text-deep-pink a {
  color: #830051;
  font-weight: bold;
  display: inline-block;
}
body.responsive.front #views-front_sims_solutions-block_1 p.text-deep-pink span,
body.responsive.front #views-front_indy_solutions-block_1 p.text-deep-pink span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -60px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive.front #post-content {
  margin: 0;
  padding: 0;
  position: relative;
  background: transparent url(images/capita-sims/bg-post-solutions.jpg) no-repeat 0 0 scroll;
  z-index: 20;
  width: 100%;
  /* pink overlay - is done on the blog div on small/mediun size */
  /* choose sims / first block */
  /* case studies / second block */
  /* blog */
  /* news */
  /* some bits that need a bit of cleaning */
}
@media screen and (min-width: 1130px) {
  body.responsive.front #post-content {
    padding: 0px 90px 0;
    margin: 0 -90px;
    width: 940px;
  }
}
body.responsive.front #post-content #capita_so_global_settings-front-pre-footer-pink-area {
  height: 128px;
  background: transparent url(images/capita-sims/bg-home-pink.png) no-repeat -460px 0 scroll;
  position: relative;
  top: 341px;
  right: -370px;
  z-index: 30;
  display: none;
}
@media screen and (min-width: 959px) {
  body.responsive.front #post-content #capita_so_global_settings-front-pre-footer-pink-area {
    display: block;
    width: 570px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1130px) {
  body.responsive.front #post-content #capita_so_global_settings-front-pre-footer-pink-area {
    overflow: visible;
    display: block;
    width: 660px;
  }
}
body.responsive.front #post-content #capita_so_global_settings-front-pre-footer-pink-area #pink-area {
  width: 105px;
  height: 128px;
  background: transparent url(images/capita-sims/bg-home-pink.png) no-repeat 0px 0 scroll;
  position: relative;
  top: 0;
  left: -460px;
  z-index: 30;
}
body.responsive.front #post-content #capita_so_global_settings-front-choose-sims {
  width: auto;
  height: auto;
  padding: 45px 35px 35px;
  margin: 0;
  background-color: #00ccf4;
  background-color: rgba(0, 161, 193, 0.8);
}
.lt-ie9 body.responsive.front #post-content #capita_so_global_settings-front-choose-sims {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC00A1C1,endColorstr=#CC00A1C1);
  zoom: 1;
}
@media screen and (min-width: 739px) {
  body.responsive.front #post-content #capita_so_global_settings-front-choose-sims {
    float: left;
    width: 290px;
    height: 180px;
    margin: 0;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #post-content #capita_so_global_settings-front-choose-sims {
    width: 310px;
    height: 140px;
    margin: -143px 0 89px;
  }
}
body.responsive.front #post-content #capita_so_global_settings-front-choose-sims h3 {
  color: #fff;
  font-size: 1.769em;
  margin: 0 0 10px 0;
  line-height: 26px;
}
body.responsive.front #post-content #capita_so_global_settings-front-choose-sims p {
  color: #fff;
  font-size: 1.231em;
  line-height: 26px;
  margin: 0 0 10px 0;
}
body.responsive.front #post-content #capita_so_global_settings-front-choose-sims p.text-white {
  font-size: 1.153em;
  line-height: 20px;
}
body.responsive.front #post-content #capita_so_global_settings-front-choose-sims p.text-white a {
  color: #fff;
  font-weight: bold;
}
body.responsive.front #post-content #capita_so_global_settings-front-choose-sims p.text-white a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -20px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive.front #post-content #views-front_sims_case_study-block_1, body.responsive.front #post-content #views-front_indy_case_study-block_1 {
  clear: left;
  width: auto;
  height: 135px;
  padding: 20px 35px 157px 35px;
  margin: 0;
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #0367a1;
  background-color: rgba(2, 71, 111, 0.8);
}
.lt-ie9 body.responsive.front #post-content #views-front_sims_case_study-block_1, .lt-ie9 body.responsive.front #post-content #views-front_indy_case_study-block_1 {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC02476F,endColorstr=#CC02476F);
  zoom: 1;
}
@media screen and (min-width: 739px) {
  body.responsive.front #post-content #views-front_sims_case_study-block_1, body.responsive.front #post-content #views-front_indy_case_study-block_1 {
    float: right;
    width: 290px;
    margin-top: 294px;
    clear: none;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #post-content #views-front_sims_case_study-block_1, body.responsive.front #post-content #views-front_indy_case_study-block_1 {
    float: left;
    clear: left;
    width: 310px;
    margin-top: 0;
  }
}
body.responsive.front #post-content #views-front_sims_case_study-block_1 h2, body.responsive.front #post-content #views-front_indy_case_study-block_1 h2 {
  color: #fff;
  font-size: 1.4em;
  margin: 0 0 10px 0;
  line-height: 26px;
}
body.responsive.front #post-content #views-front_sims_case_study-block_1 p, body.responsive.front #post-content #views-front_indy_case_study-block_1 p {
  color: #fff;
  font-size: 1.15em;
  line-height: 22px;
  margin: 0 0 10px 0;
}
body.responsive.front #post-content #views-front_sims_case_study-block_1 p a, body.responsive.front #post-content #views-front_indy_case_study-block_1 p a {
  color: #fff;
  font-weight: normal;
  padding-left: 22px;
  background: transparent url(images/capita-sims/temp-white-button.png) no-repeat 0 center scroll;
}
body.responsive.front #post-content #views-front_sims_case_study-block_1 a.imagecache, body.responsive.front #post-content #views-front_indy_case_study-block_1 a.imagecache {
  position: absolute;
  bottom: 0;
  left: 0;
}
body.responsive.front #post-content #views-front_sims_case_study-block_1 a.imagecache img, body.responsive.front #post-content #views-front_indy_case_study-block_1 a.imagecache img {
  margin: 0;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 {
  float: none;
  clear: both;
  width: auto;
  max-width: 200px;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 40;
  padding: 16px 20px 0;
  background: transparent url(images/capita-sims/bg-home-pink.png) no-repeat -550px 10px scroll;
}
.lt-ie8 body.responsive.front #post-content #views-blog_front_page_list-block_2 {
  /* IE7 is a bit off with the margin, also on the other block */
  margin-top: 183px;
}
@media screen and (min-width: 540px) {
  body.responsive.front #post-content #views-blog_front_page_list-block_2 {
    float: left;
    width: 200px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.front #post-content #views-blog_front_page_list-block_2 {
    margin-top: -275px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #post-content #views-blog_front_page_list-block_2 {
    float: right;
    clear: none;
    width: 220px;
    max-width: 220px;
    margin-top: 37px;
    margin-right: 220px;
    background: transparent;
  }
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul li {
  margin: 0;
  padding: 0;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul .picture img {
  margin: 0 0 7px;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul h2 {
  font-size: 1.538em;
  line-height: 1.15em;
  color: #fff;
  height: 45px;
  margin: 15px 0 10px;
  padding: 0;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul h2.title {
  font-size: 1.077em;
  line-height: 1.642em;
  font-weight: normal;
  margin: 0 0 1em;
  padding: 0;
  height: auto;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul h2.title a {
  color: #830051;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul p.text-pink {
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul p.text-pink a {
  color: #ca005d;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul p.text-pink a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -40px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 {
  float: none;
  width: auto;
  max-width: 200px;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 40;
  padding: 0 20px;
  background: transparent url(images/capita-sims/bg-home-pink.png) no-repeat -790px -44px scroll;
}
@media screen and (min-width: 540px) {
  body.responsive.front #post-content #views-news_promoted_two-block_2 {
    float: left;
    width: 200px;
    margin-top: 74px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.front #post-content #views-news_promoted_two-block_2 {
    margin-top: 20px;
    margin-left: 0px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.front #post-content #views-news_promoted_two-block_2 {
    background: transparent;
    float: right;
    padding: 0;
    margin-top: 95px;
    margin-right: -480px;
    margin-left: 230px;
    width: 220px;
    max-width: 220px;
  }
}
.lt-ie8 body.responsive.front #post-content #views-news_promoted_two-block_2 {
  /* IE7 is a bit off with the margin, also on the other block */
  margin-top: 260px;
  margin-left: 250px;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 h3 {
  font-size: 1.538em;
  line-height: 1.15em;
  color: #fff;
  padding-top: 43px;
  height: 45px;
  margin-bottom: 9px;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 ul li {
  margin: 0;
  padding: 0;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 ul li h3 {
  font-size: 1.077em;
  line-height: 1.642em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  height: auto;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 ul li a {
  color: #505253;
}
body.responsive.front #post-content #views-news_promoted_two-block_2 ul li.first {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
}
body.responsive.front #post-content #views-blog_front_page_list-block_2 ul h2.title,
body.responsive.front #post-content #views-news_promoted_two-block_2 h3.title {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
body.responsive.front #post-content .block .learn-more {
  margin: 0 -10px;
}
body.responsive #capita_so_global_settings-front-pre-footer-learn-more,
body.responsive #capita_so_global_settings-why-sims-pre-footer-brochures,
body.responsive #capita_so_global_settings-why-sims-pre-footer {
  clear: both;
  padding-top: 40px;
  width: 240px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 540px) {
  body.responsive #capita_so_global_settings-front-pre-footer-learn-more,
  body.responsive #capita_so_global_settings-why-sims-pre-footer-brochures,
  body.responsive #capita_so_global_settings-why-sims-pre-footer {
    width: 480px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #capita_so_global_settings-front-pre-footer-learn-more,
  body.responsive #capita_so_global_settings-why-sims-pre-footer-brochures,
  body.responsive #capita_so_global_settings-why-sims-pre-footer {
    width: auto;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #capita_so_global_settings-front-pre-footer-learn-more,
  body.responsive #capita_so_global_settings-why-sims-pre-footer-brochures,
  body.responsive #capita_so_global_settings-why-sims-pre-footer {
    margin: 0;
  }
}
body.responsive #post-content .block .learn-more {
  margin: 0;
  padding-top: 0;
  width: 100%;
}
@media screen and (min-width: 959px) {
  body.responsive #post-content .block .learn-more {
    width: 960px;
  }
}
body.responsive #post-content .block .learn-more .col {
  width: 220px;
  margin: 0 10px;
  float: left;
}
@media screen and (min-width: 739px) {
  body.responsive #post-content .block .learn-more .col {
    width: 170px;
    margin: 0 5px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #post-content .block .learn-more .col {
    width: 220px;
    margin: 0 10px;
  }
}
body.responsive #post-content .block .learn-more .col h3,
body.responsive #post-content .block .learn-more .speak-to-us p {
  color: #737373;
  font-size: 19px;
  margin: 0 0 24px 0;
  padding: 80px 0 0 0;
  position: relative;
  text-align: center;
}
body.responsive #post-content .block .learn-more .speak-to-us.uk-intl p {
  line-height: 24px;
  padding-top: 0;
  margin-top: -5px;
}
body.responsive #post-content .block .learn-more .col h3 span {
  display: block;
  width: 60px;
  height: 60px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 0 scroll;
  position: absolute;
  top: 0;
  left: 80px;
}
@media screen and (min-width: 739px) {
  body.responsive #post-content .block .learn-more .col h3 span {
    left: 55px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #post-content .block .learn-more .col h3 span {
    left: 80px;
  }
}
body.responsive #post-content .block .learn-more .contact-us {
  text-align: center;
}
body.responsive #post-content .block .learn-more .contact-us h3 span {
  background-position: -220px -160px;
}
body.responsive #post-content .block .learn-more .contact-us p.text-light-blue {
  line-height: 20px;
  padding-top: 4px;
  display: inline-block;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}
body.responsive #post-content .block .learn-more .contact-us p.text-light-blue a {
  line-height: 20px;
  display: block;
  font-weight: bold;
  color: #00a1c1;
  font-size: 15px;
}
body.responsive #post-content .block .learn-more .contact-us p.text-light-blue a:hover {
  text-decoration: none;
}
body.responsive #post-content .block .learn-more .contact-us p.text-light-blue span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive #post-content .block .learn-more .speak-to-us p {
  padding-top: 5px;
  line-height: 1;
}
@media screen and (min-width: 540px) {
  body.responsive #post-content .block .learn-more .third-col {
    clear: both;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #post-content .block .learn-more .third-col {
    clear: none;
  }
}
body.responsive #post-content .block .learn-more .subscribe-to-newsletter h3 span {
  background-position: -60px 0;
}
body.responsive #post-content .block .learn-more .subscribe-to-newsletter form {
  width: 100%;
  height: 31px;
  margin: 0 auto;
}
@media screen and (min-width: 959px) {
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter form {
    width: 200px;
  }
}
body.responsive #post-content .block .learn-more .subscribe-to-newsletter label {
  display: none;
}
body.responsive #edit-email-address-wrapper {
  float: left;
}
body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="email"],
body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="text"] {
  width: 118px;
  height: 29px;
  line-height: 29px;
  border: 1px solid #d8d8d8;
  padding: 1px 10px;
  margin: 0;
  background: #ededed;
  font-size: 13px;
  color: #737373;
}
@media screen and (min-width: 739px) {
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="email"],
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="text"] {
    width: 93px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="email"],
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="text"] {
    width: 118px;
  }
}
body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="submit"] {
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  width: 59px;
  text-align: right;
  height: 33px;
  line-height: 33px;
  font-size: 13px;
  font-weight: bold;
  color: #04476f;
  cursor: pointer;
  -webkit-appearance: none;
}
@media screen and (min-width: 739px) {
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="submit"] {
    width: 49px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #post-content .block .learn-more .subscribe-to-newsletter input[type="submit"] {
    width: 59px;
  }
}
body.responsive #post-content .block .learn-more .connect-with-us {
  text-align: center;
}
body.responsive #post-content .block .learn-more .connect-with-us h3 span {
  background-position: -120px 0;
}
body.responsive #post-content .block .learn-more .connect-with-us p {
  display: inline-block;
  margin: 0 4px;
  float: none;
}
body.responsive #post-content .block .learn-more .request-a-demo h3 span {
  background-position: -220px -100px;
}
body.responsive #post-content .block .learn-more .request-a-demo p {
  line-height: 20px;
  padding-top: 4px;
  text-align: center;
}
body.responsive #post-content .block .learn-more .request-a-demo p a {
  line-height: 20px;
  display: block;
  font-weight: bold;
  color: #00a1c1;
  font-size: 15px;
}
body.responsive #post-content .block .learn-more .request-a-demo p a:hover {
  text-decoration: none;
}
body.responsive #post-content .block .learn-more .request-a-demo p a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive #post-content .block .learn-more .download-brochures h3 span {
  background-position: -220px -40px;
}
body.responsive #post-content .block .learn-more .download-brochures p {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
body.responsive #post-content .block .learn-more .download-brochures p a {
  color: #04476f;
}
body.responsive #post-content .block .learn-more .independent-training {
  text-align: center;
}
body.responsive #post-content .block .learn-more .independent-training h3 span {
  background-position: -280px -160px;
}
body.responsive #post-content .block .learn-more .independent-training p {
  display: inline-block;
  margin: 0 4px;
  float: none;
}
body.responsive #post-content .block .learn-more .independent-training p a {
  line-height: 20px;
  display: block;
  font-weight: bold;
  color: #00a1c1;
  font-size: 15px;
}
body.responsive #post-content .block .learn-more .independent-training p a:hover {
  text-decoration: none;
}
body.responsive #post-content .block .learn-more .independent-training p a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive.sidebar-left.blog {
  /* Layout */
}
body.responsive.sidebar-left.blog #content {
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.blog #content {
    width: 960px;
  }
}
body.responsive.sidebar-left.blog #content #content-wrapper {
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.blog #content #content-wrapper {
    width: 635px;
  }
}
body.responsive.sidebar-left.blog #content #region-b {
  width: auto;
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.blog #content #region-b {
    width: 305px;
  }
}
body.responsive.sidebar-left.blog #content > #region-b > div ul.pager {
  display: none;
}
@media screen and (min-width: 480px) {
  body.responsive.sidebar-left.blog #content > #region-b > div {
    width: 100%;
    margin: 0 0 20px;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .lt-ie8 body.responsive.sidebar-left.blog #content > #region-b > div {
    behavior: url(/sites/all/themes/custom/capitacs/boxsizing.htc);
  }
  body.responsive.sidebar-left.blog #content > #region-b > div.widget-row2 {
    float: none;
    clear: none;
  }
  body.responsive.sidebar-left.blog #content > #region-b > div.widget-row3 {
    clear: none;
  }
  body.responsive.sidebar-left.blog #content > #region-b > div#capita_so_global_settings-subscribe_newsletter {
    width: 48%;
    max-width: 310px;
    float: left;
  }
  body.responsive.sidebar-left.blog #content > #region-b > div#capita_so_global_settings-blog_follow_links {
    width: 48%;
    max-width: 310px;
    float: right;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.blog #content > #region-b > div {
    width: 100%;
  }
  body.responsive.sidebar-left.blog #content > #region-b > div#capita_so_global_settings-subscribe_newsletter, body.responsive.sidebar-left.blog #content > #region-b > div#capita_so_global_settings-blog_follow_links {
    width: 100%;
    float: none;
    max-width: none;
  }
}
body.responsive #capitacs_blog-blog_pre_title {
  border-bottom: 10px solid #ff5800;
  margin-bottom: 20px;
}
body.responsive.sidebar-left.page-blog h1,
body.responsive #capitacs_blog-blog_pre_title h2.block-title {
  font-size: 44px;
  margin-bottom: 5px;
}
body.responsive.page-blog h1,
body.responsive #capitacs_blog-blog_pre_title h2.block-title {
  display: block;
  width: 160px;
  height: 49px;
  float: left;
  background: transparent url("~/Content/images/capita-sims/blog-logo.png") no-repeat 0 0;
  text-indent: -9999px;
}
body.responsive #capitacs_blog-blog_pre_title h2.block-title {
  color: #005B82;
  font-weight: normal;
  line-height: 1.34em;
}
body.responsive #capitacs_blog-blog_pre_title h2.blog-sub-title {
  margin-bottom: 10px;
}
body.responsive #capitacs_blog-blog_pre_title h2.block-title a {
  display: block;
  width: 160px;
  height: 49px;
  text-indent: -9999px;
}
body.responsive.page-blog.no-logo h1 {
  float: none;
  background: none;
  text-indent: 0;
  width: auto;
  height: auto;
}
body.responsive.blog .blog-sub-title {
  font-size: 24px;
  font-weight: normal;
  color: #505253;
  line-height: 1.2em;
  width: auto;
  float: none;
  clear: both;
}
body.responsive.blog .blog-sub-title em {
  color: #ff5800;
  font-style: normal;
}
@media screen and (min-width: 739px) {
  body.responsive.blog .blog-sub-title {
    width: 345px;
    float: right;
    clear: none;
  }
}
body.responsive #region-b .block-title {
  font-size: 18px;
  color: #3cb6ce;
}
body.responsive #views-blog_our_bloggers-block_1 {
  border-top: 5px solid #3cb6ce;
  padding-top: 10px;
}
body.responsive .blog_our_bloggers {
  margin: 0;
  padding: 0;
}
body.responsive .blog_our_bloggers li {
  list-style: none;
  float: left;
  margin-right: 10px;
  width: 80px;
  height: 90px;
  display: none;
}
body.responsive .blog_our_bloggers li:nth-child(-n+6) {
  display: block;
}
body.responsive .blog_our_bloggers li.last {
  margin-right: 0;
}
body.responsive .blog_our_bloggers li .picture {
  margin: 0;
  width: 80px;
  height: 90px;
}
@media screen and (min-width: 739px) {
  body.responsive .blog_our_bloggers li:nth-child(-n+8) {
    display: block;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .blog_our_bloggers li {
    display: block;
  }
}
body.responsive .tagadelic.block {
  border-bottom: 2px solid #ececeb;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
body.responsive .tagadelic.block .block-title {
  border-bottom: 2px solid #ececeb;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
body.responsive .tagadelic.level1 {
  font-size: 13px;
  color: #424242;
}
body.responsive .tagadelic.level2 {
  font-size: 15px;
  color: #8b8c8d;
}
body.responsive .tagadelic.level3 {
  font-size: 19px;
  color: #868686;
}
body.responsive .tagadelic.level4 {
  font-size: 23px;
  color: #cacaca;
}
body.responsive .tagadelic.level5 {
  font-size: 24px;
  color: #3b3b3b;
}
body.responsive .tagadelic.level6 {
  font-size: 27px;
  color: #505253;
}
body.responsive #capita_so_global_settings-subscribe_newsletter label {
  display: none;
}
body.responsive #capita_so_global_settings-subscribe_newsletter .form-text {
  margin-right: 0;
  width: 290px;
}
body.responsive #capita_so_global_settings-subscribe_newsletter .form-submit {
  float: right;
}
body.responsive h3.blog-user {
  clear: both;
}
body.responsive .blog_lp {
  margin-left: 0;
  padding: 0;
  clear: both;
}
body.responsive .blog_lp li {
  /*  border-top: 2px solid #ececeb;*/
  list-style: none;
  margin: 0 0 10px 0;
  padding-top: 20px;
  border-bottom: 10px solid #ff5800;
}
body.responsive .blog_lp li.first {
  border-top: 2px solid #ececeb;
}
body.responsive .blog_lp li ul,
body.responsive .blog_lp li ol {
  margin: 0 0 20px 0px;
  padding: 0 0 0 20px;
  list-style: disc outside;
  clear: none;
}
body.responsive .blog_lp li ul li,
body.responsive .blog_lp li ol li {
  clear: none;
  list-style: inherit;
  margin: 0 0 10px 0;
  padding-top: 0;
  border-bottom: none;
}
body.responsive .blog_lp li ul li:after,
body.responsive .blog_lp li ol li:after {
  clear: none;
  display: none;
}
body.responsive .blog_lp .picture {
  float: left;
  margin: 0 20px 20px 0;
  width: 85px;
}
body.responsive .blog_lp .picture img {
  margin-bottom: 0;
}
body.responsive .blog_lp .blog-meta {
  margin-left: 95px;
  min-height: 30px;
}
body.responsive .blog_lp .blog-meta p {
  margin-bottom: 1px;
}
body.responsive .blog_lp .date {
  background: transparent url("~/Content/images/capita-sims/clock-icon.png") no-repeat 0 0;
  color: #3cb6ce;
  font-size: 15px;
  padding-left: 23px;
  float: none;
}
@media screen and (min-width: 739px) {
  body.responsive .blog_lp .date {
    float: left;
  }
}
body.responsive .blog_lp .comments {
  float: none;
}
@media screen and (min-width: 739px) {
  body.responsive .blog_lp .comments {
    float: left;
  }
}
body.responsive .blog_lp .title {
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 5px;
  color: #096496;
  line-height: 32px;
  clear: both;
}
@media screen and (min-width: 739px) {
  body.responsive .blog_lp .title {
    clear: none;
  }
}
body.responsive .blog_lp .title a,
body.responsive .blog_lp .author,
body.responsive .blog_lp .author a {
  color: #096496;
}
body.responsive .blog_lp .edit-blog-link {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}
body.responsive #main-content .blog_lp .lead-image {
  clear: left;
  float: none;
  margin: 0 0 20px;
}
@media screen and (min-width: 540px) {
  body.responsive #main-content .blog_lp .lead-image {
    margin-left: 20px;
    float: right;
  }
}
body.responsive #main-content .blog_lp .lead-image a {
  border: none;
}
body.responsive #main-content .blog_lp .lead-image img {
  border: none;
  max-width: 100%;
  height: auto;
}
.lt-ie9 body.responsive #main-content .blog_lp .lead-image img {
  max-width: none;
}
body.responsive .blog_lp .teaser {
  clear: left;
}
body.responsive .blog_lp .read-more {
  background: transparent url("~/Content/images/capita-sims/date-button.png") no-repeat 0 0;
  display: block;
  width: 84px;
  height: 30px;
}
body.responsive .blog_lp p.read-more a {
  background: none;
  display: block;
  width: 69px;
  height: 28px;
  padding: 0 5px 0 10px;
  line-height: 28px;
  white-space: nowrap;
}
body.responsive.blog p.submitted, body.responsive.blog p.comments {
  color: #3cb6ce;
  font-size: 15px;
  float: none;
  padding-left: 20px;
  line-height: 19px;
}
@media screen and (min-width: 739px) {
  body.responsive.blog p.submitted, body.responsive.blog p.comments {
    float: left;
  }
}
body.responsive.blog p.comments {
  background: transparent url("~/Content/images/capita-sims/comments-icon-small.png") no-repeat 0 center;
  padding-left: 23px;
  margin-left: 0;
  margin-top: 3px;
}
@media screen and (min-width: 739px) {
  body.responsive.blog p.comments {
    margin-left: 30px;
    margin-top: 0;
  }
}
body.responsive.blog p.comments a {
  color: #3cb6ce;
}
body.responsive.blog p.submitted {
  background: transparent url("~/Content/images/capita-sims/clock-icon.png") no-repeat 0 center;
}
body.responsive.blog .signature {
  clear: left;
  min-height: 30px;
}
body.responsive.blog .signature a {
  color: #3cb6ce;
}
body.responsive.blog .picture {
  clear: left;
  float: left;
  margin: 0 10px 10px 0 !important;
}
body.responsive.blog .imagefield-field_blog_lead_image {
  float: right;
  margin: 0 0 20px 20px;
}
body.responsive .comments-title {
  color: #ff5800;
  border-top: 1px solid #dfdfde;
  border-bottom: 1px solid #dfdfde;
  padding: 8px 30px 8px 8px;
  font-size: 25px;
  background: transparent url("~/Content/images/capita-sims/comments-icon.png") no-repeat 99% center;
  font-weight: normal;
}
body.responsive .comment-unpublished {
  background-color: #FFF9F7;
}
body.responsive .comment-unpublished p.unpublished {
  float: right;
  font-style: italic;
}
body.responsive .comment {
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding: 10px;
  color: #505253;
}
body.responsive .comment .submitted {
  color: #424242;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}
body.responsive .comment .submitted span,
body.responsive .comment-unpublished p.unpublished {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: normal;
}
body.responsive .comment .links {
  margin: 0 0 5px;
  padding: 0;
  float: left;
}
body.responsive .comment .links li {
  float: left;
  margin-right: 10px;
  background: #f1f1f1;
  border: 1px solid #ddd;
  font-size: 11px;
}
body.responsive .comment .links li a {
  padding: 0 5px;
}
body.responsive #comments .box h2 {
  font-size: 22px;
  color: #ff5800;
}
body.responsive #comment-form .messages {
  margin-bottom: 10px;
}
body.responsive #comment-form label {
  float: none;
  font-weight: bold;
  margin-bottom: 5px;
}
body.responsive #comment-form .form-text,
body.responsive #comment-form textarea {
  float: none;
  width: 92%;
  max-width: 100%;
  border: 1px solid #e2e2e2;
  background: #FBFBFB;
  padding: 8px 10px;
  margin: 0;
}
@media screen and (min-width: 739px) {
  body.responsive #comment-form .form-text,
  body.responsive #comment-form textarea {
    width: 623px;
  }
}
body.responsive #comment-form .form-submit {
  float: left;
  margin-right: 20px;
}
body.responsive #comment-form .moderation-message {
  margin-left: 160px;
}
body.responsive #capita_so_global_settings-twitter_feed {
  margin-bottom: 20px;
  display: none;
}
@media screen and (min-width: 959px) {
  body.responsive #capita_so_global_settings-twitter_feed {
    display: block;
  }
}
body.responsive #capita_so_global_settings-twitter_feed .block-title {
  display: block;
  width: 124px;
  height: 48px;
  text-indent: -9999px;
  background: transparent url("~/Content/images/capita-sims/twitter-feed.png") no-repeat 0 0;
  position: relative;
  /* Needed for z-index */
  z-index: 900;
  margin: 0 0 -5px;
}
body.responsive #capita_so_global_settings-twitter_feed .twitter-feed {
  background: #efefef;
  padding: 110px;
}
body.responsive #capita_so_global_settings-blog_follow_links {
  padding-top: 20px;
}
@media screen and (min-width: 739px) {
  body.responsive #capita_so_global_settings-blog_follow_links {
    padding-top: 0;
  }
}
body.responsive #capita_so_global_settings-blog_follow_links .block-title {
  display: block;
  width: 173px;
  height: 68px;
  text-indent: -9999px;
  background: transparent url("follow-us-on.png") no-repeat 0 0;
  position: relative;
  /* Needed for z-index */
  z-index: 4000;
  float: right;
  margin: 0 0 -10px 0;
}
body.responsive #capita_so_global_settings-blog_follow_links ul {
  padding: 15px 5px;
  border: 1px solid #e2e2e2;
  position: relative;
  /* Needed for z-index */
  z-index: 3000;
  clear: both;
  float: left;
  margin-left: 0;
}
@media screen and (min-width: 739px) {
  body.responsive #capita_so_global_settings-blog_follow_links ul {
    padding: 15px;
  }
}
body.responsive #capita_so_global_settings-blog_follow_links ul li {
  float: left;
  list-style: none;
  padding: 0;
  display: block;
  margin-right: 10px;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li.last {
  margin-right: 0;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li a {
  background: transparent url("blog-social-icons.png") no-repeat 0 0;
  display: block;
  text-indent: -9999px;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li.you-tube,
body.responsive #capita_so_global_settings-blog_follow_links ul li.you-tube a,
body.responsive #capita_so_global_settings-blog_follow_links ul li.linked-in,
body.responsive #capita_so_global_settings-blog_follow_links ul li.linked-in a,
body.responsive #capita_so_global_settings-blog_follow_links ul li.rss,
body.responsive #capita_so_global_settings-blog_follow_links ul li.rss a,
body.responsive #capita_so_global_settings-blog_follow_links ul li.twitter,
body.responsive #capita_so_global_settings-blog_follow_links ul li.twitter a {
  width: 40px;
  height: 38px;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li.twitter {
  margin-top: 1px;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li.linked-in a {
  background-position: -46px 0;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li.you-tube a {
  background-position: -93px 0px;
}
body.responsive #capita_so_global_settings-blog_follow_links ul li.rss a {
  background-position: -140px 0px;
}
body.responsive #capita_so_global_settings-blog_service_links,
body.responsive #capita_so_global_settings-training_service_links {
  margin-top: -20px;
}
body.responsive #capita_so_global_settings-blog_service_links {
  display: none;
}
@media screen and (min-width: 959px) {
  body.responsive #capita_so_global_settings-blog_service_links {
    display: block;
  }
}
body.responsive #capita_so_global_settings-blog_service_links .block-title,
body.responsive #capita_so_global_settings-training_service_links .block-title,
body.responsive #main-content #service_links-service_links .block-title {
  display: block;
  width: 173px;
  height: 68px;
  text-indent: -9999px;
  float: right;
  margin-bottom: 5px;
}
body.responsive #capita_so_global_settings-blog_service_links .block-title,
body.responsive #main-content #service_links-service_links .block-title {
  background: transparent url("share-this-post.png") no-repeat 0 0;
}
body.responsive #capita_so_global_settings-training_service_links .block-title {
  background: transparent url("share-this-course.png") no-repeat 0 0;
}
body.responsive #capita_so_global_settings-blog_service_links .links,
body.responsive #capita_so_global_settings-training_service_links .links,
body.responsive #main-content #service_links-service_links .service-links ul {
  clear: both;
  border: 1px solid #e2e2e2;
  float: left;
  margin: 0 0 20px;
  padding: 10px;
  list-style: none;
}
body.responsive #capita_so_global_settings-blog_service_links .links li,
body.responsive #capita_so_global_settings-training_service_links .links li,
body.responsive #main-content #service_links-service_links .service-links ul li {
  float: left;
  margin-right: 10px;
}
body.responsive #capita_so_global_settings-blog_service_links .links li img,
body.responsive #capita_so_global_settings-training_service_links .links li img,
body.responsive #main-content #service_links-service_links .service-links ul li img {
  margin: 0;
}
body.responsive #views-blog_lp-block_1 {
  margin-bottom: 20px;
}
body.responsive #views-blog_lp-block_1 select {
  background: #fff;
  border: 1px solid #e2e2e2;
  width: 305px;
  max-width: 100%;
}
body.responsive .blog_recent_posts {
  margin: 0;
  padding: 0;
}
body.responsive .blog_recent_posts li {
  list-style-type: none;
  margin-bottom: 10px;
}
body.responsive .blog_recent_posts li .picture {
  float: left;
  margin: 0 10px 10px 0;
}
body.responsive .blog_recent_posts li .picture img {
  margin: 0;
}
body.responsive .blog_recent_posts li .title {
  margin-bottom: 5px;
}
body.responsive .blog_recent_posts li .date {
  color: #3cb6ce;
  font-weight: bold;
}
body.responsive .jqtabs {
  margin-bottom: 20px;
  overflow: hidden;
}
body.responsive .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-nav {
  margin-bottom: -1px;
}
body.responsive .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-nav li {
  padding: 5px 10px;
  border: 1px solid #d1d1d1;
  background-color: #efefef;
}
body.responsive .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-bottom: 1px solid #fbfbfb;
  background-color: #fbfbfb;
}
body.responsive.one-sidebar .jqtabs.jqtabs-horizontal .jqtabs-pane, body.responsive.one-sidebar .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-panel {
  width: 676px;
  padding: 15px 16px 0;
  background-color: #fbfbfb;
  border: 1px solid #d1d1d1;
}
body.responsive.one-sidebar .jqtabs.jqtabs-horizontal .jqtabs-pane.gs696, body.responsive.one-sidebar .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-panel.gs696 {
  width: 696px;
  padding-left: 6px;
  padding-right: 6px;
}
body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical {
  max-width: 708px;
}
@media screen and (min-width: 959px) {
  body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical {
    max-width: none;
  }
}
body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical .jqtabs-pane, body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel {
  width: auto;
  float: none;
  background-color: #fbfbfb;
  border: 1px solid #d1d1d1;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical .jqtabs-pane, body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel {
    width: 502px;
    float: right;
    padding: 15px 16px 0;
  }
}
body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical .jqtabs-pane.gs696vtab, body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel.gs696vtab {
  width: auto;
}
@media screen and (min-width: 540px) {
  body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical .jqtabs-pane.gs696vtab, body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel.gs696vtab {
    width: 512px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical .jqtabs-pane.gs696vtab, body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel.gs696vtab {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical .jqtabs-pane.gs696vtab, body.responsive.one-sidebar #content #content-wrapper .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel.gs696vtab {
    width: 522px;
  }
}
body.responsive.one-sidebar .jqtabs.jqtabs-vertical ul {
  display: none;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar .jqtabs.jqtabs-vertical ul {
    display: block;
  }
}
body.responsive.one-sidebar .jqtabs.jqtabs-vertical ul.ui-tabs-nav {
  display: block;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar .jqtabs.jqtabs-vertical ul.ui-tabs-nav {
    margin: 0 -1px 0 0;
    padding: 0;
    float: left;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    border-bottom: none;
    width: 173px;
  }
  body.responsive.one-sidebar .jqtabs.jqtabs-vertical ul.ui-tabs-nav li {
    clear: both;
    display: block;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background-color: #efefef;
    margin: 0;
    width: 173px;
  }
  body.responsive.one-sidebar .jqtabs.jqtabs-vertical ul.ui-tabs-nav li a {
    display: block;
    float: none;
    padding: 5px 10px;
    width: 153px;
  }
}
body.responsive.one-sidebar #content #content-wrapper .gs696vtab {
  min-height: 0px !important;
  padding-top: 5px;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab {
    min-height: 380px !important;
    padding-top: 15px;
  }
}
body.responsive.one-sidebar #content #content-wrapper .gs696vtab h3 {
  padding-left: 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab h3 {
    display: none;
  }
}
@media screen and (min-width: 540px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 {
    width: 169px;
    float: left;
    padding: 0 10px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 {
    width: 174px;
  }
}
.lt-ie8 body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 {
  width: 154px;
}
body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p {
  width: 48%;
  float: left;
}
@media screen and (min-width: 365px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p {
    width: auto;
    padding-left: 174px;
    margin-top: -130px;
  }
}
@media screen and (min-width: 540px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 0;
  }
}
body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p.product-logo-link {
  width: 48%;
  margin-right: 4%;
  position: relative;
}
@media screen and (min-width: 365px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p.product-logo-link {
    width: 154px;
    margin-right: 10px;
    padding-left: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 540px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p.product-logo-link {
    width: 100%;
    margin-right: 0;
  }
}
body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p.product-logo-link span.more-hover {
  display: none;
}
@media screen and (min-width: 540px) {
  body.responsive.one-sidebar #content #content-wrapper .gs696vtab .grid-3 p.product-logo-link span.more-hover {
    display: block;
  }
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp {
  margin: 0 0 20px;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp {
    margin-left: 0px;
    margin-right: 0px;
  }
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp div.gs696 {
  margin: 0 0 20px;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products {
  display: none;
}
@media screen and (min-width: 739px) {
  body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products {
    display: block;
    width: 710px;
    max-width: 710px;
  }
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp h1.title {
  display: none;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #our-products h2 {
  font-size: 1.5em;
  color: #005b82;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #our-products p {
  font-size: 1.08em;
  margin: 0 0 10px;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav {
  margin: 0;
  padding: 0;
  float: left;
  width: 152px;
  background-color: #fbfbfb;
  border-left: 1px solid #d5d5d5;
  border-right: 0;
  border-bottom: 0;
  border-top: 1px solid #d5d5d5;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li {
  clear: both;
  display: block;
  width: 152px;
  height: 64px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5;
  border-right: none;
  margin: 0;
  background-image: url(/sites/all/themes/custom/capitacs/capitasims/context/images/html-pages/vtabs-vertical-bg-sprite.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #f0efef;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li a {
  display: block;
  width: 112px;
  padding: 13px 30px 11px 10px;
  color: #424242;
  line-height: 20px;
  background: url(images/capita-sims/jq-tabs.png) no-repeat 123px 22px scroll;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li.oneline a {
  line-height: 37px;
  /* changes for when theres only one line */
  padding-bottom: 14px;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .jqtabs-pane, body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel {
  width: 557px;
  height: 259px;
  overflow: hidden;
  float: right;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active {
  background-position: 0 -160px;
  background-color: #005689;
}
body.responsive.one-sidebar #content #content-wrapper #main-content.our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active a {
  color: #fff;
  background-image: url(images/capita-sims/jq-tabs-current.png);
}
@media screen and (min-width: 739px) {
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-horizontal.ui-tabs .ui-tabs-panel, body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel {
    background-color: transparent;
    border: none;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav {
    border: none;
    margin-bottom: 20px;
  }
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav li {
    width: 100%;
    border-bottom-width: 2px;
    border-right: none;
    background: #f0efef url(../capitasims/context/images/html-pages/vtabs-vertical-bg-sprite.png) repeat-x 0 0 scroll;
    width: 174px;
    float: none;
    clear: both;
  }
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav li:nth-child(odd) {
    width: inherit;
    border-right: none;
  }
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav li:hover {
    background-position: 0 -80px;
    background-color: #d5d5d5;
  }
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active {
    background-position: 0 -160px;
    background-color: #005689;
  }
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav li a {
    font-weight: bold;
    color: #282828;
    padding: 10px;
    font-size: 12px;
    background: url(arrow-small-black.png) no-repeat right center scroll;
    padding-right: 40px;
    width: 124px;
  }
  body.responsive.products-secondary-landing-page #content .jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active a {
    color: #efefef;
    background-image: url(arrow-small-white.png);
  }
}
body.responsive.node-type-html #content-wrapper #main-content.content-background.product-page-features {
  padding-left: 16px !important;
  padding-right: 16px !important;
  width: auto !important;
}
@media screen and (min-width: 959px) {
  body.responsive.node-type-html #content-wrapper #main-content.content-background.product-page-features {
    width: 676px !important;
  }
}
body.responsive.node-type-html #content-wrapper #main-content.content-background.product-page-features h1 {
  margin-left: 0px;
}
body.responsive ul.featurelist {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}
body.responsive ul.featurelist li {
  background: #e8e8e8;
  padding: 0 16px;
  margin: 0 0 1px 0;
  border-top: 1px solid #f3f4f4;
}
body.responsive ul.featurelist li div.fl-icon {
  float: left;
  width: 84px;
  overflow: hidden;
  margin: 16px 16px 0 0;
}
body.responsive ul.featurelist li div.fl-icon img {
  margin: 0;
}
@media screen and (min-width: 739px) {
  body.responsive ul.featurelist li div.fl-icon img {
    margin: 0 0 16px;
  }
}
body.responsive ul.featurelist li div.fl-text {
  max-width: 100%;
  width: auto;
  clear: left;
}
@media screen and (min-width: 739px) {
  body.responsive ul.featurelist li div.fl-text {
    width: 544px;
    float: left;
    max-width: none;
    clear: none;
  }
}
body.responsive ul.featurelist li div.fl-text h2 {
  color: #005b82;
  font-size: 1em;
  margin: 16px 0 5px 0;
}
body.responsive ul.featurelist li div.fl-text p {
  margin-bottom: 16px;
}
@media screen and (min-width: 480px) {
  body.responsive #content > #region-b > div {
    width: 47%;
    margin: 0 1% 20px;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .lt-ie8 body.responsive #content > #region-b > div {
    behavior: url(/sites/all/themes/custom/capitacs/boxsizing.htc);
  }
  body.responsive #content > #region-b > div.widget-row2 {
    float: left;
    clear: left;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #content > #region-b > div {
    width: 31%;
    float: left;
    clear: none;
  }
  body.responsive #content > #region-b > div.widget-row2 {
    clear: none;
  }
  body.responsive #content > #region-b > div.widget-row3 {
    clear: left;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #content > #region-b > div {
    width: 100%;
  }
}
body.responsive #content > #region-b > div img {
  max-width: 100%;
}
body.responsive #content > #region-b > div.banner_box-widget img {
  margin: 0 auto;
}
body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget {
  background: #d5e8f0;
  padding: 20px 10px 0;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 15px;
  color: #3cb6ce;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget h2.block-title {
  background: transparent url(contact-title-bg.png) repeat 0 0 scroll;
  color: #fff;
  position: absolute;
  top: -20px;
  left: 10px;
  width: 200px;
  padding: 5px 20px 5px 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
}
body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget p {
  margin-bottom: 15px;
}
body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget .contact-icon {
  background: transparent url(contact-phone.png) no-repeat right top scroll;
  display: none;
  width: 37px;
  height: 68px;
  position: absolute;
  top: -22px;
  right: 40px;
  text-indent: -9999px;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget .contact-icon {
    display: block;
  }
}
body.responsive #page-wrapper #content #content-wrapper div.block.boxes.contact_us-widget .contact-icon a {
  display: block;
  width: 100%;
  height: 100%;
}
body.responsive.node-type-html #page-wrapper #region-b .contact_us-widget h2.block-title {
  max-width: 170px;
}
body.responsive.node-type-html #page-wrapper #region-b .contact_us-widget .contact-icon {
  display: none;
}
body.responsive .cta-widget {
  margin-bottom: 10px;
}
body.responsive .cta-widget h2.block-title {
  background: transparent url(get-in-touch-heading.png) no-repeat 0 0 scroll;
  display: block;
  float: right;
  height: 77px;
  text-indent: -9999px;
  width: 109px;
  margin-bottom: -5px;
}
body.responsive .cta-widget .cta-wrapper {
  background: #fbfbfb;
  border: 1px solid #d1d1d1;
  font-size: 16px;
  padding: 10px;
  clear: right;
}
body.responsive .cta-widget .cta-details {
  clear: both;
  color: #830051;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 5px;
  text-align: center;
  font-size: 20px;
}
body.responsive .cta-widget .cta-details a:link, body.responsive .cta-widget .cta-details a:visited {
  color: #830051;
}
body.responsive .cta-widget .cta-options ul {
  margin: 0;
  padding: 0;
}
body.responsive .cta-widget .cta-options ul li {
  list-style: none;
  margin: 5px 0;
}
body.responsive .cta-widget .cta-options ul li.first {
  margin-top: 0;
}
body.responsive .cta-widget .cta-options ul li.last {
  margin-bottom: 0;
}
body.responsive .cta-widget .cta-options ul li a {
  text-align: center;
  overflow: hidden;
  color: #fff;
  display: block;
  padding: 7px 10px;
  background: #95005c;
  border: 1px solid #75004A;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
body.responsive .cta-widget .cta-options ul li a:hover, body.responsive .cta-widget .cta-options ul li a:active, body.responsive .cta-widget .cta-options ul li a:focus {
  text-decoration: none;
  background: #d1006a;
  border: 1px solid #A20054;
}
body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit,
body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit {
  display: inline-block;
  border: 0;
  margin: 0 0 10px;
  padding: 4px 20px;
  color: #efefef;
  font-weight: bold;
  text-shadow: 1px 1px 2px #2C8EA3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  /* fallback/image non-cover color */
  background-color: #60c9db;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF60C9DB', endColorstr='#FF3AB4CD');;
  /* IE6-9 */
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#60c9db, #3ab4cd);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#60c9db), to(#3ab4cd));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#60c9db, #3ab4cd);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#60c9db, #3ab4cd);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  background-image: linear-gradient(to bottom, #60c9db, #3ab4cd);
}
.lt-ie10 body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit, .lt-ie10
body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit {
  filter: dropshadow(color=#2C8EA3, offx=2, offy=2);
}
body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter label,
body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter label {
  font-weight: bold;
  color: #005b82;
}
body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-text,
body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-text {
  width: 200px;
  max-width: 83%;
  margin-right: 0;
}
@media screen and (min-width: 959px) {
  body.responsive #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-text,
  body.responsive #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-text {
    max-width: none;
  }
}
body.responsive.front #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-text, body.responsive.front #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-text {
  width: 185px;
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit, body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit {
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  /* fallback/image non-cover color */
  background-color: #207ab2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF207AB2', endColorstr='#FF006494');;
  /* IE6-9 */
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#207ab2, #006494);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#207ab2), to(#006494));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#207ab2, #006494);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#207ab2, #006494);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  background-image: linear-gradient(to bottom, #207ab2, #006494);
  text-shadow: 1px 1px 2px #15537B;
}
.lt-ie10 body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter #subscribe-to-newsletter .form-submit, .lt-ie10 body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter #subscribe-to-newsletter .form-submit {
  filter: dropshadow(color=#15537B, offx=2, offy=2);
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter, body.responsive.front #capita_so_global_settings-subscribe_newsletter, body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter {
  background-color: #ededed;
  padding: 10px 10px 0;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter h2.block-title, body.responsive.front #capita_so_global_settings-subscribe_newsletter h2.block-title, body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter h2.block-title {
  color: #005b82;
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter h2 {
  font-size: 13px;
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p {
  clear: both;
  margin-bottom: 0;
  font-weight: bold;
  color: #005b82;
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button {
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  /* fallback/image non-cover color */
  background-color: #207ab2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF207AB2', endColorstr='#FF006494');;
  /* IE6-9 */
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#207ab2, #006494);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#207ab2), to(#006494));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#207ab2, #006494);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#207ab2, #006494);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  background-image: linear-gradient(to bottom, #207ab2, #006494);
}
body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button a:link, body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button a:visited {
  color: #efefef;
  font-weight: bold;
  font-size: 11px;
  text-shadow: 1px 1px 2px #15537B;
}
.lt-ie10 body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button a:link, .lt-ie10 body.responsive.node-type-html #capita_so_global_settings-subscribe_newsletter_twitter p.button a:visited {
  filter: dropshadow(color=#15537B, offx=2, offy=2);
}
body.responsive #region-b .training_courses,
body.responsive #region-b .training_sessions {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.responsive .related_content-widget {
  margin-bottom: 20px;
  clear: both;
}
body.responsive .menu-tabs.related_content-widget {
  margin-bottom: 10px;
}
body.responsive #page-wrapper .courses-widget h2.block-title,
body.responsive #page-wrapper .related_content-widget h2.block-title {
  border: 1px solid #939393;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 7px 10px;
  /* fallback/image non-cover color */
  background-color: #a9a9a9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA9A9A9', endColorstr='#FF747474');;
  /* IE6-9 */
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#a9a9a9, #747474);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a9a9a9), to(#747474));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#a9a9a9, #747474);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#a9a9a9, #747474);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  background-image: linear-gradient(to bottom, #a9a9a9, #747474);
}
body.responsive .courses-widget .boxes-box-content,
body.responsive .related_content-widget .boxes-box-content {
  /* fallback/image non-cover color */
  background-color: #fbfbfb;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBFBFB', endColorstr='#FFEFEFEF');;
  /* IE6-9 */
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#fbfbfb, #efefef);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#efefef));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#fbfbfb, #efefef);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#fbfbfb, #efefef);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  background-image: linear-gradient(to bottom, #fbfbfb, #efefef);
}
body.responsive #pre-content .related_content-widget .boxes-box-content {
  background-color: transparent;
  background-image: none;
  filter: none;
}
body.responsive .courses-widget .training_courses,
body.responsive .related_content-widget .related-content {
  border: 0;
}
body.responsive .related_content-widget .related-content {
  margin: 0;
  padding: 0;
}
body.responsive .courses-widget .training_courses li,
body.responsive .related_content-widget .related-content li {
  border-left: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  padding: 0;
}
body.responsive .related_content-widget .related-content li {
  list-style: none;
}
body.responsive .menu-tabs.related_content-widget .related-content li {
  float: left;
  border: none;
  background-color: #efefef;
  width: 33.333%;
}
@media screen and (min-width: 480px) {
  body.responsive .menu-tabs.related_content-widget .related-content li {
    width: auto;
  }
}
body.responsive .menu-tabs.related_content-widget .related-content li:hover,
body.responsive .menu-tabs.related_content-widget .related-content li.active {
  background-color: #3296D1;
}
body.responsive .menu-tabs.related_content-widget .related-content li:hover a:link,
body.responsive .menu-tabs.related_content-widget .related-content li:hover a:visited {
  color: #fff;
}
body.responsive .training_courses li:nth-child(even),
body.responsive .related_courses li:nth-child(even) {
  background: transparent;
}
body.responsive .courses-widget .training_courses li a,
body.responsive .related_content-widget .related-content li a {
  color: #424242;
  display: block;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0;
}
body.responsive .courses-widget .training_courses li a:hover,
body.responsive .courses-widget .training_courses li a:active,
body.responsive .related_content-widget .related-content li a:hover,
body.responsive .related_content-widget .related-content li a:active {
  color: #006c96;
  text-decoration: none;
}
body.responsive .menu-tabs.related_content-widget .related-content li a:link,
body.responsive .menu-tabs.related_content-widget .related-content li a:visited {
  color: #424242;
  display: block;
  font-weight: normal;
  padding: 5px 10px;
  margin: 0;
  border-right: 0px solid #ccc;
}
@media screen and (min-width: 739px) {
  body.responsive .menu-tabs.related_content-widget .related-content li a:link,
  body.responsive .menu-tabs.related_content-widget .related-content li a:visited {
    border-right-width: 1px;
  }
}
body.responsive .menu-tabs.related_content-widget .related-content li a:hover,
body.responsive .menu-tabs.related_content-widget .related-content li a:active,
body.responsive .menu-tabs.related_content-widget .related-content li a:focus {
  color: #fff;
}
body.responsive .menu-tabs.related_content-widget .related-content li.active a:link,
body.responsive .menu-tabs.related_content-widget .related-content li.active a:visited {
  color: #fff;
  font-weight: bold;
}
body.responsive .menu-tabs.related_content-widget .related-content li.active a:link,
body.responsive .menu-tabs.related_content-widget .related-content li.active a:visited,
body.responsive .menu-tabs.related_content-widget .related-content li.last a:link,
body.responsive .menu-tabs.related_content-widget .related-content li.last a:visited {
  border-right: none;
}
body.responsive .courses-widget.purple h2.block-title,
body.responsive .related_content-widget.purple h2.block-title {
  /* fallback/image non-cover color */
  background-color: #8696cb;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8696CB', endColorstr='#FF525CAA');;
  /* IE6-9 */
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(#8696cb, #525caa);
  /* Safari 4+, Chrome 1+ */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8696cb), to(#525caa));
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(#8696cb, #525caa);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(#8696cb, #525caa);
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  background-image: linear-gradient(to bottom, #8696cb, #525caa);
}
body.responsive ul.quicktabs_tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive #enhanced-support-info, body.responsive #west-sussex-support-info {
  display: none;
}
body.responsive .esi-slidedown {
  border: 1px solid #cccccc;
  background: #fff;
  padding: 8px 4px 1px;
  margin: 5px 0;
}
body.responsive.sidebar-left.page-contact #content #content-wrapper {
  width: auto;
  margin-right: 0;
}
@media screen and (min-width: 739px) {
  body.responsive.sidebar-left.page-contact #content #content-wrapper {
    width: 400px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.page-contact #content #content-wrapper {
    width: 520px;
  }
}
body.responsive.sidebar-left.page-contact #content #region-b {
  clear: both;
  float: none;
  width: auto;
  margin: 0px 0 20px;
  padding: 40px 10px 0;
}
@media screen and (min-width: 739px) {
  body.responsive.sidebar-left.page-contact #content #region-b {
    float: left;
    width: 295px;
    margin-left: 10px;
    padding: 0;
    clear: none;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.sidebar-left.page-contact #content #region-b {
    width: 400px;
  }
}
body.responsive.sidebar-left.page-contact #content #region-b #capita_so_global_settings-contact-locations {
  /* override the default region-b styles as the contact page is entirely different */
  width: 100% !important;
}
body.responsive.why_sims #content #main-content h1, body.responsive.why_sims #content #main-content h2 {
  font-weight: 500;
  font-size: 22px;
}
body.responsive.why_sims #content #main-content h2#why-sims {
  font-weight: 300;
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 10px;
}
@media screen and (min-width: 959px) {
  body.responsive.why_sims #content #main-content h2#why-sims {
    margin-bottom: 2em;
  }
}
body.responsive.why_sims #content #main-content h2.block-title {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px;
  color: #fff;
}
body.responsive.why_sims #content #main-content h2.block-title.orange {
  background-color: #ff5800;
  color: #fff;
}
body.responsive.why_sims #content #main-content h2.block-title.green {
  background-color: #008566;
  color: #fff;
}
body.responsive.why_sims #content #main-content h2.block-title.transparent-yellow {
  padding: 15px;
  background-color: #ffc024;
  background-color: rgba(240, 171, 0, 0.85);
}
.lt-ie9 body.responsive.why_sims #content #main-content h2.block-title.transparent-yellow {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9F0AB00,endColorstr=#D9F0AB00);
  zoom: 1;
}
body.responsive.why_sims #content #main-content h2.green {
  color: #008566;
}
body.responsive.why_sims #content #main-content p {
  font-size: 15px;
  line-height: 23px;
}
body.responsive.why_sims #content #main-content p.margin-bottom {
  margin-bottom: 60px;
}
body.responsive.why_sims #content #main-content p.intro-bliss {
  font-size: 17px;
}
body.responsive.why_sims #content #main-content p.intro {
  font-size: 18px;
}
body.responsive.why_sims #content #main-content p.intro.orange {
  color: #ff5800;
}
body.responsive.why_sims #content #main-content p.intro.purple {
  color: #830051;
}
body.responsive.why_sims #content #main-content p.intro.green {
  color: #008566;
}
body.responsive.why_sims #content #main-content .margin-bottom {
  margin-bottom: 2em !important;
}
body.responsive.why_sims #content #main-content p.read-more {
  font-family: Arial, Helvetica, sans-serif !important;
  display: inline-block;
}
body.responsive.why_sims #content #main-content p.read-more a {
  color: #008566;
  font-size: 15px;
  line-height: 23px;
  height: 23px;
  font-weight: bold;
  padding-left: 25px;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(images/capita-sims/icon-arrow-dark-green.png) no-repeat 0 2px scroll;
}
body.responsive.why_sims #content #main-content p.read-more.orange a {
  color: #ff5800;
  background-image: url(images/capita-sims/icon-arrow-orange.png);
}
body.responsive.why_sims #content #main-content p.read-more.dark-blue a {
  color: #04476f;
  background-image: url(images/capita-sims/icon-arrow-dark-blue.png);
}
body.responsive.why_sims #content #main-content p.read-more.purple a {
  color: #830051;
  background-image: url(images/capita-sims/icon-arrow-purple.png);
}
body.responsive.why_sims #content #main-content p.read-more.white a {
  color: #fff;
  background-image: url(images/capita-sims/icon-arrow-white.png);
}
body.responsive.helping-drive-school-improvement #content #main-content h2 {
  color: #830051;
  margin-bottom: 20px;
}
body.responsive.helping-drive-school-improvement #content #main-content h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: #505253;
  font-size: 18px;
  line-height: 23px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 34px;
}
body.responsive.helping-drive-school-improvement #content #main-content p.quote, body.responsive.helping-drive-school-improvement #content #main-content p.quote a {
  color: #ca005d;
}
body.responsive.helping-drive-school-improvement #content #main-content p.credit {
  color: #8e9196;
  font-size: 12px;
  text-align: right;
  padding-right: 25px;
}
body.responsive.helping-drive-school-improvement #content #main-content p.image_row {
  text-align: center;
}
body.responsive.helping-drive-school-improvement #content #main-content p.image_row img {
  display: inline;
  margin: 0 6px;
}
body.responsive.helping-drive-school-improvement #content #main-content div.why-sims-row {
  padding-top: 20px;
}
@media screen and (min-width: 959px) {
  body.responsive.helping-drive-school-improvement #content #main-content div.why-sims-row div.grid_9 {
    margin-left: -30px;
  }
}
body.responsive.helping-drive-school-improvement #content #main-content div.improved-teaching-quote #quote-wrapper {
  float: right;
  background: transparent url(images/capita-sims/66.png) no-repeat 0px top scroll;
  padding: 4px 0 0 25px;
  margin-left: 0;
}
@media screen and (min-width: 959px) {
  body.responsive.helping-drive-school-improvement #content #main-content div.improved-teaching-quote #quote-wrapper {
    width: 435px;
  }
}
body.responsive.helping-drive-school-improvement #content #main-content div.improved-teaching-quote #quote-wrapper .quote {
  font-size: 22px;
  line-height: 1.3em;
  margin-bottom: 5px;
  text-align: right;
  background: transparent url(images/capita-sims/99.png) no-repeat right 95% scroll;
  padding-right: 25px;
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container {
  padding-bottom: 40px;
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link {
  float: right;
  margin: -20px 0 0 0;
  padding: 20px 30px;
  text-align: right;
  width: 100%;
  background-color: #0666a0;
  background-color: rgba(4, 71, 111, 0.6);
}
.lt-ie9 body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9904476F,endColorstr=#9904476F);
  zoom: 1;
}
@media screen and (min-width: 739px) {
  body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link {
    padding-left: 90px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link {
    margin: -244px -10px 0 0;
    padding-left: 10px;
    width: 340px;
  }
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link p {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 23px;
  padding-left: 22px;
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link p.read-more {
  font-size: 13px;
  padding-left: 0;
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link p.read-more a {
  color: #fff;
  padding-left: 22px;
  background: transparent url(images/capita-sims/temp-white-button.png) no-repeat 0 center scroll;
}
body.responsive.helping-drive-school-improvement #content #main-content div.case-study-container #case-study-link p.read-more a:hover {
  text-decoration: none;
}
body.responsive.helping-drive-school-improvement #content #main-content div.engagement-efficiency {
  margin-bottom: 40px;
}
body.responsive.helping-drive-school-improvement #content #main-content div.engagement-efficiency div.grid_6 {
  /* some slight grid overrides */
}
@media screen and (min-width: 959px) {
  body.responsive.helping-drive-school-improvement #content #main-content div.engagement-efficiency div.grid_6 {
    width: 480px;
    padding-right: 50px;
  }
}
.lt-ie8 body.responsive.helping-drive-school-improvement #content #main-content div.engagement-efficiency div.grid_6 {
  width: 420px;
}
body.responsive.moving-to-sims #content #main-content .banner img {
  margin-bottom: 50px;
}
body.responsive.moving-to-sims #content #main-content #magna-carta {
  float: right;
  margin-bottom: 20px;
}
@media screen and (min-width: 739px) {
  body.responsive.moving-to-sims #content #main-content #magna-carta {
    margin-bottom: 90px;
  }
}
body.responsive.moving-to-sims #content #main-content #magna-carta p {
  color: #ff5800;
  font-size: 22px;
  float: right;
  clear: both;
  text-align: right;
  line-height: 28px;
  margin-bottom: 0;
}
body.responsive.moving-to-sims #content #main-content div.migration-wrapper {
  clear: both;
  position: relative;
  padding-bottom: 40px;
}
body.responsive.moving-to-sims #content #main-content .case-study {
  padding-top: 360px;
  background: url(/files/sims/images/case-study.jpg) no-repeat right top scroll;
}
@media screen and (min-width: 739px) {
  body.responsive.moving-to-sims #content #main-content .case-study {
    position: absolute;
    height: 600px;
    width: 360px;
    bottom: 40px;
    left: 370px;
    padding-top: 0px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.moving-to-sims #content #main-content .case-study {
    bottom: 40px;
    width: 450px;
    left: 520px;
  }
}
@media screen and (min-width: 1220px) {
  body.responsive.moving-to-sims #content #main-content .case-study {
    width: 500px;
  }
}
@media screen and (min-width: 1270px) {
  body.responsive.moving-to-sims #content #main-content .case-study {
    width: 550px;
  }
}
@media screen and (min-width: 1340px) {
  body.responsive.moving-to-sims #content #main-content .case-study {
    width: 620px;
  }
}
body.responsive.moving-to-sims #content #main-content #case-study-text {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 26px;
  padding: 40px 10px 10px 60px;
  background: url(images/capita-sims/66-white.png) no-repeat 19px 18px scroll;
  width: 100%;
  background-color: #ff7933;
  background-color: rgba(255, 88, 0, 0.85);
}
.lt-ie9 body.responsive.moving-to-sims #content #main-content #case-study-text {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FF5800,endColorstr=#D9FF5800);
  zoom: 1;
}
@media screen and (min-width: 739px) {
  body.responsive.moving-to-sims #content #main-content #case-study-text {
    position: relative;
    top: 300px;
    left: 0;
    max-width: 381px;
    left: -10px;
    width: 360px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.moving-to-sims #content #main-content #case-study-text {
    left: -20px;
    width: 100%;
  }
}
body.responsive.moving-to-sims #content #main-content #case-study-text .quote-text {
  font-size: 16px;
  margin-bottom: 0;
}
body.responsive.moving-to-sims #content #main-content #case-study-text .read-more {
  height: 28px;
  margin-bottom: 10px;
  min-width: 200px;
  background: transparent url(images/capita-sims/99-white.png) no-repeat right bottom scroll;
}
@media screen and (min-width: 480px) {
  body.responsive.moving-to-sims #content #main-content #case-study-text .read-more {
    width: 280px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.moving-to-sims #content #main-content #case-study-text .read-more {
    width: 306px;
  }
}
body.responsive.moving-to-sims #content #main-content #case-study-text .credit {
  font-size: 12px;
}
body.responsive.moving-to-sims #content #main-content .sims-technical-services, body.responsive.moving-to-sims #content #main-content .data-conversion, body.responsive.moving-to-sims #content #main-content .project-manager {
  clear: both;
  padding-left: 82px;
}
body.responsive.moving-to-sims #content #main-content .sims-technical-services img, body.responsive.moving-to-sims #content #main-content .data-conversion img, body.responsive.moving-to-sims #content #main-content .project-manager img {
  float: left;
  margin-right: 20px;
  margin-left: -82px;
  clear: left;
}
@media screen and (min-width: 739px) {
  body.responsive.moving-to-sims #content #main-content .migration {
    margin-top: -130px;
  }
}
body.responsive.moving-to-sims #content #main-content .here-support {
  font-size: 22px;
  color: #008566;
  margin-bottom: 10px;
  line-height: 34px;
}
body.responsive.moving-to-sims #content #main-content .here-support img {
  display: inline;
  margin: 0;
  vertical-align: bottom;
}
body.responsive.moving-to-sims #content #main-content .support-you {
  margin-bottom: 20px;
}
body.responsive.moving-to-sims #content #main-content .contact-demo {
  padding-bottom: 60px;
}
body.responsive.moving-to-sims #content #main-content .contact-demo div {
  background-color: #00A1C1;
  padding: 20px 10px;
  max-width: 700px;
  margin: 0 auto;
}
body.responsive.moving-to-sims #content #main-content .contact-demo div p {
  font-size: 24px;
  margin: 0;
  text-align: center;
  color: #FFF;
}
body.responsive.moving-to-sims #content #main-content .contact-demo div p a {
  padding-right: 30px;
  color: #FFF;
  background: transparent url(images/capita-sims/icon-arrow-white.png) no-repeat 0 2px scroll;
  background-position: right center;
  display: inline-block;
}
body.responsive.bliss.who-we-work-with #content #content-wrapper #main-content #find-course h2.block-title {
  font-size: 18px;
  margin: 0 40px 0 0;
  position: relative;
}
@media screen and (min-width: 480px) {
  body.responsive.bliss.who-we-work-with #content #content-wrapper #main-content #find-course h2.block-title {
    margin-right: 200px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.bliss.who-we-work-with #content #content-wrapper #main-content #find-course h2.block-title {
    margin: 0;
    float: right;
    width: 230px;
    max-width: 86%;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .banner {
  margin-bottom: 40px;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .banner img {
  margin-bottom: 0px;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .companies .row_1, body.responsive.who-we-work-with #content #content-wrapper #main-content .companies .row_2, body.responsive.who-we-work-with #content #content-wrapper #main-content .companies .row_3 {
  margin-bottom: 3em;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .discount img.right {
  margin-bottom: 10px;
  padding-bottom: 0;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #discount-text {
  color: #ff5800;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #discount-text p {
  font-weight: 100;
  font-size: 18px;
  clear: both;
  margin-bottom: 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content #discount-text p {
    width: 190px;
    float: right;
    text-align: right;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #discount-text p.read-more {
  margin-bottom: 2em;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #discount-text span.bold {
  font-size: 22px;
  font-weight: 500;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course img {
  padding-bottom: 40px;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course img {
    padding-bottom: 0px;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course img {
  float: right;
  margin: -20px 0 1em;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course img {
    margin-right: -20px;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course p {
  clear: both;
  font-size: 15px;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course p {
    width: 200px;
    float: right;
    text-align: right;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #find-course p.find-course-text {
  margin-bottom: 10px;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership-wrapper {
  display: inline-block;
  background-color: #F5F5F5;
  padding: 0 20px;
  margin: 0 0 2em;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership-wrapper {
    margin: 0 -20px 2em;
  }
}
@media screen and (min-width: 1040px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership-wrapper {
    padding: 0 30px;
    margin: 0 -40px 2em;
  }
}
@media screen and (min-width: 1120px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership-wrapper {
    padding: 0 70px;
    margin: 0 -80px 2em;
    width: 980px;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content h2.charities {
  line-height: 22px;
  font-size: 18px;
  padding: 3px 0;
  color: #ca005d;
  font-weight: normal;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content h2.charities img {
  margin: 0 0.25em 0 0;
  display: inline;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .companies {
  font-size: 15px;
  line-height: 23px;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .companies {
    margin-bottom: 5em;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .companies p {
  margin-bottom: 10px;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership {
  margin: 50px 10px 30px 10px;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership h2 {
  float: left;
  margin-top: -70px;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership .grid_6 {
    width: 350px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership .grid_6 {
    width: 430px;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership .grid_6.omega {
  float: right;
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .partnership span.credit {
  color: #04476f;
  font-weight: 700;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .blog {
    text-align: right;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .blog img.right {
  margin-bottom: 10px;
  padding-bottom: 0;
  float: none;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .blog img.right {
    float: right;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content .blog p.blog-text {
  font-size: 18px;
  font-weight: 500;
  width: 191px;
  color: #00a1c1;
  margin-bottom: 10px;
  float: none;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .blog p.blog-text {
    float: right;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content div.separator span {
  border-bottom: 1px solid #EDEDED;
  width: auto;
  height: 1px;
  display: block;
  margin: 0 auto 2em auto;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content div.separator span {
    width: 600px;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #software-partners .omega p {
  line-height: 39px;
  font-size: 18px;
  color: #008566;
}
@media screen and (min-width: 739px) {
  body.responsive.who-we-work-with #content #content-wrapper #main-content .partners-find-out-more {
    text-align: right;
  }
}
body.responsive.who-we-work-with #content #content-wrapper #main-content #post-content {
  padding-top: 40px;
}
body.responsive.charity h2.block-title {
  font-size: 13px !important;
}
body.responsive .partners-page-types div.logos ul, body.responsive ul.partner-inline-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/*
 * print styles
 */
/* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/  */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline !important;
  }

  a:after {
    content: " (" attr(href) ")";
  }

  abbr:after {
    content: " (" attr(title) ")";
  }

  .ir a:after {
    content: "";
  }

  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}

/*
 * New Capita Sims Responsive
   Starts at the bottom of the original file
 */
/* but imports here */
/*
 * Variables
 */
/*
 * colors
 */
/*
 * breakpoints
 */
/*
 * sizes
 */
/*
 * Extenders
 */
/* clearfix */
body.responsive.teacher-app #capitaforms-teacherapp_signup_form, body.responsive.teacher-app #pupil-information, body.responsive.teacher-app #benefits, body.responsive.teacher-app #security dl, body.responsive.teacher-app #post-cta, body.responsive.support_options .support-levels, body.responsive.support_options .support-downloads, body.responsive #page-wrapper #content .support-description-list, body.responsive .want-to-know-more, body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support ul, body.responsive .support-contact-form {
  zoom: 1;
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form:before, body.responsive.teacher-app #pupil-information:before, body.responsive.teacher-app #benefits:before, body.responsive.teacher-app #security dl:before, body.responsive.teacher-app #post-cta:before, body.responsive.support_options .support-levels:before, body.responsive.support_options .support-downloads:before, body.responsive #page-wrapper #content .support-description-list:before, body.responsive .want-to-know-more:before, body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support ul:before, body.responsive .support-contact-form:before, body.responsive.teacher-app #capitaforms-teacherapp_signup_form:after, body.responsive.teacher-app #pupil-information:after, body.responsive.teacher-app #benefits:after, body.responsive.teacher-app #security dl:after, body.responsive.teacher-app #post-cta:after, body.responsive.support_options .support-levels:after, body.responsive.support_options .support-downloads:after, body.responsive #page-wrapper #content .support-description-list:after, body.responsive .want-to-know-more:after, body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support ul:after, body.responsive .support-contact-form:after {
  content: " ";
  display: table;
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form:after, body.responsive.teacher-app #pupil-information:after, body.responsive.teacher-app #benefits:after, body.responsive.teacher-app #security dl:after, body.responsive.teacher-app #post-cta:after, body.responsive.support_options .support-levels:after, body.responsive.support_options .support-downloads:after, body.responsive #page-wrapper #content .support-description-list:after, body.responsive .want-to-know-more:after, body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support ul:after, body.responsive .support-contact-form:after {
  clear: both;
}

/* IE7 inline block hack */
body.responsive.teacher-app #content span#inspiring, body.responsive.support_options p.read-more, body.responsive.support_options p.read-more a {
  zoom: 1;
}
.lt-ie8 body.responsive.teacher-app #content span#inspiring, body.responsive.teacher-app #content .lt-ie8 span#inspiring, .lt-ie8 body.responsive.support_options p.read-more, body.responsive.support_options .lt-ie8 p.read-more, .lt-ie8 body.responsive.support_options p.read-more a, body.responsive.support_options p.read-more .lt-ie8 a {
  display: inline !important;
}

/* visually hidden */
body.responsive.front #page-title, body.responsive.teacher-app #capitaforms-teacherapp_signup_form #edit-email-wrapper label, body.responsive.support_options #page-title, body.responsive.sims-support #main-content h1.title, body.responsive.support-exisiting #page-title, body.responsive .support-contact-form .form-item label {
  /* html5bp style visually hidden */
  position: absolute !important;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

/* bliss */
#navigation ul li.support-and-services ul li.nolink-li i, #navigation ul li.products ul > li.depth-2 > a, body.responsive.teacher-app #content #text-content p.intro-bliss, body.responsive.teacher-app #main-content h3, body.responsive.teacher-app #text-updated p, body.responsive.teacher-app div.info .intro-bliss, body.responsive.teacher-app #availability p, body.responsive.support_options .support-levels dd.yes, body.responsive.support_options .support-levels dd.no, body.responsive .support-aside li a, body.responsive .want-to-know-more h2, body.responsive .support-contact-form h2 {
  font-family: "Bliss Regular", 'Gill Sans MT', 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-size-adjust: 0.47;
  font-style: normal;
}

#front-main-banner ul li h2, #post-content .block .learn-more .col h3,
#post-content .block .learn-more .speak-to-us p, body.responsive #front-main-banner ul h2, body.responsive #front-main-banner ul #fmb-3 h2, body.responsive #front-main-banner ul #fmb-3 p, body.responsive.teacher-app #post-cta p {
  font-family: "Bliss Light", 'Gill Sans MT', 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-size-adjust: 0.47;
  font-style: normal;
}

/* column styles */
/*
 * Mixins
 * 
 * Contents
 * Breakpoints
 * Border radius
 * Retina images
 * Vertical Gradient
 * Horizontal Gradient
 * Box Shadow
 * RGba
 * Grid mixins
 * Placeholder colour

 */
/* Breakpoints
 * If old-ie is true (only in lt-ie9.scss) the conent of the breakpoint css is just added into the parent selector
   If it's false (the default) the content is added in a media query with the supplied width.
   So IE7/8 will get the desktop version, assuming it's the last breakpoint - which it should be, while the media queries work as normal in the main css file
   A basic example, you want divs to have 10px of padding on mobile, 20px on desktop and ie8, do the following:
     //SASS
     div {
       padding: 10px;
       @include df-breakpoint($desktopVariable) {
         padding: 20px;
       }
     }
   This will output the folliwing in the main css file
     //CSS
     div {
       padding: 10px;
     }
     @media screen and (min-width:960px) {
       div {
         padding: 20px;
       }
     }
   But it will output this in the lt-ie9.css file
     //CSS
     div {
       padding: 10px;
       padding: 20px;
     }
   So the desktop padding will be picked up every time.

   The downsides/things to note are
    - code bloat, but gzip will handle this
    - IE7/8 users will get 2 css files of largely the same stuff
    - the order has to be correct, from mobile upto the largest breakpoint

   ADDITIONAL:
   The 
   $nonresponsive is applied to pages with a .nonresponsive body class, this is useful for stuff that assumes responsiveness but might need the large size
   So it acts the same as the old-ie trick, but for proper browsers
   The main thing is the navigation/header, which on non-responsive pages should get the desktop version
 */
/* Border radius
 * for all borders, each side, or each corner
 */
/* Retina images
 * Use in the format @include image-2x("path/to/image.ext", WIDTHpx, HEIGHtpx);
 * the path should be the same as the regular image with the extra /retina/ directory, width and height are the width and height of the original image (not the element if you're using a sprite)
 * For ease of code maintenence it's best to have these the line afer the non-retina background
 * from https://signalvnoise.com/posts/3271-easy-retina-ready-images-using-scss
*/
/* Vertical Gradient
 * from http://breakthebit.org/post/5214569460/sass-mixin-for-css3-gradients
 */
/* Horizontal Gradient
 */
/* Box Shadow
 * from http://stackoverflow.com/questions/10435056/creating-a-box-shadow-mixin-using-sass
 */
/*
 * RGba
 * An IE8 friendly version, takes a hex colour and an opacity
 */
/*
 * Grid mixins
 * Note: we're using the border-box model for just these grids, not the entire site.
 * The mixin takes the 4 needed values (widths for desktop and tablet, no. of columns and the gutter size
   The loops through 12 times to do 12 versions of grid-, prefix-, & suffix-.
   Alpha, omega, and both combined need smaller widths
 */
/*
 * placeholder colour
 */
/**
 * Sims Colour Palette
 * 
 * Dark Blue #04476F
 */
h1 {
  color: #005b82;
}

/* Our People: Lead Banner */
.our-people-lead-banner {
  background: transparent url(our-people-promoted-bg_f.jpg) no-repeat 0 20px;
  /* Image moved down 20px to stop person crashing into text */
}

.tip-wrapper.leigh-davenport {
  left: 73px;
  top: 40px;
  z-index: 200;
  /* Added to prevent tip going behind other + icons */
}

.tip-wrapper.lesley-davids {
  left: 200px;
  top: 50px;
  z-index: 198;
}

.tip-wrapper.ryan-meade {
  left: 305px;
  top: 50px;
}

.tip-wrapper.nicola-orr-campbell {
  left: 340px;
  top: 40px;
  z-index: 199;
}

.tip-wrapper.nicola-orr-campbell p.tip {
  margin: 10px 0 0 -160px;
}

/* Training Course 2012 listings footer layout */
#capita_so_training-training_list_footer .training-guides {
  width: 615px;
  float: left;
}

#capita_so_training-training_list_footer div.training-guides-intro {
  width: 270px;
  float: left;
}

#capita_so_training-training_list_footer h2 {
  font-size: 18px;
}

#capita_so_training-training_list_footer p.training-guides-intro {
  font-size: 16px;
}

#capita_so_training-training_list_footer p.pdf-guide-1 {
  width: 150px;
  float: left;
  margin-left: 20px;
}

#capita_so_training-training_list_footer p.pdf-guide-2 {
  width: 150px;
  float: right;
  margin-left: 20px;
}

#capita_so_training-training_list_footer div.call-to-action-2 {
  width: 309px;
  height: 221px;
  background: transparent url(training-banner-green-v2.jpg);
  float: right;
  text-indent: -99999px;
}

/* Landing page */
.training-lp .banner-find-primary-courses {
  width: 313px;
  height: 229px;
  background: transparent url(banners/training/banner-find-primary-courses-2.jpg) no-repeat 0 0;
  overflow: hidden;
  margin: 0 0 20px -10px;
  text-indent: -9999px;
  position: relative;
  float: left;
}

.training-lp .banner-find-primary-courses a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 313px;
  height: 229px;
}

.training-lp .banner-find-secondary-courses {
  width: 313px;
  height: 229px;
  background: transparent url(banners/training/banner-find-secondary-courses-3.jpg) no-repeat 0 0;
  overflow: hidden;
  margin: 0 0 20px 0;
  text-indent: -9999px;
  position: relative;
  float: right;
}

.training-lp .banner-find-secondary-courses a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 313px;
  height: 229px;
}

.training-lp .banner-new-primary-course {
  width: 313px;
  height: 229px;
  background: transparent url(banners/training/banner-new-primary-course-3.jpg) no-repeat 0 0;
  overflow: hidden;
  margin: 0 0 20px -10px;
  text-indent: -9999px;
  position: relative;
  float: left;
}

.training-lp .banner-new-primary-course a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 313px;
  height: 229px;
}

.training-lp .banner-new-secondary-course {
  width: 313px;
  height: 229px;
  background: transparent url(banners/training/banner-new-secondary-course-3.jpg) no-repeat 0 0;
  overflow: hidden;
  margin: 0 0 20px 0;
  text-indent: -9999px;
  position: relative;
  float: right;
}

.training-lp .banner-new-secondary-course a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 313px;
  height: 229px;
}

.training-lp .banner-bring-training-to-you {
  width: 640px;
  height: 162px;
  background: transparent url(banners/training/training-to-you.png) no-repeat 0 0;
  overflow: hidden;
  margin: 0 0 20px -8px;
  text-indent: -9999px;
  position: relative;
  float: left;
}

.training-lp .where-are-courses-held,
.training-schedules .where-are-courses-held {
  width: 268px;
  height: 224px;
  background: transparent url(banners/training/where-are-courses-held.jpg) no-repeat 0 0;
  overflow: hidden;
  margin: 0 0 20px 0;
  text-indent: -9999px;
  position: relative;
}

.training-lp .where-are-courses-held a,
.training-schedules .where-are-courses-held a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 268px;
  height: 224px;
}

/*** start of our products - this needs integrating and responsifying in the main sass ****/
/* our products */
.our-products-lp #tabs-our-products {
  width: 710px;
}

.our-products-lp h1.title {
  display: none;
}

.our-products-lp #our-products h2 {
  font-size: 1.5em;
  color: #005b82;
}

.our-products-lp #our-products p {
  font-size: 1.08em;
  margin: 0 0 10px;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav {
  margin: 0;
  padding: 0;
  float: left;
  width: 152px;
  background-color: #fbfbfb;
  border-left: 1px solid #d5d5d5;
  border-right: 0;
  border-bottom: 0;
  border-top: 1px solid #d5d5d5;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li {
  clear: both;
  display: block;
  width: 152px;
  height: 64px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #d5d5d5;
  border-right: none;
  margin: 0;
  background-image: url(vtabs-vertical-bg-sprite.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #f0efef;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li a {
  display: block;
  width: 112px;
  padding: 13px 30px 11px 10px;
  color: #424242;
  line-height: 20px;
  background: url(jq-tabs.png) no-repeat 123px 22px scroll;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li.oneline a {
  line-height: 37px;
  /* changes for when theres only one line */
  padding-bottom: 14px;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .jqtabs-pane,
body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical.ui-tabs .ui-tabs-panel {
  width: 557px;
  height: 259px;
  overflow: hidden;
  float: right;
  background-color: transparent;
  padding: 0;
  border: 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active {
  background-position: 0 -160px;
  background-color: #005689;
}

body.one-sidebar .our-products-lp #tabs-our-products.jqtabs.jqtabs-vertical .ui-tabs-nav li.ui-tabs-active a {
  color: #fff;
  background-image: url(jq-tabs-current.png);
}

/*** end of our products ****/
/* homepage */
#views-blog_recent_posts-block_2 {
  margin: 0 0 10px 0;
}

#views-blog_recent_posts-block_2 h2.block-title,
.front #capita_so_global_settings-twitter_feed h2.block-title,
.front #views-events_latest_seven-block_1 h2.block-title {
  /* this also changes the twitter and events col h2 on the front page */
  background: #818181 url(bg-side-blog-recent.png) repeat-x left top scroll;
  border: 1px solid #999;
  padding: 9px 7px;
  margin: 0;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  width: auto;
  height: 15px;
  text-indent: 0;
}

#views-blog_recent_posts-block_2 h2.block-title a {
  color: #fff;
}

.front #views-events_latest_seven-block_1 h2.block-title {
  margin-bottom: 5px;
}

#views-blog_recent_posts-block_2 ul {
  border: 1px solid #cdcdcd;
  border-top: none;
  margin: 0;
  padding: 7px;
  list-style: none;
  background: #ededed;
}

#views-blog_recent_posts-block_2 ul li {
  /*easycleared */
  padding: 0 0 6px;
  border-bottom: 1px solid #c7c7c7;
  margin: 0 0 7px;
}

#views-blog_recent_posts-block_2 ul li.last {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

#views-blog_recent_posts-block_2 ul li div.picture {
  float: left;
  /* temp */
  width: 52px;
  height: 52px;
  overflow: hidden;
}

#views-blog_recent_posts-block_2 ul li p.date,
#views-blog_recent_posts-block_2 ul li h2,
#views-blog_recent_posts-block_2 ul li a {
  color: #666;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0 3px 0 63px;
}

#views-blog_recent_posts-block_2 ul li h2 {
  background: transparent;
  border: none;
}

#views-blog_recent_posts-block_2 ul li a {
  color: #333;
  font-size: 11px;
  display: block;
}

#views-blog_recent_posts-block_2 ul li h2 a {
  font-size: inherit;
  display: inline;
  padding: 0;
  line-height: 15px;
  color: #266295;
}

/** Free Schools - from Independent */
/**
 * International landing page
 */
ul#independent-slideshow {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  width: 720px;
  height: 260px;
  overflow: hidden;
}

.block.banners {
  position: relative;
}

#slideshow-prev,
#slideshow-next {
  display: block;
  position: absolute;
  top: 105px;
  z-index: 9999;
  width: 41px;
  height: 49px;
  cursor: pointer;
}

#slideshow-prev {
  left: -9px;
  background: transparent url(international-slideshow-arrows.png) no-repeat 0 0;
}

#slideshow-prev:hover {
  background-position: 0 -98px;
}

#slideshow-next {
  right: -9px;
  background: transparent url(international-slideshow-arrows.png) no-repeat -91px 0;
}

#slideshow-next:hover {
  background-position: -91px -98px;
}

/**
 * Tabs: Global styles
 */
.tabbed-navigation ul.links {
  margin: 0;
  padding: 0;
}

.tabbed-navigation ul.links li {
  float: left;
  list-style: none;
  margin-right: 10px;
  border: 1px solid #e8e8e8;
  font-weight: bold;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  background: #fcfcfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(99%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #ededed 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfcfc 0%, #ededed 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfcfc 0%, #ededed 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfcfc 0%, #ededed 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 );
  /* IE6-8 */
}

.tabbed-navigation ul.links li.last {
  margin-right: 0;
}

.tabbed-navigation ul.links li:hover,
.tabbed-navigation ul.links li.active {
  background: #005b82;
  filter: none;
  /* For IE to cancel the above gradient */
  border: 1px solid #005b82;
}

.tabbed-navigation ul.links li:hover a,
.tabbed-navigation ul.links li.active a {
  color: #fff;
  text-decoration: none;
}

.tabbed-navigation ul.links li a {
  padding: 5px 40px 5px 10px;
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  line-height: 18px;
  height: 38px;
  color: #505253;
}

/**
 * Tabs for the Free Schools section
 */
/* Introducing re-uses the icon from the special schools tabs */
#capita_so_global_settings-free-schools-tabs ul.links li a.introducing {
  width: 115px;
  background: transparent url(special-schools-icons.png) no-repeat 125px 12px;
}

#capita_so_global_settings-free-schools-tabs ul.links li.active a.introducing,
#capita_so_global_settings-free-schools-tabs ul.links li a.introducing:hover {
  background-position: 125px -227px;
}

#capita_so_global_settings-free-schools-tabs ul.links li a.supporting {
  width: 125px;
  padding-right: 60px;
  background: transparent url(international-icons.png) no-repeat -300px 10px;
}

#capita_so_global_settings-free-schools-tabs ul.links li.active a.supporting,
#capita_so_global_settings-free-schools-tabs ul.links li a.supporting:hover {
  background-position: -300px -224px;
}

/* Data re-uses the icon from the special schools tabs */
#capita_so_global_settings-free-schools-tabs ul.links li a.data {
  width: 115px;
  background: transparent url(special-schools-icons.png) no-repeat -305px 12px;
}

#capita_so_global_settings-free-schools-tabs ul.links li.active a.data,
#capita_so_global_settings-free-schools-tabs ul.links li a.data:hover {
  background-position: -305px -226px;
}

body.international #main-content,
body.special-schools #main-content,
body.free-schools #main-content {
  background: #fafafa;
  border: 1px solid #dbdbdb;
  padding: 25px 25px 5px;
  margin-bottom: 20px;
}

#lpButtonDiv {
  width: 314px;
  height: 116px;
  position: absolute;
  top: 0;
  right: 0;
}

#lpButtonDiv-sticky {
  position: fixed;
  top: 160px;
  right: 0;
}

/*
 * Front page - SIMS specific overrides
 */
.front #page-title {
  /* visually hidden style from h5bp */
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

h1.site-identity img,
.site-identity img {
  /* identity includes logo - hide the site name copy */
  margin-bottom: 25px;
}

#pre-header {
  width: 940px;
  margin: 0 auto 1px auto;
  padding: 10px 0;
  border-bottom: none;
  position: relative;
  z-index: 4000;
}

/*
 #header {
   background-color: #DDB10A;
 }
*/
#pre-header ul.pre-header-links,
#pre-header #menu-menu-pre-header ul {
  /* added to easy clearing */
  float: right;
  margin: 0;
  list-style: none;
  font-size: 12px;
}

#pre-header ul.pre-header-links li,
#pre-header #menu-menu-pre-header ul li {
  float: left;
  border-right: none;
  padding: 0 5px;
  position: relative;
}

#pre-header ul.pre-header-links li.last,
#pre-header #menu-menu-pre-header ul li.last {
  padding-right: 0;
  border-right: none;
}

#pre-header a:link,
#pre-header a:visited,
#pre-header a:active {
  font-family: "Helvetica";
  font-weight: bold;
  color: #04476f;
  background: none;
}

/* drop down */
#pre-header #menu-menu-pre-header ul.menu ul {
  position: absolute;
  left: -9999px;
  z-index: 4000;
  list-style: none;
  margin: 0;
  padding: 0;
}

#pre-header #menu-menu-pre-header ul.menu li:hover ul {
  left: -1px;
  top: 20px;
  background-color: #fff;
  width: 160px;
  padding: 10px;
  background-color: #efefef;
  display: block;
}

#pre-header #menu-menu-pre-header ul.menu li ul li {
  display: block;
  float: none;
}

/* Currently disabled 

#header {
  position: relative;
  z-index: 1000;
}

 #header #site-search {
  float: right;
  position: absolute;
  right: 13px;
  top: 13px;
 }
 
#header #site-search .form-item,
#header #site-search .form-item label,
#header #site-search input {
  float: left;
}
 
#header #site-search input.form-text {
  border: none;
}


#site-search label {
  display: none;
  width: auto;
  margin: 0;
  padding-right: 10px;
  line-height: 25px;
  color: #C3C6C8;
  font-size: 0.923em;
}
 
#site-search:hover label {
  display: none;
}

#site-search .form-text {
  line-height: 21px;
  height: 20px;
  font-size: 1em;
  background-color: #e9ebeb;
  margin: 0;
  padding: 3px 12px 1px;
  border: none;
  width: 131px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #FFF;
  box-shadow: inset 1px 2px 3px #bbb;
}
#site-search .form-submit {
  background: url(../search-icon.png) transparent no-repeat center 3px;
  margin: 0 0 0 7px;
  padding: 5px;
  height: 26px;
  width: 26px;
  border: none;
  line-height: 25px;
  text-indent: 999px;
  overflow: hidden;
  cursor: pointer;
}
#header-get-in-touch {
  margin: 32px 11px 0 0;
  width: 315px;
  float: right;
}

#header-get-in-touch p {
  margin: 0 0;
}

#header-get-in-touch .left img,
#header-get-in-touch .right img {
  margin: 0 0;
}

#header-get-in-touch .left {
  float: left;
  width: 188px;
}

#header-get-in-touch .left h2 {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  text-align: right;
  margin-top: 7px;
}
#header-get-in-touch .left h2 a {
  height: 20px;
  display: inline-block;
  /* ie7 inline block hack *
  zoom: 1; *display: inline;
  vertical-align: text-bottom;
}
#header-get-in-touch .left h2 a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -80px -250px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}

#header-get-in-touch .left p {
  font-family: 'Helvetica','Arial','sans-serif';
  color: #737373;
  clear: both;
  float: right;
  font-size: 14px;
display: none;
}

#header-get-in-touch .left h2 a:link,
#header-get-in-touch .left h2 a:visited {
  color: #004870;
  @extend %bliss;
  font-style: normal;
}

#header-get-in-touch .right {
  float: right;
  margin: 5px 0 0 20px;
  width: 106px;
  height: 24px;
}

#header-get-in-touch .right p.blog {
  float: left;
}
#header-get-in-touch .right p.twitter {
  float: left;
  margin-left: 8px;
}
#header-get-in-touch .right p.youtube {
  float: left;
  margin-left: 8px;
}

#navigation {
  clear: both;
  width: 960px;
  position: relative;
  z-index: 1000;
}
.front #navigation {
  margin-bottom: 30px;
}

#navigation ul {  /* added to easy clearing *
  margin: 0;
  border: none;
  background-color: #ededed;
} 

#navigation ul li {
  float: left;
  line-height: 27px;
  background: transparent url(../primary-links-divider.png) no-repeat right center;
  width: auto;
  position: relative;
}
 
#navigation ul li.solutions a {
  padding-left: 13px;
}

#navigation ul li.home {
  margin: 0;
  padding: 0;
  background: none;
  height: 50px;
  width: 40px;
  display: block;
}
/* home and solutions need to be a fixed width to enable positioning of the products drop down *
#navigation ul li.solutions { width: 93px; }


#navigation ul li.home a, 
#navigation ul li.home a:link,
#navigation ul li.home a:visited, 
#navigation ul li.home a:active {
  background: url(../primary-links-home-inactive.png) no-repeat 0 0 scroll;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  text-indent: 999px;
}
#navigation ul li.home a:hover {
  background: url(../primary-links-home-active.png) no-repeat 0 0 scroll;
}

#navigation ul li.home.active-trail a {
  background: url(../primary-links-home-active.png) no-repeat 0 0 scroll;
}

#navigation ul li.last {
  background: none;
  width: auto;
}
 
#navigation a,
#navigation a:link,
#navigation a:visited {
  display: block;
  color: #04476f;
  text-decoration: none;
  text-align: center;
  padding: 11px 10px;
  font-size: 14px;
  line-height: 2em;
  font-weight: bold;
  margin: 0 0;
}

#navigation ul li:hover a, 
#navigation ul li a:focus, 
#navigation ul li a:active {
  color: #fff;
  background-color: #04476f;
}

/**
 * Sub Navigation
 * All the sub nav CSS from ../capitacs.css is here so if this goes across all the sites it will be easy to integrate
 *
#navigation ul li.products:hover ul {
  left: -230px;
  width: 957px;
  padding: 0 0 0 1px;
}
#navigation li.depth-1.active-trail > a:link,
#navigation li.depth-1.active-trail > a:visited {
  background-color: #04476f !important;
}
  #navigation ul li ul.non-parent li a:hover {
    background-color: #04476f !important;
  }

/* colors to stop inheriting hover, and override for products *
#navigation ul li:hover ul li a {
  color: #04476f;
  background-color: transparent;
}
#navigation ul li.products:hover ul li.depth-2 a {
  color: #3e80a5;
}
#navigation ul li.products:hover ul li.depth-2 a:hover {
  color: #fff;
  background-color: #04476f;
}

/* fix for line height *
#navigation ul li ul.parent li a:link,
#navigation ul li ul.parent li a:visited {
  padding: 3px 5px;
  line-height: 15px;
}

#navigation ul li.products:hover ul {
  left: -133px;
  width: 959px;
  padding: 0 0 0 1px;
}


#navigation ul ul {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  background: none;
  background: #eee;
  border: 0;
  border-top: 1px solid #dedede;
}

#navigation ul li:hover ul {
  left: -1px;
  top: auto;
  width: 233px;
}
#navigation ul li.last:hover ul {
  left: -138px;
}
 


#navigation ul li ul li
{
  width: 219px;
  margin: 20px 0 20px 10px;
  padding: 0 10px 0 0;
  float: left;
  line-height: 20px;
  border-right: 0;
  background: none;
}
/* products specific widths *
#navigation ul li.products ul li, 
#navigation ul li.products ul li.last, 
#navigation ul li.products ul li ul li
{
  width: 300px;
}
#navigation ul li.products ul li.last { padding-right: 9px; }

/*#navigation ul li.people ul li { width: 439px!important; }*


#navigation ul li ul li.last {
  width: 219px;
}

#navigation ul li ul li.first,
#navigation ul li ul li.block-5,
#navigation ul li ul li.block-9
{
  margin-left: 9px;
  clear: left;
}

#navigation ul li ul li.block-4,
#navigation ul li ul li.block-8,
#navigation ul li ul li.block-12
{
  width: 220px;
  padding-right: 0;
  border-right: none;
}

#navigation ul li ul.parent li ul.non-parent,
#navigation ul li ul.parent {
  padding: 0;
}

#navigation ul li ul.non-parent {
  padding: 20px 20px 20px 20px;
}

#navigation ul li ul.non-parent li {
  width: 219px;
  margin: 0;
  padding: 0;
  float: none;
  line-height: auto;
  border: none;
}

#navigation ul li ul li ul {
  left: 0 !important;
  position: relative !important;
  width: auto !important;
  border: none !important;
  background: none !important;
  background-color: transparent !important;
}

#navigation ul li ul li ul li {
  width: auto;
  margin: 0;
  float: left;
  line-height: auto;
  border: none;
}

#navigation ul li.products:hover ul ul a:link {
/*  background: pink;
}

#navigation li.active-trail a:link.active,
#navigation li.active-trail a:visited.active,
#navigation li.active-trail a:link,
#navigation li.active-trail a:visited
{
/*  background-color: #30a9d6;
  color: #fff;
*
}


#navigation li.active-trail li.active-trail li.active-trail a:link,
#navigation li.active-trail li.active-trail li.active-trail a:visited {
  background-color: #30a9d6 !important;
  color: #fff !important;
}

#navigation li.active-trail a:link.active,
#navigation li.active-trail a:visited.active {
  color: #fff !important; /* strange specivity issue - forced here to solve *
}

/* undo background-color for child items by default *
#navigation li.active-trail li a:link,
#navigation li.active-trail li a:visited
{
  background: none;
}

#navigation li.last a:link,
#navigation li.last a:visited,
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited
{
  margin-right: 0;
}

#navigation a:hover,
#navigation a:active,
#navigation a:focus,
#navigation li.active-trail li a:hover, /* for specivity *
#navigation li.active-trail li a:active, /* for specivity *
#navigation li.active-trail li a:focus /* for specivity *
{
  color: #fff;
  background-color: #30a9d6;
}

#navigation ul li ul.non-parent li a:link,
#navigation ul li ul.non-parent li a:visited
{
  display: block;
  color: #57585A;
  text-transform: none;
  text-align: left;
  font-size: 12px;
  padding: 0 5px 0;
  line-height: 20px;
}

#navigation ul li ul.non-parent li a:hover,
#navigation ul li ul.non-parent li a:active,
#navigation ul li ul.non-parent li a:focus {
  color: #fff;
}

#navigation ul li ul.parent li a:link,
#navigation ul li ul.parent li a:visited
{
  display: block;
  color: #3e80a5;
  text-transform: none;
  text-align: left;
  font-size: 14px;
  padding: 0 5px;
}

#navigation ul li ul.parent li a:hover,
#navigation ul li ul.parent li a:active,
#navigation ul li ul.parent li a:focus {
  color: #fff;
}

#navigation ul li ul li ul li a:link,
#navigation ul li ul li ul li a:visited
{
  color: #57585A !important;
  font-size: 12px !important;
}

#navigation ul li ul li ul li a:hover,
#navigation ul li ul li ul li a:active,
#navigation ul li ul li ul li a:focus {
  color: #fff !important;
}

#navigation ul li.show ul {
  display: block;
}

#navigation ul li.with-js ul {
  display: none !important;
}



     End of disabled bit, note comments in this section will need to be closed again


*/
/* banner temp */
#capita_so_global_settings-temp-front-static-banner {
  width: 1120px;
  height: 440px;
  position: relative;
  margin: -50px 0 20px -80px;
}

#front-main-banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

#front-main-banner ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 1120px;
  height: 440px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent no-repeat 0 0 scroll;
}

#front-main-banner ul li h2 {
  position: absolute;
  display: none;
}

#front-main-banner ul li p {
  margin: 0;
  padding: 0;
  background: transparent url(sprite-homepage-banner-v2.png) no-repeat scroll;
  position: absolute;
  display: none;
}

#front-main-banner ul li p {
  display: none;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/**
  * Note: the non-responsive version is no longer used, edit the next one.
 */
/* banner 1 */
#front-main-banner ul #fmb-1 {
  background-image: url(banners/front/fmb-1-v2.jpg);
  z-index: 3;
}

#front-main-banner ul #fmb-1 h2 {
  top: 103px;
  left: 136px;
  width: 313px;
  font-size: 36px;
  line-height: 38px;
  color: #505253;
}

#front-main-banner ul #fmb-1 p {
  top: 275px;
  left: 102px;
  width: 357px;
  height: 82px;
  background-position: 0 0;
}

#front-main-banner ul #fmb-1 a {
  display: block;
  width: 357px;
  height: 82px;
}

/* banner 2 */
#front-main-banner ul #fmb-2 {
  position: relative;
  background-image: url(banners/front/fmb-2-v5.jpg);
}

#front-main-banner ul #fmb-2 h2 {
  top: 195px;
  left: 70px;
  width: 215px;
  height: 205px;
  font-size: 20px;
  line-height: 24px;
  padding: 40px 70px 0 40px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

#front-main-banner ul #fmb-2 p.how-sims {
  z-index: 3;
  top: 83px;
  left: 109px;
  width: 165px;
  height: 138px;
  background-position: 0 -230px;
}

#front-main-banner ul #fmb-2 h2 a.button {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 21px;
  font-size: 15px;
  color: #FFFFFF;
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  text-indent: initial;
  white-space: normal;
  overflow: auto;
  bottom: 55px;
  left: 40px;
}

#front-main-banner ul #fmb-2 h2 a.button:hover {
  cursor: pointer;
  color: #CA005D;
  text-decoration: none;
}

#front-main-banner ul #fmb-2 h2 a.button span {
  display: block;
  line-height: 20px;
  width: 17px;
  height: 20px;
  background: transparent url(temp-white-button.png) no-repeat 0 center scroll;
  margin: 0 0.33em 0 0;
  float: left;
}

#front-main-banner ul #fmb-2 h2 a.button:hover span {
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -40px -248px scroll;
}

/*
fmb-1.jpg
fmb-2.jpg
*/
/* Post banner
Commented out as it's been made respnsive and is now in the main sass file
ul.front_sims_post_banner {
  /* easycleared *
  margin: 0 -10px 30px;
  padding: 0;
  list-style: none;
  width: 960px;
}
ul.front_sims_post_banner li {
  width: 300px;
  float: left;
  margin: 0 10px;
}
ul.front_sims_post_banner li h2 {
  @extend %bliss;
  font-size: 1.23em;
  color: #505253;
  margin: 0 0 10px 0;
}
ul.front_sims_post_banner li a {
  font-size: 1.23em;
  color: #00a1c1;
}
ul.front_sims_post_banner li img {
  margin-bottom: 18px;
}
ul.front_sims_post_banner li p {
  margin-bottom: 10px;
}
*/
/* Solutions block
Commented out as it's been made respnsive and is now in the main sass file


#capita_so_global_settings-front-help-you {
/*  height: 190px;*
  padding: 0px 80px 0;
  margin: 0;
  position: relative;
  margin: 0 -80px;
  width: 960px;
  z-index: 15;
  background: #F5F5F5;
  border-top: 1px solid #d4d4d5;
  padding-bottom: 25px;
}

#capita_so_global_settings-front-help-you h2.block-title {
/*
  width: 220px;
  height: 188px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -60px scroll;
  float: left;
  margin: 0;
*
  display: none;
}

#capita_so_global_settings-front-help-you div.right-text {
/*  float: right;
  width: 620px;
*
  padding: 36px 0 10px;
}
#capita_so_global_settings-front-help-you div.right-text h2 {
  @extend %blissLight;
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 10px;
  text-align: center;
  color: #00a1c1;
}
#capita_so_global_settings-front-help-you div.right-text p {
  @extend %blissLight;
  font-size: 1.384em;
  line-height: 1.444em;
  margin: 0;
  text-align: center;
}
#capita_so_global_settings-front-help-you div.right-text p a {
  color: #00a1c1;
}

#capita_so_global_settings-front-help-you div.right-text p.text-dark-blue {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1.154em;
  line-height: 1.333em;
  margin-top: 10px;
}
#capita_so_global_settings-front-help-you div.right-text p.text-dark-blue a {
  color: #04476f;
  font-weight: bold;
}
#capita_so_global_settings-front-help-you div.right-text p.text-dark-blue span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -80px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}


#views-front_sims_solutions-block_1 {
  background: #f5f5f5;
  padding: 0 60px 30px;
  margin: 0 -80px 0;
  width: 1000px;
  position: relative;
  z-index: 12;
}

#views-front_sims_solutions-block_1 h2 {
  @extend %blissLight;
  font-size: 2.615em;
  line-height: 40px;
  color: #04476f;
  text-align: center;
  margin: 0 0 40px;
}

#views-front_sims_solutions-block_1 h2 span {
  font-weight: bold;
  color: #00a1c1;
}

ul.front_sims_solutions {
  /* easycleared *
  margin: 0 -20px;
  padding: 0 0 30px;
  list-style: none;
  width: 1040px;
}
ul.front_sims_solutions li {
  width: 220px;
  height: 156px;
  float: left;
  margin: 0 20px 30px;
  position: relative;
  font-size: 1em;
  overflow: hidden;
}
ul.front_sims_solutions li a:hover {
  text-decoration: none;
}
ul.front_sims_solutions li a.imagecache {
  width: 220px;
  height: 131px;
  position: absolute;
  top: 0;
  left: 0;
}
ul.front_sims_solutions li a.imagecache img {
  
}

ul.front_sims_solutions li h3 {
  width: 223px;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: -1px;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 42px;
  font-size: 1.307em;
  font-weight: normal;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -270px scroll;
  overflow: hidden;
  z-index: 3;
}
ul.front_sims_solutions li.item-4 h3 { font-size: 13px; } 



ul.front_sims_solutions li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}

ul.front_sims_solutions li p {
  position: absolute;
  top: -156px;
  left: 0;
  width: 190px;
  height: 86px;
  background: #ff5800;
  background: rgba(255, 88, 0, 0.85); /* probably need to do this as a png *
  padding: 20px 15px 50px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  z-index: 2;
  text-decoration: none;
}

/* colour coding *
ul.front_sims_solutions li.item-1 h3 { background-position: 0 -270px; }
ul.front_sims_solutions li.item-2 h3 { background-position: 0 -320px; }
ul.front_sims_solutions li.item-3 h3 { background-position: 0 -370px; }
ul.front_sims_solutions li.item-4 h3 { background-position: 0 -420px; }
ul.front_sims_solutions li.item-5 h3 { background-position: 0 -470px; }
ul.front_sims_solutions li.item-6 h3 { background-position: 0 -520px; }
ul.front_sims_solutions li.item-7 h3 { background-position: 0 -570px; }
ul.front_sims_solutions li.item-8 h3 { background-position: 0 -620px; }
ul.front_sims_solutions li.item-1 p { background: #ff5800; background: rgba(255,  88,   0, 0.85); }
ul.front_sims_solutions li.item-2 p { background: #f0ab00; background: rgba(240, 171,   0, 0.85); }
ul.front_sims_solutions li.item-3 p { background: #00a1c1; background: rgba(  0, 161, 193, 0.85); }
ul.front_sims_solutions li.item-4 p { background: #4f2683; background: rgba( 79,  38, 131, 0.85); }
ul.front_sims_solutions li.item-5 p { background: #7ab800; background: rgba(122, 184,   0, 0.85); }
ul.front_sims_solutions li.item-6 p { background: #ca005d; background: rgba(202,   0,  93, 0.85); }
ul.front_sims_solutions li.item-7 p { background: #6773b6; background: rgba(103, 115, 182, 0.85); }
ul.front_sims_solutions li.item-8 p { background: #008566; background: rgba(  0, 133, 102, 0.85); }


#views-front_sims_solutions-block_1 div.text-deep-pink p {
  @extend %blissLight;
  font-size: 2.154em;
  line-height: 1;
  color: #830051;
  text-align: center;
  margin: 0 0 20px 0;
}

#views-front_sims_solutions-block_1 div.text-deep-pink p span {
  color: #ca005d;
  font-weight: bold;
}

#views-front_sims_solutions-block_1 p.text-deep-pink {
  font-size: 1.153em;
  text-align: center;
}

#views-front_sims_solutions-block_1 p.text-deep-pink a {
  color: #830051;
  font-weight: bold;
  display: inline-block;
  /* ie7 inline block hack *
  zoom: 1; *display: inline;
}

#views-front_sims_solutions-block_1 p.text-deep-pink span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -60px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
*/
/* post content *
Commented out as it's been made respnsive and is now in the main sass file

.front #post-content {
  padding: 0px 90px 0;
  margin: 0;
  position: relative;
  margin: 0 -80px;
  width: 940px;
  background: transparent url(bg-post-solutions.jpg) no-repeat 0 0 scroll;
  z-index: 20;
}
/* pink overlay *
.front #capita_so_global_settings-front-pre-footer-pink-area {
/*
  width: 1120px;
  height: 128px;
  background: transparent url(bg-home-pink.png) no-repeat 0 0 scroll;
  position: absolute;
  top: 341px;
  left: 0;
  z-index: 30;
*
  width: 660px;
  height: 128px;
  background: transparent url(bg-home-pink.png) no-repeat -460px 0 scroll;
  position: relative;
  top: 341px;
  right: -370px;
  z-index: 30;
}
.front #capita_so_global_settings-front-pre-footer-pink-area #pink-area {
  width: 105px;
  height: 128px;
  background: transparent url(bg-home-pink.png) no-repeat 0px 0 scroll;
  position: relative;
  top: 0;
  left: -460px;
  z-index: 30;
}

.front #capita_so_global_settings-front-choose-sims {
  background: #00a1c1;
  background: rgba(0, 161, 193, 0.8);
  width: 310px;
  height: 140px;
  padding: 45px 35px 35px;
  margin: -15px 0 89px;
  margin: -143px 0 89px;
  float: left;
}
#capita_so_global_settings-front-choose-sims h3 {
  color: #fff;
  font-size: 1.769em;
  margin: 0 0 10px 0;
  line-height: 26px;
}
#capita_so_global_settings-front-choose-sims p {
  color: #fff;
  font-size: 1.231em;
  line-height: 26px;
  margin: 0 0 10px 0;
}
#capita_so_global_settings-front-choose-sims p.text-white {
  font-size: 1.153em;
  line-height: 20px;
}
#capita_so_global_settings-front-choose-sims p a {
  color: #fff;
  font-weight: bold;
}
#capita_so_global_settings-front-choose-sims p a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -20px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}


.front #views-front_sims_case_study-block_1 {
  clear: left;
  background: #02476f;
  background: rgba(4, 71, 111, 0.8);
  width: 310px;
  height: 135px;
  padding: 20px 35px 157px 35px;
  margin: 0;
  float: left;
  position: relative;
}
#views-front_sims_case_study-block_1 h2 {
  color: #fff;
  font-size: 1.769em;
  margin: 0 0 10px 0;
  line-height: 26px;
}
#views-front_sims_case_study-block_1 p {
  color: #fff;
  font-size: 1.15em;
  line-height: 22px;
  margin: 0 0 10px 0;
}
#views-front_sims_case_study-block_1 p a {
  color: #fff;
  font-weight: normal;
/* temp *
  padding-left: 22px;
  background: transparent url(temp-white-button.png) no-repeat 0 center scroll;
}
#views-front_sims_case_study-block_1 p span {
/* temporarily doing this one with a 
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -20px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
*}
#views-front_sims_case_study-block_1 a.imagecache {
  position: absolute;
  bottom: 0;
  left: 0;
}
#views-front_sims_case_study-block_1 a.imagecache img {
  margin: 0;
}
#views-front_sims_case_study-block_1 h2 {
  font-size: 1.4em;
}
#views-blog_front_page_list-block_2 ul h2,
#views-news_promoted_two-block_2 h3 {
  @extend %blissLight;
}
#views-blog_front_page_list-block_2 ul h2.title,
#views-news_promoted_two-block_2 h3.title {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif 
}

.front #post-content .block .learn-more {
  margin: 0 -10px;
}



.front #views-blog_front_page_list-block_2 {
  float: right;
  width: 220px;
  margin: 53px 240px 0 0;
  position: relative;
  z-index: 40;
  *margin-top: 199px; /*IE7 is a bit off with the margin, also on the other block *
}
#views-blog_front_page_list-block_2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#views-blog_front_page_list-block_2 ul li {
  margin: 0;
  padding: 0;
}
#views-blog_front_page_list-block_2 ul .picture img {
  margin: 0 0 7px;
}
#views-blog_front_page_list-block_2 ul h2 {
  font-size: 1.538em;
  line-height: 1.15em;
  color: #fff;
  height: 45px;
  margin: 15px 0 10px;
  padding: 0;
}
#views-blog_front_page_list-block_2 ul h2.title {
  font-size: 1.077em;
  line-height: 1.642em;
  font-weight: normal;
  margin: 0 0 1em;
  padding: 0;
  height: auto;
}
#views-blog_front_page_list-block_2 ul h2.title a {
  color: #830051;
}
#views-blog_front_page_list-block_2 ul p.text-pink {
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
}
#views-blog_front_page_list-block_2 ul p.text-pink a {
  color: #ca005d;
}
#views-blog_front_page_list-block_2 ul p.text-pink a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -40px -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}



.front #views-news_promoted_two-block_2 {
  float: right;
  width: 220px;
  margin: 95px -460px 0 230px;
  * margin-top: 260px; /*IE7 is a bit off with the margin, also on the other block *
  position: relative;
  z-index: 40;
}
#views-news_promoted_two-block_2 h3 {
  font-size: 1.538em;
  line-height: 1.15em;
  color: #fff;
  padding-top: 43px;
  height: 45px;
  margin-bottom: 9px;
}
#views-news_promoted_two-block_2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#views-news_promoted_two-block_2 ul li {
  margin: 0;
  padding: 0;
}
#views-news_promoted_two-block_2 ul li.first {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
}
#views-news_promoted_two-block_2 ul li h3 {
  font-size: 1.077em;
  line-height: 1.642em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  height: auto;
}
#views-news_promoted_two-block_2 ul li a {
  color: #505253;
}
*/
/* Pre footer */
.front #capita_so_global_settings-front-pre-footer-learn-more {
  clear: both;
  padding-top: 40px;
}

#post-content .block .learn-more {
  margin: 0;
  padding-top: 0;
  width: 960px;
}

#post-content .block .learn-more .col {
  width: 220px;
  margin: 0 10px;
  float: left;
}

#post-content .block .learn-more .col h3,
#post-content .block .learn-more .speak-to-us p {
  color: #737373;
  font-size: 19px;
  margin: 0 0 24px 0;
  padding: 80px 0 0 0;
  position: relative;
  text-align: center;
}

/*#post-content .block .learn-more .speak-to-us h3,
#post-content .block .learn-more .subscribe-to-newsletter h3,
#post-content .block .learn-more .connect-with-us h3 {
  font-size: 1.500em;
}*/
#post-content .block .learn-more .col h3 span {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 80px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 0 scroll;
}

/* individual columns */
/* 1 */
#post-content .block .learn-more .contact-us {
  text-align: center;
}

#post-content .block .learn-more .contact-us h3 span {
  background-position: -220px -160px;
}

#post-content .block .learn-more .contact-us p.text-light-blue {
  line-height: 20px;
  padding-top: 4px;
  display: inline-block;
  /* ie7 inline block hack */
  zoom: 1;
  *display: inline;
}

#post-content .block .learn-more .contact-us p.text-light-blue a {
  line-height: 20px;
  display: block;
  font-weight: bold;
  color: #00a1c1;
  font-size: 15px;
}

#post-content .block .learn-more .contact-us p.text-light-blue a:hover {
  text-decoration: none;
}

#post-content .block .learn-more .contact-us p.text-light-blue span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}

/* 2 */
#post-content .block .learn-more .speak-to-us p {
  padding-top: 5px;
  line-height: 1;
}

/* 3 */
#post-content .block .learn-more .subscribe-to-newsletter h3 span {
  background-position: -60px 0;
}

#post-content .block .learn-more .subscribe-to-newsletter form {
  width: 200px;
  height: 31px;
  margin: 0 auto;
  /*  padding-top: 0.33em;
  */
}

#edit-email-address-wrapper {
  float: left;
}

#post-content .block .learn-more .subscribe-to-newsletter input[type="email"],
#post-content .block .learn-more .subscribe-to-newsletter input[type="text"] {
  width: 118px;
  height: 29px;
  line-height: 29px;
  border: 1px solid #d8d8d8;
  padding: 1px 10px;
  margin: 0;
  background: #ededed;
  font-size: 13px;
  color: #737373;
}

#post-content .block .learn-more .subscribe-to-newsletter input[type="submit"] {
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  width: 59px;
  text-align: right;
  height: 33px;
  line-height: 33px;
  font-size: 13px;
  font-weight: bold;
  color: #04476f;
  cursor: pointer;
}

/* 4 */
#post-content .block .learn-more .connect-with-us h3 span {
  background-position: -120px 0;
}

#post-content .block .learn-more .connect-with-us p.blog {
  float: left;
  margin-left: 54px;
}

#post-content .block .learn-more .connect-with-us p.twitter {
  float: left;
  margin-left: 8px;
}

#post-content .block .learn-more .connect-with-us p.youtube {
  float: left;
  margin-left: 8px;
}

/* 5 */
#post-content .block .learn-more .request-a-demo h3 span {
  background-position: -220px -100px;
}

#post-content .block .learn-more .request-a-demo p {
  line-height: 20px;
  padding-top: 4px;
  text-align: center;
}

#post-content .block .learn-more .request-a-demo p a {
  line-height: 20px;
  display: block;
  font-weight: bold;
  color: #00a1c1;
  font-size: 15px;
}

#post-content .block .learn-more .request-a-demo p a:hover {
  text-decoration: none;
}

#post-content .block .learn-more .request-a-demo p a span {
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.33em 0 0;
  float: left;
}

/* 6 */
#post-content .block .learn-more .download-brochures h3 span {
  background-position: -220px -40px;
}

#post-content .block .learn-more .download-brochures p {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

#post-content .block .learn-more .download-brochures p a {
  color: #04476f;
}

/* post footer */
/* is now the global style so in _capitacs-main
#capita_so_global_settings-post_footer div.footer-main {
  width: 935px;
  padding: 0 10px 0 15px;
  margin: 0 -10px;
  height: 50px;
  background: #02476f;
  overflow: hidden;
}
#capita_so_global_settings-post_footer div.footer-main p {
  line-height: 50px;
  color: #fff;
  font-size: 11px;
  float: left;
  padding-right: 6px;
}
#capita_so_global_settings-post_footer div.footer-main a {
  color: #fff;
}
#capita_so_global_settings-post_footer div.footer-main p.copyright a {
  padding: 0 6px;
}

#capita_so_global_settings-post_footer div.footer-main p.connect,
#capita_so_global_settings-post_footer div.footer-main .contact_p {
  font-size: 14px;
  font-weight: bold;
}
#capita_so_global_settings-post_footer div.footer-main p.connect {
  margin-left: 20px;
}


#capita_so_global_settings-post_footer div.footer-main a.blog_footer, 
#capita_so_global_settings-post_footer div.footer-main a.twitter_footer, 
#capita_so_global_settings-post_footer div.footer-main a.youtube_footer, 
#capita_so_global_settings-post_footer div.footer-main a.contact_footer
{
  float: left;
  display: block;
  width: 29px;
  height: 29px;
  margin: 10px 4px 0;
}

#capita_so_global_settings-post_footer div.footer-main a.contact_footer, 
#capita_so_global_settings-post_footer div.footer-main .contact_p
{
  float: right;
}
*/
.training-lp-footer-left {
  float: left;
  width: 313px;
  margin-right: 17px;
}

.training-lp-footer p.pdf-guide-1,
.training-lp-footer p.pdf-guide-2 {
  float: left;
}

.training-lp-footer p.pdf-guide-1 {
  margin-right: 15px;
}

.training-lp #main-content #content-container h2 {
  color: #005B82;
}

.training-lp-footer-left h2.training-cta {
  float: left;
  margin: 0;
}

/*
 * Extending 940 grid
 * possibly no longer needed

#content #content-wrapper #main-content .grid_14 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
#content #content-wrapper #main-content .container_12 .grid_14 {
  width: 1100px;
}

 */
/*
 * New Capita Sims Responsive
 */
/*
Contents

* Import
 * Variables
 * Extenders
 * Mixins
* Sitewide
** Navigation
* Responsive
** Front Page
** Products
** SIMS Teacher app
** Support Pages
*/
/*
 * Sitewide
 */
/**
 ** Navigation
 */
#navigation ul li.support-and-services ul li.nolink-li {
  padding-top: 11px;
  padding-bottom: 4px;
  padding-left: 15px;
}
@media screen and (min-width: 739px) {
  #navigation ul li.support-and-services ul li.nolink-li {
    padding-left: 0px;
  }
}
.nonresponsive #navigation ul li.support-and-services ul li.nolink-li {
  padding-left: 0px;
}
@media screen and (min-width: 959px) {
  #navigation ul li.support-and-services ul li.nolink-li.first {
    padding-top: 0;
  }
}
.nonresponsive #navigation ul li.support-and-services ul li.nolink-li.first {
  padding-top: 0;
}
#navigation ul li.support-and-services ul li.nolink-li i {
  color: #00a1c1;
  font-weight: 400;
  font-style: normal;
  padding-left: 5px;
}
@media screen and (min-width: 959px) {
  #navigation ul li.support-and-services ul li.nolink-li i {
    font-size: 18px;
  }
}
.nonresponsive #navigation ul li.support-and-services ul li.nolink-li i {
  font-size: 18px;
}
#navigation ul li.support-and-services ul li a, #navigation ul li.support-and-services ul li.active-trail > a {
  color: #04476f;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  background-color: transparent;
}
#navigation ul li.support-and-services ul li a:hover, #navigation ul li.support-and-services ul li.active-trail > a:hover {
  background-color: #eae9e9;
}
#navigation ul li.support-and-services ul li a.active, #navigation ul li.support-and-services ul li.active-trail > a.active {
  color: #fff;
  background-color: #04476f;
}
#navigation ul li.support-and-services ul li a.active:hover, #navigation ul li.support-and-services ul li.active-trail > a.active:hover {
  color: #fff;
  background-color: #04476f;
}
#navigation ul li.products ul {
  width: auto;
  padding: 0;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul {
    width: 720px;
    padding: 0;
  }
}
.nonresponsive #navigation ul li.products ul {
  width: 720px;
  padding: 0;
}
@media screen and (min-width: 959px) {
  #navigation ul li.products ul {
    width: 958px;
  }
}
.nonresponsive #navigation ul li.products ul {
  width: 958px;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products:hover ul {
    left: -230px;
    background: #f8f8f8;
    padding-bottom: 6px;
  }
}
.nonresponsive #navigation ul li.products:hover ul {
  left: -230px;
  background: #f8f8f8;
  padding-bottom: 6px;
}
@media screen and (min-width: 959px) {
  #navigation ul li.products:hover ul {
    left: -230px;
  }
}
.nonresponsive #navigation ul li.products:hover ul {
  left: -230px;
}
#navigation ul li.products:hover ul ul.non-parent {
  left: 0;
}
#navigation ul li.products ul li a {
  color: #00a1c1;
}
#navigation ul li.products ul li a.button {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  background: #f8f8f8;
  display: none;
}
#navigation ul li.products ul li a.button b {
  float: left;
  display: block;
  width: 17px;
  height: 20px;
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat 0 -249px scroll;
  margin: 0 0.5em 0 0;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul li {
    width: 240px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 14px;
    padding: 0;
  }
  #navigation ul li.products ul li a {
    padding: 10px 15px;
  }
  #navigation ul li.products ul li a.button {
    font-size: 11px;
    display: block;
  }
  #navigation ul li.products ul li li {
    font-size: 13px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.nonresponsive #navigation ul li.products ul li {
  width: 240px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  padding: 0;
}
.nonresponsive #navigation ul li.products ul li a {
  padding: 10px 15px;
}
.nonresponsive #navigation ul li.products ul li a.button {
  font-size: 11px;
  display: block;
}
.nonresponsive #navigation ul li.products ul li li {
  font-size: 13px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  border-right: none;
}
@media screen and (min-width: 959px) {
  #navigation ul li.products ul li {
    width: 319px;
    padding: 0;
  }
  #navigation ul li.products ul li a {
    padding: 14px 26px 7px;
    font-size: 18px;
    font-weight: normal;
  }
  #navigation ul li.products ul li a.button {
    font-size: 14px;
  }
  #navigation ul li.products ul li li {
    margin-left: 0px;
    border-right: none;
  }
}
.nonresponsive #navigation ul li.products ul li {
  width: 319px;
  padding: 0;
}
.nonresponsive #navigation ul li.products ul li a {
  padding: 14px 26px 7px;
  font-size: 18px;
  font-weight: normal;
}
.nonresponsive #navigation ul li.products ul li a.button {
  font-size: 14px;
}
.nonresponsive #navigation ul li.products ul li li {
  margin-left: 0px;
  border-right: none;
}
#navigation ul li.products ul > li.depth-2 > a {
  font-weight: 400;
}
#navigation ul li.products ul li.depth-2.active-trail > span {
  background-color: transparent;
}
#navigation ul li.products ul li.depth-2:hover > a, #navigation ul li.products ul li.depth-2.active-trail > a {
  color: #fff;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul li.depth-2:hover > a, #navigation ul li.products ul li.depth-2.active-trail > a {
    color: #00a1c1;
    background: transparent;
  }
  #navigation ul li.products ul li.depth-2:hover > a.button, #navigation ul li.products ul li.depth-2.active-trail > a.button {
    background-color: #f8f8f8;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2:hover > a, .nonresponsive #navigation ul li.products ul li.depth-2.active-trail > a {
  color: #00a1c1;
  background: transparent;
}
.nonresponsive #navigation ul li.products ul li.depth-2:hover > a.button, .nonresponsive #navigation ul li.products ul li.depth-2.active-trail > a.button {
  background-color: #f8f8f8;
}
#navigation ul li.products ul li.depth-2 > a.active, #navigation ul li.products ul li.depth-2:hover > a.active {
  color: #fff;
  background: #30a9d6;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul li.depth-2 > a.active, #navigation ul li.products ul li.depth-2:hover > a.active {
    color: #00a1c1;
    background: transparent;
  }
  #navigation ul li.products ul li.depth-2 > a.active.button, #navigation ul li.products ul li.depth-2:hover > a.active.button {
    background-color: #f8f8f8;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 > a.active, .nonresponsive #navigation ul li.products ul li.depth-2:hover > a.active {
  color: #00a1c1;
  background: transparent;
}
.nonresponsive #navigation ul li.products ul li.depth-2 > a.active.button, .nonresponsive #navigation ul li.products ul li.depth-2:hover > a.active.button {
  background-color: #f8f8f8;
}
#navigation ul li.products ul li.depth-2:hover > a:hover, #navigation ul li.products ul li.depth-2 a:hover, #navigation ul li.products ul li.depth-2 a:hover i, #navigation ul li.products ul li.depth-2 a:focus, #navigation ul li.products ul li.depth-2 a:active, #navigation ul li.products ul li.depth-2.active-trail a:hover {
  background-color: #eae9e9;
}
#navigation ul li.products ul li.depth-2:hover > a:hover.button, #navigation ul li.products ul li.depth-2 a:hover.button, #navigation ul li.products ul li.depth-2 a:hover i.button, #navigation ul li.products ul li.depth-2 a:focus.button, #navigation ul li.products ul li.depth-2 a:active.button, #navigation ul li.products ul li.depth-2.active-trail a:hover.button {
  background-color: #eae9e9;
}
#navigation ul li.products ul li.depth-2 ul {
  padding: 0;
  position: relative;
  left: 0;
  background: #f8f8f8;
  border: none;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul li.depth-2 ul {
    width: 100%;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 ul {
  width: 100%;
}
#navigation ul li.products ul li.depth-2 ul li {
  background: #f8f8f8;
  margin: 0;
}
#navigation ul li.products ul li.depth-2 ul li a {
  color: #04476f;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  padding: 10px 20px;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul li.depth-2 ul li a {
    font-size: 12px;
    line-height: 19px;
    padding: 5px 15px;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 ul li a {
  font-size: 12px;
  line-height: 19px;
  padding: 5px 15px;
}
@media screen and (min-width: 959px) {
  #navigation ul li.products ul li.depth-2 ul li a {
    padding: 10px 26px;
    font-size: 14px;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 ul li a {
  padding: 10px 26px;
  font-size: 14px;
}
#navigation ul li.products ul li.depth-2 ul li a i {
  color: #57585a;
  display: block;
  font-style: normal;
  font-size: 11px;
}
@media screen and (min-width: 739px) {
  #navigation ul li.products ul li.depth-2 ul li a i {
    height: auto;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 ul li a i {
  height: auto;
}
@media screen and (min-width: 959px) {
  #navigation ul li.products ul li.depth-2 ul li a i {
    font-size: 11px;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 ul li a i {
  font-size: 11px;
}
#navigation ul li.products ul li.depth-2 ul li.sims-teacher-app a {
  background-image: url(images/capita-sims/btn-nav-new.png);
  background-attachment: scroll;
  background-position: 62% top;
  background-repeat: no-repeat;
}
@media screen and (min-width: 959px) {
  #navigation ul li.products ul li.depth-2 ul li.sims-teacher-app a {
    background-position: 53% top;
  }
}
.nonresponsive #navigation ul li.products ul li.depth-2 ul li.sims-teacher-app a {
  background-position: 53% top;
}
#navigation ul li.products ul li.depth-2 ul li.sims-teacher-app a i {
  padding-right: 10px;
}
#navigation ul li.products ul li.depth-2 ul li.sims-teacher-app a:hover i {
  background-color: transparent;
}
#navigation ul li.products ul li.depth-2 ul li a.active, #navigation ul li.products ul li.depth-2 ul li.active-trail a {
  color: #fff;
}
#navigation ul li.products ul li.depth-2 ul li a.active i, #navigation ul li.products ul li.depth-2 ul li.active-trail a i {
  color: inherit;
}
#navigation ul li.products ul li.depth-2 ul li a.active:hover, #navigation ul li.products ul li.depth-2 ul li.active-trail a:hover {
  color: #04476f;
}
#navigation ul li.products ul li.depth-2 ul li a.active:hover i, #navigation ul li.products ul li.depth-2 ul li.active-trail a:hover i {
  color: #57585a;
}
@media screen and (min-width: 739px) {
  #navigation ul li.why-sims- {
    width: 97px;
  }
}
.nonresponsive #navigation ul li.why-sims- {
  width: 97px;
}

/*
 * Responsive
 */
body.responsive {
  /*
   ** Front Page
   */
  /* banner */
  /* homepage */
  /**
   ** SIMS Teacher app
   * body class of .teacher-app
   */
  /**
   ** Support Pages
   */
  /**
   * The comparison table, body class of .support_options
   */
  /**
   * The sidebar bits
   */
  /**
   * 2014 support pages, body class of .support-2014
   * Note: overrisde for description list on -exisiting pages
   */
  /**
   * Existing support page, body class of .support-exisiting, also has .support-2014
   */
  /**
   * The contact form
   */
}
body.responsive #capita_so_global_settings-temp-front-static-banner {
  position: relative;
  width: auto;
  margin: -50px -10px 20px;
  height: 440px;
}
@media screen and (min-width: 739px) {
  body.responsive #capita_so_global_settings-temp-front-static-banner {
    margin-right: -14px;
    margin-left: -14px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #capita_so_global_settings-temp-front-static-banner {
    margin-top: -90px;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 1130px) {
  body.responsive #capita_so_global_settings-temp-front-static-banner {
    width: 1120px;
    margin-right: 0px;
    margin-left: -90px;
  }
}
body.responsive #front-main-banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  /* banner 1 */
  /* banner 2 */
  /* Banner 3 */
  /*    #front-main-banner ul #fmb-3 {
        background-image: url(banners/front/fmb-3.jpg);
        z-index: 4;
      }
      #front-main-banner ul #fmb-3 h2 {
        margin: 0 10px 10px 10px;
      }
      #front-main-banner ul #fmb-3 h2 {
        height: 102px;
        width: 592px;
        bottom: 10px;
        left: 80px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: transparent url(sprite-homepage-banner-v3.png) no-repeat scroll;
        background-position: 0 -363px;
        position: absolute;
      }
      #front-main-banner ul #fmb-3 p {
        width: 390px;
        height: 29px;
        font-size: 18px;
        padding: 0 0 0 10px;
        background: #7ab800;
        bottom: 20px;
        right: 100px;
        color: white;
        text-indent: 0;
        white-space: nowrap;
        overflow: visible;
        @extend %blissLight;
        line-height: 26px;
      }*/
}
body.responsive #front-main-banner ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 440px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent no-repeat 0 0 scroll;
}
@media screen and (min-width: 1130px) {
  body.responsive #front-main-banner ul li {
    width: 1120px;
  }
}
body.responsive #front-main-banner ul h2 {
  position: absolute;
  display: none;
}
body.responsive #front-main-banner ul li p {
  margin: 0;
  padding: 0;
  background: transparent url(sprite-homepage-banner-v2.png) no-repeat scroll;
  position: absolute;
  display: none;
}
body.responsive #front-main-banner ul li p {
  display: none;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
body.responsive #front-main-banner ul #fmb-1 {
  background-image: url(banners/front/fmb-1-v2.jpg);
  z-index: 3;
  background-position: -360px 0px;
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-1 {
    background-position: -240px 0px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-1 {
    background-position: -100px 0px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #front-main-banner ul #fmb-1 {
    background-position: 0px 0px;
  }
}
body.responsive #front-main-banner ul #fmb-1 h2 {
  top: 103px;
  left: 16px;
  width: 233px;
  padding: 20px;
  font-size: 32px;
  line-height: 35px;
  color: #505253;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-1 h2 {
    left: 126px;
    width: 309px;
    font-size: 36px;
    line-height: 38px;
  }
}
body.responsive #front-main-banner ul #fmb-1 p {
  top: 345px;
  left: 12px;
  width: 297px;
  height: 68px;
  background-position: 0 0;
  background-size: 297px;
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-1 p {
    top: 275px;
    left: 102px;
    width: 357px;
    height: 82px;
    background-size: auto;
  }
}
body.responsive #front-main-banner ul #fmb-2 {
  position: relative;
  background-image: url(banners/front/fmb-2-v6.jpg);
  background-position: -360px 0px;
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-2 {
    background-position: -270px 0px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-2 {
    background-position: -110px 0px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #front-main-banner ul #fmb-2 {
    background-position: 0px 0px;
  }
}
body.responsive #front-main-banner ul #fmb-2 p.how-sims {
  z-index: 3;
  top: 73px;
  left: 9px;
  width: 165px;
  height: 138px;
  background-position: 0 -230px;
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-2 p.how-sims {
    top: 83px;
    left: 109px;
  }
}
body.responsive #front-main-banner ul #fmb-2 h2 {
  top: 195px;
  left: 10px;
  width: 135px;
  height: 205px;
  font-size: 16px;
  line-height: 20px;
  padding: 40px 20px 0;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-2 h2 {
    width: 195px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-2 h2 {
    left: 70px;
    width: 215px;
    padding-left: 40px;
    padding-right: 70px;
  }
}
body.responsive #front-main-banner ul #fmb-2 h2 a.button {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 21px;
  font-size: 12px;
  color: #FFFFFF;
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  text-indent: initial;
  white-space: normal;
  overflow: auto;
  bottom: 25px;
  left: 20px;
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-2 h2 a.button {
    left: 30px;
    bottom: 35px;
    font-size: 15px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-2 h2 a.button {
    left: 40px;
    bottom: 55px;
  }
}
body.responsive #front-main-banner ul #fmb-2 h2 a.button:hover {
  cursor: pointer;
  color: #ca005d;
  text-decoration: none;
}
body.responsive #front-main-banner ul #fmb-2 h2 a.button span {
  display: block;
  line-height: 20px;
  width: 17px;
  height: 20px;
  background: transparent url(temp-white-button.png) no-repeat 0 center scroll;
  margin: 0 0.33em 0 0;
  float: left;
}
body.responsive #front-main-banner ul #fmb-2 h2 a.button:hover span {
  background: transparent url(images/capita-sims/sprite-homepage.png) no-repeat -40px -248px scroll;
}
body.responsive #front-main-banner ul #fmb-3 {
  z-index: 4;
  background-image: url(banners/front/fmb-3.jpg);
  background-position: -360px 0px;
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-3 {
    background-position: -270px 0px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-3 {
    background-position: -160px 0px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #front-main-banner ul #fmb-3 {
    background-position: -60px 0px;
  }
}
@media screen and (min-width: 1130px) {
  body.responsive #front-main-banner ul #fmb-3 {
    background-position: 0px 0px;
  }
}
body.responsive #front-main-banner ul #fmb-3 h2 {
  font-size: 20px;
  line-height: 32px;
  padding: 10px 20px 10px 20px;
  color: white;
  width: auto;
  height: auto;
  bottom: 60px;
  left: 20px;
  background-color: #028667;
  position: absolute;
  margin: 0;
  margin-right: 10px;
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-3 h2 {
    left: 10px;
    font-size: 27px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive #front-main-banner ul #fmb-3 h2 {
    height: 102px;
    width: 592px;
    background: transparent url(sprite-homepage-banner-v3.png) no-repeat scroll;
    background-position: 0 -363px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    left: 90px;
    margin-right: 0;
    bottom: 50px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive #front-main-banner ul #fmb-3 h2 {
    bottom: 20px;
  }
}
body.responsive #front-main-banner ul #fmb-3 p {
  width: auto;
  height: 29px;
  padding: 0 10px 0 10px;
  font-size: 13px;
  background: #7ab800;
  left: 20px;
  right: auto;
  bottom: 20px;
  color: white;
  text-indent: 0;
  white-space: nowrap;
  overflow: visible;
  line-height: 26px;
}
@media screen and (min-width: 365px) {
  body.responsive #front-main-banner ul #fmb-3 p {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  body.responsive #front-main-banner ul #fmb-3 p {
    font-size: 18px;
    left: auto;
    right: 20px;
  }
}
@media screen and (min-width: 1130px) {
  body.responsive #front-main-banner ul #fmb-3 p {
    right: 110px;
  }
}
body.responsive #views-blog_recent_posts-block_2 {
  margin: 0 0 10px 0;
}
body.responsive #views-blog_recent_posts-block_2 h2.block-title, body.responsive.front #capita_so_global_settings-twitter_feed h2.block-title, body.responsive.front #views-events_latest_seven-block_1 h2.block-title {
  /* this also changes the twitter and events col h2 on the front page */
  background: #818181 url(bg-side-blog-recent.png) repeat-x left top scroll;
  border: 1px solid #999;
  padding: 9px 7px;
  margin: 0;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  width: auto;
  height: 15px;
  text-indent: 0;
}
body.responsive #views-blog_recent_posts-block_2 h2.block-title a {
  color: #fff;
}
body.responsive.front #views-events_latest_seven-block_1 h2.block-title {
  margin-bottom: 5px;
}
body.responsive #views-blog_recent_posts-block_2 ul {
  border: 1px solid #cdcdcd;
  border-top: none;
  margin: 0;
  padding: 7px;
  list-style: none;
  background: #ededed;
}
body.responsive #views-blog_recent_posts-block_2 ul li {
  /*easycleared */
  padding: 0 0 6px;
  border-bottom: 1px solid #c7c7c7;
  margin: 0 0 7px;
}
body.responsive #views-blog_recent_posts-block_2 ul li.last {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
body.responsive #views-blog_recent_posts-block_2 ul li div.picture {
  float: left;
  /* temp */
  width: 52px;
  height: 52px;
  overflow: hidden;
}
body.responsive #views-blog_recent_posts-block_2 ul li p.date,
body.responsive #views-blog_recent_posts-block_2 ul li h2,
body.responsive #views-blog_recent_posts-block_2 ul li a {
  color: #666;
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0 3px 0 63px;
}
body.responsive #views-blog_recent_posts-block_2 ul li h2 {
  background: transparent;
  border: none;
}
body.responsive #views-blog_recent_posts-block_2 ul li a {
  color: #333;
  font-size: 11px;
  display: block;
}
body.responsive #views-blog_recent_posts-block_2 ul li h2 a {
  font-size: inherit;
  display: inline;
  padding: 0;
  line-height: 15px;
  color: #266295;
}
body.responsive.teacher-app {
  /* small admin tabs tweak */
  /** Hide Drupal progress bar/throbber **/
  /* errors */
  /* success message */
  /* All the new sections */
  /* features */
  /* Pupil information & who benefits */
  /* who benefits overrides */
  /* availability */
  /* teacher app vs learning gateway */
  /* security */
  /* post content cta */
}
body.responsive.teacher-app #breadcrumb, body.responsive.teacher-app #page-title {
  display: none;
}
body.responsive.teacher-app.no-breadcrumb #navigation {
  margin-bottom: 0;
}
body.responsive.teacher-app #content #content-wrapper #main-content {
  margin-bottom: 0;
}
body.responsive.teacher-app #main-content .tabs {
  margin-top: 50px;
  margin-left: 80px;
  width: 630px;
}
body.responsive.teacher-app #capita_so_global_settings-primary-links-mega-menu {
  position: relative;
  z-index: 20;
}
body.responsive.teacher-app #site-search {
  z-index: 21;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #page-wrapper {
    padding: 0 20px;
    overflow: hidden;
  }
}
@media screen and (min-width: 1130px) {
  body.responsive.teacher-app #page-wrapper {
    padding: 0;
    overflow: visible;
  }
}
body.responsive.teacher-app #page-wrapper #content {
  position: relative;
  background: #ededed url(teacherapp/bg-image.jpg) no-repeat 0 0 scroll;
  overflow: hidden;
  z-index: 10;
  margin: -50px -10px 40px;
  padding-bottom: 0;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #page-wrapper #content {
    margin-top: 0;
    top: -50px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #page-wrapper #content {
    width: 960px;
    margin-top: -40px;
    margin-right: -80px;
    margin-left: -80px;
    padding: 0 80px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app.thank-you #content {
    height: 703px;
  }
}
body.responsive.teacher-app #content #content-container {
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #content #content-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #content #content-container {
    padding: 0;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #content #content-container div.container {
    margin-left: -10px;
    margin-right: -10px;
    width: 720px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #content #content-container div.container {
    width: 960px;
  }
}
body.responsive.teacher-app #intro {
  height: 574px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #intro {
    width: 1120px;
    margin: 0 -80px 20px;
  }
}
body.responsive.teacher-app span.hos {
  background: transparent url(teacherapp/sprite-hos-text.png) no-repeat 0 0 scroll;
  text-indent: -9999px;
}
body.responsive.teacher-app #content h2 {
  position: absolute;
  top: 75px;
  left: 0px;
  background: transparent url(teacherapp/bg-purple.png) no-repeat 100% 0 scroll;
  width: 260px;
  height: 116px;
  margin: 0;
  padding: 25px 26px 0 50px;
  z-index: 15;
  color: #fff;
  font-size: 31px;
  font-weight: normal;
  line-height: 35px;
}
@media screen and (min-width: 540px) {
  body.responsive.teacher-app #content h2 {
    padding-left: 130px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #content h2 {
    left: -80px;
  }
}
body.responsive.teacher-app #content #intro span {
  display: block;
  font-size: 20px;
  line-height: 30px;
}
body.responsive.teacher-app #content span#thenew {
  width: 89px;
  height: 20px;
  margin: 0 0 10px -30px;
}
body.responsive.teacher-app #content #text-content {
  position: absolute;
  width: auto;
  height: 243px;
  padding: 45px 20px 35px 20px;
  margin: 100px 0 0 0;
  top: 79px;
  left: -10px;
  background: #fff;
}
@media screen and (min-width: 540px) {
  body.responsive.teacher-app #content #text-content {
    width: 303px;
    height: 251px;
    padding-top: 35px;
    margin: 0;
    top: 184px;
    left: 216px;
    background: #fff url(teacherapp/bg-text-content.png) no-repeat 100% 25px scroll;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #content #text-content {
    left: 136px;
  }
}
body.responsive.teacher-app.thank-you #content #text-content {
  height: 121px;
}
body.responsive.teacher-app #content #text-content p {
  color: #505253;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 16px;
  padding-right: 20px;
}
body.responsive.teacher-app #content #text-content p.intro-bliss {
  color: #6773b6;
  font-size: 18px;
  line-height: 23px;
  padding-right: 0px;
}
body.responsive.teacher-app #content #text-content p.intro-bliss strong {
  background: transparent url(teacherapp/imagine-hos-text.png) no-repeat 0 0 scroll;
  text-indent: -9999px;
  width: 69px;
  height: 23px;
  display: block;
  float: left;
  vertical-align: bottom;
  margin: -3px 0;
  padding: 3px 3px 3px 0;
}
body.responsive.teacher-app #content span#inspiring {
  width: 68px;
  height: 22px;
  background-position: 0 -20px;
  display: inline-block;
  vertical-align: bottom;
}
body.responsive.teacher-app #content #wtkm {
  background: transparent url(teacherapp/wtkm.png) no-repeat 0 0 scroll;
  text-indent: -9999px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #content #wtkm {
    position: absolute;
    top: 442px;
    left: 0px;
    width: 1120px;
    height: 132px;
  }
  body.responsive.teacher-app #content #wtkm a {
    position: absolute;
    top: 0px;
    left: 490px;
    width: 130px;
    height: 120px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #content #wtkm {
    left: -80px;
  }
}
body.responsive.teacher-app #main-content h3 {
  font-size: 24px;
  line-height: 1;
  color: #505253;
}
body.responsive.teacher-app #app-video {
  margin-bottom: 20px;
  width: 100%;
  max-width: 640px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #app-video {
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #app-video {
    float: left;
  }
}
body.responsive.teacher-app #app-video div.jwplayer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #app-video div.jwplayer {
    width: 640px;
  }
}
.lt-ie8 body.responsive.teacher-app #app-video {
  width: 640px;
  height: 360px;
}
.lt-ie8 body.responsive.teacher-app #app-video div.jwplayer {
  width: 640px;
  height: 360px;
  padding: 0;
}
body.responsive.teacher-app #right-col {
  padding-bottom: 20px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #right-col {
    width: 220px;
    float: right;
    margin-right: 10px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #text-updated {
    width: 48.5%;
    margin-right: 3%;
    float: left;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #text-updated {
    width: 100%;
    float: none;
  }
}
body.responsive.teacher-app #text-updated h3 {
  color: #6773b6;
}
body.responsive.teacher-app #text-updated p {
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px;
  color: #6773b6;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #capitaforms-teacherapp_signup_form {
    width: 48.5%;
    float: left;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #capitaforms-teacherapp_signup_form {
    float: none;
    width: 220px;
  }
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form #edit-email-wrapper label {
  /* The visually hidden style from html5bp, allows screen readers to read the label, there's some JS that puts 'Email Address' in as a place holder */
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form #edit-email-wrapper input {
  width: 188px;
  height: 29px;
  line-height: 29px;
  margin: 0 0 10px 0;
  padding: 1px 15px;
  border: 1px solid #6773b6;
  background: #fff;
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form .form-checkboxes label {
  color: #000;
  position: relative;
  padding-left: 26px;
  font-size: 12px;
  line-height: 20px;
  width: auto;
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form .form-checkboxes label span {
  font-size: 11px;
  line-height: 16px;
  float: left;
  padding-top: 8px;
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form .form-checkboxes input {
  position: absolute;
  top: 0;
  left: 0;
}
body.responsive.teacher-app #capitaforms-teacherapp_signup_form div.form-submit a.form-submit {
  float: right;
  display: block;
  background: transparent url(teacherapp/btn-sign-up-v3.png) no-repeat 0 0 scroll;
  width: 220px;
  height: 43px;
  margin: 20px 0 0 0;
  padding: 0px;
  border: 0;
  overflow: hidden;
  text-indent: 240px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  /* IE7 doesn't like the text-indent method */
}
.lt-ie8 body.responsive.teacher-app #capitaforms-teacherapp_signup_form div.form-submit a.form-submit {
  text-indent: 0px;
  line-height: 200px;
}
body.responsive.teacher-app .ahah-progress {
  display: none;
}
body.responsive.teacher-app #message-board {
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: 30;
}
body.responsive.teacher-app #message-board div {
  position: absolute;
  top: 25px;
  left: 500px;
  width: 460px;
  background: #fff;
}
body.responsive.teacher-app p.confirm {
  font-size: 13px;
  font-weight: bold;
}
body.responsive.teacher-app div.info p, body.responsive.teacher-app div.info dt, body.responsive.teacher-app div.info dd {
  font-size: 13px;
  line-height: 19px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app div.info p, body.responsive.teacher-app div.info dt, body.responsive.teacher-app div.info dd {
    font-size: 14px;
    line-height: 21px;
  }
}
body.responsive.teacher-app div.info .intro-bliss {
  font-weight: normal;
}
body.responsive.teacher-app div.info h4, body.responsive.teacher-app div.info .intro-bliss {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 21px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app div.info h4, body.responsive.teacher-app div.info .intro-bliss {
    font-size: 16px;
    line-height: 22px;
  }
}
body.responsive.teacher-app #features {
  background: #fff;
  margin-right: -10px;
  margin-left: -10px;
  padding: 40px  10px 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #features {
    width: 720px;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #features {
    width: 960px;
    margin-right: -80px;
    margin-left: -80px;
    padding-right: 80px;
    padding-left: 80px;
    padding-bottom: 60px;
  }
}
body.responsive.teacher-app #features a.app-screenshot {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  background: #929095;
  padding: 14px;
  border-radius: 7px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #features a.app-screenshot {
    padding: 20px;
    border-radius: 10px;
  }
}
body.responsive.teacher-app #features a.app-screenshot:before {
  position: absolute;
  content: " ";
  display: block;
  background: #fff;
  top: 50%;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-top: -3px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #features a.app-screenshot:before {
    right: 6px;
    width: 9px;
    height: 9px;
    border-radius: 4px;
    margin-top: -4px;
  }
}
body.responsive.teacher-app #features a.app-screenshot img {
  margin: 0;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #features a.app-screenshot img {
    height: 99px !important;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #features a.app-screenshot img {
    height: 135px !important;
  }
}
body.responsive.teacher-app #features hr {
  margin: 50px 55px 60px;
  background: #ededed;
  height: 1px;
}
body.responsive.teacher-app #pupil-information, body.responsive.teacher-app #benefits {
  background: transparent url(teacherapp/bg-pupil-info.jpg) no-repeat center top scroll;
  background-size: cover;
  margin: 0 -10px;
  padding: 20px 10px;
  min-height: 600px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #pupil-information, body.responsive.teacher-app #benefits {
    width: 720px;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #pupil-information, body.responsive.teacher-app #benefits {
    width: 960px;
    height: 600px;
    margin-right: -80px;
    margin-left: -80px;
    padding: 60px  80px 30px;
  }
}
@media screen and (min-width: 1025px) {
  body.responsive.teacher-app #pupil-information, body.responsive.teacher-app #benefits {
    background-attachment: fixed;
  }
}
.lt-ie9 body.responsive.teacher-app #pupil-information, .lt-ie9 body.responsive.teacher-app #benefits {
  background-attachment: scroll;
}
body.responsive.teacher-app #pupil-information h3, body.responsive.teacher-app #benefits h3 {
  margin-bottom: 20px;
  height: 131px;
  line-height: 31px;
  display: inline-block;
  padding: 19px 40px 19px 80px;
  margin-left: -80px;
  color: #fff;
  font-weight: normal;
  background: transparent url(teacherapp/scribble-orange.png) no-repeat right top scroll;
}
@media screen and (min-width: 480px) {
  body.responsive.teacher-app #pupil-information h3, body.responsive.teacher-app #benefits h3 {
    padding-top: 36px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #pupil-information h3, body.responsive.teacher-app #benefits h3 {
    font-size: 26px;
    line-height: 131px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #pupil-information h3, body.responsive.teacher-app #benefits h3 {
    margin-bottom: 40px;
    font-size: 31px;
  }
}
body.responsive.teacher-app #pupil-information div > div, body.responsive.teacher-app #benefits div > div {
  padding: 15px 15px 1px !important;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.95);
}
.lt-ie9 body.responsive.teacher-app #pupil-information div > div, .lt-ie9 body.responsive.teacher-app #benefits div > div {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
  zoom: 1;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #pupil-information div > div, body.responsive.teacher-app #benefits div > div {
    padding: 30px 20px 11px !important;
  }
}
body.responsive.teacher-app #pupil-information span.hos-sta, body.responsive.teacher-app #benefits span.hos-sta {
  display: inline-block;
  background: transparent url(teacherapp/hos-sims-teacher-app.png) no-repeat center bottom scroll;
  width: 132px;
  height: 21px;
  text-indent: -9999px;
}
body.responsive.teacher-app #benefits {
  margin-top: 20px;
  background-image: url(teacherapp/bg-benefits.jpg);
  min-height: 600px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #benefits {
    height: 600px;
    padding: 20px 80px;
  }
}
body.responsive.teacher-app #benefits h3 {
  line-height: 131px;
  padding-top: 0;
  padding-bottom: 0;
  background-image: url(teacherapp/scribble-light-blue.png);
}
body.responsive.teacher-app #benefits div.container {
  clear: both;
  position: relative;
  top: 40px;
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #benefits div.container {
    top: 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #benefits div > div {
    padding: 30px 30px 11px !important;
  }
}
body.responsive.teacher-app #availability {
  background: #f0ab00;
  margin-right: -10px;
  margin-left: -10px;
  padding: 30px  10px 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #availability {
    width: 720px;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #availability {
    width: 960px;
    margin-right: -80px;
    margin-left: -80px;
    padding-right: 80px;
    padding-left: 80px;
  }
}
body.responsive.teacher-app #availability h3 {
  color: #fff;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 24px;
}
body.responsive.teacher-app #availability p {
  font-weight: normal;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
body.responsive.teacher-app #teacher-lg {
  background: #fff;
  margin-right: -10px;
  margin-left: -10px;
  padding: 20px  10px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #teacher-lg {
    width: 720px;
    margin-right: -20px;
    margin-left: -20px;
    padding: 40px  20px 20px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #teacher-lg {
    width: 960px;
    margin-right: -80px;
    margin-left: -80px;
    padding-right: 80px;
    padding-left: 80px;
  }
}
body.responsive.teacher-app #teacher-lg h3, body.responsive.teacher-app #teacher-lg .intro-bliss {
  color: #6773b6;
}
body.responsive.teacher-app #security {
  padding-top: 20px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #security {
    padding-top: 40px;
  }
}
body.responsive.teacher-app #security dl {
  margin: 0;
  padding: 10px 0 0;
}
.lt-ie8 body.responsive.teacher-app #security dl {
  padding-bottom: 20px;
}
body.responsive.teacher-app #security dl dt {
  clear: both;
  font-weight: bold;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #security dl dt {
    float: left;
    width: 15%;
  }
}
body.responsive.teacher-app #security dl dd {
  margin-bottom: 25px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #security dl dd {
    float: left;
    width: 85%;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #security dl dd.logos {
    width: 135px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #security dl dd.logos {
    width: 405px;
  }
}
body.responsive.teacher-app #security dl dd.logos img.logo {
  float: left;
  margin-right: 35px;
  margin-bottom: 2px;
}
body.responsive.teacher-app #security dl dd.text {
  clear: both;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #security dl dd.text {
    clear: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 85%;
    padding-left: 135px;
    margin-left: -135px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #security dl dd.text {
    padding-left: 405px;
    margin-left: -405px;
  }
}
.lt-ie8 body.responsive.teacher-app #security dl dd.text {
  width: 85%;
  padding-left: 15%;
  margin-left: 0;
}
body.responsive.teacher-app #post-cta {
  background: #fff;
  margin-right: -10px;
  margin-left: -10px;
  padding: 40px  10px 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #post-cta {
    width: 480px;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 140px;
    padding-left: 140px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #post-cta {
    width: 480px;
    margin-right: -80px;
    margin-left: -80px;
    padding-right: 320px;
    padding-left: 320px;
  }
}
body.responsive.teacher-app #post-cta h3 {
  line-height: 43px;
  margin-bottom: 0;
}
@media screen and (min-width: 480px) {
  body.responsive.teacher-app #post-cta h3 {
    float: left;
    margin-right: 20px;
  }
}
body.responsive.teacher-app #post-cta a {
  display: block;
  background: transparent url(teacherapp/btn-sign-up-v3.png) no-repeat 0 0 scroll;
  width: 220px;
  height: 43px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  text-indent: 240px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  /* IE7 doesn't like the text-indent method */
}
.lt-ie8 body.responsive.teacher-app #post-cta a {
  text-indent: 0px;
  line-height: 200px;
}
@media screen and (min-width: 480px) {
  body.responsive.teacher-app #post-cta a {
    float: left;
  }
}
body.responsive.teacher-app #post-cta strong {
  color: #6773b6;
}
body.responsive.teacher-app #post-cta p {
  clear: both;
  font-size: 16px;
  color: #505253;
  padding-top: 15px;
}
@media screen and (min-width: 739px) {
  body.responsive.teacher-app #post-cta p {
    margin: 0 -80px;
    font-size: 18px;
    text-align: center;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.teacher-app #post-cta p {
    margin: 0 -140px;
    font-size: 20px;
  }
}
body.responsive.teacher-app #post-cta p a[href^=tel] {
  color: inherit;
  text-decoration: none;
  width: auto;
  height: auto;
  background: transparent;
  text-indent: 0;
  display: inline;
  float: none;
}
body.responsive.support_options .grid_4 h1 {
  font-size: 20px;
  color: #fff;
  background: #7ab800;
  margin: 0 0 20px;
  padding: 13px;
  display: inline-block;
}
@media screen and (min-width: 365px) {
  body.responsive.support_options .grid_4 h1 {
    font-size: 21px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options p.intro {
    font-size: 20px !important;
  }
}
body.responsive.support_options ul.headings {
  display: none;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options ul.headings {
    display: block;
    padding: 0 0 0 305px;
    margin: 0;
    list-style: none;
    background: transparent url(support-faux-columns-narrow.png) repeat-y right top scroll;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options ul.headings {
    margin-right: -5px;
    padding: 12px 0 8px 302px;
    height: 59px;
    background: transparent url(support-headings.png) repeat-y right top scroll;
  }
}
body.responsive.support_options ul.headings li {
  margin: 0 0 6px;
  padding: 6px 0 0;
  float: left;
  background: #fff;
}
@media screen and (min-width: 959px) {
  body.responsive.support_options ul.headings li {
    background-color: transparent;
  }
}
body.responsive.support_options ul.headings h2 {
  margin: 0;
  padding: 10px 0;
  color: #fff;
  font-weight: normal;
  text-align: center;
  font-size: 15px;
  line-height: 32px;
}
body.responsive.support_options ul.headings span {
  display: none;
}
@media screen and (min-width: 959px) {
  body.responsive.support_options ul.headings span {
    display: inline;
  }
}
@media screen and (min-width: 739px) and (min-width: 739px) {
  body.responsive.support_options ul.headings .so {
    width: 135px;
  }
}
@media screen and (min-width: 739px) and (min-width: 959px) {
  body.responsive.support_options ul.headings .so {
    width: 208px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options ul.headings .so h2 {
    background-color: #505253;
  }
}
@media screen and (min-width: 739px) and (min-width: 959px) {
  body.responsive.support_options ul.headings .so h2 {
    background-color: transparent;
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options ul.headings .ai {
    padding-top: 3px;
    margin-bottom: 3px;
  }
}
@media screen and (min-width: 739px) and (min-width: 739px) {
  body.responsive.support_options ul.headings .ai {
    width: 135px;
  }
}
@media screen and (min-width: 739px) and (min-width: 959px) {
  body.responsive.support_options ul.headings .ai {
    width: 212px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options ul.headings .ai h2 {
    background-color: #00a1c1;
    line-height: 38px;
  }
}
@media screen and (min-width: 739px) and (min-width: 959px) {
  body.responsive.support_options ul.headings .ai h2 {
    background-color: transparent;
    font-size: 22px;
    line-height: 33px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options ul.headings .ws {
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 739px) and (min-width: 739px) {
  body.responsive.support_options ul.headings .ws {
    width: 145px;
  }
}
@media screen and (min-width: 739px) and (min-width: 959px) {
  body.responsive.support_options ul.headings .ws {
    width: 228px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options ul.headings .ws h2 {
    background-color: #7ab800;
    line-height: 44px;
  }
}
@media screen and (min-width: 739px) and (min-width: 959px) {
  body.responsive.support_options ul.headings .ws h2 {
    background-color: transparent;
    font-size: 26px;
    line-height: 36px;
  }
}

body.responsive.support_options .support-levels {
  padding: 0 0 10px;
  margin: 0 0 10px;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels {
    width: 720px;
    margin-bottom: 0;
    background: transparent url(support-faux-columns-narrow.png) repeat-y right top scroll;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-levels {
    width: 966px;
    margin-right: -6px;
    background: transparent url(support-faux-columns.png) repeat-y right top scroll;
  }
}
body.responsive.support_options .support-levels dd, body.responsive.support_options .support-levels dt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.responsive.support_options .support-levels dt {
  cursor: pointer;
  clear: both;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 25px 5px 5px;
  background: transparent url(support-i.png) no-repeat right 15px scroll;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dt {
    width: 290px;
    float: left;
    padding-bottom: 15px;
    margin-right: 10px;
    border-top: 1px solid #d1d1d1;
  }
  body.responsive.support_options .support-levels dt.first {
    border-top: 0;
  }
  .lt-ie8 body.responsive.support_options .support-levels dt {
    width: 260px;
  }
}
body.responsive.support_options .support-levels dd.yes, body.responsive.support_options .support-levels dd.no {
  font-weight: normal;
  float: left;
  padding: 7px 25px 5px 5px;
  width: 33.3333333333%;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  background: transparent no-repeat right center scroll;
}
@media screen and (min-width: 365px) {
  body.responsive.support_options .support-levels dd.yes, body.responsive.support_options .support-levels dd.no {
    font-size: 14px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.yes, body.responsive.support_options .support-levels dd.no {
    background-position: center center;
    border-top: 1px solid #d1d1d1;
    text-indent: -9999px;
    padding: 15px 10px;
  }
  body.responsive.support_options .support-levels dd.yes.first, body.responsive.support_options .support-levels dd.no.first {
    border-top: 0;
  }
}
body.responsive.support_options .support-levels dd.yes {
  background-image: url(support-tick-white.png);
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.yes {
    background-image: url(support-tick.png);
  }
}
body.responsive.support_options .support-levels dd.no {
  background-image: url(support-x-white.png);
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.no {
    background-image: url(support-x.png);
  }
}
body.responsive.support_options .support-levels dd.so {
  background-color: #505253;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.so {
    width: 115px;
    margin: 0 10px 0 13px;
    background-color: transparent;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-levels dd.so {
    width: 188px;
    margin: 0 6px 0 11px;
  }
  .lt-ie8 body.responsive.support_options .support-levels dd.so {
    width: 158px;
  }
}
body.responsive.support_options .support-levels dd.ai {
  background-color: #00a1c1;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.ai {
    width: 115px;
    margin: 0 12px 0 10px;
    background-color: transparent;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-levels dd.ai {
    width: 190px;
    margin: 0 5px 0 15px;
  }
  .lt-ie8 body.responsive.support_options .support-levels dd.ai {
    width: 160px;
    margin-left: 30px;
  }
}
body.responsive.support_options .support-levels dd.ws {
  background-color: #7ab800;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.ws {
    width: 125px;
    margin: 0 10px;
    background-color: transparent;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-levels dd.ws {
    width: 198px;
    margin: 0 25px 0 22px;
  }
  .lt-ie8 body.responsive.support_options .support-levels dd.ws {
    width: 168px;
    margin-left: 37px;
  }
}
body.responsive.support_options .support-levels dd.desc {
  display: none;
  border-top: 1px solid #d1d1d1;
  padding: 5px 25px 5px 5px;
  font-size: 13px;
  line-height: 20px;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-levels dd.desc {
    border-top: 0;
    width: 300px;
    float: left;
    margin: 50px 0 0 -300px;
  }
  .lt-ie8 body.responsive.support_options .support-levels dd.desc {
    width: 270px;
    clear: left;
    margin: 0;
  }
}
body.responsive.support_options .support-levels dd span {
  display: none;
}
@media screen and (min-width: 480px) {
  body.responsive.support_options .support-levels dd span {
    display: inline;
  }
}
body.responsive.support_options .support-downloads {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads {
    margin-right: -5px;
    padding-bottom: 12px;
    height: 80px;
    background: transparent url(support-downloads.png) repeat-y right top scroll;
  }
}
body.responsive.support_options .support-downloads li {
  margin: 0;
  padding: 0;
  max-width: 340px;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads li {
    max-width: none;
    float: left;
    font-size: 12px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads li {
    font-size: 15px;
  }
}
body.responsive.support_options .support-downloads a {
  display: block;
  padding: 5px 5px 5px 40px;
  line-height: 28px;
  background: transparent url(support-download-white.png) no-repeat left 5px scroll;
  color: #fff;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads a {
    background-position: left 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads a {
    background-position: 5px 10px;
    padding-left: 50px;
  }
}
body.responsive.support_options .support-downloads a:hover {
  text-decoration: none;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads .comparison {
    width: 305px;
    font-size: 16px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads .comparison {
    width: 302px;
    font-size: 20px;
  }
}
body.responsive.support_options .support-downloads .comparison a {
  background-image: url(support-download.png);
  color: #00a1c1;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads .comparison a {
    padding-right: 40px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads .comparison a {
    padding-top: 15px;
  }
}
body.responsive.support_options .support-downloads .sims-only {
  background-color: #505253;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads .sims-only {
    width: 135px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads .sims-only {
    width: 208px;
    background-color: transparent;
  }
}
body.responsive.support_options .support-downloads .admin-ict {
  background-color: #00a1c1;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads .admin-ict {
    width: 135px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads .admin-ict {
    width: 212px;
    padding-top: 3px;
    background-color: transparent;
  }
}
body.responsive.support_options .support-downloads .whole {
  background-color: #7ab800;
}
@media screen and (min-width: 739px) {
  body.responsive.support_options .support-downloads .whole {
    width: 145px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive.support_options .support-downloads .whole {
    width: 228px;
    padding-top: 6px;
    background-color: transparent;
  }
}
@media screen and (min-width: 739px) {
  body.responsive.support_options div.supportive {
    padding: 20px 0;
  }
}
body.responsive.support_options div.supportive .grid_3 {
  min-width: 240px;
}
@media screen and (min-width: 480px) {
  body.responsive.support_options div.supportive .grid_6 {
    min-width: 460px;
  }
}
.lt-ie9 body.responsive.support_options div.supportive .grid_3.terms-col {
  width: 200px !important;
  min-width: 200px;
}
body.responsive.support_options h2.always-supportive {
  background: transparent url(support-always.png) no-repeat 0 0 scroll;
  text-indent: -9999px;
  overflow: hidden;
  width: 218px;
  height: 34px;
  margin: 0 0 17px;
}
body.responsive.support_options blockquote {
  margin: 0 0 17px;
  padding: 0;
}
body.responsive.support_options blockquote p {
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  padding: 0;
}
body.responsive.support_options blockquote p.cite {
  font-size: 15px;
  line-height: 23px;
  color: #7ab800;
}
body.responsive.support_options p.read-more {
  display: inline-block;
}
body.responsive.support_options p.read-more a {
  color: #00a1c1;
  font-size: 15px;
  line-height: 23px;
  height: 23px;
  padding-left: 25px;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(icon-arrow-blue.png) no-repeat 0 2px scroll;
}
body.responsive .support-aside {
  margin-bottom: 20px;
}
@media screen and (min-width: 959px) {
  body.responsive .support-aside {
    margin-bottom: 0px;
  }
}
body.responsive .support-aside h2 {
  font-size: 21px;
  line-height: 71px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  background: #00a1c1;
}
body.responsive .support-aside ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.responsive .support-aside li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
  background: #efefef;
}
@media screen and (min-width: 959px) {
  body.responsive .support-aside li {
    height: 72px;
  }
}
body.responsive .support-aside li:hover {
  background-color: #dddddd;
}
body.responsive .support-aside li a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding: 10px 10px 10px 40px;
  color: #505253;
  font-size: 20px;
  line-height: 21px;
  background: transparent url(support-tick-seagreen.png) no-repeat 10px 10px scroll;
}
@media screen and (min-width: 959px) {
  body.responsive .support-aside li a {
    padding: 15px 5px 15px 40px;
    background-position: 12px 44%;
    height: 42px;
  }
}
body.responsive .support-aside li a:hover {
  text-decoration: none;
}
.lt-ie8 body.responsive .support-aside li a {
  display: block;
  height: auto;
  width: auto;
}
body.responsive .support-aside.additional-services h2 {
  background: #505253;
}
body.responsive .support-aside.additional-services a {
  font-size: 18px;
}
@media screen and (min-width: 959px) {
  body.responsive .support-pro-development {
    padding-top: 20px;
  }
}
body.responsive .support-pro-development h2 {
  width: 151px;
  height: 147px;
  float: right;
  margin: 0 0 20px;
  padding: 0;
  text-indent: -9999px;
  background: transparent url(support-pro-dev.png) no-repeat 0 0 scroll;
}
body.responsive .support-pro-development blockquote {
  clear: both;
  padding: 0 0 0 40px;
  margin: 0;
  text-align: right;
}
body.responsive .support-pro-development p {
  font-weight: normal;
  color: #ca005d;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
  padding: 0;
}
body.responsive .support-pro-development p.cite {
  color: #505253;
  font-size: 14px;
  line-height: 21px;
  padding-left: 30px;
}
body.responsive .support-compare-options a {
  display: block;
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  padding: 10px 10px 10px 35px;
  background: #ff5800 url(icon-arrow-white.png) no-repeat 10px 12px scroll;
}
body.responsive.support-2014 p.extra-bottom-margin {
  margin-bottom: 50px;
}
body.responsive #page-wrapper #content .support-description-list {
  margin-top: 40px;
  margin-bottom: 80px;
  background-color: #efefef;
  position: relative;
}
body.responsive #page-wrapper #content .support-description-list.whole-support {
  margin-top: 70px;
}
body.responsive #page-wrapper #content .support-description-list.whole-support .whole-support-image {
  display: none;
  float: right;
  margin-top: -46px;
  margin-bottom: 0;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content .support-description-list.whole-support .whole-support-image {
    display: block;
  }
}
.lt-ie9 body.responsive #page-wrapper #content .support-description-list.whole-support .whole-support-image {
  width: 220px;
  height: 228px;
}
body.responsive #page-wrapper #content .support-description-list.admin-ict-support .admin-ict-support-image {
  display: none;
  float: right;
  margin-top: -46px;
  margin-bottom: 0;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content .support-description-list.admin-ict-support .admin-ict-support-image {
    display: block;
  }
}
.lt-ie9 body.responsive #page-wrapper #content .support-description-list.admin-ict-support .admin-ict-support-image {
  width: 220px;
  height: 208px;
}
body.responsive #page-wrapper #content .support-description-list.sims-only-support .sims-only-support-image {
  display: none;
  float: right;
  margin-top: -46px;
  margin-bottom: 0;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content .support-description-list.sims-only-support .sims-only-support-image {
    display: block;
  }
}
.lt-ie9 body.responsive #page-wrapper #content .support-description-list.sims-only-support .sims-only-support-image {
  width: 220px;
  height: 154px;
}
body.responsive #page-wrapper #content .support-description-list h2.title-block {
  padding: 10px 20px;
  float: left;
  margin-top: -20px;
}
body.responsive #page-wrapper #content .support-description-list ul {
  clear: left;
  list-style: none;
  margin: 0 0 20px 54px;
  padding: 0 20px 0 0;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content .support-description-list ul {
    float: left;
    width: 406px;
    padding-right: 0;
  }
}
.lt-ie8 body.responsive #page-wrapper #content .support-description-list ul {
  margin-left: 20px;
}
body.responsive #page-wrapper #content .support-description-list li {
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
body.responsive #page-wrapper #content .support-description-list li.last {
  border: 0;
}
body.responsive #page-wrapper #content .support-description-list li:before {
  display: block;
  content: ' ';
  width: 20px;
  height: 20px;
  background: transparent url(../sprite-cta-items-v1.png) no-repeat -27px 0;
  position: absolute;
  top: 12px;
  left: -35px;
}
body.responsive #page-wrapper #content .support-description-list p.caption {
  width: 150px;
  margin-right: 20px;
  float: right;
}
.lt-ie8 body.responsive #page-wrapper #content .support-description-list p.caption {
  margin-top: 200px;
  margin-right: -240px;
}
body.responsive #page-wrapper #content .support-description-list p.button {
  width: 220px;
  margin-bottom: 0;
  clear: both;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content .support-description-list p.button {
    clear: none;
    position: absolute;
    bottom: -40px;
    right: 0;
  }
}
body.responsive #page-wrapper #content .support-description-list p.button a {
  background: none;
  margin: 0;
  padding: 10px 10px 10px 48px;
  position: relative;
}
body.responsive #page-wrapper #content .support-description-list p.button a:before {
  display: block;
  content: ' ';
  width: 27px;
  height: 27px;
  background: transparent url(../sprite-cta-items-v1.png) no-repeat 0 0;
  position: absolute;
  top: 10px;
  left: 10px;
}
body.responsive #page-wrapper #content .support-description-list p.button a:hover, body.responsive #page-wrapper #content .support-description-list p.button a:active, body.responsive #page-wrapper #content .support-description-list p.button a:focus {
  text-decoration: none;
  background-color: #008566;
}
body.responsive #page-wrapper #content .support-quote h2 {
  float: left;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  background: transparent no-repeat 0 0 scroll;
}
body.responsive #page-wrapper #content .support-quote p {
  float: right;
}
@media screen and (min-width: 739px) {
  body.responsive #page-wrapper #content .support-quote p {
    width: 455px;
  }
}
body.responsive #page-wrapper #content .support-quote .quote-text {
  font-size: 18px;
}
body.responsive #page-wrapper #content .support-quote .credit {
  font-size: 15px;
  clear: right;
}
body.responsive #page-wrapper #content .support-quote.a-friendly-voice {
  margin-bottom: 37px;
}
body.responsive #page-wrapper #content .always-supportive h2 {
  width: 218px;
  height: 34px;
  background-image: url(support-h2-always-supportive.png);
}
body.responsive #page-wrapper #content .professional-development h2 {
  width: 152px;
  height: 63px;
  background-image: url(support-h2-professional-development.png);
}
body.responsive #page-wrapper #content .a-friendly-voice h2 {
  width: 193px;
  height: 34px;
  background-image: url(support-h2-friendly-voice.png);
}
body.responsive .want-to-know-more {
  background-color: #ff5800;
  color: white;
  margin-bottom: 50px;
}
body.responsive .want-to-know-more h2,
body.responsive .want-to-know-more p {
  margin: 20px 0;
  float: left;
}
body.responsive .want-to-know-more h2 {
  margin-left: 20px;
  font-size: 22px;
}
body.responsive .want-to-know-more p {
  font-size: 15px;
  margin-right: 20px;
  margin-left: 20px;
}
@media screen and (min-width: 739px) {
  body.responsive .want-to-know-more p {
    float: right;
    margin-left: 0px;
  }
}
body.responsive .want-to-know-more p a {
  display: inline-block;
  color: white;
  padding-right: 30px;
  background: url(icon-arrow-white.png) no-repeat right center scroll;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support {
  padding: 0 0 100px;
}
@media screen and (min-width: 739px) {
  body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support {
    padding-top: 400px;
  }
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support h2.support-title {
  float: left;
}
@media screen and (min-width: 739px) {
  body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support h2.support-title {
    float: none;
    z-index: 10;
    position: absolute;
    top: -20px;
    left: 0;
    margin-top: 0;
  }
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support img.banner {
  display: none;
}
@media screen and (min-width: 739px) {
  body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support img.banner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support p.intro {
  clear: left;
  font-size: 15px;
  width: auto;
  padding: 0 20px;
}
@media screen and (min-width: 739px) {
  body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support p.intro {
    padding: 0;
    width: 300px;
    height: 110px;
    position: absolute;
    top: 220px;
    left: 20px;
    z-index: 2;
  }
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .list-head {
  padding: 0 20px;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support ul {
  margin: 0 0 20px 20px;
  width: auto;
  float: none;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support li {
  padding: 10px 0;
  margin: 0 20px 0 30px;
  font-weight: bold;
  font-size: 13px;
}
@media screen and (min-width: 739px) {
  body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support li {
    float: left;
    width: 283px;
  }
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support li:before {
  background-image: url(support-tick.png);
  background-position: -5px 0;
  left: -30px;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 4;
  background: #ff5800;
  padding: 20px;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer h2 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 15px;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer p {
  font-size: 15px;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer p a {
  display: inline-block;
  padding-left: 30px;
  line-height: 17px;
  background: url(icon-arrow-white.png) no-repeat left center scroll;
  color: #fff;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer a.cover {
  display: none;
  position: absolute;
  top: -30px;
  right: 30px;
}
@media screen and (min-width: 540px) {
  body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer a.cover {
    display: block;
  }
}
.lt-ie9 body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer a.cover {
  display: block;
  min-width: 140px;
  min-height: 180px;
}
body.responsive.support-exisiting #page-wrapper #content .support-description-list.enhance-support .footer a.cover img {
  margin: 0;
}
body.responsive .support-contact-form {
  background-color: #ededed;
  margin-bottom: 20px;
}
.lt-ie8 body.responsive .support-contact-form {
  padding-bottom: 30px;
}
@media screen and (min-width: 959px) {
  body.responsive .support-contact-form {
    width: 960px;
  }
}
body.responsive .support-contact-form h2 {
  background: transparent url(../icon-support-phone.png) no-repeat 20px 20px scroll;
  font-size: 25px;
  color: #008566;
  margin: 0 0 20px;
  padding-left: 107px;
  padding-top: 42px;
  padding-right: 10px;
}
@media screen and (min-width: 739px) {
  body.responsive .support-contact-form h2 {
    height: 60px;
    margin-bottom: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .support-contact-form h2 {
    margin-left: 35px;
  }
}
body.responsive .support-contact-form h2 span.num {
  font-weight: 400;
}
body.responsive .support-contact-form .form-item {
  float: left;
  margin: 0;
  padding: 0 18px;
}
@media screen and (min-width: 739px) {
  body.responsive .support-contact-form .form-item {
    padding-right: 0;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .support-contact-form .form-item {
    padding-left: 0;
  }
}
body.responsive .support-contact-form .form-item input {
  background-color: #ffffff;
  width: 90%;
  height: 36px;
  line-height: 36px;
  padding: 0 5%;
  margin: 0 0 32px;
  font-size: 15px;
  font-style: italic;
}
body.responsive .support-contact-form .form-item input::-webkit-input-placeholder {
  color: #737373;
}
body.responsive .support-contact-form .form-item input:-moz-placeholder {
  /* Firefox 18- */
  color: #737373;
}
body.responsive .support-contact-form .form-item input::-moz-placeholder {
  /* Firefox 19+ */
  color: #737373;
}
body.responsive .support-contact-form .form-item input:-ms-input-placeholder {
  color: #737373;
}
@media screen and (min-width: 739px) {
  body.responsive .support-contact-form .form-item input {
    width: 130px;
    padding: 0 13px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .support-contact-form .form-item input {
    width: 200px;
    margin-right: 18px;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .support-contact-form .form-item#edit-name-wrapper {
    margin-left: 35px;
  }
}
.lt-ie8 body.responsive .support-contact-form .form-item#edit-name-wrapper {
  margin-left: 20px;
}
body.responsive .support-contact-form input.form-submit {
  padding: 0;
  margin: 0 18px;
  border: 0;
  cursor: pointer;
  text-indent: 140px;
  font-size: 15px;
  background: transparent url(../btn-support.png) no-repeat 0 0 scroll;
  color: #ffffff;
  width: 132px;
  height: 38px;
  overflow: hidden;
}
@media screen and (min-width: 739px) {
  body.responsive .support-contact-form input.form-submit {
    margin-right: 0;
  }
}
@media screen and (min-width: 959px) {
  body.responsive .support-contact-form input.form-submit {
    margin-left: 0;
  }
}
.lt-ie8 body.responsive .support-contact-form input.form-submit {
  text-indent: 0px;
  line-height: 190px;
}

/*
 * Christmas
 */
body.christmas #header h1.site-identity,
body.christmas #header div.site-identity {
  margin-top: -20px;
}
.lt-ie8 body.christmas #header h1.site-identity,
.lt-ie8 body.christmas #header div.site-identity {
  position: relative;
  top: -20px;
  margin-top: 0;
  left: 10px;
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**
 * typography.css
 * **************
 *
 * This stylesheet provides a very basic level of typographic
 * overriding that provided by Fresh Air.
 *
 */

/* new brand */
body.rebrand
{
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.643em; /* 14px * 1.643 = 23px */
}

/* legacy brand */
body
{
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 0.813em; /* 16px x .813 = 13px */
  line-height: 1.54em; /* 13px * 1.54 = 20px */
}

/* new brand */
body.rebrand h1,
body.rebrand h2,
body.rebrand h3,
body.rebrand h4,
body.rebrand h5,
body.rebrand h6 {
  font-family: "Bliss Regular", 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
  font-size-adjust: 0.47;
  font-weight: normal;
  font-style: normal;
}

/* legacy brand */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}

body.rebrand h1 {
  font-size: 2.143em; /* 14px x 2.143 = 30px */
  line-height: 1.34em; /* 30px x 1.34em = 40px */
  margin-bottom: 0.67em; /* 30px * 0.67 = 20px */
}

h1 {
  font-size: 2.3em; /* 13px x 2.3 = 30px */
  line-height: 1.34em; /* 30px x 1.34em = 40px */
  margin-bottom: 0.67em; /* 30px * 0.67 = 20px */
  font-weight: normal;
}

h2 {
  font-size: 1.23em; /* 13px x 1.23 = 16px */
  margin-bottom: 1.25em; /* 16px x 1.25 = 20px */
}

body.rebrand h2 {
  font-size: 1.57em; /* 14px x 1.57 = 22px */
  margin-bottom: 1.045em; /* 22px x 1.045 = 23px */
}

h3 {
  font-size: 1.077em; /* 13px x 1.077 = 14px */
  margin-bottom: 1.43em; /* 14px x 1.43 = 20px */
}

body.rebrand h3 {
  font-size: 1.286em; /* 14px x 1.286 = 18px */
}

h4,
h5,
h6 {
  font-size: 1.077em; /* 13px x 1.077 = 14px */
}

body.rebrand h4,
body.rebrand h5,
body.rebrand h6 {
  font-size: 1.143em; /* 14px x 1.143 = 16px */
}

p,
table {
  margin-bottom: 1.54em; /* 13px x 1.54 = 20px */
}

ul,
ol,
dl {
  margin-bottom: 1.54em; /* 13px x 1.54 = 20px */
}

/**
 * margin bottom for elements that probably should be better marked up
 */
#aggregator .links, /* aggregator module */
.feed-description, /* aggregator module */
.feed-item-categories, /* aggregator module */
.feed-item-body, /* aggregator module */
.feed-item-meta, /* aggregator module */
.feed-updated, /* aggregator module */
.feed-url, /* aggregator module */
.bar, /* poll module */
.poll .total, /* poll module */
#profile .profile /* profile/profile_[field]/[%value] */
{
  margin-bottom: 1.54em; /* 13px x 1.54 = 20px */
}

/* we don't typically require bottom margin on nested lists */
ul ul,
ol ol,
ul ol,
ol ul,
dl ul,
dl ol,
ul dl,
ol dl {
  margin-bottom: 0;
}

input,
select,
table,
textarea
{
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1em; /* 13px x 1 = 13px */
  line-height: 1.54em; /* 13px x 1.54 = 20px */
}
/*! Capita Static header/footer */

.inner-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.main-navigation, .button-icon__link {
    font-family: "Bliss Regular", "Bliss2", 'Gill Sans MT', 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
    font-size-adjust: 0.47;
    font-style: normal
}

.main-header__h1, .main-footer h2 {
    text-indent: -9999px;
    overflow: hidden
}

body {
    margin: 0
}

.main-header *, .main-header *:before, .main-header *:after, .main-navigation *, .main-navigation *:before, .main-navigation *:after, .main-footer *, .main-footer *:before, .main-footer *:after {
    box-sizing: border-box
}

.main-header a, .main-navigation a, .main-footer a {
    text-decoration: none
}

    .main-header a:link, .main-header a:visited, .main-header a:hover, .main-header a:active, .main-navigation a:link, .main-navigation a:visited, .main-navigation a:hover, .main-navigation a:active, .main-footer a:link, .main-footer a:visited, .main-footer a:hover, .main-footer a:active {
        text-decoration: none
    }

    .main-header a[href^="tel"], .main-navigation a[href^="tel"], .main-footer a[href^="tel"] {
        color: inherit;
        text-decoration: none
    }

.outer-wrapper {
    margin-bottom: 20px
}

    .outer-wrapper.outer-wrapper-0-margin {
        margin-bottom: 0
    }

    .outer-wrapper.outer-wrapper-2-margin {
        margin-bottom: 40px
    }

    .outer-wrapper.outer-wrapper-3-margin {
        margin-bottom: 60px
    }

    .outer-wrapper.outer-wrapper-background {
        padding-top: 20px;
        padding-bottom: 20px
    }

.inner-wrapper {
    padding: 0 10px
}

@media (min-width: 739px) {
    .inner-wrapper {
        padding: 0 20px
    }
}

@media (min-width: 959px) {
    .inner-wrapper {
        margin: 0 auto;
        max-width: 1840px
    }

        .inner-wrapper.inner-wrapper-864 {
            max-width: 864px
        }

        .inner-wrapper.inner-wrapper-960 {
            max-width: 960px
        }

        .inner-wrapper.inner-wrapper-1120 {
            max-width: 1120px
        }

        .inner-wrapper.inner-wrapper-1400 {
            max-width: 1400px
        }

        .inner-wrapper.inner-wrapper-1680 {
            max-width: 1680px
        }
}

.inner-wrapper.inner-wrapper-0-padding {
    padding: 0 0
}

.main-header {
    padding-top: 20px;
    margin-bottom: 20px
}

@media (min-width: 739px) {
    .main-header {
        padding-top: 30px;
        margin-bottom: 30px
    }
}

.main-header__h1 {
    height: 0;
    max-width: 80%;
    margin: 0 auto 20px;
    padding: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain
}

    .main-header__h1 a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

.site-sims .main-header__h1 {
    padding-bottom: 20.285714286%;
    background-image: url(images/ess_sims_logo.svg)
}

@media (min-width: 480px) {
    .site-sims .main-header__h1 {
        width: 350px;
        padding-bottom: 71px
    }
}

@media (min-width: 540px) {
    .site-sims .main-header__h1 {
        float: left;
        margin: 0 10px 20px 0
    }
}

@media (min-width: 739px) {
    .site-sims .main-header__h1 {
        margin: 0
    }
}

.site-independent .main-header__h1 {
    padding-bottom: 16.784869976%;
    background-image: url(images/capita-independent.png)
}

@media (min-width: 739px) {
    .site-independent .main-header__h1 {
        float: left;
        width: 423px;
        padding-bottom: 71px;
        margin: 0
    }
}

.site-one .main-header__h1 {
    width: 268px;
    padding-bottom: 71px;
    background-image: url(images/capita-one.png)
}

@media (min-width: 540px) {
    .site-one .main-header__h1 {
        float: left;
        margin: 0 20px 20px 0
    }
}

@media (min-width: 739px) {
    .site-one .main-header__h1 {
        margin: 0
    }
}

.header-buttons {
    margin-left: -6px;
    margin-right: -6px;
    text-align: center
}

@media (min-width: 540px) {
    .header-buttons {
        text-align: right
    }
}

@media (min-width: 739px) {
    .header-buttons {
        float: right;
        padding-top: 18px
    }
}

@media print {
    .header-buttons {
        display: none
    }
}

.header-buttons div {
    display: inline
}

@media (min-width: 540px) and (max-width: 738px) {
    .header-buttons .button-icon {
        margin-right: 0
    }
}

.main-navigation {
    margin: 20px 0;
    position: relative;
    background: #f3f3f3;
    border-top: 1px solid #c3d2dc;
    border-bottom: 1px solid #c3d2dc
}

    .main-navigation .inner-wrapper {
        text-align: left
    }

@media (min-width: 2000px) {
    .main-navigation {
        text-align: center
    }

        .main-navigation .inner-wrapper {
            display: inline-block;
            padding-left: 20px;
            padding-right: 20px
        }

        .main-navigation nav {
            padding-right: 15px
        }
}

.navigation__wrapper {
    position: relative
}

.navigation__static-home, .navigation__static-current {
    margin: 20px 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    display: inline-block;
    font-weight: normal
}

.navigation__static-home {
    text-decoration: none;
    padding-right: 15px;
    margin-right: 10px;
    color: #005b82
}

.site-one .navigation__static-home {
    color: #00a1c1
}

.site-independent .navigation__static-home {
    color: #4f2683
}

.navigation__static-home:hover {
    text-decoration: none
}

.navigation__static-home:after, .navigation__static-home:before {
    content: "";
    display: block;
    width: 1px;
    height: 8px;
    position: absolute;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 4px;
    right: 0;
    background: #005b82
}

.site-one .navigation__static-home:after, .site-one .navigation__static-home:before {
    background: #00a1c1
}

.site-independent .navigation__static-home:after, .site-independent .navigation__static-home:before {
    background: #4f2683
}

.navigation__static-home:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px
}

.button-icon {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0 6px 0;
    padding: 0;
    display: inline-block;
    position: relative
}

.button-icon__link {
    padding: 7px 10px 7px 30px;
    display: block;
    color: #505253
}

    .button-icon__link:link {
        color: #505253
    }

    .button-icon__link:visited {
        color: #505253
    }

    .button-icon__link:hover {
        color: #505253
    }

    .button-icon__link:active {
        color: #505253
    }

@media (min-width: 739px) {
    .button-icon__link {
        padding: 7px 18px 7px 43px
    }
}

.button-icon__link:hover {
    text-decoration: none;
    background-color: #ededed
}

.button-icon__link--no-link {
    padding-left: 10px
}

@media (min-width: 739px) {
    .button-icon__link--no-link {
        padding-left: 18px
    }
}

.button-icon__link--login:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    background: transparent url("images/sprite.png") no-repeat 0 -145px scroll;
    z-index: 0;
    margin-top: -7px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .button-icon__link--login:before {
        background-image: url("images/retina/sprite.png");
        background-size: 500px 200px
    }
}

@media (min-width: 739px) {
    .button-icon__link--login:before {
        left: 15px
    }
}

.button-icon__link--contact:hover {
    background-color: #ededed
}

.button-icon__link--contact:before {
    content: "";
    display: block;
    width: 17px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    background: transparent url("images/sprite.png") no-repeat -19px -145px scroll;
    z-index: 0;
    margin-top: -7px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .button-icon__link--contact:before {
        background-image: url("images/retina/sprite.png");
        background-size: 500px 200px
    }
}

@media (min-width: 739px) {
    .button-icon__link--contact:before {
        left: 14px
    }
}

.button-icon__link--external-login:before {
    content: "";
    display: block;
    width: 15px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    background: transparent url("images/sprite.png") no-repeat -40px -145px scroll;
    z-index: 0;
    margin-top: -8px
}

@media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    .button-icon__link--external-login:before {
        background-image: url("images/retina/sprite.png");
        background-size: 500px 200px
    }
}

@media (min-width: 739px) {
    .button-icon__link--external-login:before {
        left: 15px
    }
}

.main-footer.outer-wrapper {
    margin-bottom: 0;
    border-top: 1px solid #c3d2dc;
    background: #f3f3f3
}

    .main-footer.outer-wrapper .inner-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative
    }

.main-footer h2 {
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain
}

    .main-footer h2 a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

.site-sims .main-footer h2 {
    width: 246px;
    padding-bottom: 50px;
    background-image: url(images/ess_sims_logo.svg)
}

.site-independent .main-footer h2 {
    width: 298px;
    padding-bottom: 50px;
    background-image: url(images/capita-independent.png)
}

.site-one .main-footer h2 {
    width: 189px;
    padding-bottom: 50px;
    background-image: url(images/capita-one.png)
}

.site-sims .main-footer .inner-wrapper:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 523px;
    height: 0;
    padding-bottom: 11.8546845124%;
    background: url(images/footer-3-logos.png) no-repeat center center scroll;
    background-size: contain;
    margin-top: 30px
}

@media (min-width: 820px) {
    .site-sims .main-footer .inner-wrapper:after {
        width: 523px;
        padding-bottom: 62px;
        position: absolute;
        right: 20px;
        top: 24px;
        margin-bottom: -6px;
        margin-top: 0px
    }
}

.site-one .main-footer .inner-wrapper:after, .site-independent .main-footer .inner-wrapper:after {
    content: "";
    display: block;
    width: 299px;
    height: 0;
    padding-bottom: 50px;
    background: url(images/footer-2-logos.png) no-repeat center center scroll;
    background-size: contain;
    margin-top: 30px
}

@media (min-width: 820px) {
    .site-one .main-footer .inner-wrapper:after, .site-independent .main-footer .inner-wrapper:after {
        position: absolute;
        right: 20px;
        top: 30px;
        margin-bottom: -6px;
        margin-top: 0px
    }
}