table {    color: #336699; } p {    color: #336699;    margin: 0pt 10px 5px; } input, select {    border: 1px solid #C8D8E2;    font-size: 11px; } .rightColumn {    padding-left: 20px; } .flightOnlyInfoDiv {    margin-left: 15px; } .bookingActiveBlock {    border-color: #336699 rgb(204, 204, 204) rgb(204, 204, 204);    border-style: solid;    border-width: 2px 1px 1px;    margin: 0pt 0px;    width: 690px;    color: #336699;    margin-bottom: 20px; } .bookingActiveBlock .stepTitle {    background-color: #AED8FF;    color: #336699;    font-weight: bold;    padding: 10px; } .bookingOverviewBlock {    border-color: #336699 rgb(204, 204, 204) rgb(204, 204, 204);    border-style: solid;    border-width: 2px 1px 1px;    margin: 0pt 0px;    width: 690px;    color: #336699;    margin-bottom: 20px; } .bookingOverviewBlock .title, .bookingOverviewBlock .stepTitle {    background-color: #DAE2ED;    color: #336699;    font-weight: bold;    padding: 10px; } .bookingOverviewBlock .stepTitle .title {    padding: 0; } .bookingOverviewBlock .overviewTable {    margin: 10px;    width: 650px;    color: #336699; } .bookingOverviewBlock .detailOverviewTable {    color: #336699; } .colDividerGray {    border-right: 1px solid rgb(204,204,204);    width: 325px; } .blockBlueLight { color:#336699; font-size:11px; margin:0 0 15px; padding:0; } /*  Personalia without address (template)*/ .personalia {    color: #336699; /*margin:4px;*/    table-layout: fixed;    border-collapse: collapse; } .personalia td {    padding-bottom: 5px;    padding-top: 5px;    vertical-align: middle; } .personalia td input {    width: 95%; } .personalia .separator {    border-top: 1px solid #C8D8E2; } .personalia .personalia-labels .names { font-weight:bold; } .personalia .personalia-labels .as-on-passport { display:block; } .personalia .personalia-labels .help-icon { display:none; } .personalia .column-count {    width: 9%; } .personalia .column-first-name {    width: 15%; } .personalia .column-middle-name {    width: 5%; } .personalia .column-last-name {    width: 27%; } .personalia .column-day {    width: 8%; } .personalia .column-month {    width: 8%; } .personalia .column-year {    width: 12%; } .personalia .column-gender {    width: 16%; } /* Personalia with address information input */ .personaliaAddressTable { } .personaliaAddDetailTable {    color: #336699;    width: 325px; } .bookingConfirm {    padding:3px 10px 3px 0; } .personaliaMandatory {    padding-top: 10px;    padding-bottom: 10px; } .personaliaInputLarge {    width: 180px; } .personaliaInputLargeNumber {    width: 50px; } .personaliaInputSmallNumber {    width: 35px; } /* AdressOverview */ .bookingActiveBlock .personaliaAddressTable {    width: 670px;    margin-top: 10px;    margin-bottom: 10px; } .bookingActiveBlock .detailOverviewTable {    color: #336699; } .bookingActiveBlock .personaliaAddDetailTable {    width: 320px;    margin-left: 10px; } .bookingPopupClose {    width: 15px;    height: 15px;    background-image: url(images/btclose.gif);    background-repeat: no-repeat;    float: right;    border: 0;    margin: 5px 5px 0 0;    cursor: pointer; } .popuptitle {    color: #FFFFFF;    font-size: 11px;    font-weight: bold;    padding: 5px 0pt 0pt 5px; } .item {    float: left;    text-align: left;    color: #000; } .invalid {    background-color: #de595a; } .addressLabel {    width: 136px; } .bookingOverviewBlock .btAdaptData {    margin-top: 6px;    margin-right: 6px; } .infantsWarning { color: red; } .paymentLogos {    margin-top: 4px;    margin-right: 4px; } .travelAgentLabel {    width: 200px;    float: left; } .travelAgentSelect {    width: 200px;    float: right; } .travelAgentRow {    padding-top: 10px;    padding-bottom: 10px;    padding-right: 6px; } /************************************************* Booking dialog */ .bookingDialog {    margin:0 0 8px 8px;    font-size: 11px;    color: #369; } .booking-layout .bookingDialog {     min-height:450px; } .bookingDialog .personalia td, .bookingDialog .personaliaAddressTable td {    color: #369; } .bookingDialog .personalia .separator {    border: none; } .bookingDialog .personalia .actionbar td, .bookingDialog .personalia .roomOccupationInfo td {    border-top: 1px solid #c8d8e2;    padding: 10px; } .bookingDialog .personalia .actionbar td {    padding: 10px 0 20px 0; } .bookingDialog .personalia .roomOccupationInfo td {    font-weight: bold;    padding-bottom: 5px; } .bookingDialog .personalia .bookingConfirm {    margin-top: 5px;    padding:4px 0; } .bookingDialog .booking-personalia-detail {    padding:5px 6px 5px 0px; } .bookingDialog .booking-personalia-detail input, .bookingDialog .booking-personalia-detail select {    width: 100%; } .bookingDialog .booking-personalia-detail input.booking-personalia-lastname {    width: 96%; } .bookingDialog .booking-personalia-detail select.booking-personalia-birthyear {    width: 80%; } .bookingHeader {    display: none; /* FlightOnly */ } .bookingDialog .bookingHeader {    display: block;    margin-top: 14px;    margin-bottom: 12px;    font-size: 16px; } .bookingDialog .bookingStep {    border-width: 1px;    border-style: solid;    border-top-width: 2px;    border-bottom: none;    width: 670px;    color: #369; } .bookingDialog .currentStep .bookingStep {    border-color: #ca030a; } .bookingDialog .previousStep, .bookingDialog .nextStep {    border-color: #b89551; } .bookingDialog .bookingStep .stepContent {    padding: 10px 8px; } .bookingDialog .bookingStep .item .title {    color: #336699;    font-weight: bold; } .bookingDialog .bookingStep .headerColumn {    float: left;    width: 120px; } .bookingDialog .bookingStep .contentColumn {    width: 170px; } .bookingDialog .bookingOverviewBlock, .bookingDialog .bookingActiveBlock {    margin-bottom: 0; } .bookingDialog span.btAction, .bookingDialog span.btActionNoArrow {    background-image: url(images/bgbooknowsmall.jpg);    background-repeat: repeat-x;    border: 1px solid #c00;    color: #c00;    cursor: pointer;    font-weight: bold; } .bookingDialog .stepContent span.btAction, .bookingDialog .stepContent span.btActionNoArrow { background-image:  url(images/bgbuttonsspanaction.jpg); background-repeat: repeat-x;    color: #369; font-size: 11px; font-weight: bold; height: 20px;    cursor: pointer; border: 1px solid #369; } .bookingDialog span.btAction, .bookingDialog span.btActionNoArrow, .bookingDialog .stepContent span.btAction, .bookingDialog .stepContent span.btActionNoArrow, .ui-dialog span.btAction, .ui-dialog span.btActionNoArrow { padding: 2px 12px; } /************************************************* Step Title */ .bookingDialog .bookingStep .stepTitle {    font-weight: bold;    padding: 10px 8px;    border-bottom: none;    position:relative; } .stepTitle .icon {    display: none; } .bookingDialog .stepTitle .icon {    padding: 0 10px 1px 0;    display: inline; } .previousStep .stepTitle .icon {    background: url(images/blockdone.gif) no-repeat left center; } .previousStep .stepTitle, .nextStep .stepTitle {    background-color: #fef2c8;    color: #b89551; } .currentStep .bookingStep .stepTitle {    background-color: #ffcf00;    color: #ca030a; } .currentStep .footer {    display: none; } .currentStep .stepTitle .icon {    background: url(images/blockopen.gif) no-repeat left center; } .nextStep .stepTitle .icon {    background: url(images/blockclosed.gif) no-repeat left center; } .previousStep .bookingOverviewBlock {    border-color: #b89551; } .previousStep .bookingOverviewBlock .title {    background-color: #fef2c8;    color: #b89551; } .stepContent .transport-info { padding: 15px 0 10px 0; } /************************************************* Options & Extras */ .options-and-extras .stepContent .intro {    padding: 5px 10px 10px 10px;    /*border-bottom: solid 1px #dae2ed;*/ } .options-and-extras .item {    border-bottom: 1px dashed #CDB9AD;       padding: 10px;    float: none;    color: #336699; } .options-and-extras .item .title {    padding: 0 0 0 2px; } .options-and-extras .item .content {    padding: 10px 10px 0 2px;     } .options-and-extras .item .content .title {    padding: 0; } /* Added extras and services */ .options-and-extras .added {    margin: 0 0  10px 0; } .options-and-extras .content .added .title {    margin: 5px 0;    padding: 8px 8px 0 8px; } .options-and-extras .added .item {    padding: 8px 8px 8px 0; border: none 0px #fff;    /*background-color: #fef5cc;*/ } .options-and-extras .added .item .title {    padding: 0;    margin-top: 0;    font-weight: bold;    float: left;    width: 380px; } .options-and-extras .added .item .options {    margin: 0;    float: left;    width: 220px;    border: none; } .options-and-extras .added .item .options span {    cursor: pointer;    padding-right: 40px; } .options-and-extras .added .item .info {    width: 350px;    clear: left; } .options-and-extras .added .remark {    /*background-color: #fef5cc;    color: #cc0001;*/ } /* Info for selected item */ .options-and-extras .item .content select {    min-width: 315px;    width: 315px;    margin-bottom:5px; } .options-and-extras .selection .selection-parameters select { min-width: 136px; width: 136px; } .options-and-extras .bottomleftcontent p  { margin-left: 0px; } .options-and-extras .item .content .selection .info {    background-color: #fef5cc;    padding: 7px;    margin: 8px 0 4px 0; } /* Options within selection */ .options-and-extras .selection .title {    padding: 0; } .options-and-extras .selection .headerLabel {    padding: 10px 0 5px; } .options-and-extras .selection .options {    padding: 7px;    overflow: auto;    line-height: 20px; } .options-and-extras .selection .options input { vertical-align: middle;    margin: 0 5px 0 0; } /* Cancellation */ .options-and-extras .cancellation {    border: solid 1px #dae2ed;    padding: 10px 10px 10px 0;    margin: 20px 0;    position: relative;    height: 100%; /* for IE */ } .options-and-extras .cancellation .bold {    margin: 0px 0 0 32px; } .options-and-extras .item .options {    float:none;    margin: 5px 0 0 5px;    padding: 2px 0 0 0;    border: none;    height:100%; } .options-and-extras .item .options label {    display: block;    line-height: 1; } .options-and-extras .item .options input {    vertical-align: middle;    margin: 0 5px 2px 0; } .options-and-extras .cancellation .conditions {    position: absolute;    bottom: 0;    right: 0;    text-align: right;    padding: 0 10px 10px 0; } .options-and-extras .submitpanel {    margin-top: 10px; } /* General classes */ .options-and-extras .borderBottom  {    border-bottom: solid 1px #dae2ed; } .options-and-extras .marginTop10 {    margin-top: 20px; } /************************************************* Overview */ .overview .notification, .hotelonlyNotification {    border-bottom: 1px dashed #369;    text-align: left;    padding-bottom: 3px; } .overview .section {    border-top: 1px dashed #369; } .overview .firstSection {    border-top: none; } .overview .section .title {    background: none;    padding: 0 0 20px 0; } .overview .headerLabel {    font-weight: bold;    text-align: left;    padding-top: 24px; } .overview .firstSection .headerLabel {    padding-top: 0; } .overview .contactInfo .headerLabel, .overview .homeStay .headerLabel {    padding-top: 24px; } .overview .contactInfo span, .overview .homeStay span {    display: block;    margin-bottom: 3px; } .overview .transport .headerLabel, .overview .overview .headerLabel {    margin-bottom: 16px; } .overview .personalia .headerLabel {    margin-bottom: 3px; } .overview .contactInfo, .overview .wayJourney {    float: left;    width: 355px; } .overview .accoInfo {   float: left;   width: 365px; } .overview .homeStay, .overview .returnTrip, .overview .arrangement, .overview .extras {     /*margin-left:380px;*/    float: left;    width: 295px; } .overview .row {     /*margin-bottom:5px;*/    clear: both;    line-height: 18px;    /*height: 18px;*/ } .overview .accoInfo .destination, .overview .accoInfo .hotel, .overview .accoInfo .persons, .overview .accoInfo .destination, .overview .accoInfo .rooms {    clear: both; } /* Travellers */ .overview .travellers td, .overview .travellers th {     color: #369;    font-size: 11px; } .overview .travellers td {    padding: 2px 75px 2px 0px; /*    width:150px;*/ } .overview .travellers td.name {    /*    width:230px;*/ } /* Contact info */ .overview .contactInfo .email {    border: none !important;    height: auto !important;    width: auto !important;    font-size: 11px !important;    max-height: 18px;    max-width: 380px;    color: #369;    margin: 0; } /* Homestay */ .overview .homeStay .headerLabel em {    font-weight: normal; } /* Transport */ .overview .transport .headerColumn {    width: 100px; } .overview .transport .contentColumn {    width: 190px; } .overview .transport .retourDateDifferenceColumn { margin: 5px 0; width: 290px; color: #CA030A; } /* AccoInfo */ .overview .overview .headerColumn {    width: 120px; } .overview .overview .contentColumn {    width: 240px; } .overview .overview .destination .contentColumn {    /*width: 450px;*/   display:inline-block; } /* ExtraInfo */ .overview .extraItem .headerColumn {    width: 150px;    margin-right: 5px; } .overview .extraItem .contentColumn {    width: 137px;    display:inline-block; } /* Arragements */ .overview .arrangement .headerColumn {    width: 150px; } .overview .arrangement .contentColumn {    width: 137px; } /************************************************* Step Zero */ .stepZero {    margin-bottom: 16px;    border-color: #B89551; } .stepZero .stepTitle {    background-color: #fef2c8 !important; } .stepZero, .bookingDialog .borderBottom {    border-bottom: 1px solid #b89551 !important; } #BookingPayment .bookingActiveBlock {    border-bottom: 1px solid #ca030a !important; } .bookingDialog .currentStep .bookingActiveBlock .borderBottom {    border-bottom: none !important; } /************************************************* Payment */ .stepPrePayment {    border: none !important;    width: 670px !important; } .bookingDialog .notAgreedWithPaymentTerms {    background-color: #fef5cc; } .bookingDialog .agreedWithPaymentTerms {    background: none; } .bookingDialog .payContent {    margin: 0;    border-top: 1px solid #ccc; } .bookingDialog .payContent .paymentTerms {    padding: 7px; } .bookingDialog .payContent .paymentTerms .description {    margin-bottom: 10px; } .bookingDialog .payContent .title {    color: #369;    background: none;    font-weight: bold;    margin-bottom: 14px;    padding: 0; } .bookingDialog .payContent .agreeOption {    font-weight: bold; } .payContent .headerLabel {    font-weight: bold; /* FlightOnly */ } .bookingDialog .payContent .headerLabel {    font-weight: normal; } .bookingDialog .paymentMethodsHeader .paymentLogos {    margin: 0 8px 0 0;    background: none;    height: auto; /* for IE */ } .paymentMethodsHeader {    margin: 10px 0; /* FlightOnly */ } .bookingDialog .paymentMethodsHeader {    margin: 0 0 12px;    padding: 12px 0 0 7px;    border-top: 1px solid #ccc; } .paymentMethodsHeader .title {    display: none; /* FlightOnly */ } .bookingDialog .paymentMethodsHeader .title {    display: block;    margin-bottom: 20px !important; } .bookingDialog .paymentMethodsHeader .privacyButton {    float: right;    margin-right: 10px;    margin-top: -10px; } .bookingDialog .paymentMethods {    padding-left: 7px; } .bookingDialog .paymentMethods .radio {    margin: 0 5px 0;    vertical-align: middle; } .bookingDialog .paymentDetailInfo {    width: 430px;    margin-right: 10px;    line-height: 18px; } .bookingDialog .paymentButtonContainer {    margin-right: 10px; } .bookingDialog #dummyremove {    display: none; } .bookingDialog #personaliabottom, .bookingDialog #addressbottom {    height: 0px;    font-size: 0px;    margin-top: -2px; } .bookingDialog .travelAgentLabel {     width: 180px; } .bookingDialog .action-button {    background: url(images/bgbuttonsbluespan.jpg) repeat-x 0 0;    border: 1px solid #336699;    color: #fff;    cursor: pointer;    font-size: 11px;    font-weight: bold;    padding: 3px 10px;    margin-right: 5px; } .bookingDialog .action-button .action-button-icon { display:none; } .previousStep .bookingStep .btAction {     position:absolute;     right:0px;     margin-top:-3px; } /************************************************* Popup */ .popup {    color: #000;    border: solid 1px #cc0001;    width: 400px; } .popup .title {    background-color: #cc0001;    padding: 7px;    color: #fff;    border-bottom: solid 1px #cc0001; } .popup .content {    padding: 7px;    color: #336699; } .popup .content div {    padding: 3px 0; } .popup .content .fullWidth {    display: block; } /************************************************* Popup */ .ui-dialog.error {    background-color: #fff;    border: 1px solid #c00; } .ui-dialog.option {    background-color: #fff;    border: 1px solid #336799; } .ui-dialog-titlebar {    background-color: #c00;    color: #fff;    font-weight: bold;    height: 26px; } .ui-dialog.error .ui-dialog-titlebar {    background-color: #c00; } .ui-dialog.option .ui-dialog-titlebar {    background-color: #336799; } .ui-dialog.error .ui-dialog-titlebar span, .ui-dialog.option .ui-dialog-titlebar span {    position: relative;    left: 6px;    top: 6px; } .ui-dialog.error .ui-dialog-titlebar-close, .ui-dialog.option .ui-dialog-titlebar-close {    display: none; } .ui-dialog.error .content {    border: none;    color: #c00; } .ui-dialog.option .content .rightspacer {    padding-right: 5px; } .ui-dialog.error .info {    color: #336799; } .ui-dialog.option .content {    border: none;    color: #336799;    padding: 5px; } .ui-dialog.error .buttons, .ui-dialog.option .buttons {    height: 16px;    padding: 5px; } ui.dialog .option .buttons span {    margin-right: 10px; } .ui-dialog.option .content div {    margin-bottom: 10px; } /* Autocomplete */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-autocomplete { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } ul.ui-autocomplete { width: 100px; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ui-autocomplete li { margin: 0px; cursor: default;    display: block; /*   if width will be 100% horizontal scrollbar will apear   when scroll mode will be used  */ /*width: 100%;*/ font: menu;    font-size: 12px; /*   it is very important, if line-height not setted or setted   in relative units scroll will be broken in firefox  */ line-height: 16px; overflow: hidden; } .ui-autocomplete .ui-state-hover {     background-color: #0A246A;     color: white;     font-weight: bold;     text-decoration: none;     } .ui-autocomplete .ui-menu-item-alternate {     background-color: #eee;  } .ui-autocomplete li a {     width:100%;     display:block;     padding: 2px 5px;    } /************************************************* defaultOgoneTemplatePage.vm */ #defaultOgoneTemplate {    margin: 5px; } #defaultOgoneTemplate .bookingStep {    width: 685px;    margin: 0 0 20px 0px;    border: solid 1px #ccc;    border-top-width: 2px;    border-top-color: #369; } #defaultOgoneTemplate .stepTitle {    background-color: #dae2ed; } #defaultOgoneTemplate  .bookingStep .stepContent {    padding: 10px 8px 20px 10px; } #defaultOgoneTemplate .bookingDialog .payContent {    border-top: none;    margin: 5px 5px 0px 5px; } /************************************************* ConfirmationPage */ .confirmation-page {    width: 693px;    color: #369; } .confirmation-page p {    margin:0;    padding:0; } .confirmation-page a img {    border: none; } /* Sections */ .confirmation-page .section { border-top:dashed 1px #369; margin:10px 10px 30px; } .confirmation-page .section h4 { font-weight:bold; color:#72a3d3; font-size:13px; margin:4px 0 15px; } .confirmation-page .section h4 span { height:10px; background-color:#ffcf00; width:10px; display:inline-block; border:solid 1px #326595; margin:2px 5px 0 0; vertical-align:top; } .confirmation-page .section.contact-info { border-top:none; } .confirmation-page .section.intro { border:none; } .confirmation-page .section.intro p, .confirmation-page .section.travel-documents-and-payment p { padding:0 0 15px; } .confirmation-page .section.travel-documents-and-payment { clear:both; } .confirmation-page .travel-documents-and-payment .advance-payment-attention{     display:none; } .confirmation-page .section.intro .reservation strong { display:block; } .reservation .salutation-intro{     display: block;     padding-bottom: 10px; } .confirmation-page .contact-us strong { display:inline-block; width:180px; height:30px; float:left; } .confirmation-page .summary .title, .confirmation-page .contact-data .title, .confirmation-page .payment-info .title, .confirmation-page .extra-information .title, .confirmation-page .options-and-extras .title { width:180px; font-weight:bold; } .confirmation-page .summary .room-details span, .confirmation-page .summary .accommodation-details .street, .confirmation-page .options-and-extras span, .confirmation-page .summary .way-transport .carrier, .confirmation-page .summary .return-transport .carrier { display:block; } .confirmation-page .contact-info {    border-bottom: dashed 1px #369;    padding-bottom: 12px;    margin-bottom: 50px; } .confirmation-page .person-details {    margin: 15px 0 0 3px;    float:left; } .confirmation-page tbody td {    padding:0 0 10px;    vertical-align:top; } .confirmation-page .section.payment-info tbody td {    padding-bottom:2px; } .confirmation-page .section.payment-info tbody .total .calculation, .confirmation-page .section.payment-info tbody .total .amount {    font-weight:bold; } .confirmation-page .section.payment-info tbody .total td {    border-bottom:1px dashed #369; } .confirmation-page .section.payment-info .payment-method span { display:inline-block; width:215px; } .confirmation-page .section.payment-info .price-lines {    margin: 15px 0 0; } .confirmation-page .section.payment-info .included-in-the-price {    margin: 5px 0 0 3px; } .confirmation-page .section.payment-info .price-lines thead .label,  .confirmation-page .section.payment-info .included-in-the-price thead .label {    width: 220px; } .confirmation-page .section.payment-info .price-lines thead .calculation,  .confirmation-page .included-in-the-price thead .calculation {    width: 135px; } .confirmation-page .pay-on-location-descriptions {    margin: 10px 0 10px 0; } .confirmation-page .pay-on-location-descriptions strong {    padding: 6px 0 6px 0;    display: block; } .confirmation-page .section.extra-information p { padding:0 0 15px; } .confirmation-page .section.extra-information .more-info strong { display:block; } .confirmation-page .section.extra-information .travel-wish { text-align:right; margin:40px 40px 0 0; } .confirmation-page .section.extra-information .managers { text-align:right; margin:0 40px 0 0; } /* QuickFix voor verwijderen van de hoekjes */ .cornerRight, .cornerTopRightOrangeStickyGrad, .cornerTopRightBlueStickyGrad, .cornerTopRightBlueGrad, .topicGroup_hoekje, .exp_item_title_corner, .listerCorner, .listerCornerWinter, .comparerCornerTwoColumns, .cornerRightCompose, .slideCornerRight, .headerCorner, .packagetitlebarCorner {    display: none; } /* ------------------------------------------ PAYMENT ---------------*/ .payment-step-container { border-bottom:solid 1px #ccc; } .payment-step-container .error-message { color:#CC0000; font-weight:bold; padding:0 8px 10px; border:1px solid #ccc; border-width:0 1px; } .payment-agent-type { border-top:solid 1px #ccc; } /* ---------------------- INTRODUCTION --- */ .payment-agent-introduction { padding:8px; border-bottom:solid 1px #ccc; background-color:#fef5cc; } .payment-agent-introduction.accepted { background-color:#fff; } .payment-agent-introduction .payment-agent-title { font-weight:bold; padding:0; margin:0; } .payment-agent-introduction .payment-agent-warning { margin:12px 0; padding:0; } .payment-agent-introduction .payment-extra-options-label { display:inline-block; margin:0 0 5px; padding:0; } .payment-agent-introduction .payment-extra-option { vertical-align:-11%; margin:0 6px 0 0; padding:0; } .payment-agent-introduction .payment-extra-options-label.payment-travel-conditions { display:inline; margin:0 4px 0 0; } .payment-agent-introduction .payment-extra-options-label.payment-travel-conditions a { text-decoration:underline; font-weight:bold; } .payment-agent-introduction .payment-button-icon-confirmation { float:right; width:10px; } .payment-agent-introduction .payment-agreed.payment-agreement-option { margin-top:10px; } .payment-agent-introduction .payment-not-agreed.payment-agreement-option { margin-top:10px; } /* ------------------------- OPTIONS --- */ .payment-agent-options { background-color:#fff; position:relative; color:#969696; border:none; padding:8px; } .payment-agent-options .payment-options-description { display:none !important; } .payment-agent-options .payment-options-title { color:#336699; font-size:11px; font-weight:bold; margin:5px 0 10px; padding:0; } .payment-agent-options .privacy { position:absolute; right:13px; top:10px; } .payment-agent-options .privacy a.privacy-link { color:#369; display:none; } .payment-agent-options .privacy a.logo-link { border:none; } .payment-agent-options .privacy a.logo-link img, .payment-agent-options .privacy img { border:none; padding:0 2px 0 0; } .payment-agent-options .payment-method { border-top:1px dashed #369; padding:20px 0 20px; } .payment-agent-options .payment-method.first { border-top:none; } .payment-agent-options .payment-method .payment-method-title { font-weight:bold; margin:0 0 7px; } .payment-agent-options .payment-method a { background:url(images/booking/payment-button.gif) no-repeat top left; color:#336699; display:inline-block; margin-right:18px; padding:13px 20px 13px 8px; position:relative; text-decoration:none; vertical-align:middle; width:175px; } .payment-agent-options .payment-method a strong { font-weight:bold; padding:0 0 0 5px; } .payment-agent-options .payment-method a.last { margin-right:0px; } .payment-agent-options .payment-method a img { border:none; vertical-align:text-top; position:absolute; right:35px; top:7px; height:27px; width:54px; } .payment-agent-options .payment-method a span { background:url(images/navigation/header/icon-arrow.gif) no-repeat scroll 100% 60%; display:inline-block; padding:0 10px 0 0; position:absolute; right:15px; top:10px; height:20px; } .payment-agent-options .payment-method a.disabled, .payment-agent-options .payment-method a.disabled strong { color:Silver; } /* --- Return to detail page ------------------ */ .return-to-detail-page { padding:12px 2px 18px; } .return-to-detail-page a { text-decoration:underline; padding:2px 0 2px 20px; background:url(images/detail/return-to-detail.gif) no-repeat center left; } /* Boekingsdialoog - Box ----------------------------------------------------------------------------*/ .cash-ticket-wrapper { position: absolute; } .cash-ticket, .start-chat-module { margin: 0 0 0 14px; width: 272px; } .cash-ticket { background: #fff7de url(images/booking/bg-price-calculation-be.png) center bottom no-repeat; border: 1px solid #cececd; font-size: 11px; color: #369; padding: 0 0 20px 0; } .cash-ticket .labelInfo {     background: url("images/detail/icoinfo-new.gif") no-repeat scroll 0 0 transparent;     cursor: pointer;         line-height: 14px;     padding: 0 10px 0 0;     display: inline-block; } .cash-ticket h6 { font-weight: bold; font-size: 13px; margin: 0; color: #315a8c; background: #ffee98 url(images/booking/section-header-top-price-be.png) 0 0 no-repeat; } .cash-ticket h6 span { display: block; line-height: 30px; padding: 0 10px 2px 10px; background: transparent url(images/booking/section-header-bottom-price-be.png) 0 bottom no-repeat; } .cash-ticket p { margin: 10px 0; } .cash-ticket ul { padding: 0 0 7px 0; margin: 0; list-style-type: none; } .cash-ticket ul li { width: 250px; overflow: hidden; margin: 0; line-height: 16px; } .cash-ticket ul li span { width: 125px; float: left; display: inline; font-style: normal; } .cash-ticket ul li strong { width: 125px; float: left; display: inline; font-style: normal; text-align: right; } .cash-ticket .dashed-border {      border-bottom: 1px #ccc dashed;  } .cash-ticket .dashed-top-border {      border-top: 1px #ccc dashed;  } .cash-ticket .total-price, .cash-ticket .price-breakdown, .cash-ticket .flight-breakdown, .cash-ticket .trip-breakdown, .cash-ticket .insurance-breakdown, .cash-ticket .extra-breakdown, .cash-ticket .toggle { margin: 0 12px 0px 12px; } .cash-ticket .basic-insurance {     margin: 0 12px;     } /* Price Calculation - Total Price ----------------------------------------------------------------------------*/ .cash-ticket .total-price ul { clear: both; color: #818384; margin: 5px 0; padding: 0; font-size: 10px; } .cash-ticket .total-price li  {      line-height:16px;  } .cash-ticket .total-price small { color: #818384; } .cash-ticket .price { color: #c7060b; } .cash-ticket .big-font { height: 34px; font-size: 26px; line-height: 34px; display: block !important;     margin-top: 0px; } .cash-ticket .total-price { font-size: 13px; } .cash-ticket .total-price .total-price-intro {   position:absolute; right:5px;     text-align: right; } .cash-ticket .total-price .total-price-intro-advance { margin: 0 20px 0 5px;     text-align: right; } .cash-ticket .total-price .transport-icons { font-size: 9px;     margin: 0; } .cash-ticket .total-price .transport-icons span {   display:inline-block;   width:24px;   height:23px;   vertical-align:middle; } .cash-ticket .total-price .transport-icons .none {   background:url(images/detail/bed-list.gif) no-repeat center center; } .cash-ticket .total-price .transport-icons .flight {   background:url(images/detail/vlieg-list.gif) no-repeat right center; } .cash-ticket .total-price .transport-icons .transfer {   background:url(images/detail/transfer-list.gif) no-repeat right center;     margin-right: 2px; } .cash-ticket .total-price .transport-icons .train {   background:url(images/detail/treinlist.gif) no-repeat right center; } .cash-ticket .total-price .advance {     display: block;     float: left;     margin-top: 10px; } .cash-ticket .total-price .price-label {     margin-top: 13px; } .cash-ticket .total-price .advance .price {         color: #336699;     font-size: 17px; } .cash-ticket .total-price .advance .label {     width: 85px;     display: inline-block; } .cash-ticket .total-price .advance.currency {     width: 20px;     display: inline-block; } .cash-ticket .total-price .advance .price-advance-line {     margin: 0 0 3px 5px;     color: #C7060B; } .cash-ticket .total-price .advance .price-advance-line .label {     font-size: 15px; } .cash-ticket .total-price .advance .price-advance-line .price {     color: #C7060B;     font-weight: bold; } .cash-ticket .total-price .advance .price-advance-line .price em {     font-style: normal;     font-size: 13px; } .cash-ticket .total-price .advance .price-remainder-line {     margin: 3px 15px 3px 5px;     border-bottom: 1px solid #336699;      padding-bottom:3px; } .cash-ticket .total-price .advance .price-remainder-line .price {     font-size: 14px; } .cash-ticket .total-price .advance .price-remainder-line .price em {     font-style: normal;     font-size: 11px; } .cash-ticket .total-price .advance .price-total-line {     margin: 3px 0 3px 5px; } .cash-ticket .total-price .advance .price-total-line .price {     font-weight: bold; } .cash-ticket .total-price .advance .price-total-line .price em {     font-style: normal;     font-size: 13px; } .cash-ticket .total-price p.price {     display:inline; } .cash-ticket .total-price p.price em { font-size: 18px; font-style: normal; } /* Price Calculation - Price Breakdown ----------------------------------------------------------------------------*/ .cash-ticket .price-breakdown { clear: both; margin-top: 10px; } /* Price Calculation - Flight Breakdown ----------------------------------------------------------------------------*/ .cash-ticket .flight-breakdown dl { margin: 4px 0 8px 0; padding: 0; } .cash-ticket .flight-breakdown dt { float: left; clear:both; display:inline; width:74px; padding: 3px 0; } .cash-ticket .flight-breakdown dd { font-weight: bold; display:block; margin:0 0 0 75px; padding: 3px 0; } .cash-ticket .flight-breakdown dd span { font-weight: normal; } .cash-ticket .flight-breakdown ul { padding: 4px 0; margin: 0; list-style-type: none; clear: both; } .cash-ticket .flight-breakdown ul li span { width: 75px; text-align: left; } .cash-ticket .flight-breakdown ul li strong { width: 175px; text-align: left; } /* Price Calculation - Trip Breakdown ----------------------------------------------------------------------------*/ .cash-ticket .trip-breakdown dl { margin: 4px 0 8px 0; padding: 0; } .cash-ticket .trip-breakdown dt { float: left; clear:both; display:inline; width:74px; padding: 3px 0; } .cash-ticket .trip-breakdown dd { font-weight: bold; display:block; margin:0 0 0 75px; padding: 3px 0; } .cash-ticket .trip-breakdown dd span { font-weight: normal; } .cash-ticket .trip-breakdown ul { padding: 4px 0 0 0; margin: 0; list-style-type: none; clear: both; } .cash-ticket .trip-breakdown ul li span { width: 75px; text-align: left; } .cash-ticket .trip-breakdown ul li strong { width: 175px; text-align: left; } /* Price Calculation - insurance Breakdown ----------------------------------------------------------------------------*/ .cash-ticket .insurance-breakdown dl { margin: 4px 0 0; padding: 0; display: inline-block; } .cash-ticket .insurance-breakdown dt { float: left; clear:both; display:inline; width:74px; padding: 3px 0; font-weight: bold; } .cash-ticket .insurance-breakdown dd { display:block; margin:0 0 0 85px; padding: 4px 0 0 14px; background: transparent url(images/booking/x-kassabon-be.gif) left bottom no-repeat; } .cash-ticket .insurance-breakdown .selected { background: transparent url(images/booking/v-kassabon-be.gif) left bottom no-repeat; } /* Price Calculation - extra Breakdown ----------------------------------------------------------------------------*/ .cash-ticket .extra-breakdown dl { margin: 0; padding: 0; } .cash-ticket .extra-breakdown dt { display:none; } .cash-ticket .extra-breakdown dd { font-weight: bold; display:block; margin:0; padding: 3px 0; } /* Price Calculation - Show/Hide ----------------------------------------------------------------------------*/ .cash-ticket .toggle { clear: both; text-align: right; } .cash-ticket .toggle a  {     display: block; line-height: 26px; padding-right: 25px; cursor:pointer; } .cash-ticket .toggle a.opened { background: url(images/booking/hide-open.gif) right center no-repeat; } .cash-ticket .toggle a.closed { background: url(images/booking/hide-closed.gif) right center no-repeat; } /* --- Important travel info ---------- */ .important-travel-info-link { background:url(images/icoinfo2.gif) no-repeat; cursor:pointer; margin:0 0 0 10px;     padding:0 0 1px 20px; text-decoration:underline; display:inline; } .important-travel-info-popup { width:700px; margin:0 0 10px; } .important-travel-info-popup .header { background:url(images/bgtooltip.jpg) repeat-x; border:1px solid #333366; border-width:0 1px; height:26px; } .important-travel-info-popup .header .close-button { background:url(images/btclose.gif) no-repeat; cursor:pointer; float:right; height:15px; width:15px; margin:5px 5px 0 0; } .important-travel-info-popup .header .title { color:#fff; font-size:11px; font-weight:bold; padding:6px 0 0 5px; } .important-travel-info-popup .content { font-size:11px; padding:3px 8px 10px; border:solid 1px #ccc; border-width:0 1px 1px; background:#fff; } .important-travel-info-popup .content h2 { margin:6px 0 2px; color:#369; font-size:11px; } .important-travel-info-popup .content .actions { text-align:right; border:none; display:block; } .important-travel-info-popup .content .actions .close-button { background:url(images/bgbuttonsspanaction.jpg) repeat-x; border:1px solid #00448a; color:#369; cursor:pointer; font-size:11px; font-weight:bold; height:14px; padding:2px 5px; } .bookingDialog .bookingStep .labelInfo { background:url("images/searchbrowse/lister/info.gif") no-repeat 0 0; cursor:pointer; height:16px; width:16px; display:inline-block; } .bookingDialog .stepContent span.btAddExtra  {     background:url("images/booking/btaddextra.gif") no-repeat 0 0;      padding:2px 0 0 20px;     text-decoration:underline;     cursor: pointer; } .bookingDialog .stepContent span.btRemoveExtra  {     background:url("images/booking/btremoveextra.gif") no-repeat 0 0;      padding:2px 0 0 20px;     text-decoration:underline;     cursor: pointer; } .bookingDialog .stepContent span.btEditExtra  {     background:url("images/booking/bteditextra.gif") no-repeat 0 0;      padding:2px 0 0 20px;     text-decoration:underline;     cursor: pointer; } .bookingDialog .stepContent .omnitureEvent_BookingTermAndConditions  {     padding:2px 0 2px 0px;     text-decoration:underline;     cursor: pointer;     color:#939393; } .dateinput-style { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C8D8E2; color:#000000; display:inline; font-size:10px; line-height: 32px; margin:0; padding: 2px 4px; text-align:left; width:125px; } .options-and-extras .ui-datepicker-trigger  { vertical-align: middle; } .options-and-extras .selection .leftcontent {    float: left;    width: 380px; } .options-and-extras .topleftcontent  { float: left; } .options-and-extras .bottomleftcontent {    float: left;    width: 314px;      margin: 0px 0px 2px 0px;  } .options-and-extras .booking-term-and-conditions { float: right; width: 265px; margin: 28px 0 8px; } .options-and-extras .cancellation-booking-term-and-conditions { float: right; width: 254px; } .options-and-extras .selection .selection-parameters  { float: right; width: 246px; margin: -34px 0 0; } .options-and-extras .action-buttons-section, .options-and-extras .selection .insurance-selection-parameters  { float: right; width: 246px; } .options-and-extras .selection-parameters-extra-quantity  { float: right; width: 250px; } .options-and-extras .add-extra-buttons-section { float: left; width: 600px; margin: 8px 0px; } .options-and-extras .add-extra-buttons  { float: right; width: 245px; } .options-and-extras .insurance-add-extra-buttons  { float: right; width: 245px; } .options-and-extras .extrascontainer{     border: 1px solid #FFE26F;     width:642px; } .options-and-extras .extrascontainer-header {         height:0px;    } .options-and-extras .extrascontainer-footer {        height:0px;    } /* Info for selected item */ .options-and-extras .item .content .extraQuantity {    min-width: 55px;    width: 55px;    margin-bottom:0px; } .options-and-extras .noborder {    border: none; } .options-and-extras .item .group-message {    margin:5px 0; } .options-and-extras .item .add-cancellation {   padding-top: 10px;    } .options-and-extras .greyfont {     color:#939393; } .passengersError { color: red; } .passengersErrorMessage  {     margin-top: 20px; color: red; } .extra-price {     color: #C7060B;     font-size:13px;     font-weight:bold; } .help-module {     background: none repeat scroll 0 0 white;     border: 1px solid #CECECD;     color: #336699;     font: 10px Verdana,Arial,sans-serif;     margin: 10px 0 0 14px;     width: 252px;     padding-left: 10px;     padding-bottom: 0px;     padding-right: 10px; } .payment-methods {     border: 1px solid #CECECD;     margin-bottom: 10px;         margin-left: 14px;     width: 272px; }