.charterSmallLoading {
  background : url('/system/image/animation/loading_transparent_tiny.gif') no-repeat;
  height     : 18px;
  width      : 16px;
}

.loadingSmall2 {
  background : url('/system/image/animation/loading_transparent_tiny.gif');
  width      : 16px;
  height     : 16px;
  margin-top : 10px;
}

.animationContainer.loadingIcon {
  display : inline;
}

.animationContainer {
  width : 100%;
}

.animationContainer > img {
  margin-left  : auto;
  margin-right : auto;
  display      : block;
}

.animationContainer.loadingIcon,
.animationContainer.loadingIcon > img {
  margin-top : 1px;
  display    : inline;
}

.loadingMedium {
  padding : 14px;
}
.noCloseIcon a.ui-dialog-titlebar-close {
  display : none;
}#notificationsContainer {
  position           : absolute;

  width              : 350px;

  z-index            : 1;

  border-radius      : 8px;
  background         : #fff;
  color              : #444;

  display            : none;

  -moz-box-shadow    : 0 0 25px 0 #888;
  -webkit-box-shadow : 0 0 25px 0 #888;
  box-shadow         : 0 0 25px 0 #888;

}

#notificationsContainer div {
}

#notificationsContainer div.closeButton {
  position : absolute;
  right    : 5px;
  top      : 5px;
  cursor   : pointer;
}

#notificationsContainer div.pointerPart {
  position : absolute;
  left     : 60px;
  top      : -10px;
}

#notificationsContainer div.middlePart {
  margin : 16px 16px;
}

#notificationsContainer div.subject {
  font-size   : 13px;
  font-weight : bold;
}

#notificationsContainer div.main {

}

#notificationsContainer table tr td {
  vertical-align : top;
}

#notificationsContainer div.image {
  padding-right : 13px;
}

#notificationsContainer div.body {
  font-size : 11px;
  margin    : 5px 0 0 0;
}


#notificationsContainer {
  top  : 45px;
  left : 690px;
}
/**************

***************/

.upSellDescription {
  padding : 4px;
}

.upSellDescription ul {
  padding-left : 0;
  margin-top   : 4px;
  margin-left  : 15px;
}

.serviceProduct,
.extraProduct {
  padding-top    : 8px;
  padding-bottom : 8px;
}

.serviceProduct.first,
.extraProduct.first {
  padding-top : 0;
}

.serviceProduct .wwctrl label,
.extraProduct .wwctrl label {
  font-weight : normal;
}

.serviceProduct .wwctrl label,
.extraProduct .wwctrl label {
  padding-left   : 2px;
  vertical-align : top;
}

td.costs {
  width : 105px;
}

table.cpp td {
  padding-bottom : 3px;
}

td.yn .wwgrp {
  white-space    : nowrap;
  vertical-align : text-bottom;
  margin-right   : 1px;
  text-align     : right;
  float          : right;
}

td.yn {
  text-align : right;
}

td.yn table.cpp td {
  vertical-align : middle;
  padding-left   : 7px;
}

.yn label {
  line-height : 9px;
}

.amount {
  vertical-align : top;
}

tr.selectionDiscount div {
  border-top : 1px solid #cacaca;
  font-size  : 6px;
}

.summaryItemTotalPrice .priceWrap {
  text-align : right;
}

.summaryItemTotalPrice {
  width : 100%;
}

td.extraProductsColumn,
td.cartSummaryColumn {
  width          : 50%;
  vertical-align : top;
  padding        : 10px;
}

.instalment {
  margin-bottom : 5px;
}

.paymentDescription {
  width  : 90px; /* 190px */
  margin : 0 5px 5px 0;
  float  : left;
}

.bank .paymentDescription, .card .paymentDescription, .card .cardInfoWrapper {
  width      : 300px;
  *width     : 310px;
  margin-top : 10px;
}

img.invoice, img.instalment, img.invoice_business {
  height : 40px;
}

.instalmentOptions {
  margin-top : 10px;
  float      : left;
}

.instalmentOption {
  clear      : right;
  margin-top : 3px;
}

.instalmentOption label {
  padding-left : 5px;
  font-weight : bold;
}

.instalmentDetails {
  display          : none;
}

.interestDetails {
  width            : 100%;
  background-color : #f5f5f5;
  border-top       : 2px solid #d8d8d8;
  float            : left;
  margin-bottom    : 5px;
  padding          : 7px 0;
}

.interestDetails .info {
  padding : 0 20px;
}

.interestDetails .example {
  font-size   : 10px;
  line-height : 10px;
}

.interestDetails table {
  margin : 5px 0 5px 20px;
}

.interestDetails table .col1 {
  width : 130px;
}

.wwlbl span.required, span.required {
  margin-left : 2px;
}

form.payment .error {
  padding-right : 10px;
}

.wwlbl span.required, span.required,
form.payment .error {
  color : #ff0000;
}

form.payment input[readonly] {
  background-color : #e5e5e5;
}

form.payment .getAddressesButton, form.payment .clearPaymentFormButton {
  padding-top   : 2px;
  padding-right : 43px;
}

form.payment .lnk:hover {
  text-decoration : underline;
}

.customerAddressesContainer {
  width   : 500px;
  height  : auto;
  padding : 15px;
}

.customerAddressesContainer .close {
  display : none;
}

.customerAddressesContainer .customerAddress {
  width            : 100%;
  padding          : 2px;
  background-color : #f6f6f6;
}

.customerAddressesContainer .customerAddress:hover {
  background-color : #f0f0f0;
}

.customerAddressesContainer .customerAddressInfoText {
  font-size     : 11px;
  padding       : 2px;
  margin-bottom : 5px;
}

form.payment .simpleOverlay {
  width : 511px;
}

.getAddressesButtonLeft {
  background : url('/system/image/button_get_address_left.png') no-repeat;
  width      : 6px;
  height     : 17px;
  cursor     : pointer;
}

.getAddressesButtonMiddle {
  background  : url('/system/image/button_get_address_mid.png') repeat-x;
  height      : 17px;
  padding-top : 2px;
  color       : white;
  cursor      : pointer;
}

.getAddressesButtonRight {
  background : url('/system/image/button_get_address_right.png') no-repeat;
  width      : 23px;
  height     : 17px;
  cursor     : pointer;
}

.cartItemDivider {
  margin-top    : 10px;
  margin-bottom : 10px;
}

/*******
 Submit button
 **/

#cartSubmitButton {

}

.infoItems {
  position           : absolute;
  background         : #ffffff;
  border             : 1px solid #d3d3d3;
  padding            : 5px;
  border-radius      : 4px;

  -webkit-box-shadow : 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow    : 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
  box-shadow         : 0px 0px 10px 0px rgba(50, 50, 50, 0.4);
}

.infoItems > div {
  font-weight : bold;
}

.infoItems.visible {
  visibility : visible;
  opacity    : 1;
  transition : opacity 0.25s linear;
}

.infoItems.hidden {
  visibility : hidden;
  opacity    : 0;
  transition : visibility 0s 0.25s, opacity 0.25s linear;
}

.infoItems:after, .infoItems:before {
  top            : 100%;
  left           : 50%;
  border         : solid transparent;
  content        : " ";
  height         : 0;
  width          : 0;
  position       : absolute;
  pointer-events : none;
}

.infoItems:after {
  border-color     : rgba(255, 255, 255, 0);
  border-top-color : #ffffff;
  border-width     : 10px;
  margin-left      : -10px;
}

.infoItems:before {
  border-color     : rgba(211, 211, 211, 0);
  border-top-color : #d3d3d3;
  border-width     : 11px;
  margin-left      : -11px;
}

textarea#customerRequestMessage {
  width : 98%;
}
.reservationPrice {
  font-weight : normal;
  padding-top : 6px;
}

.reservationPrice .reservationPriceTable {
  margin-bottom : 3px;
}

.reservationPrice .inactive {
  font-weight : normal;
  font-size   : 11px;
}

.reservationPrice .priceWrap {
  text-align : right;
}

.reservationPrice .discountPrice {
  font-weight : bold;
}

.reservationPrice .total td {
  font-size : 14px;
  color     : #333333;
}

.reservationPrice .total {
  font-weight    : bold;

  vertical-align : bottom;
}

.reservationPrice .total .Price {
  font-size : 20px;
}

.travelerContainer {
  margin-bottom : 4px;
  margin-top    : 10px;
}

.travelerGroup {
  margin-bottom : 10px;
}

.receipt .travelerGroup {
  margin-bottom : 0;
}

.travelerGroup .passengerList {
  margin-bottom : 4px;
}

.reservationTitle,
.travelerGroup .travelerGroupTitle {
  font-size     : 14px;
  font-weight   : bold;
  margin-top    : 2px;
  margin-bottom : 4px;
}

.reservationPriceTable .inactive .Price {
  text-align  : right;
  font-weight : bold;
}

.travelerGroupTable {
  margin-top : 5px;
}

.travelerGroupTable th {
  padding-right: 10px;
}

.travelerGroupTable th:last-child {
  padding-right: 0;
}

.travelerGroupTable tr:first-child {
  color : #9d9d9d;
}

.travelerGroupTable .travelerRow {
  border-bottom : 1px dotted #cdcdcd;
}

.travelerGroupTable .travelerRow td {
  padding : 4px 10px 4px 0;
}

.travelerGroupTable .travelerRow td:last-child {
  padding : 4px 0;
}

.seatingInformation {
  float      : left;
  margin-top : 10px;
}

#cart-view .seatingInformation, #payment-view .seatingInformation {
  margin-bottom : 10px;
}