
.sprite, .brand form input[type="submit"], .main-nav .social a, .hero .prev,
.hero .next, .signup article .twitter:after, .signup article .facebook:before, .signup article input[type="submit"].arrow, .product .opts .twitter:after, .product .opts .facebook:before, .builder .left > h1:after, .builder .left .build-list li .delete, .builder .right .skip:after, .builder .right .step input[type="radio"],
.builder .right .step input[type="checkbox"], .builder .right .step.step2 .accumulative .btu:before, .builder .right .step.step2 .add-another:after, .builder .right .step.step2 .radiator .delete:after, .dealerlogin .contents .close:after {
  background: url("../images/sprites/sprite.png") no-repeat; }

.albert-bold, .map .signup .no-results h1, .product .content.customisation nav, .product .content.technical nav, .product .content.customisation .text h3, .product .content.technical .text h3, .product .content.customisation .text h4, .product .content.technical .text h4 {
  font-family: "FS Albert Web Bold", Verdana , sans-serif;
  font-size-adjust: 0.49;
  font-weight: bold;
  font-style: normal; }

.albert-regular, body,
input, .dealerlogin .contents form input[type="submit"] {
  font-family: "FS Albert Web Regular", Verdana , sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal; }

a,
a > h1,
input[type="submit"],
.person {
  -webkit-transition: linear;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: opacity, color, background-color;
  -moz-transition: linear;
  -moz-transition-duration: 0.4s;
  -moz-transition-property: opacity, color, background-color;
  -o-transition: linear;
  -o-transition-duration: 0.4s;
  -o-transition-property: opacity, color, background-color;
  -ms-transition: linear;
  -ms-transition-duration: 0.4s;
  -ms-transition-property: opacity, color, background-color;
  transition: linear;
  transition-duration: 0.4s;
  transition-property: opacity, color, background-color;
  color: inherit; }

a {
  color: expression(this.parentNode.currentStyle ? this.parentNode.currentStyle.color : "black"); }

input[type="submit"] {
  border-radius: 0; }

html {
  background: #C8C8C8;
  color: black; }

body,
input {
  font-size: 16px;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x:hidden; }

input {
  font-size: 14px; }

.hide {
  display: none; }

.contained {
  width: 960px;
  margin: 0px auto; }

body > * {
  background: white; }

body > .footer {
  background: none;
  padding-bottom: 150px; }

.brand {
  border-top: 7px solid black; }
  .brand .contained {
    height: 230px;
    position: relative; }
  .brand .logo {
    =width: 277px;
    width: 500px;
    height: 101px;
    =background-position: 0 0;
    padding: 0;
    text-indent: -9999px;
    margin: 25px 0 0 0;
    background: url("../images/sprites/logo.png") no-repeat;;
 

     }
  .brand .strapline {
    width: 194px;
    height: 54px;
    background-position: -300px 0;
    padding: 0;
    text-indent: -9999px;
    position: absolute;
    right: 34px;
    bottom: 15px; }
  .brand form {
    padding-bottom: 10px;
    border-bottom: 1px solid #c8c8c8;
    width: 230px;
    position: absolute;
    right: 0;
    top: 32px; }
    .brand form p {
      position: relative;
      padding: 0;
      display: inline-block; }
      .brand form p label {
        position: absolute;
        left: 0;
        top: 4px; }
    .brand form input[type="text"] {
      width: 193px;
      padding: 0;
      margin: 4px 0 0 0;
      border-radius: 0;
      background: none;
      border: 0;
      outline: 0; }
    .brand form input[type="submit"] {
      background-position: -300px -68px;
      border: 0;
      width: 19px;
      height: 19px;
      text-indent: -99999px; }
      .brand form input[type="submit"]:hover {
        background-position: -324px -68px; }

.main-nav .contained {
  border-top: 1px solid #c8c8c8;
  height: 50px;
  font-size: 0.875em;
  text-transform: uppercase;
  position: relative; }
.main-nav ul {
  list-style: none;
  padding: 0; }

  .main-nav ul li {
    width: 120px;
    display: inline-block;
    padding: 8px 0 20px 0;
    text-indent: 1px;
    position: relative; 
    cursor: pointer;}

    .main-nav ul li a {
      text-decoration: none;
      position: relative;
      letter-spacing: 1px; }



      .main-nav .contained> ul> li> a.selected:before,
      .main-nav .contained> ul> li.active> a:before{
        content: ' ';
        display: block;
        width: 20px;
        height: 6px;
        background: black;
        position: absolute;
        top: -15px;
        left: -1px; }

    .main-nav ul li:hover ul {
      display: block; }
    .main-nav ul li ul {
      display: none;
      position: absolute;
      top: 28px;
      left: -12px;
      padding: 22px 0 0 0;
      z-index: 1000; }

      .main-nav ul li ul li {
        =padding: 10px 0 10px 12px;
         padding: 0px 0 0px 0;
        width: 180px;
        display: block;
        background: #FDFDFD;
        background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
        background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
        background: -o-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
        background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
        background: linear-gradient(from bottom, #e6e6e6 0%, #fdfdfd 49%); }
        .main-nav ul li ul li:hover {
          background: gainsboro;
          background: -moz-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
          background: -webkit-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
          background: -o-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
          background: -ms-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
          background: linear-gradient(from top, gainsboro 0%, #9ea0a3 67%); }


 .main-nav ul ul li a {
       text-decoration: none;
       position: relative;
       display: block;
       width: 180px;
       min-height: 36px;  
       line-height: 36px;     
       letter-spacing: 1px;
       =padding: 3px 20px 3px 4px;
       padding: 3px 10px 0px 12px;
        } 

a[href*="radiatora"] {
  line-height: 16px!important;   
}

.main-nav .social {
  position: absolute;
  top: 8px;
  right: 0; }
  .main-nav .social a {
    text-indent: -9999px;
    display: block; }
  .main-nav .social li {
    width: auto;
    padding: 0; }
  .main-nav .social .twitter {
    width: 21px;
    height: 20px;
    background-position: -25px -245px; }
    .main-nav .social .twitter:hover {
      background-position: -25px -270px; }
  .main-nav .social .facebook {
    width: 21px;
    height: 20px;
    background-position: 0 -245px; }
    .main-nav .social .facebook:hover {
      background-position: 0 -270px; }
  .main-nav .social .pinterest {
    width: 21px;
    height: 20px;
    background-position: -50px -245px; }
    .main-nav .social .pinterest:hover {
      background-position: -50px -270px; }

.hero .contained {
  position: relative;
  height: 540px;
  background: #ccc;
  overflow: hidden; }
.hero .prev,
.hero .next {
  text-indent: -99999px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 32px;
  height: 30px;
  cursor: pointer; }
.hero .prev {
  background-position: 0 -115px;
  left: 0; }
.hero .next {
  background-position: -36px -115px;
  right: 0; }
.hero article {
  position: absolute; }
  .hero article p {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    color: white;
    text-indent: 30px;
    letter-spacing: 1px; }

.col {
  float: left;
  =width: 318px; 
   width: 317px; 
}
  .col + .col {
    margin-left: 3px; }
  .col.two {
    width: 639px; }
  .col.half {
    =width: 150px; 
    width: 160px; }


.accessories  .col {
  height: 260px; 
}

.videorow {
  float: left;
  width: 318px; }
  .videorow + .videorow {
    margin-left: 3px; }
  .videorow iframe {
    height: 179px;
    width: 318px; }

.home {
  padding: 50px 0; }
  .home h1.col {
    margin-right: 53px;
    width: 589px;
    width: 560px;
    font-size: 1.375em;
    line-height: 1.27;
    padding: 0;
    font-weight: normal; }
  .home .half {
    font-size: 0.875em;
    height: 110px;
    position: relative; }
    .home .half a {
      display: block;
      text-transform: uppercase;
      border-bottom: 1px solid #c8c8c8;
      padding: 0 0 0.2em;
      text-decoration: none;
      position: absolute;
      width: 100%;
      bottom: -5px; }
      .home .half a:hover {
        color: #c8c8c8; }
    .home .half + .half {
      margin-left: 12px; }
  .home .highlighted {
    clear: left;
    content: ' ';
    display: block;
    =padding: 50px 0 0 0;
    padding: 50px 0 0 200px; }

    .two-columns {padding: 0px 0 0 393px;}
    .home .highlighted .col {
      border-top: 6px solid black;
      position: relative;
      height: 440px; }
      .home .highlighted .col img {
        width: 100%;
        height: 180px;
        background: #ccc; }
      .home .highlighted .col h1 {
        font-weight: normal;
        font-size: 1.25em; }
      .home .highlighted .col p {
        padding-right: 40px; }
      .home .highlighted .col .more {
        position: absolute;
        display: block;
        text-transform: uppercase;
        border-bottom: 1px solid #c8c8c8;
        padding: 0 0 0.2em;
        text-decoration: none;
        width: 100%;
        bottom: 0;
        font-size: 0.875em; }
        .home .highlighted .col .more:hover {
          color: #c8c8c8; }
  .home .contained:after {
    clear: left;
    content: ' ';
    display: block; }

.signup .contained:after {
  clear: left;
  content: ' ';
  display: block; }
.signup article {
  background: #F0F0F0;
  padding-bottom: 20px;
  height: 166px;
  position: relative; }
  .signup article h1 {
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: normal; }
  .signup article form {
    padding: 20px 15px; }
  .signup article p {
    position: relative;
    padding: 0;
    display: inline-block; }
    .signup article p label {
      position: absolute;
      left: 5px;
      top: 5px;
      font-size: 0.875em; }
  .signup article .twitter:hover,
  .signup article .facebook:hover {
    color: #c8c8c8; }
  .signup article .twitter {
    =margin: 0 0 0 42px;
    margin: 0 0 0 33px;
    =font-size: 0.75em;
    font-size: 11px;
    text-decoration: none;
    position: relative; }
    .signup article .twitter:after {
      width: 21px;
      height: 16px;
      background-position: -374px -68px;
      position: absolute;
      margin-left: -25px;
      left: 0;
      content: ' '; }
  .signup article .facebook {
    =margin: 0 0 0 56px;
    margin: 0 0 0 40px;
    =font-size: 0.75em;
    font-size: 11px;
    text-decoration: none;
    position: relative; }
    .signup article .facebook:before {
      width: 21px;
      height: 16px;
      background-position: -351px -68px;
      position: absolute;
      margin-left: -22px;
      content: ' '; }
  .signup article input[type="text"] {
    width: 279px;
    padding: 4px 5px;
    margin: 0 0 8px 0;
    border-radius: 0;
    background: #c8c8c8;
    border: 0;
    outline: 0; }
  .signup article input[name="email"] {
    width: 244px; }

  .signup article .button,
  .signup article input[type="submit"] {
    background: url("../images/submit-back.png") right center no-repeat black;
    color: white;
    border: 0;
    text-transform: uppercase;
    text-align: left;
    height: 25px;
    width: 130px;
    padding: 4px 6px;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: 14px; }

  .signup article .button {
    height: 17px;
    text-decoration: none; }


  .signup article input[type="submit"].arrow {
    background-position: -300px -108px;
    border: 0;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    cursor: pointer;
    position: static;
    text-indent: -99999px; }

    .signup article input[type="submit"].arrow:hover {
      background-position: -330px -108px; }

/* ================== new ======================*/
 .signup button.arrow {
   background: url("../images/sprites/sprite.png") no-repeat;
    background-position: -300px -108px;
    border: 0;
    width: 26px;
    height: 26px;
    margin-top: 0px;
    float: right;
    cursor: pointer;
    position: static;
    text-indent: -99999px; 
   
}
 

    .signup button.arrow:hover {
      background-position: -330px -108px; }






.map .instruction {
  border: 1px solid #c8c8c8;
  border-width: 2px 0;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0;
  font-size: 0.875em; }
.map figure {
  background: #ccc;
  height: 540px;
  margin: 20px 0 0; }
.map .signup {
  padding: 20px 0 0; }
  .map .signup:after {
    content: ' ';
    display: block;
    clear: both; }
  .map .signup .col + .dealer {
    margin-left: 71px; }
  .map .signup .no-results {
    margin-left: 71px;
    background: none;
    float: left;
    width: 544px; }
    .map .signup .no-results h1 {
      padding: 0 0 0.5em; }
    .map .signup .no-results p {
      display: block;
      padding: 0 0 0.5em; }
  .map .signup .dealer {
    float: left;
    width: 272px;
    background: none;
    font-size: 0.875em;
    line-height: 1.5; }
    .map .signup .dealer h2 {
      text-transform: uppercase;
      padding: 0;
      font-weight: normal; }
    .map .signup .dealer a {
      display: block;
      border-top: 1px solid #c8c8c8;
      border-bottom: 1px solid black;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 0.857em;
      padding: 0.4em 0;
      width: 134px;
      float: left;
      margin-top: 20px; }
      .map .signup .dealer a:hover {
        color: #c8c8c8; }
      .map .signup .dealer a + a {
        display: block;
        float: none;
        margin: 49px 0 0 0; }
    .map .signup .dealer + .dealer {
      margin-left: 27px; }
    .map .signup .dealer p {
      display: block; }
.map .dealer-list {
  list-style: none;
  border-top: 1px solid #c8c8c8;
  margin: 60px 0 0 0;
  padding: 30px 0 60px 0;
  font-size: 0.875em;
  line-height: 1.5; }
  .map .dealer-list:after {
    content: ' ';
    display: block;
    clear: left; }
  .map .dealer-list > li {
    width: 20%;
    float: left;
    padding-right: 15px; }
  .map .dealer-list ul {
    list-style: none; }
  .map .dealer-list h2 {
    font-weight: normal;
    text-transform: uppercase;
    padding: 0; }

.grid .instruction {
  border: 1px solid #c8c8c8;
  border-width: 2px 0;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0;
  font-size: 0.875em; }
.grid ul {
  list-style: none;
  padding: 50px 0 20px;
  text-transform: uppercase;
  font-size: 0.875em;
  letter-spacing: 1px;
  border-bottom: 2px solid #c8c8c8; }
  .grid ul li {
    padding-bottom: 20px; }
    .grid ul li.newrow {
      margin-left: 0;
      clear: left; }
    .grid ul li .colour {
      width: 100%;
      height: 60px;
      display: block; }
    .grid ul li img {
      width: 100%; }
    .grid ul li a {
      text-decoration: none; }
      .grid ul li a:hover {
        color: #c8c8c8; }
  .grid ul:after {
    content: ' ';
    display: block;
    clear: left; }

.product .main-image,
.product .image-360 {
  width: 100%;
  height: 540px;
  overflow: hidden;
  padding: 50px 0 0 0;
  position: relative; }
  .product .main-image img,
  .product .image-360 img {
    width: 100%;
    height: 540px;
    background: #ccc; }
  .product .main-image .three60,
  .product .main-image .title,
  .product .image-360 .three60,
  .product .image-360 .title {
    width: 206px;
    height: 41px;
    background: #FDFDFD;
    position: absolute;
    left: 0;
    top: 50%;
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 12px;
    background: #FDFDFD;
    background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
    background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
    background: -o-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
    background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
    background: linear-gradient(from bottom, #e6e6e6 0%, #fdfdfd 49%); }
  .product .main-image .three60,
  .product .image-360 .three60 {
    margin-top: -33px;
    cursor: pointer; }
  .product .main-image .title,
  .product .image-360 .title {
    margin-top: 32px; }
.product h1 {
  text-transform: uppercase;
  font-size: 0.875em;
  border-bottom: 2px solid #c8c8c8;
  font-weight: normal;
  padding: 20px 0 10px 0;
  position: relative; }
.product .opts {
  position: absolute;
  right: 0;
  text-transform: none; }
  .product .opts .expand {
    text-transform: uppercase;
    margin-left: 70px;
    cursor: pointer; }
  .product .opts .twitter:hover,
  .product .opts .facebook:hover {
    color: #c8c8c8; }
  .product .opts .twitter {
    margin: 0 0 0 42px;
    font-size: 0.775em;
    text-decoration: none;
    position: relative; }
    .product .opts .twitter:after {
      width: 21px;
      height: 16px;
      background-position: -374px -68px;
      position: absolute;
      margin-left: -25px;
      left: 0;
      content: ' '; }
  .product .opts .facebook {
    margin: 0 0 0 36px;
    font-size: 0.775em;
    text-decoration: none;
    position: relative; }
    .product .opts .facebook:before {
      width: 21px;
      height: 16px;
      background-position: -351px -68px;
      position: absolute;
      margin-left: -22px;
      content: ' '; }
.product .top {
  border-bottom: 2px solid black;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875em;
  display: block;
  text-decoration: none;
  padding: 20px 0 15px; }
  .product .top:hover {
    color: #c8c8c8; }
.product h2 {
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: normal;
  padding: 20px 0 10px 0;
  position: relative;
  cursor: pointer; }
  .product h2:hover {
    color: #c8c8c8; }
  .product h2 .status {
    width: 18px;
    height: 18px;
    background-position: -406px -108px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 10px;
    top: 20px; }
  .product h2.open .status {
    background-position: -375px -108px;
    top: 25px; }
.product .content {
  border-bottom: 2px solid #c8c8c8;
  height: 0;
  overflow: hidden;
  position: relative; }
  .product .content.open {
    padding: 50px 0 20px;
    height: auto; }
  .product .content:after {
    content: ' ';
    display: block;
    clear: left; }
  .product .content.overview .left {
    width: 435px;
    float: left;
    margin-right: 137px; }
    .product .content.overview .left > :first-child {
      padding-top: 0; }
  .product .content.overview .right {
    float: left;
    width: 327px;
    font-size: 0.875em; }
    .product .content.overview .right a {
      display: block;
      text-decoration: none; }
      .product .content.overview .right a:hover {
        color: #c8c8c8; }
  .product .content.customisation .model, .product .content.technical .model {
    display: none; }
    .product .content.customisation .model.selected, .product .content.technical .model.selected {
      display: block; }
  .product .content.customisation nav, .product .content.technical nav {
    text-transform: uppercase;
    font-size: 0.875em; }
    .product .content.customisation nav a, .product .content.technical nav a {
      color: #c8c8c8;
      cursor: pointer; }
      .product .content.customisation nav a.selected, .product .content.technical nav a.selected {
        color: black; }
    .product .content.customisation nav ~ .model .text, .product .content.technical nav ~ .model .text {
      margin-top: -15px; }
  .product .content.customisation .images, .product .content.technical .images {
    list-style: none;
    width: 572px;
    float: left; }
    .product .content.customisation .images li, .product .content.technical .images li {
      float: left; }
      .product .content.customisation .images li + li, .product .content.technical .images li + li {
        margin-left: 12px; }
  .product .content.customisation .text, .product .content.technical .text {
    float: left;
    width: 327px; }
    .product .content.customisation .text > :first-child, .product .content.technical .text > :first-child {
      padding-top: 0; }
    .product .content.customisation .text h3, .product .content.technical .text h3 {
      border-bottom: 1px solid #c8c8c8;
      text-transform: uppercase;
      font-weight: normal;
      padding: 1em 0 0.2em 0; }
    .product .content.customisation .text h4, .product .content.technical .text h4 {
      text-transform: uppercase;
      font-weight: normal;
      padding: 0.5em 0 0.2em 0; }
    .product .content.customisation .text p, .product .content.technical .text p {
      padding: 0; }
    .product .content.customisation .text .approx, .product .content.technical .text .approx {
      padding-top: 1em;
      font-size: 0.875em; }
  .product .content.technical .text {
    font-size: 0.875em; }
  .product .content.technical .images {
    position: absolute;
    bottom: 60px; }
  .product .content.technical .text {
    margin-left: 572px; }
  .product .content.colours h3 {
    text-transform: uppercase;
    font-weight: normal;
    padding: 1em 0 0.2em 0; }
  .product .content.colours .disclaimer {
    font-size: 0.7em;
    position: absolute;
    right: 0;
    margin-top: 14px; }
  .product .content.colours ul {
    border-bottom: 1px solid #c8c8c8;
    list-style: none;
    padding: 1em 0 2em; }
    .product .content.colours ul li {
      font-size: 0.75em;
      float: left;
      padding-bottom: 30px; }
      .product .content.colours ul li span {
        width: 237px;
        height: 130px;
        background: #ccc;
        display: block;
        margin-bottom: 8px; }
      .product .content.colours ul li + li {
        margin-left: 3px; }
      .product .content.colours ul li.newrow {
        margin-left: 0;
        clear: left; }
    .product .content.colours ul:last-child {
      border-bottom: 0;
      margin-bottom: -40px; }
    .product .content.colours ul:after {
      content: "";
      display: block;
      clear: left; }

.footer:before {
  content: ' ';
  display: block;
  width: 100%;
  height: 50px;
  background: white; }
.footer .contained {
  position: relative;
  padding: 40px 0 60px 0; }
  .footer .contained:before {
    content: ' ';
    display: block;
    width: 318px;
    height: 6px;
    background: black;
    position: absolute;
    top: 0;
    left: 0; }
  .footer .contained:after {
    content: ' ';
    display: block;
    clear: left; }
  .footer .contained p {
    font-size: 0.8125em;
    width: 100px;
    padding: 0;
    float: left; }
    .footer .contained p a {
      text-decoration: none;
      display: block; }
    .footer .contained p + p {
      width: 115px; }
    .footer .contained p.directions {
      margin-left: 175px;
      width: auto; }
  .footer .contained h1 {
    width: 180px;
    height: 66px;
    background-position: 0 -158px;
    text-indent: -99999px;
    position: absolute;
    right: 0; }
  .footer .contained .copy {
    position: absolute;
    font-size: 0.8125em;
    right: 0;
    top: 290px; }

.builder .left {
  float: left;
  width: 281px;
  border-top: 1px solid #C8C8C8; }
  .builder .left > h1 {
    padding: 20px 0 8px 0;
    height: 22px;
    text-transform: uppercase;
    font-size: 0.875em;
    letter-spacing: 1px;
    font-weight: normal;
    border-bottom: 1px solid black;
    position: relative; }
    .builder .left > h1:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -2px;
      width: 19px;
      height: 12px;
      background-position: -334px -151px; }
    .builder .left > h1.open:after {
      background-position: -304px -151px; }
  .builder .left .radiator-list {
    list-style: none;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .builder .left .radiator-list li {
      padding: 10px 0 6px 6px;
      cursor: pointer;
      display: block;
      background: #FDFDFD;
      background: -moz-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
      background: -webkit-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
      background: -o-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
      background: -ms-linear-gradient(bottom, #e6e6e6 0%, #fdfdfd 49%);
      background: linear-gradient(from bottom, #e6e6e6 0%, #fdfdfd 49%); }
      .builder .left .radiator-list li.selected, .builder .left .radiator-list li:hover {
        background: gainsboro;
        background: -moz-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
        background: -webkit-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
        background: -o-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
        background: -ms-linear-gradient(top, gainsboro 0%, #9ea0a3 67%);
        background: linear-gradient(from top, gainsboro 0%, #9ea0a3 67%); }
  .builder .left .radiator-info {
    border-top: 1px solid black;
    margin: 20px 0 0 0; }
    .builder .left .radiator-info h1 {
      font-size: 0.75em;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: normal;
      padding: 0.75em 0 2em; }
    .builder .left .radiator-info p {
      font-size: 0.875em; }
    .builder .left .radiator-info > div {
      display: none; }
      .builder .left .radiator-info > div.selected {
        display: block; }
  .builder .left .build-list {
    margin: 20px 0;
    list-style: none;
    border-top: 1px solid #C8C8C8;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.875em; }
    .builder .left .build-list li {
      border-bottom: 1px solid #c8c8c8;
      position: relative;
      padding: 12px 0; }
      .builder .left .build-list li .delete {
        position: absolute;
        right: 2px;
        top: 50%;
        margin-top: -7px;
        width: 14px;
        height: 14px;
        background-position: -364px -151px;
        text-indent: -9999px;
        cursor: pointer; }
.builder .right {
  float: left;
  width: 650px;
  margin: 0 0 0 29px;
  border-top: 1px solid #C8C8C8;
  position: relative; }
  .builder .right nav {
    text-transform: uppercase;
    font-size: 0.875em;
    letter-spacing: 1px; }
    .builder .right nav ul {
      list-style: none;
      padding: 0;
      height: 50px;
      border-bottom: 1px solid black; }
      .builder .right nav ul li {
        width: 142px;
        display: inline-block;
        padding: 20px 0 8px 0;
        height: 22px;
        text-indent: 1px;
        position: relative;
        color: #969696; }

        .builder .right nav ul li.selected   {
          color: black; }

          .builder .right nav ul li.selected:before   {
            content: ' ';
            display: block;
            width: 20px;
            height: 6px;
            background: black;
            position: absolute;
            bottom: 0;
            left: 0; }

  .builder .right .skip {
    position: absolute;
    right: 0;
    margin-top: 10px;
    font-size: 0.8125em;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none; }
    .builder .right .skip:after {
      content: ' ';
      display: inline-block;
      background-position: -394px -151px;
      width: 9px;
      height: 16px;
      margin-top: 0;
      margin-left: 25px;
      vertical-align: top; }
  .builder .right .rb {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: left;
    font-size: 0.875em;
    padding: 1.5em 0 0.5em; }
  .builder .right .step {
    position: relative;
    border-top: 1px solid #c8c8c8;
    margin: 50px 0 0 0; }
    .builder .right .step input[type="text"] {
      border: 1px solid #C8C8C8;
      background: none;
      font-size: 14px;
      padding: 8px 4px; }
    .builder .right .step input[type="radio"],
    .builder .right .step input[type="checkbox"] {
      -webkit-appearance: none;
      appearance: none;
      display: inline-block;
      border: 0;
      width: 24px;
      height: 30px;
      margin: -2px 0 4px 0;
      background-position: -300px -170px;
      cursor: pointer; }
      .builder .right .step input[type="radio"]:checked,
      .builder .right .step input[type="checkbox"]:checked {
        background-position: -334px -170px; }
    .builder .right .step input[type="button"],
    .builder .right .step input[type="submit"] {
      -webkit-appearance: none;
      appearance: none;
      background: url("../images/submit-back2.png") right center no-repeat black;
      color: white;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 1px;
      border: 0;
      height: 30px;
      padding: 5px 60px 5px 10px;
      cursor: pointer; }
    .builder .right .step input[type="button"].black {
      background-color: black; }
    .builder .right .step input[type="button"].save,
    .builder .right .step input[type="submit"].save {
      background-color: #54B948; }
    .builder .right .step input[type="button"] {
      background-color: #969696; }
    .builder .right .step input[type="button"].back {
      padding-right: 10px;
      padding-left: 60px;
      text-align: right;
      background: url("../images/submit-back3.png") left center no-repeat #969696; }
    .builder .right .step.step1 h1 {
      font-weight: normal;
      padding-top: 1em; }
    .builder .right .step.step1 .dims label {
      float: left;
      margin-right: 20px; }
      .builder .right .step.step1 .dims label.last {
        margin-right: 0; }
    .builder .right .step.step1 .dims:after {
      content: ' ';
      display: block;
      clear: left; }
    .builder .right .step.step1 .dims input[type="radio"] {
      margin-right: 6px; }
    .builder .right .step.step1 .dims input[type="text"] {
      width: 52px;
      margin: 0 12px 0 6px; }
    .builder .right .step.step1 .dims .extra {
      margin-left: 60px; }
    .builder .right .step.step1 .whose input[type="text"] {
      width: 370px;
      margin-right: 10px;
      margin-left: 10px; }
    .builder .right .step.step1 .calculate {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
      font-size: 1.25em;
      padding: 25px 0; }
      .builder .right .step.step1 .calculate input[type="button"] {
        margin-right: 60px; }
    .builder .right .step.step1 input[type="submit"] {
      float: right;
      margin-top: 5px; }
    .builder .right .step.step2 label {
      position: relative;
      display: block; }
      .builder .right .step.step2 label select {
        position: absolute;
        left: 60px;
        margin-top: 0;
        width: 382px; }
    .builder .right .step.step2 .col {
      width: 300px;
      padding-right: 18px;
      height: 110px;
      position: relative;
      margin-top: 15px;
      margin-bottom: 15px; }
      .builder .right .step.step2 .col p {
        font-size: 1em; }
      .builder .right .step.step2 .col + .col {
        padding-right: 0;
        padding-left: 18px;
        border-left: 1px solid #c8c8c8; }
        .builder .right .step.step2 .col + .col .btu {
          right: 0; }
      .builder .right .step.step2 .col .btu {
        position: absolute;
        right: 18px;
        bottom: 0;
        font-size: 1.25em; }
    .builder .right .step.step2 .accumulative .btu:before {
      content: ' ';
      display: block;
      width: 34px;
      height: 34px;
      background-position: -300px -214px;
      position: absolute;
      right: 0;
      margin: -10px 264px 0 0; }
    .builder .right .step.step2 .accumulative .btu.bad:before {
      background-position: -350px -214px; }
    .builder .right .step.step2 .add-another {
      clear: left;
      border-top: 1px solid black;
      display: block;
      font-size: 0.75em;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-align: right;
      padding-top: 0.5em;
      margin-bottom: -0.5em;
      text-decoration: none;
      cursor: pointer; }
      .builder .right .step.step2 .add-another:hover {
        color: #c8c8c8; }
      .builder .right .step.step2 .add-another:after {
        display: inline-block;
        content: ' ';
        width: 13px;
        height: 13px;
        background-position: -420px -150px;
        margin-left: 60px;
        margin-bottom: -2px; }
    .builder .right .step.step2 .radiator {
      position: relative;
      border-bottom: 1px solid black; }
      .builder .right .step.step2 .radiator + .radiator h2 {
        border-top: 0; }
      .builder .right .step.step2 .radiator .delete {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.75em;
        text-decoration: none;
        position: absolute;
        right: 0;
        top: 8px; }
        .builder .right .step.step2 .radiator .delete:after {
          content: ' ';
          display: inline-block;
          width: 12px;
          height: 3px;
          margin-left: 20px;
          background-position: -44px -155px; }
        .builder .right .step.step2 .radiator .delete:hover {
          color: #c8c8c8; }
      .builder .right .step.step2 .radiator .opts {
        border-bottom: 1px solid #c8c8c8;
        padding: 10px 0 30px; }
      .builder .right .step.step2 .radiator .exp {
        clear: left;
        font-size: 0.75em; }
      .builder .right .step.step2 .radiator .side-profile {
        width: 203px;
        padding: 20px 0 70px 25px;
        float: left;
        position: relative;
        font-size: 0.875em; }
        .builder .right .step.step2 .radiator .side-profile img {
          max-width: 60%; }
        .builder .right .step.step2 .radiator .side-profile .height {
          top: 50%;
          position: absolute; }
        .builder .right .step.step2 .radiator .side-profile .depth {
          text-align: center;
          display: block;
          position: absolute;
          bottom: 35px;
          border-top: 1px solid #c8c8c8;
          padding-top: 5px; }
          .builder .right .step.step2 .radiator .side-profile .depth:before, .builder .right .step.step2 .radiator .side-profile .depth:after {
            position: absolute;
            content: ' ';
            border: 1px solid #c8c8c8;
            top: -5px;
            height: 8px; }
          .builder .right .step.step2 .radiator .side-profile .depth:before {
            left: 0; }
          .builder .right .step.step2 .radiator .side-profile .depth:after {
            right: 0; }
      .builder .right .step.step2 .radiator .sections {
        width: 416px;
        padding: 20px 0 70px 6px;
        float: left;
        position: relative;
        font-size: 0.875em; }
        .builder .right .step.step2 .radiator .sections .width-valve,
        .builder .right .step.step2 .radiator .sections .width-novalve {
          text-align: center;
          display: block;
          position: absolute;
          bottom: 35px;
          border-top: 1px solid #c8c8c8;
          padding-top: 5px; }
          .builder .right .step.step2 .radiator .sections .width-valve:before, .builder .right .step.step2 .radiator .sections .width-valve:after,
          .builder .right .step.step2 .radiator .sections .width-novalve:before,
          .builder .right .step.step2 .radiator .sections .width-novalve:after {
            position: absolute;
            content: ' ';
            border: 1px solid #c8c8c8;
            top: -5px;
            height: 8px; }
          .builder .right .step.step2 .radiator .sections .width-valve:before,
          .builder .right .step.step2 .radiator .sections .width-novalve:before {
            left: 0; }
          .builder .right .step.step2 .radiator .sections .width-valve:after,
          .builder .right .step.step2 .radiator .sections .width-novalve:after {
            right: 0; }
        .builder .right .step.step2 .radiator .sections .width-valve {
          bottom: 10px; }
      .builder .right .step.step2 .radiator:after {
        content: ' ';
        display: block;
        clear: left; }
    .builder .right .step.step2 .submit input[type="submit"] {
      float: right; }
    .builder .right .step.step3 h1 {
      font-weight: normal;
      padding-top: 1em; }
    .builder .right .step.step3 label {
      position: relative;
      display: block; }
      .builder .right .step.step3 label select {
        position: absolute;
        left: 60px;
        margin-top: 0;
        width: 382px; }
    .builder .right .step.step3 .radiator {
      position: relative;
      border-bottom: 1px solid black; }
      .builder .right .step.step3 .radiator .opts {
        padding: 10px 0 30px;
        position: relative; }
      .builder .right .step.step3 .radiator .exp {
        font-size: 0.75em; }
      .builder .right .step.step3 .radiator .manual {
        position: absolute;
        right: 0;
        top: 10px;
        width: 182px;
        font-size: 0.875em; }
        .builder .right .step.step3 .radiator .manual input {
          margin: 10px 0;
          display: block; }
        .builder .right .step.step3 .radiator .manual span {
          font-size: 0.857em;
          display: block; }
    .builder .right .step.step3 .submit input[type="submit"] {
      float: right; }
    .builder .right .step.step5 {
      border-top: 0;
      margin-top: -7px; }
      .builder .right .step.step5 .section {
        text-transform: uppercase;
        font-size: 0.75em;
        padding: 6px 0;
        position: relative; }
        .builder .right .step.step5 .section + .section {
          border-top: 1px solid #c8c8c8; }
        .builder .right .step.step5 .section label {
          position: absolute;
          left: 0;
          top: 12px; }
        .builder .right .step.step5 .section p {
          font-size: 1em;
          margin-left: 145px; }
      .builder .right .step.step5 .submit {
        margin-top: 20px;
        border-top: 1px solid black;
        padding: 20px 0 0 0;
        position: relative;
        height: 70px; }
        .builder .right .step.step5 .submit span {
          width: 280px;
          display: block; }
        .builder .right .step.step5 .submit input[type="button"] {
          position: absolute;
          right: 0;
          top: 20px; }
          .builder .right .step.step5 .submit input[type="button"] + input {
            top: 60px; }
      .builder .right .step.step5 .saved {
        margin-top: -50px; }
    .builder .right .step .saved {
      background: white;
      width: 530px;
      height: 300px;
      position: absolute;
      text-align: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
      z-index: 10000; }
      .builder .right .step .saved.hide {
        display: none; }
      .builder .right .step .saved h1, .builder .right .step .saved p {
        width: 402px;
        margin: 0px auto; }
      .builder .right .step .saved h1 {
        color: #54B948;
        font-size: 1.5em;
        font-weight: normal;
        margin-top: 85px;
        padding-top: 0; }
      .builder .right .step .saved p {
        padding: 0 0 0.5em;
        font-size: 0.75em; }
      .builder .right .step .saved a {
        position: absolute;
        bottom: 0;
        text-transform: uppercase;
        border-top: 1px solid #c8c8c8;
        width: 50%;
        left: 0;
        padding: 1.5em 0;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        z-index: 100; }
        .builder .right .step .saved a:hover {
          color: #c8c8c8; }
        .builder .right .step .saved a + a {
          border-left: 1px solid #c8c8c8;
          left: 50%; }
      .builder .right .step .saved .error {
        background: rgba(255, 0, 0, 0.2); }
    .builder .right .step.step4 {
      border-top: 0; }
      .builder .right .step.step4 .submit input[type="submit"] {
        float: right; }
      .builder .right .step.step4 .category > p label {
        position: relative;
        display: block;
        margin-bottom: 20px; }
        .builder .right .step.step4 .category > p label select {
          position: absolute;
          left: 70px;
          margin-top: 0;
          width: 382px; }
      .builder .right .step.step4 ul {
        list-style: none;
        padding: 20px 0 20px;
        text-transform: uppercase;
        font-size: 0.875em;
        letter-spacing: 1px; }
        .builder .right .step.step4 ul li.newrow {
          margin-left: 0;
          clear: left; }
        .builder .right .step.step4 ul li .colour {
          width: 100%;
          height: 60px;
          display: block; }
        .builder .right .step.step4 ul li img {
          width: 100%; }
        .builder .right .step.step4 ul li a {
          text-decoration: none; }
          .builder .right .step.step4 ul li a:hover {
            color: #c8c8c8; }
        .builder .right .step.step4 ul li + li {
          margin-left: 14px; }
        .builder .right .step.step4 ul li p {
          border-top: 1px solid #c8c8c8;
          margin: 10px 0 10px 0;
          text-transform: none;
          padding-right: 74px;
          height: 30px; }
        .builder .right .step.step4 ul li label {
          float: right;
          font-size: 0.875em; }
          .builder .right .step.step4 ul li label input[type="checkbox"] {
            margin-left: 8px; }
        .builder .right .step.step4 ul:after {
          content: ' ';
          display: block;
          clear: left; }
    .builder .right .step h2 {
      border-top: 1px solid black;
      border-bottom: 1px solid #C8C8C8;
      font-size: 0.75em;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: normal;
      margin: 1em 0 0 0;
      padding: 0.5em 0 2em; }
    .builder .right .step p {
      font-size: 0.875em; }
    .builder .right .step .checks label {
      display: block; }
.builder:after {
  content: ' ';
  display: block;
  clear: both; }

.contact.form .contained {
  border-top: 1px solid #c8c8c8; }
.contact.form .col {
  margin-top: 50px; }
  .contact.form .col > h1 {
    position: absolute;
    margin-top: -50px; }
.contact.form .middle {
  border-left: 1px solid #c8c8c8;
  /*
  			margin-right: -26px;
  			width: 285px;
  */ }
.contact.form form {
  position: relative; }
  .contact.form form:after {
    content: ' ';
    clear: both;
    display: block; }
.contact.form p {
  font-size: 0.875em; }
  .contact.form p a {
    text-decoration: underline; }
.contact.form label {
  display: block;
  position: relative;
  height: 25px; }
.contact.form input[type="text"] {
  background: #DCDCDC;
  font-size: 14px;
  padding: 5px 5px;
  width: 205px;
  border: 0;
  margin: -2px 0 0 10px;
  position: absolute;
  left: 75px;
  top: 0; }
.contact.form textarea {
  display: block;
  background: #DCDCDC;
  font-size: 14px;
  padding: 5px 5px;
  width: 240px;
  border: 0;
  height: 140px;
  min-height: 140px;
  max-height: 140px;
  min-width: 240px;
  max-width: 240px;
  margin: 5px 0 0 0; }
.contact.form input[type="text"].error,
.contact.form textarea.error {
  background: rgba(255, 0, 0, 0.2); }
.contact.form input[type="submit"] {
  background: url("../images/submit-back.png") right center no-repeat black;
  color: white;
  border: 0;
  text-transform: uppercase;
  text-align: left;
  height: 27px;
  width: 250px;
  padding: 4px 6px;
  cursor: pointer;
  position: absolute;
  bottom: 8px;
  right: 15px;
  font-size: 16px;
  letter-spacing: 1px; }
.contact .contained {
  padding: 20px 0 30px; }
  .contact .contained:after {
    content: ' ';
    display: block;
    clear: left; }
.contact figure {
  height: 300px;
  display: block;
  background: #ccc;
  margin: 0 0 30px; }
.contact .col {
  width: 281px;
  padding-right: 13px; }
  .contact .col + .col {
    padding-left: 26px;
    margin-left: 26px; }
  .contact .col a {
    text-decoration: none; }
    .contact .col a:hover {
      color: #c8c8c8; }
  .contact .col h1, .contact .col h2 {
    font-weight: normal; }
  .contact .col h2 {
    font-size: 1.125em; }
.contact .middle + .col {
  width: 255px;
  padding-right: 0; }

.about .contained {
  padding: 20px 0 0 0; }
  .about .contained:after {
    content: ' ';
    display: block;
    clear: both; }
.about figure {
  height: 300px;
  background: #ccc;
  margin-bottom: 30px; }
.about .col {
  width: 441px; }
  .about .col + .col {
    width: 419px;
    margin-left: 96px; }
  .about .col h1 {
    font-size: 1.7em;
    padding-top: 1.5em;
    font-weight: normal; }
  .about .col h2 {
    font-weight: normal; }
  .about .col .links {
    border-top: 1px solid black;
    text-transform: uppercase;
    font-size: 0.875em;
    margin: 3em 0 0;
    padding: 1em 0 0 0;
    width: 318px; }
    .about .col .links a {
      text-decoration: none;
      display: block; }
      .about .col .links a + a {
        margin-top: 0.2em; }
      .about .col .links a:hover {
        color: #c8c8c8; }

.search .instruction {
  letter-spacing: 1px; }
.search .no-results {
  padding: 4em 0;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875em; }

.message {
  display: none;
  padding: 0 15px; }

.dealerlogin {
  height: 294px;
  position: absolute;
  z-index: 10000;
  left: 0;
  width: 38px;
  -webkit-transition: linear;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-property: width;
  -moz-transition: linear;
  -moz-transition-duration: 0.2s;
  -moz-transition-property: width;
  -o-transition: linear;
  -o-transition-duration: 0.2s;
  -o-transition-property: width;
  -ms-transition: linear;
  -ms-transition-duration: 0.2s;
  -ms-transition-property: width;
  transition: linear;
  transition-duration: 0.2s;
  transition-property: width;
  overflow: hidden;
  background: none; }
  .dealerlogin > a {
    text-indent: -99999px;
    background: url("../images/dealer-login.png") no-repeat white;
    width: 38px;
    height: 294px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 20000; }
    .dealerlogin > a:hover {
      background-position: -38px 0; }
  .dealerlogin .background {
    background: #C8C8C8;
    margin-left: -100%;
    height: 294px;
    width: 100%;
    -webkit-transition: linear;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-property: margin;
    -moz-transition: linear;
    -moz-transition-duration: 0.2s;
    -moz-transition-property: margin;
    -o-transition: linear;
    -o-transition-duration: 0.2s;
    -o-transition-property: margin;
    -ms-transition: linear;
    -ms-transition-duration: 0.2s;
    -ms-transition-property: margin;
    transition: linear;
    transition-duration: 0.2s;
    transition-property: margin; }
  .dealerlogin .contents {
    margin: 0px auto;
    width: 960px;
    position: relative;
    font-size: 0.875em;
    text-align: center; }
    .dealerlogin .contents .close {
      position: absolute;
      top: 10px;
      right: 0;
      cursor: pointer; }
      .dealerlogin .contents .close:after {
        content: ' ';
        width: 14px;
        height: 14px;
        background-position: -364px -150px;
        display: inline-block;
        margin-left: 5px;
        vertical-align: top; }
    .dealerlogin .contents form {
      padding: 25px 0 0 0; }
      .dealerlogin .contents form p {
        padding-top: 0; }
      .dealerlogin .contents form .wrap {
        width: 486px;
        margin: 50px auto 0px auto; }
        .dealerlogin .contents form .wrap .ff {
          width: 236px;
          float: left; }
          .dealerlogin .contents form .wrap .ff input {
            width: 228px;
            background: #fff;
            border: 0;
            border-radius: 0;
            font-size: 14px;
            padding: 6px 4px;
            margin: 5px 0 0 0;
            text-align: center; }
          .dealerlogin .contents form .wrap .ff + .ff {
            margin-left: 14px; }
      .dealerlogin .contents form label {
        text-transform: uppercase;
        letter-spacing: 1px; }
        .dealerlogin .contents form label input {
          display: block; }
      .dealerlogin .contents form input[type="submit"] {
        width: 236px;
        height: 30px;
        text-align: center;
        color: white;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #54B948;
        border: 0;
        display: block;
        margin: 30px auto 0 auto;
        cursor: pointer; }
    .dealerlogin .contents .hcol {
      float: left;
      width: 439px;
      margin-top: 20px;
      padding-top: 15px;
      padding-bottom: 15px;
      margin-right: 40px;
      text-align: left; }
      .dealerlogin .contents .hcol + .hcol {
        border-left: 1px solid #fff;
        margin-right: 0;
        padding-left: 40px; }
      .dealerlogin .contents .hcol select {
        display: block;
        width: 100%; }
      .dealerlogin .contents .hcol .img {
        margin: 20px 0 12px;
        height: 120px;
        background: url("../sprites/stocklevels.png") no-repeat; }
        .dealerlogin .contents .hcol .img[data-level="low"] {
          background-position: 0 -150px; }
        .dealerlogin .contents .hcol .img[data-level="good"] {
          background-position: 0 -301px; }
          .dealerlogin .contents .hcol .img[data-level="good"] + .contact {
            display: none; }
      .dealerlogin .contents .hcol .contact {
        font-size: 0.857em;
        text-align: center; }
  .dealerlogin.open {
    width: 100%; }
    .dealerlogin.open > a {
      background-position: -38px 0; }
    .dealerlogin.open .background {
      margin-left: 0; }

.newsItem {
  position: relative;
  height: 158px;
  padding: 0 0 20px 0;
  overflow: hidden;
  -webkit-transition: height 1s; }
  .newsItem .wrap {
    border-top: 1px solid #c8c8c8; }
  .newsItem figure {
    display: block;
    width: 227px;
    margin: 23px 11px 0 0;
    float: left; }
  .newsItem .content {
    width: 608px;
    float: left;
    position: relative;
    padding-right: 100px; }
    .newsItem .content.full-width {
      width: 847px; }
  .newsItem h1 {
    font-size: 1.48em;
    color: black;
    padding: 22px 0 0 0;
    display: inline-block;
    width: auto; }
    .newsItem h1 .date {
      font-size: 0.46em;
      display: block; }
  .newsItem a.more {
    position: absolute;
    top: 33px;
    right: 20px;
    color: black;
    font-size: 0.75em; }
  .newsItem a.less {
    color: black;
    font-size: 0.75em;
    position: absolute;
    display: none;
    top: 33px;
    right: 20px; }
  .newsItem.opened a.more {
    display: none; }
  .newsItem.opened a.less {
    display: block; }
  .newsItem .date {
    color: black;
    font-size: 0.88em;
    display: inline-block;
    padding: 0 0 25px 0; }
  .newsItem p {
    margin: 0; }

.logos {
  left: 0;
  position: absolute;
  top: 245px; }
  .logos img {
    float: left;
    margin-top: 10px; }
    .logos img + img {
      margin: 35px 0 0 23px; }
      .logos img + img + img {
        margin-top: 0; }
        .logos img + img + img + img {
          margin-top: 10px; }



/* new */
.copy a {
  text-decoration: none;
}

/* .signup .arrow {
background-position: -300px -108px;
border: 0;
width: 26px;
height: 26px;
margin-top: -8px;
cursor: pointer;
position: static;
text-indent: -99999px;
background: url("../images/sprites/sprite.png") no-repeat;
outline: 1px solid red;
} */