/**
 * Royal Mail 2011/12  Generic Styles
 * Lay Out
 */

/* High Level Elements */
.row-wrap {
  width: 100%;
  clear: both;
  display: table;
}

.header-wrap {
  background: #c00 url(../img/global/header-red-texture.jpg) repeat-y 50% 0;
  max-width: 1250px;
  margin: 0 auto;
  z-index: 6;
  position: relative;
}

.header-wrap .row-990 {
  position: relative;
}

#nav .row-wrap {
  position: relative;
  padding: 5px 0 0;
}

.content-wrap {
  background: #f5f5f5;
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.content-wrap-two {
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
  background: #f5f5f5 url(../img/global/content-wrap-two.jpg) repeat-x 0 20px;
}

.content-body {
  margin-bottom: 20px;
}

#topnav > .row-990 > .right {
  position: relative;
  z-index: 504;
}

.wkit .header-wrap {
  width: 1250px;
}

.wkit .content-wrap {
  width: 1250px;
}

.wkit .header-wrap {
  width: 1250px;
}

.wkit .content-wrap {
  width: 1250px;
  padding: 0;
}

/*.wkit .leftsidebar,
.wkit .rightsidebar{padding-bottom:135px !important;}*/

/* Row Wraps */
/*5px either side allowance was needed for drop shadows*/
.row-wrap .row-990 {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

/*Wraps for default content not sitting in container*/
.row-980 {
  width: 980px;
  margin: 0 auto;
}

.row-940 {
  width: 940px;
  margin: 0 auto 34px;
  text-align: left;
}

.panels-dnd .row-940 {
  margin: 0;
  width: auto;
}

/* Column Wraps */
.leftsidebar {
  position: relative;
}

.rightsidebar {
  width: 310px;
  position: relative;
  margin-left: -10px;
}

/* Column Layout */
.col-280 {
  display: inline;
  float: left;
  position: relative;
  width: 280px;
  margin: 0 20px 20px 0;
}

.col-280.margin0b {
  margin: 0 20px 0 0;
}

.col-280.last {
  margin: 0 0 20px;
}

.col-280.margin0b.last {
  margin: 0;
}

/* Containers */
.container_4 {
  padding: 0;
  margin-left: 20px;
  width: 645px;
}

/* Grid >> Global */
.panel-pane-wrapper {
  position: relative;
}

.panel-pane-wrapper .admin-links {
  position: absolute;
  z-index: 1;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_3rd {
  display: inline;
  float: left;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}

.grid_2 .content, .grid_4 .content {
  /*For grid subsections*/
  margin-bottom: 20px;
}

.pane-content.page .grid_4 .content, .pane-content.page .grid_2 .content {
  margin-bottom: 0; /* margin gets doubled on dashboard page */
}

.grid_4 .content.article-list {
  /*For grid subsections*/
  margin-bottom: 14px;
}

.grid_4  .bmfx .content {
  margin-bottom: 0;
}

.grid_1.last {
  margin: 0 0 20px;
}

.container .grid_2.last {
  margin-right: 0;
}

.grid_4.margin40b {
  margin: 0 0 40px;
}

.grid_3rd.margin34b {
  margin: 0 20px 34px 0;
}

.grid_2 .content,
.grid_4 .content {
  /*For grid subsections*/
  margin-bottom: 20px;
}

.grid_4 .content.article-list {
  /*For grid subsections*/
  margin-bottom: 14px;
}

.grid_4  .bmfx .content {
  margin-bottom: 0;
}

.grid_1.last {
  margin: 0 0 20px;
}

.grid_4.margin40b {
  margin: 0 0 40px;
}

.grid_3rd.margin34b {
  margin: 0 20px 34px 0;
}

.grid_3rd.margin40b {
  margin: 0 20px 40px 0;
}

.grid_2.margin40b {
  margin: 0 20px 40px 0;
}

.grid_2.margin4b {
  margin: 0 0 4px;
}

.grid_2.margin30b {
  margin: 0 20px 30px 0;
}

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4 {
  position: relative;
}

/* Grid >> 4 Columns */
.container_4 .grid_1 {
  width: 140px;
}

.container_4 .grid_2,
.container .grid_2 {
  width: 300px;
}

.grid_3 {
  width: 460px;
}

.container_4 .grid_4,
.container .grid_4 {
  width: 620px;
}

.container_4 .grid_2 .grid_4,
.container_4 .grid_4 .paf-element-form .grid_4 {
  width: auto;
}

.container_4 .grid_3rd {
  width: 193px;
}

/* Prefix Extra Space >> 4 Columns */
.container_4 .prefix_1 {
  padding-left: 160px;
}

.container_4 .prefix_2 {
  padding-left: 320px;
}

.container_4 .prefix_3 {
  padding-left: 480px;
}

/* Suffix Extra Space >> 4 Columns */
.container_4 .suffix_1 {
  padding-right: 160px;
}

.container_4 .suffix_2 {
  padding-right: 320px;
}

.container_4 .suffix_3 {
  padding-right: 480px;
}

/* Push Space >> 4 Columns */
.container_4 .push_1 {
  left: 160px;
}

.container_4 .push_2 {
  left: 320px;
}

.container_4 .push_3 {
  left: 480px;
}

/* Pull Space >> 4 Columns */
.container_4 .pull_1 {
  left: -160px;
}

.container_4 .pull_2 {
  left: -320px;
}

.container_4 .pull_3 {
  left: -480px;
}

/* Base Image styles */
img.right {
  margin: 0 0 10px 10px;
}

img.left {
  margin: 0 10px 12px 0;
}

.product img.left {
  margin: 0 25px 25px 0;
}

.paperclip a img.left {
  float: none;
}

img.left.margin4b {
  margin: 0 0 4px;
}

img.right.margin5l {
  margin: 0 0 0 5px;
}

img.left.margin20b {
  margin: 0 0 20px;
}

.imgblock100 {
  margin: 0 0 0 110px;
}

.imgblock115 {
  margin: 0 0 0 115px;
}

.imgblock160 {
  margin: 0 0 0 160px;
}

.imgblock159 {
  margin: 0 0 0 159px;
}

.imgblock275 {
  margin: 0 0 0 275px;
}

.imgblock10 {
  margin: 0 10px 0 0;
}

.imgblock21 {
  margin: 0 0 0 21px;
}

.imgblock160 > p,
.imgblock275 > p {
  padding: 0 0 12px;
}

/* Base padding - prep for lesscss */
.padding17t20r13l7b {
  padding: 17px 13px 7px 20px;
}

.padding2b {
  padding: 0 0 2px;
}

.padding3b {
  padding: 0 0 3px;
}

.padding5b {
  padding: 0 0 5px;
}

.padding9t {
  padding: 9px 0 0 0;
}

.padding10tlr {
  padding: 10px 10px 0;
}

.padding10t20 {
  padding: 10px 20px 20px;
}

.padding10t20r15lb {
  padding: 10px 20px 15px;
}

.padding10tl {
  padding: 10px 10px 0 0;
}

.padding10t15b {
  padding: 10px 0 15px;
}

.padding17t {
  padding: 17px 0 0 0;
}

.padding18b {
  padding: 0 0 18px 0;
}

.padding20lrb {
  padding: 0 20px 20px 20px;
}

.padding20lrt4b {
  padding: 20px 20px 4px;
}

.padding20tlr {
  padding: 20px 20px 0 20px;
}

.padding8b {
  padding: 0 0 8px;
}

.padding40b {
  padding: 0 0 34px;
}

.padding20 {
  padding: 20px;
}

.padding2b {
  padding: 0 0 2px;
}

.padding3b {
  padding: 0 0 3px;
}

.padding9t {
  padding: 9px 0 0 0;
}

.padding17t {
  padding: 17px 0 0 0;
}

.padding18b {
  padding: 0 0 18px 0;
}

.padding17t8b {
  padding: 17px 0 8px;
}

.padding20t10b {
  padding: 20px 0 10px;
}

.padding12t10lr3b {
  padding: 12px 10px 3px;
}

.padding14t20lr {
  padding: 14px 20px 0;
}

.padding13t18lrb {
  padding: 13px 18px 18px;
}

.padding16t10lr {
  padding: 16px 10px 0;
}

.padding15t10lr5b {
  padding: 15px 10px 5px;
}

.padding20t8b {
  padding: 20px 0 8px;
}

.padding20t5b {
  padding: 20px 0 5px;
}

.padding20t {
  padding: 20px 0 0;
}

.padding20b {
  padding: 0 0 20px;
}

.padding4b {
  padding: 0 0 4px;
}

.padding8b {
  padding-bottom: 8px;
}

.padding11b {
  padding: 0 0 11px;
}

.padding0t20 {
  padding: 0 20px 20px;
}

.padding13t {
  padding: 13px 0 0;
}

.padding14t8b {
  padding: 14px 0 8px;
}

.padding14t18lr5b {
  padding: 14px 18px 5px;
}

.padding7b {
  padding: 0 0 7px;
  overflow: auto;
}

.padding13b {
  padding: 0 0 13px;
}

.padding14b {
  padding: 0 0 14px;
}

.padding16b {
  padding: 0 0 16px;
}

.padding12t20 {
  padding: 12px 20px 20px;
}

.padding14t20 {
  padding: 14px 20px 20px;
}

.padding24t20 {
  padding: 24px 20px 20px;
}

.padding12t20b0 {
  padding: 12px 20px 0;
}

.padding9t10b0 {
  padding: 9px 10px 0;
}

.padding9t4b {
  padding: 11px 20px 6px;
}

.padding18 {
  padding: 18px;
}

.padding9t {
  padding: 9px 0 0;
}

.padding8t {
  padding: 8px 0 0;
}

.padding10t {
  padding: 10px 0 0;
}

.padding11t {
  padding: 11px 0 0;
}

.padding12t {
  padding: 12px 0 0;
}

.padding15t {
  padding: 15px 0 0;
}

.padding15b {
  padding: 0 0 15px;
}

.padding17b {
  padding: 0 0 17px;
}

.padding10tb {
  padding: 10px 0;
}

.padding20tb {
  padding: 20px 0;
}

.padding10b {
  padding: 0 0 10px;
}

.padding10r {
  padding: 0 10px 0 0;
}

.padding10 {
  padding: 10px;
}

.padding6t {
  padding: 6px 0 0 0;
}

.padding3t {
  padding: 3px 0 0 0;
}

.padding9b {
  padding: 0 0 9px 0;
}

.padding6b {
  padding: 0 0 6px 0;
}

.padding16t {
  padding: 16px 0 0 0;
}

.padding5r {
  padding: 0 5px 0 0;
}

.padding13t18lr {
  padding: 13px 18px 0;
}

.padding13t18l {
  padding: 13px 0 0 18px;
}

.padding25b {
  padding: 0 0 25px;
}

.padding65b {
  padding: 0 0 65px;
}

.padding98b {
  padding: 0 0 98px;
}

.padding18lr {
  padding: 0 18px 0;
}

.padding7lr {
  padding: 0 7px 0;
}

.paddingl0 {
  padding-left: 0;
}

.paddingl20 {
  padding-right: 20px;
}

.paddingb0 {
  padding-bottom: 0;
}

.padding2tb11lr {
  padding: 2px 11px;
}

.padding11t27r8b19l {
  padding: 11px 27px 8px 19px;
}

.padding10t27r10b18l {
  padding: 10px 27px 10px 18px;
}

.padding20lr {
  padding: 0 20px;
}

.margin3t10b {
  margin: 3px 0 10px;
}

.padding12b {
  padding: 0 0 12px;
}

.padding5t5r0b5l {
 padding: 5px 5px 0;
}

.margin-3t {
  margin: -3px 0 0 0;
}

.margin-19t {
  margin: -19px 0 0 0;
}

.margin-43t {
  margin: -43px 0 0 0;
}

.row-940.no-bg.margin-35t {
  margin: -35px auto 0;
}

.panels-dnd .row-940.no-bg.margin-35t {
  margin: 0;
}

.row-940.no-bg {
  background: none;
}

.row-940.margin0 {
  margin: 0 auto;
}

.row-940.margin10b {
  margin: 0 auto 10px;
}

.padding0 {
  padding: 0;
}

.margin-6t {
  margin: -6px 0 0 0;
}

.margin5b {
  margin: 0 0 5px;
}

.margin15b {
  margin: 0 0 15px;
}

.margin11b {
  margin: 0 0 11px;
}

.margin4b {
  margin: 0 0 4px;
}

.margin10l {
  margin: 0 0 0 10px;
}

.margin10r {
  margin: 0 10px 0 0;
}

.margin20b {
  margin: 0 0 20px;
}

.margin12b {
  margin: 0 0 12px;
}

.margin3t {
  margin: 3px 0 0 0;
}

.margin9b {
  margin: 0 0 9px;
}

.margin14b {
  margin: 0 0 14px;
}

.margin17b {
  margin: 0 0 17px 0;
}

.margin7t27b {
  margin: 7px 0 27px 0;
}


.margin5t {
  margin: 5px 0 0 0;
}

.margin6b {
  margin: 0 0 6px;
}

.margin20b80l {
  margin: 0 0 20px 80px;
}

.margin6r {
  margin: 0 6px 0 0;
}

.margin12t {
  margin: 12px 0 0;
}

.margin3r {
  margin: 0 3px 0 0;
}

.margin0b {
  margin-bottom: 0;
}

.margin10b {
  margin: 0 0 10px;
}

.margin18b {
  margin: 0 0 18px;
}

.margin20b {
  margin: 0 0 20px;
}

.margin20lr {
  margin: 0 20px;
}

.margin250lr {
  margin: 0 250px;
}

.margin260l10b {
  margin: 0 0 10px 260px;
}

.margin7r {
  margin: 0 7px 0 0;
}

.margin5l {
  margin: 0 0 0 5px;
}

.margin7t {
  margin: 7px 0 0 0;
}

.margin34b {
  margin: 0 0 34px 0;
}

.margin5t10b {
  margin: 5px 0 10px;
}

.margin16t {
  margin: 16px 0 0 0;
}

.margin20t {
  margin: 20px 0 0 0;
}

.margin10t {
  margin: 10px 0 0 0;
}

.margin10t7r {
  margin: 10px 7px 0 0;
}

.margin20l {
  margin: 0 0 0 20px;
}

.margin15l {
  margin: 0 0 0 15px;
}

.margin20r {
  margin: 0 20px 0 0;
}

.margin2t10r {
  margin: 2px 10px 0 0;
}

.margin20l20b {
  margin: 0 20px 20px 0;
}

.margin10lr {
  margin: 0 10px;
}

.margin20tb {
  margin: 20px 0;
}

.margin3r10b {
  margin: 0 3px 10px 0;
}

.margin160l {
  margin: 0 0 0 160px;
}

.margin180l {
  margin: 0 0 0 180px;
}

.margin20t160l {
    margin: 20px 0 0 160px;
}

.margin160l20b {
  margin: 0 0 20px 160px;
}

.margin140l {
  margin: 0 0 0 140px;
}

.margin23r18l {
  margin: 0 23px 0 18px;
}

.marginauto10b {
  margin: 0 auto 10px;
}

.margin0 {
  margin: 0;
}

/* Border styling */
.borderb-dotted {
  border-bottom: 1px dotted #d0d0d0;
}

.bordert-dotted,
.kb-restricted-widget .KnowledgeSyndication .rn_Content {
  border-top: 1px dotted #d0d0d0;
}

.bordert-solid {
  border-top: 1px solid #ccc;
}

.borderb-solid {
  border-bottom: 1px solid #ccc;
}

.borderr-dotted {
  border-right: 1px dotted #999;
}

.border-white-bot {
  border-bottom: 1px solid #fff;
}

/* Various width */
.width298 {
  width: 298px;
}

.width280 {
  width: 280px;
}

.width279 {
  width: 279px;
}

.width255 {
  width: 255px;
}

.width170 {
  width: 170px;
}

.width160 {
  width: 160px;
}

.width150 {
  width: 150px;
}

.width90 {
  width: 90px;
}

.width120 {
  width: 120px;
}

.width215 {
  width: 215px;
}

.width125 {
  width: 125px;
}

.width135 {
  width: 135px;
}

.width140 {
  width: 140px;
}

.width145 {
  width: 145px;
}

.width200 {
  width: 200px;
}

.width210 {
  width: 210px;
}

.width225 {
  width: 225px;
}

.width220 {
  width: 220px;
}

.width182 {
  width: 182px;
}

.width645 {
  width: 645px;
}

.width635 {
  width: 635px;
}

.width340 {
  width: 340px;
}

.width360 {
  width: 360px;
}

.width380 {
  width: 380px;
}

.width438 {
  width: 438px;
}

.width490 {
  width: 490px;
}

.width898 {
  width: 898px;
}

.width610 {
  width: 610px;
}

.width670 {
  width: 670px;
}

/* Header Elements */
.logo {
  margin: 21px 20px 6px 0;
  height: 63px;
}

.logo a:focus,
.logo a:active {
  outline: 1px dotted #fff;
}

.logo h1 {
  display: inline;
  margin: 0
}

.logo a:focus, .logo a:active, .sector a:focus, .sector a:active {
  outline: 1px dotted #fff;
}

.sector a:focus, .sector a:hover, .sector a:active {
  color: #fff;
  background: transparent url(../img/icon/arrow-white-right-7-6.png) 100% 16px no-repeat;
  text-decoration: none;
}

.sector {
  margin: 48px 0 0;
  color: #fff;
  font: 400 254% ChevinProMedium, Arial, Helvetica, sans-serif;
}

.sector a {
  color: #fff;
  display: block;
  padding-right: 10px;
}

.header-search {
  margin: 58px 25px 0 0;
}

.main {
  float: left;
  display: inline;
}

/* Content Title */
.title {
  margin: 0 0 20px;
}

.title h2 {
  margin: 0 23px 0 19px;
}

.title p.strapline {
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
  margin: 0 23px 0 19px;
  padding: 0;
}

.summary-block .title h2 {
  margin: 0 23px 15px 19px;
}

/* Decorative */
.leftsidebar hr,
.rightsidebar hr {
  clear: both;
  background-color: #f5f5f5;
  border: 1px dotted #d0d0d0;
  border-style: none none dotted;
  margin: 0 5px 17px 26px;
}

.rightsidebar hr {
  margin: 0 0 7px 0;
}

/* Content - Left - Block */
.leftsidebar h2 {
  padding-bottom: 9px;
}

/* Content - Right - Block */
.block {
  display: block;
}

.rightsidebar .block,
.rightsidebar div.panel-pane div.node.block {
  width: 300px;
  margin: 0 6px 20px 5px;
}

.rightsidebar .pane-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.rightsidebar .bmfx.block {
  width: 298px;
}

.rightsidebar h2, .promo-min h2 {
  padding: 0 0 11px 0;
}

.rightsidebar .block h2 {
  margin: 0 0 8px 0;
}

.rightsidebar h3 {
  margin: 0 0 7px 0;
}

.rightsidebar ul {
  margin: 0 0 20px 0;
}

.rightsidebar ul li {
  padding: 6px 0 7px;
}

.rightsidebar ul {
  border: 1px dotted #d0d0d0;
  border-style: dotted none none;
}

.rightsidebar ul li {
  border: 1px dotted #d0d0d0;
  border-style: none none dotted;
}

.rightsidebar ul li.last {
  padding: 13px 0 12px;
  border-style: none;
}

.rightsidebar .block H5 {
  margin: 0 0 17px 0;
  padding: 18px 0 0;
}

.rightsidebar .block ul li {
  padding: 6px 0 7px 0;
}

.rightsidebar .block p {
  padding: 0 0 5px 0;
}

/* Summary / Case study Content */
.casestudy-wrap,
.summary-wrap {
  position: relative;
}

.summary-wrap .leftsidebar {
  margin-top: 20px;
}

.summary-wrap .leftsidebar .product-body {
  margin-bottom: 20px;
  padding: 0;
  width: 620px;
}

.casestudy-wrap .leftsidebar {
  margin-top: 40px;
}

.casestudy-wrap .content,
.summary-wrap .content {
  position: relative;
  word-wrap: break-word;
}

#main-content-center {
  width: 650px;
}

.casestudy-wrap .rightsidebar,
.summary-wrap .rightsidebar {
  float: right;
  margin: 6px 15px 0 0;
}

.summary-wrap .rightsidebar {
  margin-top: -35px;
}

.summary-block .page .revision-page {
  position: relative;
  display: inline-block;
}

.summary-block {
  background: #666 url(../img/global/header_bg.jpg);
  color: #fff;
  width: 980px;
}

.summary-wrap .summary-block {
  min-height: 91px;
}

.summary-block a,
.summary-block a:hover,
.summary-block a:focus,
.summary-block a:active {
  color: #FFF;
}

.summary-block .rmg-form-errors a,
.summary-block .rmg-form-errors a:hover,
.summary-block .rmg-form-errors a:focus,
.summary-block .rmg-form-errors a:active {
  color: #c00;
}

.summary-block .eps li.eps-e a {
  background-position: -130px 0;
}

.summary-block .eps li.eps-e a:hover,
.summary-block .eps li.eps-e a:focus,
.summary-block .eps li.eps-e a:active {
  background-position: -151px 0;
}

.summary-block .eps li.eps-p a {
  background-position: -172px 0;
}

.summary-block .eps li.eps-p a:hover,
.summary-block .eps li.eps-p a:focus,
.summary-block .eps li.eps-p a:active {
  background-position: -193px 0;
}

.summary-block .eps li.eps-s a {
  background-position: -214px 0;
}

.summary-block .eps li.eps-s a:hover,
.summary-block .eps li.eps-s a:focus,
.summary-block .eps li.eps-s a:active {
  background-position: -237px 0;
}

.summary_content {
  display: inline-block;
  padding-left: 20px;
  position: relative;
  width: 620px;
}

/**
 * Summary - Product Content.
 */
.panel-product-nocalc .summary-block .title {
  margin-bottom: 24px;
}

.panel-product-nocalc .summary-block .title h2 {
  margin-bottom: 1px;
}

.content320 {
  float: left;
  display: inline;
  width: 320px;
}

.summary_content .content460 {
  width: 460px;
  padding: 0 0 0 20px;
}

.content420 {
  float: left;
  display: inline;
  width: 420px;
}

.summary_content h3 {
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
  padding-bottom: 12px;
}

.summary_content P, .summary_content LI {
  font-size: 110%;
}

.summary_content .paperclip {
  position: absolute;
  top: 6px;
  right: 20px;
}

/* Fix for case study article panel page. */
.panel-article-case-study .summary_content .paperclip {
  position: relative;
  top: 6px;
  right: 0px;
}

.flexilistcontent {
  min-height: 100px;
}

/* Floated list */
.float-list LI {
  float: left;
}

.float-list-140 {
  width: 320px;
}

.float-list-194 {
  width: 640px;
}

.float-list-280 {
  width: 600px;
}

.float-list-140 LI {
  width: 140px;
  margin-right: 20px;
}

.float-list-194 LI {
  width: 194px;
  margin-right: 19px;
}

.float-list-280 LI {
  width: 280px;
  margin-right: 20px;
}

.ie7 .grid_4 .padding20,
.ie7 .padding20tb {
  position: relative;
}
