/* global colors */
/* GRID DEFINITION: 

unit:              68px
gutter:            14px
first-column:     +24px ( = 92px)
cells:             12
totalwidth:       (12*68) + (11*14) = 970px + 24px = 994px
       
*/
/* (12*68 + 11*14 + 24) */
/* (2*68 + 14) */
/* (2*68 + 14 + 24) */
/* 8*68 + 7*14 */
/* 680px */
/* 830px */
/* spacing helpers */
/* font-sizes */
/* GENERIC LAYOUT COMPONENTS */
/* GRID DEFINITION: 

unit:              68px
gutter:            14px
first-column:     +24px ( = 92px)
cells:             12
total width:       (12*68) + (11*14) = 970px + 24px = 994px
       
*/
.base-col {
  width: 68px; }

.two-cols {
  width: 150px; }

.three-cols {
  width: 232px; }

.four-cols {
  width: 314px; }

.five-cols-min {
  width: 382px; }

.five-cols-plus {
  width: 410px; }

.six-cols {
  width: 478px; }

.six-cols-plus {
  width: 462px;
  padding-left: 30px; }

.seven-cols {
  width: 560px; }

.seven-cols-plus {
  width: 574px; }

.eight-cols {
  width: 642px; }
  .eight-cols.pal {
    width: 614px; }
  .eight-cols.pll {
    width: 628px; }

.ten-cols {
  width: 806px; }
  .ten-cols.pal {
    width: 778px; }
  .ten-cols.paxx {
    width: 746px; }

.mezzo {
  width: 50%; }
  .mezzo.gutter, .mezzo.unit, .mezzo.right {
    width: 44%; }
  .mezzo.plxxx {
    padding-left: 40px; }

.quarto {
  width: 25%; }
  .quarto.unit {
    width: 23%; }

/* margins/paddings */
.gutter {
  margin-right: 14px; }

.inner-gutter {
  padding-right: 14px; }

.add-left {
  margin-left: 24px; }

.base-shift {
  margin-left: 68px; }

.base-plus-shift {
  padding-left: 106px; }

/* columnwidths */
.full {
  width: 994px; }

.narrow {
  width: 150px; }

.narrow-plus {
  width: 150px;
  margin-left: 14px; }

/* used for right-column */
.narrow-left {
  width: 174px; }

.narrow-left-plus {
  width: 174px;
  padding-right: 14px; }

/* used for left-col */
.one-of-three {
  width: 232px;
  margin-right: 14px; }
  .one-of-three.plx, .one-of-three.prx {
    width: 204px; }

.three-of-three {
  width: 724px;
  margin-right: 14px; }

.one-of-five {
  width: 136px;
  margin-right: 14px; }
  .one-of-five.prl {
    width: 122px; }

.section-shifted {
  padding-left: 188px; }

.shift-back {
  margin-left: -188px; }

.wide {
  width: 642px; }

/* used for middle-col */
.wide-shifted {
  width: 642px;
  padding-left: 188px; }

.alt-wide {
  width: 680px; }

/* used for journey advice with banners */
.x-wide {
  width: 830px; }

/* used for left-col + middle-col */
.x-wide-shifted {
  width: 806px;
  padding-left: 188px; }

/* used for left-col + middle-col */
.xxsmall {
  width: 2em; }

.unit {
  float: left; }

.unit + .unit {
  margin-left: 14px; }

.left + .unit {
  margin-left: 14px; }

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