div.datepicker {
	position: relative;
	cursor: default;
}
.datepickerContainer { 
    position: relative; 
}
.datepickerContainer .calendars {
    float: left;
    padding: 0 1px 0 0; /* combats border-collapse weirdness when some cells have no border */
}
.datepickerHidden { display: none; }
div.datepicker table { 
    border-collapse: collapse; 
    background: none; 
    float: left;
    margin-bottom: 0em !important;
}
div.datepicker table.firstCalendar {
    margin-right: 10px;
    margin-left: 1px;
}
div.datepicker table.firstCalendar .datepickerGoNext a {
    display:none; 
}
div.datepicker table.lastCalendar .datepickerGoPrev a {
    display: none; 
}
div.datepicker a, div.datepicker a:visited {
	text-decoration: none;
	cursor: pointer;
	outline: none;
    color: #5A4099;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
    background: none;
    height: 20px;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
    padding: 0;
    border: none;
}
div.datepicker tbody a { display: block; }
.datepicker a:link { border: none; }
.datepickerDays td {
    border: none;
}
.datepickerContainer td {
    border: none;
}
.datepickerDays a, .datepickerDays a:link {
	width: 18px;
	line-height: 20px;
	padding: 1px 2px;
}
.datepickerViewDays span { margin: 0; padding: 0; opacity: 1; }
td.datepickerSelected a, td.datepickerSelected a:visited { 
    background: #5A4099; 
    color: #FFF; 
}
td.datepickerNotInMonth.datepickerSelected a { background: #DDD; }
td.datepickerHover a, td.datepickerHover a:hover { color: #FFF; background-color: #88c5eb; }
div.datepicker td.datepickerNotInMonth a:hover { color: #999; }
div.datepicker tbody th { }
.datepickerSpace div { width: 10px; }
.datepickerGoNext a, .datepickerGoPrev a, th.datepickerMonth span {
	text-align: center;
	height: 20px;
	line-height: 20px;
    font-weight: bold;
}
.datepickerGoNext a { 
    display: block; float: right; width: 20px; height: 15px;
    background: url('//media.gadventures.com/media-server/static/images/cal-next.png?f4c01bfa32a1') no-repeat center;
}
.datepickerGoPrev a { 
    display: block; float: left; width: 20px; height: 15px;
    background: url('//media.gadventures.com/media-server/static/images/cal-prev.png?bb789a28146b') no-repeat center;
}
.datepickerGoNext a span, .datepickerGoPrev a span { display: none; }

td.datepickerNotInMonth a { display: none !important; color: #AAA; opacity: 0.5; }
td.datepickerDisabled a, td.datepickerDisabled a:visited { color: #AAA; cursor: default; }
td.datepickerDisabled.datepickerNotInMonth a, td.datepickerDisabled.datepickerNotInMonth a:visited { display: none; }
td.datepickerDisabled a:hover { color: #AAA; }
td.datepickerSpecial a { background: #700; }
td.datepickerSpecial.datepickerSelected a { background: #a00; }
tr.datepickerDoW th { border-bottom: 1px solid #CCC; }

/* Selected Trip Dates */ 
div.datepicker td.selTripDate a { background-color: #dedede; }
div.datepicker td.selStartDate a { 
    background: #5A4099; color: #FFF; 
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-radius: 3px 0 0 3px;
}
div.datepicker td.selEndDate a { 
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 0 3px 3px 0;
}  

div.datepicker td.tripDate a { color: #FFF; background-color: #707070; opacity: 0.7; }
div.datepicker td.startDate a { 
    opacity: 1; 
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-radius: 3px 0 0 3px;
}
div.datepicker td.endDate a { 
    opacity: 1; 
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 0 3px 3px 0;
}
div.datepicker td.hasPromo a {
    color: #FF8D00;
    font-weight: bold;
} 

.ms-expedition #content td.datepickerDisabled a, .ms-expedition #content td.datepickerDisabled a:visited { color: #AAA; cursor: default; }
.ms-expedition #content .datepickerGoPrev a { background: url('//media.gadventures.com/media-server/static/images/cal-prev-exp.png?6c0a68b4f829') no-repeat center; }
.ms-expedition #content .datepickerGoNext a { background: url('//media.gadventures.com/media-server/static/images/cal-next-exp.png?1ec3f861688e') no-repeat center;}

/* The same priced packages are grouped, each having one or
   more package-segment */
.ui-autocomplete {
    max-width: 435px;
    max-height: 200px;
    overflow: auto;
}

#flights-message {
    padding: 0.5em;
    border-radius: 0.5em;
}
#pricing-flights {
    clear: both;
}
#search-form {
    margin-left: 15px;
}

#search-form label {
    display: block;
}
.error #search-form label {
    color: #B50000;
}
#search-form .form-fields {
    float: left;
}
#search-loading {
    background-color: rgba(90,64,153, 0.9);
    text-align: center; 
    padding: 0.5em;
    border-radius: 0.5em;
}
#search-loading p {
    color: #FFF;
    font-size: 1.5em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    font-weight: 700;
    text-align: center;
}
#search-loading small {
    display: block;
    color: #FFF;
}
#search-loading a {
    color: #ACD146;
}
#search-cancel {
    display: block;
    text-align: center;
    cursor: pointer;
}
#search-more {
    background-color: rgba(90,64,153, 0.9);
    text-align: center; 
    padding: 0.5em;
    border-radius: 0.5em;        
    color: #FFF;
    font-size: 1.3em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    font-weight: 700;
    text-align: center;   
    cursor: pointer;
}
#air-search {
    margin-top: 1.5em;
    margin-left: 0.5em;
}
#id_search_from_city {
    padding: 0.5em;
    width: 435px;
    border-radius: 0.3em;
}

#search-container {
    clear: both;
} 
#search-results {
    margin-bottom: 1em;
    padding-top: 1px;
    clear: both;
}

.flight-package {
    margin: 2em 0;
    padding: 1em 0;
    padding-bottom:0;
    border-radius: 8px;
    border: 1px solid #CCC;
    position: relative;
}

.flight-package .sub-price {
    font-size: 1.3em;
}

.flight-package.selected {
    
}
.flight-package.selected .select-flight {
    display: none;
}
 
.flight-package .heading {
    padding-left: 40px;
    border-bottom: 1px solid #683695;
    clear:both;
}
.flights.outbound {
    margin-top: 1em;
}
.flights.outbound .heading {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/outbnd_plane.png?8d94b925e7fe') no-repeat 7px 0;
}
.flights.inbound .heading {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/homebnd_plane.png?7eb0bc1eedc8') no-repeat 7px 0;
}

/* For icons and other special indicators for the package */
.flights-indicators {
    display: block;
    border-radius: 8px 8px 0 0;
    padding: 0.5em 0 0.2em 0;
    margin-top: -1.1em;
    background: #EEE;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
}
.flights-indicators .indicator { 
    margin-left: 1em;
}

.indicator-early-days {
    display: inline-block;
    padding-left: 28px;
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/hotel-icon.png?5576f15acd9d') no-repeat center left;
    font-weight: 700;
    color: #5A4099;
}

.indicator-direct {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/direct-indicator.png?c4c558265201') no-repeat center left;
    padding-left: 35px;
    color: #2e6dff;
}

/* Layover indicators. We use 24 classes for ultimate flexibility in the future,
 * as well as not needing to calculate anything at all in the Javascript. */
.layover { 
    height: 16px;
    padding-left: 18px;
    display: inline-block;
}

.layover-alert { 
    height: 16px;
    display: inline-block;
    color: #B94A48;
    background-color: #F2DEDE;
}
.layover_hr1, .layover_hr2 {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/layover-short-icon.png?aad496f969ea') no-repeat left center;
}
.layover_hr3, .layover_hr4, .layover_hr5, .layover_hr6 {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/layover-med-icon.png?c38c1c53427e') no-repeat left center;
}
.layover_hr6, .layover_hr7, .layover_hr8, .layover_hr9,
.layover_hr10, .layover_hr11, .layover_hr12, .layover_hr13 {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/layover-long-icon.png?e9b7872de630') no-repeat left center;
}
.layover_hr14, .layover_hr15, .layover_hr16, .layover_hr16,
.layover_hr17, .layover_hr18, .layover_hr19, .layover_hr20,
.layover_hr21, .layover_hr22, .layover_hr23, .layover_hr24 {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/layover-painful-icon.png?02011c396cbd') no-repeat left center;
}

.technical-stop {
  padding: 5px;
  display: inline-block;
  background-color: #f2dede;
  font-size: 0.8em;
  margin: 0;
  margin-left: 25px;
  text-align: center;
  clear:both;
  width: 284px;
}

/* Flexible flights */
.flight-package.flexible {

}
.indicator-flight-flexible { 
    display: inline-block;
    padding-left: 26px;
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/flex-star.png?83ff3b4a6b6b') no-repeat center left;
}
 
 
#content .flight-package h4 {
    font-size: 1.15em;
    font-weight: 300;
    color: #683695;
    float: left;
    margin: 0;
}
.flight-package .flight-from-to {
    margin-left: 9em;
    font-size: 1.0em;
    line-height: 1.8em;
    color: #999;
}
.flight-package .sub-price-wrapper {
    margin-right: 15px;
    margin-top: -2em;
}
  
.flight-summary .flight:hover {
    background: #E4F6FA;
}

.flight-summary .selection {
    text-align: right;
    padding: 18px 10px 5px 0;
    width: 60px;
}
/* Outbound flight is automatically selected when choosing
   the package or related homebound flight */
.outbound .selection {
    display: none;
}

.flight {
    margin-left: 30px;
}

.flight-summary {
    margin: 0.5em 0;
    line-height: 35px; /* height of airline icons */
}

.flight-summary div {
    display: inline-block;
    padding: 5px;
    font-size: 0.75em;
    font-weight: 400;
}

.flight-summary .date {
    width: 80px;
    padding-left: 0;
}
.flight-summary .airports {
    display: inline-block;
    width: 108px;
    height: 25px;
    cursor: pointer;
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/dest_out_arrow.png?b169ab62db38') no-repeat center;
    border-radius: 5px;
    text-align: center;
    padding: 0;
}
.flight-summary .airports span {
    display: inline-block;
    padding: 0 15px;
}
.flight-summary .airports:hover {
    background: #E6F6FA;
}
.flight-summary .duration {
    width: 60px;
}
.flight-summary .flight-stops {
    width: 45px;
}
.flight-summary .airline {
    margin-left: 14px;
    width: 180px;
}
.flight-summary .airline img {
}
.flight-summary .airline span {
    display: inline-block;
    margin-left: 5px;
    width: 115px;
    line-height: 1em;
}

.flight-summary div.show-details {
    padding: 0;
    padding-right: 1em;
    padding-top: 5px;
}
.show-details a {
    border-radius: 5px;
    background: #CCC;
    color: #FFF;
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    display: inline-block;
}
.show-details a:hover {
    background: #683695;
    text-decoration: none;
}

/* The flight and leg details appear when the user clicks the icon to
   expand for more information */
.flight-details {
    display: none;
    margin-bottom: 2em;
}
.flight-details .flight-from-to {
    font-weight: 400;
    font-size: 0.9em;
}

.leg-details {
    margin-left: 25px;
}
.leg-details .departs-arrives {
    float: left;
    background: #E3F5F9;
    padding: 5px;
    clear:both;
    width: 284px;
    font-size: 0.9em;
}
.leg-details .whenwhere span {
    display: inline-block;
}
.leg-details .whenwhere span.date {
    width: 100px;
}
.leg-details .departs {
    margin-top: 2px;
}
.leg-details .arrives {
    margin-bottom: 2px;
}
.leg-details .duration {
    padding: 4px 0 4px 15px;
}
.leg-details .supplier-logo {
    float: left;
}
.leg-details .class-equipment {
    opacity: 0.8;
}
.leg-details .equipment,
.leg-details .cabin_class {
    display: block;
    margin-left: 40px;
}

.leg-details .supplier {
    float: left; 
    margin-left: 12px;
    width: 295px;
    font-size: 0.75em;
    padding-top: 5px;
}
.leg-details .supplier_name {
    display: block;
    margin-left: 40px;
    font-weight: 700;
}

.flight-details .layover {
    padding: 5px;
    background: #FFFFCC;
    font-size: 0.8em;
    margin: 0;
    margin-left: 25px;
    text-align: center;
    clear:both;
    width: 284px;
}
.leg-details .operated_by {
    display: block;
    margin-left: 40px;
}

/* Package sorting buttons */
#sort-packages {
    float: left;
    margin-top: 1em;
}

#sort-packages a span {
    display: inline-block;
    padding-left: 20px;
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/sort_arrow_down.png?ec63e3fa8f7f') no-repeat left center;
}

#sort-packages a.reverse span {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/sort_arrow_up.png?47bd159c8242') no-repeat left center;
}


/* Hidden results */
span.hidden-results-toggle {
    display: block;
    cursor: pointer;
    background: #dfddf7;
    text-align: center;
    color: #000;
    border-radius: 0 0 8px 8px;
    padding: 0.2em 0;
    font-size: 0.9em;
    margin-top: 1em;
}


#flight-promotion {
  background: #5A4099;
  display: block;
  float: left;
  text-align: center;
  width: 100%;
  margin: 1em 0 2em 0;
  position: relative;
  /* Terms and conditions (expandable) */ }
  #flight-promotion img {
    position: absolute;
    left: 25px;
    top: -18px;
    z-index: 999; }
  #flight-promotion h3 {
    color: white;
    display: inline-block;
    margin-top: 0.5em;
    padding: 0 0.5em 0 6em; }
  #flight-promotion strong {
    font-size: 1.1em;
    color: white; }
  #flight-promotion p {
    color: white;
    margin-bottom: 1em;
    margin-top: -0.5em;
    padding-left: 6em; }
  #flight-promotion a {
    color: white;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 7em;
    padding-bottom: 1px;
    position: relative;
    top: -0.5em; }
  #flight-promotion div {
    background-color: #fff;
    border-width: 0 1px 1px 1px;
    border-color: #5A4099;
    border-style: solid; }
  #flight-promotion div em {
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-size: 1.2em; }
  #flight-promotion div p {
    color: inherit;
    font-size: 13px;
    line-height: 19px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left; }
  #flight-promotion div p:first-child {
    margin-top: 20px; }

#pricing-flights #flight-promotion img {
  left: 5px; }
#pricing-flights #flight-promotion h3 {
  color: white;
  display: inline-block;
  font-size: 1.1em;
  margin-top: 0.8em;
  padding: 0 0.5em 0 7em; }
#pricing-flights #flight-promotion strong {
  font-size: 0.9em; }
#pricing-flights #flight-promotion p {
  font-size: 0.9em;
  padding: 0.5em 0 0.4em 7em; }
#pricing-flights #flight-promotion div p {
  padding: 0;
  padding-left: 10px;
  padding-right: 10px; }
#pricing-flights #flight-promotion div p:first-child {
  padding-top: 0.5em; }

#pricing-checkout img {
  padding-left: 7px; }

/* General & Overview Sections */
/* Pricing Section */
#pricing-nav {
  width: 255px;
  position: absolute; }

#pricing-nav #total {
  font-size: 1.5em;
  background: #5a4099;
  color: white;
  padding: 0.5em;
  padding-left: 10px; }

#pricing-nav #total .price {
  float: right; }

#pricing-nav #total .taxes {
  display: block;
  clear: both;
  font-size: 10px; }

#pricing-nav #total .currency {
  font-size: 14px;
  font-weight: 400; }

#pricing-nav li span {
  float: right;
  display: block;
  line-height: 1.5em;
  color: #AAA;
  padding-right: 0.5em; }

li#nav-pricing-travellers span label {
  width: auto; }

#pricing-nav .line-item {
  float: none;
  display: block;
  margin-left: 40px;
  clear: left; }

.scroll-nav li a {
  width: 145px;
  float: left; }

#trip-summary-pricing {
  padding-bottom: 300px; }

#trip-summary-pricing .section {
  padding-left: 275px; }

/**
 * General sections styling
 */
.section .sub-price {
  float: right;
  border: 1px solid #CCC;
  background: #efefef;
  cursor: pointer;
  color: #555;
  font-weight: 400;
  display: block;
  padding: 3px 8px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  clear: right;
  text-shadow: 1px 1px 0px #ffffff; }

.scroll-selected .sub-price {
  background: #FFF;
  -moz-box-shadow: 1px 1px 2px #AAA;
  -webkit-box-shadow: 1px 1px 2px #AAA;
  box-shadow: 1px 1px 2px #AAA; }

.section .sub-price:hover {
  color: #222; }

.section .sub-price input {
  margin-right: 4px;
  display: inline-block; }

.section .sub-price-wrapper {
  float: right; }

.section .sub-price-wrapper .helptext {
  font-size: 0.8em;
  clear: right;
  display: block;
  text-align: center; }

/**
 * Hotels
 */
.hotel {
  margin-bottom: 1em; }

.hotel-option {
  clear: both; }

.hotel-option ul {
  margin-top: 0;
  margin-bottom: 0; }

/**
 * Travellers
 */
#travellers-form {
  margin: 1em; }

#travellers-form label {
  font-weight: 700; }

#travellers-form .row {
  float: left;
  margin-right: 1em; }

/* Loading indicator */
#loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(90, 64, 153, 0.9);
  background-color: #5a4099;
  text-align: center; }
  #loading .content {
    margin-top: 3em;
    width: 800px;
    margin: 0 auto; }
  #loading p {
    color: white;
    font-size: 2em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 700; }
  #loading a {
    color: #acd146;
    display: block;
    line-height: 4.5em; }
  #loading div.bar {
    background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/loading-bar.gif?44dc3906f819') center center no-repeat; }
    #loading div.bar span {
      text-indent: -999em; }

/**
 * Calendar style overrides
 */
#calendar-wrapper {
  position: relative;
  clear: both;
  padding: 10px 6px 5px 0px;
  margin-bottom: 1em; }

#id_calendar_departure {
  clear: both;
  padding-top: 1em;
  overflow: hidden;
  background: #FFF; }

#tour-form {
  display: none; }

.datepickerContainer {
  overflow: hidden; }

.datepickerDays a, .datepickerDays a:link {
  line-height: 1em; }

td.datepickerSelected a, td.datepickerSelected a:visited {
  background: transparent; }

div.datepicker table td {
  height: 40px;
  text-align: center; }

div.datepicker table td span span {
  display: block;
  line-height: 13px; }

div.datepicker td.depRequest {
  background-color: #fff;
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/cal-on-request.png?81ae5fd150ad');
  background-repeat: no-repeat;
  background-position: top right; }

div.datepicker td.tripDate {
  background-color: #DFF0D8; }

div.datepicker td.depDiscounted a span span.d-price {
  color: #FFF;
  background: #f06611;
  font-weight: 400;
  border-radius: 3px; }

div.datepicker td a span span.d-price {
  line-height: 22px;
  font-weight: 700; }

/* prices greater than 10,000, need to be smaller
   to fit in the calendar boxes */
div.datepicker td a span span.d-price.gt10000 {
  font-size: 0.9em; }

div.datepicker td.tripDate a {
  color: #777;
  background: none;
  border-radius: 0; }

div.datepicker td.depSoldOut a {
  color: #BF0000;
  font-size: 0.9em; }

div.datepicker td.startDate a {
  background: none;
  color: #111; }

div.datepicker td.flightDate a {
  background: none;
  color: #FFF;
  opacity: 1; }

div.datepicker td.startDate {
  background-color: #DFF0D8; }

div.datepicker td.extraDate {
  background-color: #B6B6F9; }

div.datepicker td.extraDate .d-price {
  text-indent: -9999px; }

div.datepicker td.flightDate {
  background: #0884C4; }

div.datepicker td.datepickerNotInMonth {
  background-color: transparent !important;
  background-image: none; }

div.datepicker td.extraDate a {
  color: #FFF; }

div.datepicker td.tripDate a .d-price {
  opacity: 0.7; }

div.datepicker table tbody.datepickerDays a {
  font-size: 12px;
  display: block;
  width: 40px;
  height: 100%;
  font-weight: 400; }

.datepickerDays td {
  border: 1px solid #CDCDCD; }

div.datepicker table tbody.datepickerDays td.datepickerNotInMonth {
  border: none !important; }

.datepickerViewDays .datepickerDoW span {
  font-size: 0.9em;
  font-weight: 500; }

tr.datepickerDoW th {
  border: none;
  padding-bottom: 5px; }

div.datepicker table th.datepickerMonth span {
  font-size: 18px;
  font-weight: 400;
  color: #555E63; }

div.datepicker th.datepickerGoPrev,
div.datepicker th.datepickerGoNext,
div.datepicker th.datepickerMonth {
  padding-bottom: 10px; }

.datepickerGoPrev a {
  background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/grey_arrow_left.png?a3676cc94f61') no-repeat center; }

.datepickerGoNext a {
  background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/grey_tab_arrow.png?e0c796db52c1') no-repeat center; }

div.datepicker table td .datepickerGoNext span,
div.datepicker table td .datepickerGoPrev span {
  display: none; }

td.datepickerDisabled .d-price {
  text-indent: -9999px; }

/* Legend of symbols and colours used in the calendar TODO */
#calendar-legend {
  font-size: 0.9em;
  float: right;
  margin-top: -49px;
  width: 100px; }

#calendar-legend a {
  cursor: pointer;
  padding: 0.2em 0.5em;
  font-size: 11px; }

#calendar-legend label {
  color: #888;
  display: block;
  margin-bottom: 5px; }

#calendar-legend div {
  padding: 5px; }

#calendar-legend label span {
  border: 1px solid #CDCDCD;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 3px; }

#swatch-tour-dates span {
  background: #DFF0D8; }

#swatch-extra-dates span {
  background: #a3a3ff; }

#swatch-flight-dates span {
  background: #0884C4; }

#swatch-request-dates span {
  background-color: #ffffff;
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/cal-on-request.png?81ae5fd150ad');
  background-repeat: no-repeat; }

/**
 * Plus/Minus input style boxes for adding/subtracting days before/after
 * the trip start and end dates.
 */
#pricing-departure fieldset {
  border: 1px solid #CDCDCD;
  border-radius: 0.5em;
  padding: 5px 5px 10px 5px;
  float: left;
  background: #FFF; }

#pricing-departure fieldset legend {
  text-align: center; }

#start-controls {
  margin-bottom: 1em;
  margin-top: 1em;
  margin-left: 1em; }

#finish-controls {
  margin-left: 1em; }

#extra-dates .date {
  border: none;
  font-size: 1.2em;
  font-weight: 700;
  display: inline-block;
  width: 16em; }

#extra-dates label {
  display: inline-block;
  width: 4em;
  font-weight: 400; }

.date-adjust {
  display: inline-block;
  border: 1px solid #D6D6D6;
  padding: 5px;
  border-radius: 3px; }

.date-adjust a:hover {
  text-decoration: none; }

.date-adjust .first strong {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center; }

.date-adjust .last strong {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center; }

#arrive-earlier strong {
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/add.png?4daeed01a9bd'); }

#arrive-later strong {
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/subtract.png?475d1eb2eae6'); }

#arrive-later.disabled strong {
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/subtract_inactive.png?13ecb8ba4875');
  opacity: 0.3; }

#leave-earlier strong {
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/subtract.png?475d1eb2eae6'); }

#leave-earlier.disabled strong {
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/subtract_inactive.png?13ecb8ba4875');
  opacity: 0.3; }

#leave-later strong {
  background-image: url('//media.gadventures.com/media-server/static/trip_summary/css/images/add.png?4daeed01a9bd'); }

/**
 * Departure adjustment controls
 */
#tour-dates label {
  display: inline-block;
  width: 4em;
  font-weight: 400; }

#tour-dates .date {
  font-size: 1.2em;
  font-weight: 700;
  width: 16em;
  display: inline-block; }

#departure-controls {
  display: inline-block;
  border: 1px solid #D6D6D6;
  padding: 5px;
  border-radius: 3px; }

.departure-nav {
  display: inline-block;
  cursor: pointer;
  text-align: center; }

.departure-nav strong {
  display: block;
  height: 22px; }

#prev-departure strong {
  padding-left: 18px;
  padding-right: 5px;
  background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/sort_arrow_left.png?0a36e8833ec7') no-repeat left center; }

#prev-departure.disabled strong {
  background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/sort_arrow_left_inactive.png?c6f5079fe921') no-repeat left center;
  opacity: 0.3; }

#next-departure strong {
  padding-right: 18px;
  padding-left: 5px;
  background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/sort_arrow_right.png?e09a0a35e6b0') no-repeat right center; }

#next-departure.disabled strong {
  background: url('//media.gadventures.com/media-server/static/trip_summary/css/images/sort_arrow_right_inactive.png?268787976cb4') no-repeat right center;
  opacity: 0.3; }

/* Cabin/Room Styles. */
.rooming {
  margin-bottom: 1em; }

.rooming-unavailable {
  opacity: 0.4; }

.rooming .sub-price {
  min-width: 5em; }

.gender-warning {
  display: block;
  clear: both;
  margin-left: 1em;
  margin-right: 100px;
  padding: 2px 5px;
  border-radius: 3px;
  margin-bottom: 0.5em; }

/* Checkbox UI Adjustments */
#pricing-arrival-transfer span.ui-checkbox,
#pricing-my-own-room span.ui-checkbox,
#pricing-hotels span.ui-checkbox,
#pricing-extras span.ui-checkbox,
#pricing-planeterra span.ui-checkbox,
.flight-package span.ui-checkbox {
  margin-top: 3px; }

/**
 * The brief description of the trip at the top.
 */
.description {
  padding: 10px 0 0 10px;
  font-weight: 400;
  margin-left: 265px;
  position: relative; }

.description h3 {
  font-weight: 300;
  font-size: 1.7em; }

.description .step {
  float: left;
  width: 150px;
  border-right: 1px solid #B4B4B4;
  padding-right: 1em; }

.description .step p {
  margin: 0;
  font-size: 1.1em; }

.description .trip {
  float: left;
  border-left: 1px solid #FFF;
  padding-left: 1em; }

.description .trip div.code {
  font-size: 1.3em;
  margin: 0 0 0.5em 0;
  text-transform: none; }

.description img {
  float: right;
  margin-top: -10px; }

/* Checkout */
#pricing-checkout .errors li {
  color: #B50000; }

#pricing-checkout .content p {
  height: 9em; }

.checkout-action {
  width: 46%;
  padding-bottom: 30px; }

.checkout-action div {
  float: left;
  text-align: center; }

#checkout-request {
  width: auto; }

#pricing-checkout .content #checkout-request p {
  height: auto; }

#pricing-checkout small {
  display: block;
  color: #999;
  margin-top: 0.5em; }

#pricing-checkout .button {
  padding: 0.6em 1em;
  text-transform: none;
  font-weight: 400;
  font-size: 1.2em; }

#checkout-confirm {
  float: left; }

#checkout-request {
  float: left; }

#checkout-option {
  float: right;
  padding-left: 2%;
  border-left: 1px solid #D6D6D6; }

/* Planeterra */
#pricing-planeterra .content {
  padding-top: 1em; }

#pricing-planeterra .content img {
  float: left;
  padding: 10px 20px 10px 0; }

/* Extras / Add-ons */
#pricing-extras .extras_item div {
  margin-left: 1em; }

#pricing-extras label {
  font-size: 1.3em;
  font-family: MuseoSlab900, Rokkitt, serif; }

/* Messages */
#departure-message {
  width: 485px; }

#departure-message p {
  margin: 0.3em; }

p.alert-warn, p.alert-info {
  margin-left: -0.5em; }

/* No Javascript stuff */
html.js #no-js-message {
  display: none; }

html.no-js #trip-summary-pricing {
  display: none; }

html.no-js #no-js-message {
  display: block;
  margin: 0 auto;
  width: 75%;
  text-align: center; }