/*
CSS files containing this comment have been automatically generated from SASS/SCSS files of the same name
e.g. 10-reasons.css was generated from 10-reasons.scss
You should learn SASS and then edit the SCSS file before regenerating the SCC file from it
It sounds harder, but is really worth learning for the time it will save
*/
/* layout.scss */
/* sticky footer CSS from http://www.pmob.co.uk/temp/sticky-footer-ie8new.htm */
html, body {
  height: 100%;
  /* needed to base 100% height on something known*/
  text-align: center; }

#nonfooter {
  min-height: 100%;
  margin-top: -126px;
  text-align: left;
  padding-bottom: 72px; }

* html #nonfooter {
  height: 100%; }

#header {
  width: 100%;
  border-top: 126px solid #ffffff;
  /* soak up negative margin and allows header to start at top of page*/ }

#footer {
  /* footer now sits at bottom of window*/
  float: left;
  /* so that it contains floated blocks and gives background color */
  min-height: 54px;
  /* is height of footer-logo */
  text-align: left;
  clear: both;
  width: 100%;
  font-size: 9px; }

#content, #headerInner, #footerInner {
  /* common 'page' padding */
  width: 960px;
  padding: 0 12px;
  margin: auto; }

/*Opera Fix*/
body:before {
  /* thanks to Maleika (Kohoutec)*/
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
  /* thank you Erik J - negate effect of float*/ }

#nonfooter:after {
  /* thank you Erik J - instead of using display table for ie8*/
  clear: both;
  display: block;
  height: 1%;
  content: " "; }

/* basic page framework */
#content {
  overflow: auto;
  /*commented out because it prevents relatively contents being positioned outside the block from being seen */ }

#breadcrumbs {
  font-size: 10px; }
  #breadcrumbs li {
    display: inline; }
    #breadcrumbs li:before {
      content: "> "; }
    #breadcrumbs li:first-child:before {
      content: ""; }

#primary {
  width: 744px;
  float: left;
  /* so that it 'contains' floated blocks within it */ }

#secondary {
  float: right;
  width: 216px;
  font-size: 11px; }

#panel {
  /* tabbed block on product pages - tab style in tabs.css */
  float: left;
  width: 742px;
  border: solid #828487 1px;
  background-color: #ffffff;
  min-height: 506px; }

.primary-column {
  clear: left;
  /* panes start after tabs */
  float: left;
  width: 516px;
  padding: 18px 0;
  padding-left: 11px; }

.secondary-column {
  float: right;
  width: 184px;
  padding: 18px 11px 18px 20px;
  font-size: 11px;
  margin-top: 54px; }

.tabs ~ .secondary-column {
  margin-top: 0; }

#action-links {
  /* container for download-link, rss-link, print-link etc. */
  margin-bottom: 18px; }

#download-link,
#rss-link,
#print-link {
  float: left;
  line-height: 12px;
  margin-bottom: 12px; }

#download-link a,
#rss-link a,
#print-link a {
  display: block;
  float: left; }

#download-link a.icon,
#rss-link a.icon,
#print-link a.icon {
  width: 40px;
  clear: left; }

#print-link img,
#rss-link img,
#download-link img {
  vertical-align: middle; }

#download-link a.label,
#rss-link a.label,
#print-link a.label {
  width: 144px;
  /* why is this necessary? causes unforeseen side-effects when containing div is narrower */ }

/* supplementary links */
.supplementary {
  margin-left: 12px;
  border: solid #828487 1px; }

.supplementary div.heading {
  /* the heading */
  padding: 0 5px;
  font-family: "Gill Sans W01 Medium", Calibri, Arial, Helvetica, sans-serif;
  font-size: 14px; }

.supplementary div.collection > ul {
  padding: 6px 11px;
  /* http://www.colorzilla.com/gradient-editor/#e4e0e5+0,e9e5ea+33,f9f4f9+50,ffffff+100;Custom */
  background: #ffffff url("../images/bg-panel.gif") repeat-x scroll left top;
  line-height: 12px; }

.supplementary div.collection li > ul {
  margin-top: 6px;
  padding: 0 12px; }

.supplementary div.collection li {
  margin-bottom: 6px; }

#ten-reasons {
  background: #ffffff url("../images/bg-panel.gif") repeat-x scroll left top;
  font-family: "Gill Sans W01 Medium", Calibri, Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 28px;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 12px;
  border-top: 1px solid #828487; }

#ten-reasons, #ten-reasons a {
  color: #b94e75; }

#enquiries {
  /* http://www.colorzilla.com/gradient-editor/#e4e0e5+0,e9e5ea+33,f9f4f9+50,ffffff+100;Custom */
  background: #e4e0e5;
  /* Old browsers */
  background: url("../images/enquiries-icon.png") no-repeat scroll right top, #ffffff url("../images/bg-panel.gif") repeat-x scroll left top; }

#enquiries.evaluate {
  /* http://www.colorzilla.com/gradient-editor/#e4e0e5+0,e9e5ea+33,f9f4f9+50,ffffff+100;Custom */
  background: #e4e0e5;
  /* Old browsers */
  background: url("../images/evaluate-icon.png") no-repeat scroll right top, #ffffff url("../images/bg-panel.gif") repeat-x scroll left top; }

#enquiries {
  min-height: 56px;
  border: solid #828487 1px;
  border-left: none;
  margin-top: 52px;
  -moz-border-radius-topright: 28px;
  border-top-right-radius: 28px;
  -moz-border-radius-bottomright: 28px;
  border-bottom-right-radius: 28px;
  padding-left: 12px; }

#enquiries, #enquiries h2 {
  line-height: 28px; }

#enquiries h2 {
  margin-top: 10px;
  line-height: 18px; }

div#footer {
  background-color: #ebebeb;
  line-height: 56px;
  /* same as footer-logo */ }

div#footer #footer-logo {
  float: left;
  padding-right: 12px; }

div#footer #footer-links {
  float: right; }

div#footer #footer-links ul {
  display: inline; }

div#footer #footer-links li {
  display: inline;
  padding: 0;
  padding-right: 12px; }

#print-link {
  /* hide the print link, but display using javascript */
  display: none; }

ul.presentation {
  /* an indented and bulleted list for normal presentational purposes */
  margin-bottom: 18px;
  margin-left: 1em; }
  ul.presentation ul {
    margin-left: 4em; }
  ul.presentation > li {
    list-style: disc;
    margin-bottom: 18px; }
    ul.presentation > li li {
      list-style: none; }
      ul.presentation > li li li {
        list-style: square; }

ul.button-list {
  font-family: "Gill Sans W01 Medium", Calibri, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 27px;
  margin-top: 18px; }
  ul.button-list li {
    margin: 2px 0; }
    ul.button-list li a {
      border: 1px #828487 solid;
      background-color: #f3f3f4;
      display: block;
      padding: 0 11px; }
      ul.button-list li a:hover {
        background-color: #b2b3b6;
        color: #ffffff;
        text-decoration: none; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.figure {
  font-size: 11px; }
  .figure img {
    margin-bottom: 18px; }
  .figure .title {
    font-weight: bold; }
  .figure .title, .figure .caption {
    font-style: italic; }
  .figure div {
    margin-bottom: 18px; }

/* news and press release styles */
#release-body, #release-editornotes, #release-trademark, #release-contact {
  margin-bottom: 18px; }

#release-contact {
  white-space: pre-wrap; }

.top-ruled {
  border: 0;
    border-top: 7px #579cc0 solid;
  border-image: url(/technology/images/rule.gif) 7 0 0 0 repeat;
  -moz-border-image: url(/technology/images/rule.gif) 7 0 0 0 repeat;
  -webkit-border-image: url(/technology/images/rule.gif) 7 0 0 0 repeat; }

.alt-hover {
  color: #ffffff;
  border-bottom: 1px dotted #FFFFFF;
  text-decoration: none; }
  .alt-hover:hover, .alt-hover:focus {
    border-bottom: 1px solid #FFFFFF;
    text-decoration: none; }

#wufoo-form, #wufoo-form-two {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.featurebox {
  display: block;
  border: 5px #027ab4 solid;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: #ffffff;
  color: #656565;
  font-family: "Gill Sans W01 Medium", Calibri, Arial, Helvetica, sans-serif;
  padding: 5px; }
  .featurebox:hover {
    border-color: #004e72;
    text-decoration: none; }

/*# sourceMappingURL=layout.css.map */