/* **************************************************************** */
/* Booking engine, disclaimer footer for .us and .ca                */
/* **************************************************************** */

h2.portlet-title, .pane { display: none; }

.booking-engine {
  position: relative;
  float: left;
  width: 100%;
  height: 241px;
  font-size: 10px;
  color: #444;
  margin-bottom: 0px;
  background-color: #e1e9ec;
  background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.jpg) no-repeat 0% 100%;
  _background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.gif) no-repeat 0% 100%; /* IE 6 */
}

.booking-engine form {
  float: left;
  width: 100%;
  min-height: 295px;
}

.booking-engine fieldset { position: absolute; width: 273px; }

.booking-engine legend {
  display: none;
  font-size: 11px;
  font-weight: bold;
}

.booking-engine label {
  display: block;
  font-size: 11px;
  font-weight: bold;
}

.booking-engine select { font-size: 12px; }
.booking-engine .radio label, .booking-engine .checkbox label { display: inline; }

/**** Trip type ****/
.trip-type {
  top: 0px;
  width: 273px;
  height: 25px;
}

.trip-type div {
  float: left; 
  margin-left: 15px;
  margin-top: 10px;
}

/**** Places ****/
.places { top: 45px; height: 80px; }
.places select { width: 144px; }
.departure .city, .arrival .city { position: absolute; left: 15px; }
.arrival .city { top: 37px; }
.date { position: absolute; right: 15px; width: 88px; }
.date.arrivals { top: 37px; }
.date input { font-size: 10px; width: 64px; }

*:first-child+html .date input { font-size: 12px; } /* IE 7 */

.date img {
  position: absolute;
  top: 14px;
  left: 67px;
}

/**** Travelers ****/
.travelers {
  position: absolute;
  top: 125px;
  height: 80px;
}

.adults, .children, .infants, .fare {
  position: absolute;
  left: 15px;
  width: auto;
}

.infants, .fare { left: 175px; }
.children, .fare { left: 85px; }
.travelers select { width: 40px; }
.travelers .fare select { width: auto; }

/**** Temp display none on fares select box frontpage ****/
#three-col-home .travelers .fare select { display: none; }

/**** Search criteria ****/
.searchCriteria {
  position: absolute;
  top: 170px;
  left: 15px;
  height: 40px;
}

.searchCriteria .radio { position: absolute; }
.searchCriteria .flex-dates { left: 132px; }
.searchCriteria legend { display: block; }

.searchCriteria label {
  position: absolute;
  width: 104px;
  font-size: 10px;
  padding-left: 2px;
  padding-top: 1px;
}

.searchCriteria .radio input { float: left; padding: 0; margin: 0; }

/**** More booking options ****/
.link.other-options {
  position: absolute;
  top: 28px;
  left: 15px;
  font-size: 11px;  
  font-weight: bold;
  text-decoration: underline;
}

/**** Gift Certificate ****/
#gift {
  position: absolute;
  top: 205px;
  left: 11px;
}

/**** Button ****/
.button {
  position: absolute;
  right: 15px;
  top: 206px;
}

.button input {
  width: 115px;
  height: 30px;
  font-size: 9px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  padding-left: 18px;
  padding-bottom: 5px;
  text-shadow: 2px 2px 0px #777;
  cursor: pointer;
  _cursor: hand;
  background: url(http://www.icelandairholidays.fi/img/bg-button-booking.png) no-repeat 0% 0%;
}

*:first-child+html .button input { font-size: 10px; }

.button input:hover { background-position: 0% -28px; }

/**** ADDITIONS FOR PACKAGES ****/
/**** Hopefully we can integrate a more CSS-friendly ID to hang the styles on instead of #packages-p38234I ****/

#packages-p38455I .places { top: 20px; height: 100px; }
#packages-p38455I .places .city { position: absolute; left: 15px; }
#packages-p38455I .places .city select { width: 235px; }

#packages-p38455I .places .date {
  position: absolute;
  top: 40px;  
  left: 15px;
  width: 100px;
}

#packages-p38455I .places .date.right { left: 140px; }
#packages-p38455I .places .date select { width: 90px; }
#packages-p38455I .places .date img { left: 90px; }

/**** Travelers ****/
#packages-p38455I .travelers { top: 115px; height: 120px; }
#packages-p38455I .travelers div { position: absolute; left: 15px; width: auto; }
#packages-p38455I .travelers div.last { top: 40px; }
#packages-p38455I .travelers div.right { top: 80px; }

/**** ADDITIONS FOR HOTELS ****/
#hotels .places {
  position: absolute;
  top: 15px;
  height: 100px;
}

#hotels .places .city { position: absolute; left: 15px; }
#hotels .places .city select { width: 230px; }

#hotels .places .date {
  position: absolute;
  top: 45px;
  left: 15px;
}

#hotels .places .date.right { left: 155px; }

/**** Travelers ****/
#hotels .travelers { top: 115px; height: 120px; }

#hotels .travelers div {
  width: auto;
  margin-left: 15px;
  margin-bottom: 7px;
}

/**** ADDITIONS FOR LINKS TAB ****/
#p38464I .quicklinks {
  position: relative;
  float: left;
  width: 273px;
  height: 327px;
  clear: left;
  margin-top: -1px;
  margin-bottom: 7px;
  background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.png) no-repeat 0% 100%;
 _background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.gif) no-repeat 0% 100%;
}

#p38464I .quicklinks ul {
  position: absolute;
  top: 60px;
  left: 25px;
  list-style: none;
}

#p38464I .quicklinks ul li {
  float: left;
  font-weight: bold;
  border-bottom: 1px solid #adadad;
}

#p38464I .quicklinks ul li.last { border-bottom: none; }

#p38464I .quicklinks ul li a {
  float: left;
  width: 184px;
  color: #2b3032;
  padding: 10px 0 10px 40px;
  background: url(/other_files/icelandair/global/icons/icon-quicklinks.png) no-repeat 0 0px;
  _background: url(/other_files/icelandair/global/icons/icon-quicklinks.gif) no-repeat 0 0px;
}

#p38464I .quicklinks ul li a.etickets-2 { background-position: 0 4px; }
#p38464I .quicklinks ul li a.routemapper { background-position: 0 -34px; }
#p38464I .quicklinks ul li a.flight-status { background-position: 0 -68px; }
#p38464I .quicklinks ul li a.sh-timetable { background-position: 0 -102px; }
#p38464I .quicklinks ul li a.ia-userlogin { background-position: -1px -138px; }

/**** ADDITIONS FOR CARS ****/
/**** The class "cars" exists in the properties of the portlet ****/
#cars {
  position: relative;
  float: left;
  width: 233px;
  height: 254px; 
  color: #444;
  margin-bottom: 7px;
  background-color: #e1e9ec;
  background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.png) no-repeat 0% 100%;
  _background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.gif) no-repeat 0% 100%; /* IE 6 */
}

#cars.cars { padding: 20px; }
#cars.cars h2 { display: none; }

#cars .button { position: absolute; right: 10px; bottom: 9px; }

#cars.cars .button a {
  display: block;
  width: 85px;
  height: 20px;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 35px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-shadow: 2px 2px 0px #777;
  background: url(http://www.icelandairholidays.fi/img/bg-button-booking.png) no-repeat 0% 0%;
}

#cars.cars .button a:hover {
  cursor: pointer;
  _cursor: hand;
  text-decoration: none;
  background-position: 0% -28px;
}

/****** ADDITIONS FOR INTERNET CHECKIN ********/
/* The class "simple-form" is used for this type of portlet.  After launch we should add the class "internet-checkin" to this portlet so that we do not need to rely on such a general class name like "simple-form.*/

.origo-portlets_origo-simple-form {
  position: relative;
  float: left;
  width: 273px;
  height: 327px;
  clear: left;
  margin-top: -1px;
  margin-bottom: 7px;
  background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.png) no-repeat 0% 100%;
  _background: url(http://www.icelandairholidays.fi/img/bg_booking-engine-01.gif) no-repeat 0% 100%;
}

.origo-portlets_origo-simple-form .simple-form {
  position: absolute;
  top: 30px;
  width: 225px;
  height: 105px;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
  margin: 15px;
  border: 1px solid #ccc;
}

.origo-portlets_origo-simple-form label { display: block; }
.origo-portlets_origo-simple-form legend { padding-bottom: 0; padding: 0 5px; }
.origo-portlets_origo-simple-form p { position: relative; }
.origo-portlets_origo-simple-form p input.text { width: 95%; }
.origo-portlets_origo-simple-form p input.submit { position: absolute; right: 15px; top: 278px; }

input.submit {
  _left: 140px;
  width: 115px;
  height: 30px;
  font-size: 9px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 22px;
  padding-bottom: 5px;
  border: none;
  cursor: pointer; 
  _cursor: hand; 
  background: url(http://www.icelandairholidays.fi/img/bg-button-booking.png) no-repeat 0% 0%;
}

input.submit:hover { background-position: 0% -28px; }

.packages-footer {
  clear: left;
  color: #666;
}