/*****************************************************************************************
* Site in general                                                                        *
*****************************************************************************************/
body {
  background: white;
}
.outer-footer, .push {
  height: 178px;
}
.height-wrapper {
  margin-bottom: -178px;
}



/*****************************************************************************************
* Header                                                                                 *
* - Header border is visible only in desktop mode                                        *
* - Logo and Slogan images should be same height.                                        *
* - Logo and Slogan max-widths should be soso that they scale in roughly the same speed  *
*****************************************************************************************/
.header {
  border-color: #1A171B;
}
.magazine-logo {
  max-width: 100%;
  max-height: 70px;
}
.magazine-slogan {
  display: none;
}

@media screen and (max-width:520px) {
  .header .magazine-slogan {
    padding-top: 10px;
  }
}


/******************************************************************************
*                                   Content area                              *
******************************************************************************/
.content {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #dfdde1;

  background: #faf8fa; /* Old browsers */
  background: -moz-linear-gradient(top, #faf8fa 0%, #e3e3e3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf8fa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #faf8fa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #faf8fa 0%,#e3e3e3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #faf8fa 0%,#e3e3e3 100%); /* IE10+ */
  background: linear-gradient(to bottom, #faf8fa 0%,#e3e3e3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf8fa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
}



/*****************************************************************************************
* Footer                                                                                 *
* - Footer border is visible only if content area doesn't fill the page                  *
*****************************************************************************************/
.footer {
  padding-top: 40px;
  border-color: #1A171B;
  font-size: 15px;
  color: #1A171B;
}
.footer a {
  color: #7E75A0;
}
.footer a:hover {
  color: #7E75A0;
}
.copyright {
  margin-top: -20px;
}
.copyright img {
  max-height: 67px;
}
@media screen and (max-width:380px) {
  .copyright img {
    max-height: 48px;
  }
  .footer {
    /* Fix Safari bug where word-spacing causes text to not line-break but to overflow from the box */
    padding-left: 20px;
    padding-right: 20px;
  }
}


/*****************************************************************************************
* Content                                                                                *
*                                                                                 *
*                                                                                 *
*                                                                                 *
*****************************************************************************************/
.content a:link,
.content a:visited {
  color: #7E75A0;
}
.year-label {
  color: #1A171B;
}
.magazine {
  padding-left: 12px;
  padding-right: 12px;
}
.magazine-small {
  font-size: 14px;
  line-height: 19px;
}
.magazine-large {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.1;
}
.mag-main-link {
  display: block;
  padding: 0;
  background: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}



.input-customer {
  width: 260px;
}
.input-post_code {
  width: 160px;
}


.loginhelp {
  max-width: 654px;
  margin-top: 16px;
  margin-bottom: 30px;
}
.loginhelp.samples {
  font-size: 15px;
}