/*
-----------------------------------------------
Gatwick Express
Author:www.imaginet.co.uk
Version:15 Aug 2011
----------------------------------------------- */
/*$red: #f20017;*/
/*
    Document   : mixins
    Created on : 22-Oct-2013, 12:25:05
    Author     : christeller
*/
/* Homepage Main
----------------------------------------------- */
#homepagemain {
  padding: 1em 0;
}

@media (min-width: 48em) {
  #homepagemain {
    padding: 2em 0;
  }
}
@media (min-width: 64em) {
  #homeleft {
    width: 68%;
    float: right;
  }

  #homeright {
    width: 28.5%;
    /*280px*/
    float: left;
  }
}
#homeintro {
  width: 100%;
  line-height: 1.4em;
}

#homeintro p {
  margin: 0 0 1em 0;
}

#homeintro h1 {
  font-size: 2.1538em;
  line-height: 1.2em;
}

/* Banner rotator
----------------------------------------------- */
.cycle-slideshow {
  width: 100%;
  margin: 0 0 1em 0;
  position: relative;
  z-index: 0;
  background-color: #021625;
  background-color: #f1f1f1;
}
.cycle-slideshow .slide {
  display: none;
  position: relative;
  width: 100%;
}
.cycle-slideshow .slide:first-child {
  display: block;
}
.cycle-slideshow img {
  display: none;
}
.cycle-slideshow .cycle-pager {
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 500;
}
.cycle-slideshow .cycle-pager span {
  background-color: white;
  background-color: black;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-left: 8px;
  text-indent: -999px;
  overflow: hidden;
}
.cycle-slideshow .cycle-pager span.cycle-pager-active {
  background-color: #dc0a1e;
}

.banner_text {
  width: 100%;
  padding: 1em 1em 2em;
}
.banner_text h2 {
  font-size: 1.5384em;
  margin-bottom: 0.2em;
}
.banner_text p {
  color: #fff;
  color: #000;
  margin: 0;
}
.banner_text a {
  font-weight: bold;
  color: #dc0a1e;
}

@media (min-width: 48em) {
  .cycle-slideshow img {
    width: 100%;
    display: block;
  }

  .banner_text {
    /*background-color: $darkGrey;*/
    /*background-color: rgba(2, 22, 37, 0.75);*/
    background-color: rgba(241, 241, 241, 0.75);
    position: absolute;
    bottom: 0;
    padding: 1em;
    padding-right: 100px;
  }
}
/**/
.ac-container {
  width: 100%;
  margin-bottom: 1em;
  border-right: 2px solid #cccccc;
  border-left: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}

.ac-container label {
  background: #f1f1f1 no-repeat scroll 10px center;
  border-bottom: 2px solid #cccccc;
  cursor: pointer;
  display: block;
  font-size: 1.5384em;
  padding: 0.6em 0.5em 0.6em 55px;
  position: relative;
  border-top: 2px solid #cccccc;
}

.ac-container label.timetables {
  background-image: url("/graphics/clock-icon.png");
}

.ac-container label.liveFlightInfo {
  background-image: url("/graphics/plane-icon.png");
}

.ac-container label:hover {
  background-color: #dedede;
}

.ac-container input {
  display: none;
}

.ac-container .ac-small {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  height: 0;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease-in-out 0s, box-shadow 0.6s linear 0s;
  z-index: 10;
}

.ac-container input:checked ~ .ac-small {
  transition: height 0.5s ease-in-out 0s, box-shadow 0.1s linear 0s;
  height: auto;
  padding: 1em 0.8em;
}

/* TDI
----------------------------------------------- */
#hometdi {
  margin: 0 0 1em 0;
}

/* Homepage TDI Headers
----------------------------------------------- */
#hometdi h2 {
  margin: 0 0 0.5em 0;
}

#hometdi .hedblock {
  width: 100%;
}

#hometdi .hedblock h2 {
  float: left;
  display: block;
  width: 130px;
}

/* Home TDI - View more
----------------------------------------------- */
#hometdi div.more {
  text-align: left;
  border: none;
  padding: 0;
}

/* Homepage TDI tables
----------------------------------------------- */
#hometdi table {
  font-size: 0.85em;
  width: 100%;
  border-color: #000;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-collapse: collapse;
  margin: 0 0 0.5em 0;
}

#hometdi table th {
  padding: 4px 5px 4px 5px;
  border-color: #000;
  border-style: solid;
  border-width: 1px 1px 0 0;
  color: #fff;
  background-color: #000;
}

#hometdi table td {
  padding: 4px 5px 4px 5px;
  background-color: #fff;
  border-color: #000;
  border-style: solid;
  border-width: 1px 1px 0 0;
}

#hometdi .notes {
  font-size: 0.85em;
  color: #666;
  border-top: 1px solid #e1e1e1;
  padding: 0.5em 0 0 0;
  margin: 0 0 0.5em 0;
}

.tdilinks {
  display: block;
  background: url("../graphics/track-morebutton.png") no-repeat left center;
  padding-left: 24px;
}

/* Homepage Timetable
----------------------------------------------- */
@media (min-width: 48em) {
  #hometimetable #times_vic_to_gat {
    width: 48%;
    float: left;
    margin: 0 0 0.25em 0;
  }

  #hometimetable #times_gat_to_vic {
    width: 48%;
    float: right;
    margin: 0 0 0.5em 0;
  }
}
#hometimetable .journeytime {
  font-size: 0.85em;
  margin: 0 0 0.5em 0;
}

/* Homepage Flight Info
----------------------------------------------- */
#hometdi #flight_search {
  background: none;
  margin: 0 0 1em 0;
}

@media (min-width: 48em) {
  #hometdi #flight_arrivals {
    width: 48%;
    float: left;
    margin: 0 0 1em 0;
  }

  #hometdi #flight_departures {
    width: 48%;
    float: right;
    margin: 0 0 0.25em 0;
  }
}