/* CSS FOR DETAILVIEW PAGE - 21/09 BY ADK */ .detailcomponent {     color: #336699;     margin-left: 4px; } .summer .packagetitlebarCorner { display:none; } .summer .packagetitlebar {     background-color: #FEF5CC;     border: 1px solid #FC0;     width: 967px;     color: #369; } .packagetitlebar td{     text-align: center; } .packagetitlebar .package-info{     text-align: left;     float: left; } .packagetitlebar h1 {     color: #369;     font-size: 12px;     font-weight: bold;     margin: 0px 0px 2px 7px;     text-align:left;     display:inline; } .packagetitlebar h4 {     color: #369;     font-size: 11px;     font-weight: normal;     margin: 0px 0px 0px 7px;     text-align:left; } .packagetitlebar .detail-logos{     float: right; } .packagetitlebar .next-previous-links {     font-size: 11px;     margin-left: 20px;     margin-right: 20px;     display: inline-block; } .packagetitlebar .next-previous-links .enabled {     font-weight: bold; } .packagetitlebar .next-previous-links .disabled {     font-weight: normal;     text-decoration: underline; } .packagetitlebar .next-previous-links a.disabled:Hover {     color: #369;  } .packagetitlebar .next-previous-links .text {     font-weight: normal; } .packagetitlebar .return-to-lister{     margin: 3px 0 2px; } .detailcomponent .packagetitlebar .SeasonSwitchMessage { text-align: center; } .detailcomponent .packagetitlebar .SeasonSwitchMessage p{ margin-top: 4px; margin-bottom: 0px; } .summer .detailcontent {     border-right: 1px solid #FC0;     border-left: 1px solid #FC0;     border-bottom: 1px solid #FC0;     width: 967px; } .summer .season {     margin-top: 5px;     color: #FFCC00;     font-weight: bold; } .summer .season a:Link, .summer .season a:Active, .summer .season a:Visited, .summer .season a:Hover {     color: #369;     font-weight: bold; } .winter .packagetitlebar {     background-color: #E7EEF8;     border: 1px solid #369;     width: 967px;     color: #369; } .winter .detailcontent {     border-right: 1px solid #369;     border-left: 1px solid #369;     border-bottom: 1px solid #369;     width: 967px; } .winter .season {     margin-top: 5px;     color: #369;     font-weight: bold; } .winter .season a:Link, .winter .season a:Active, .winter .season a:Visited, .winter .season a:Hover {     color: #FFCC00;     font-weight: bold; } .singleCol {     width: 275px; } .targetAudienceLogo {     margin-top: 0px;     margin-left: 0px;     margin-right: 6px; } /* --- DetailPage tabs ---------- */ .tabstrip .tabs { list-style-type:none; margin:7px; padding:0; float:left; width:950px;     background: url(images/detail/tab-bg.gif) repeat-x left bottom; } .tabstrip .tabs li { float:left; margin:0; height:13px; font-size:11px; padding:5px 0 5px 11px; list-style-type:none; } .tabstrip .tabs li span { padding:5px 10px 5px 0; cursor:pointer; } .tabstrip .tabs li.selected { background:url(images/detail/tab-selected.gif) no-repeat left top; } .tabstrip .tabs li.unselected { background:url(images/detail/tab-unselected.gif) no-repeat left top; } .tabstrip .tabs li.selected span { background:url(images/detail/tab-selected.gif) no-repeat right top; font-weight:bold; } .tabstrip .tabs li.unselected span { background:url(images/detail/tab-unselected.gif) no-repeat right top; color:#fff; } /* --- Pricegrid tabs ---------- */ .pricegrid-container .tabs {     margin: 7px;     background-image: url(images/bgtabs.gif);     background-repeat: repeat-x;     height: 23px; } .pricegrid-container .tabs a:Link,  .pricegrid-container .tabs a:Visited,  .pricegrid-container .tabs a:Active,  .pricegrid-container .tabs a:Hover {     color: #FFF;     text-decoration: none; } .pricegrid-container .tabs .selected .tabL {     width: 5px;     height: 23px;     float: left; } .pricegrid-container .tabs .selected .tabR {     width: 7px;     height: 23px;     float: left; } .pricegrid-container .tabs .selected .tabM {     font-weight: bold;     text-align: center;     padding: 5px 5px 0px 5px;     float: left;     white-space:nowrap; } .pricegrid-container .tabs .unselected .tabM .pricegrid-room {    display: none; } .pricegrid-container .tabs .unselected .tabL {     width: 5px;     height: 23px;     float: left; } .pricegrid-container .tabs .unselected .tabR {     width: 7px;     height: 23px;     float: left; } .pricegrid-container .tabs .unselected .tabM {     text-align: center;     padding: 5px 5px 0px 5px;     float: left;     white-space:nowrap; } .pricegrid-container .tabs .selected,  .pricegrid-container .tabs .unselected { float:left; } /* --- DetailPage options (below the photos) --- */ .options, .options-borderless {     border: 1px solid #ccc;     float:left;     width:375px;     padding:2px 4px 3px 1px; } .options-borderless{     border:none;     padding:0;     width: 382px;   } .options .return-to-lister { float:left; width:110px; } .options .return-to-lister .jslink,  .options .return-to-lister .jslink-hover{ background:url(images/icolister.gif) no-repeat left top; padding:3px 0 3px 20px; } .packagetitlebar .return-to-lister .jslink,  .packagetitlebar .return-to-lister .jslink-hover { background:url(images/icolister.gif) no-repeat left top; padding:3px 0 3px 20px; } .options .default-options,  .options-borderless .default-options {     height: 27px; } .options .default-options.limited, .options-borderless .default-options.limited { } .options .return-to-lister .jslink, .options .return-to-lister .jslink-hover, .options .default-options span, .options .default-options .jslink, .options .default-options .jslink-hover, .options-borderless .default-options span, .options-borderless .default-options .jslink, .options-borderless .default-options .jslink-hover { display:inline-block; cursor:pointer; } .options .default-options span, .options .default-options .jslink, .options .default-options .jslink-hover, .options .default-options a, .options-borderless .default-options span, .options-borderless .default-options .jslink, .options-borderless .default-options .jslink-hover, .options-borderless .default-options a  { padding:3px 0 3px 20px; margin: 0; } .addthis_toolbox, .addthis_default_style {    float: right;    display: inline-block;    height: 24px;    margin-left: 2px;    width: 250px;    position:relative; } .addthis_toolbox .sharing-placeholder, .addthis_default_style .sharing-placeholder {   position: absolute;   right: 115px; } #at16p .atbtn { width: 70px !important; } .options-borderless .default-options .addthis_default_style a,  .options-borderless .default-options .addthis_default_style a span,  .options-borderless .default-options .addthis_separator{     padding:0 0 0 3px; margin:4px 0 0; } .options-borderless .default-options .addthis_default_style .at300bs{     margin-top: -2px; } .options-borderless .default-options .addthis_default_style .addthis_button_facebook_like{     margin-top: 0px;     float: right; } .options-borderless .default-options .addthis_toolbox .sharing-separator {     display:none; } .addthis_default_style .addthis_button_compact {     margin-right: 3px; } .options .default-options span#storePackagePanel, .options-borderless .default-options span#storePackagePanel { padding:0; float: left; } .options .default-options a:hover, .options .default-options span:hover, .options-borderless .default-options a:hover, .options-borderless .default-options span:hover { color:#fc0; } .options .default-options .send-mail, .options-borderless .default-options .send-mail { background:url(images/icosend.gif) no-repeat top left; text-decoration:underline; } .options .default-options .open-print-friendly-page, .options-borderless .default-options .open-print-friendly-page { background:url(images/icoprint.gif) no-repeat top left; float: left; } .options .default-options .store-package, .options-borderless .default-options .store-package { background:url(images/iconotstored.gif) no-repeat 2px 2px; text-decoration:underline; } .options .default-options .package-stored, .options-borderless .default-options .package-stored { background:url(images/icostored.gif) no-repeat top left; text-decoration:underline; float: left; } .options #emailInputDiv, .options-borderless #emailInputDiv { padding:10px 0 0 2px; } .options #emailInputDiv table td, .options-borderless #emailInputDiv table td {     color: #369; } #emailInput {     border: 1px solid #CCC;     width: 180px;     font-size: 11px; } #commentsText {     border: 1px solid #CCC;     width: 180px;     font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;     font-size: 11px; } .options #emailInputDiv #emailInput, .options-borderless #emailInputDiv #emailInput { width:270px; } .options #emailInputDiv #commentsText, .options-borderless #emailInputDiv #commentsText { width:270px; } .options #emailInputDiv .buttonActive, .options-borderless #emailInputDiv .buttonActive { display:inline-block; margin:4px 5px 1px 0; padding:2px 5px 2px 12px; } .alternative {     border: 1px solid #CCC;     margin: 7px; } .photomodule {     width: 380px;     height: 200px;     overflow: hidden;     background-color: #69C;     border: 1px solid #336;     margin-bottom: 7px;      position: relative;    } .photomodule p {     margin: 0px;     padding: 0px; } .photomodule .photoContainer {     width: 300px;     float: left;     } .photomodule .photoContainer .photo {     height: 200px;     width: 300px;     cursor: pointer;     border: none; } .photomodule .thumb {     float: left;     width: 78px;     height: 200px;     border-left: 1px solid #336; } .photomodule .thumb .selected {     width: 64px;     height: 50px;     border: 1px solid #FFF;     margin-top: 3px;     cursor: pointer; } .photomodule .thumb .unselected {     width: 64px;     height: 50px;     border: 1px solid #336;     margin-top: 3px;     cursor: pointer; } a.more-photos-link, a.more-photos-link:link, a.more-photos-link:active, a.more-photos-link:hover, a.more-photos-link:visited {     text-decoration: none;     color: #336699;     background:url(images/bgactivebt.jpg) repeat-x;     cursor:pointer;     border: 1px solid #369;     margin: 4px 0px 0px 5px;     font-weight: bold;     width: 62px;     padding: 2px 2px 2px 2px;     display:block; } .more-photos-link .mm-button-icon {     padding: 0px 5px 2px 0px;     margin-left: 15px;     background: url(images/arrowactive.gif) no-repeat center; } .small-photo-module {     width: 380px;     height: 111px;     border: 1px solid #336;     background-color: #69C;     margin-bottom: 7px; } .small-photo-module img {     width: 117px;     height: 78px;     border: 1px solid #336;     margin: 5px 2px 5px 0;     cursor: pointer; } .small-photo-module .scrollable-jquery { position:relative; overflow:hidden; width: 368px; height:84px; margin-left: 7px; } .small-photo-module .scrollable-jquery .items { width:20000em; position:absolute; clear:both; } .small-photo-module .scrollable-jquery img { float:left; border:1px solid #000; cursor:pointer; width:117px; height:74px; -moz-border-radius:4px; -webkit-border-radius:4px; } .small-photo-module .items img {    margin: 0; } .small-photo-module .items a {     display:block;     float:left;     margin: 5px 4px 5px 0px; } .small-photo-module .items a.thumb-image-link{     position: relative; } .small-photo-module .disabled { visibility:hidden; } .block {     border: 1px solid #369;     margin: 0px 7px 0px 7px; } .block .title { background-color:#e5effe; color:#369; font-size:14px; font-weight:bold; padding:6px; } .block .title.highlighted { background-color:#e5effe !important; } .blockTable tr {     background-image: url(images/bg1pxccc.gif);     height: 20px;     background-repeat: repeat-x; } .blockTable td {     padding: 5px;     vertical-align: middle;     color: #369; } .blockTable select {     font-size: 11px;     color: #000; } .blockTable .buttonrow {     text-align: right;     background-image: none;     background-color: #F2F3F5;     height: 30px; } .blockTable .buttonrow .buttonActive {     width: auto; } .bgPrice {     background: #F2F3F5;     height: 27px;     clear:both; } .bgPriceWithTransport {     background: #F2F3F5;     padding: 7px; } .calcPriceButton {     /*margin: 7px 7px 7px 100px;*/     clear: right;     float: right;     padding: 7px; } .blockPrice {     width:260px;     margin: 0px 7px 0px 7px;     background: #F2F3F5; } .firstBlock .blockBooking {     margin-top: 0px; } .blockBooking .title {     background-color: #FC0;     color: #C00;     font-weight: bold;     padding: 6px;     border-bottom: 1px solid #CCC; } .colDivider {     border-right: 1px solid #FC0; } .colDivider label {     margin-left: 0px;     color: #369; } .colDivider ul {     margin: 10px;     padding: 0px; } .colDivider li {     list-style: square;     color: #369;     margin: 0px;     list-style-position: inside; } .colDivider dl {     margin: 10px; } .currentprice {     color: #C00;     font-size: 15px;     font-weight: bold;     margin: 2px; } .currentpriceerror {     color: #C00;     font-size: 12px; } .remove-price-container {     text-decoration: underline;     cursor: pointer;     margin: 0 8px 10px; } .changetransport {     font-weight: bold;     text-decoration: underline;     cursor: pointer;     margin: 10px 0 10px 3px; } .myconfig {     text-decoration: underline;     cursor: pointer; } .margin3 {     margin: 3px; } .margin7 {     margin: 7px; } .btMarginTop {     margin-top: 37px; } .more-photos  {     clear: both;     text-align: right;     margin-right: 5px; } .btMarginTopGeo {     margin: 70px 10px 0px;     float:left; } .btMarginTopGeo span.btAction { display:inline-block; overflow:hidden; } .pictures-in-focus { float:left; } .l130px {     width: 145px;     font-size: 11px; } .l170px {     width: 165px;     font-size: 11px; } .w250 {     width: 260px; } .w260 {     width: 258px; } .w380 {     width: 380px; } .w150 {     width: 150px; } .w67 {     width: 66px; } .buttonDisabled {     border: 1px solid #CCC;     color: #CCC;     background:url(images/bgdisabledbt.jpg) repeat-x;     padding: 2px 7px 2px 7px;     font-weight: bold; } .arrowDisabled {     width: 15px;     height: 15px;     padding: 0px 4px 0px 4px;     background-image: url(images/arrowdisabled.gif);     background-repeat: no-repeat; } .buttonActive {     border: 1px solid #369;     color: #369;     background-image: url(images/bgactivebt.jpg);     background-repeat: repeat-x;     cursor: pointer;     margin: 4px 0px 0px 5px;     font-weight: bold;     width: 63px;     padding: 2px 2px 2px 2px; } .arrow-more {     padding: 0px 5px 2px 0px;     margin-left: 4px;     background-image: url(images/arrowmoreblue.gif);     background-repeat: no-repeat;     background-position: center; } .arrow-previous {     padding: 0px 5px 2px 0px;     margin-left: 2px;     margin-right: 4px;     background-image: url(images/arrowpreviousblue.gif);     background-repeat: no-repeat;     background-position: center; } .text-previous{       padding: 0 0 0 10px;     background-image: url(images/bgbuttonsspanaction.jpg);     background-repeat: repeat-x;     color: #369;     font-size: 11px;     font-weight: bold;     height: 14px;     cursor: pointer;     border: 1px solid #369;     padding: 2px 8px 2px 4px;     display: inline-block;  } .text-next{     background-image: url(images/bgbuttonsspanaction.jpg);     background-repeat: repeat-x;     color: #369;     font-size: 11px;     font-weight: bold;     height: 14px;     cursor: pointer;     border: 1px solid #369;     padding: 2px 0px 2px 0px;        padding: 2px 8px 2px 6px;     margin-left: 2px;     display: inline-block; } .buttonBook {     border: 1px solid #C00;     color: #C00;     background-image: url(images/bgbooknowsmall.jpg);     background-repeat: repeat-x;     padding: 2px 7px 2px 7px;     margin: 7px 0;     cursor: pointer;     font-weight: bold; } .arrowBook {     width: 15px;     height: 15px;     padding: 0px 4px 0px 4px;     background-image: url(images/arrowbook.gif);     background-repeat: no-repeat; } p {     margin: 0px 10px 5px 10px;     color: #369; } .red {     color: #C00; } /* GEO component */ .detailcomponent .detail-photo {     border: 1px solid #336699;     margin: 10px 8px 0px 5px;     width: 120px;     height: 80px;     float: left; } .detailcomponent .geoTopic {     color: #369;     margin: 0px 7px 0px 7px; } .detailcomponent .geoTopic h2 {     color: #369;     font-size: 11px;     padding: 0px;     margin-bottom: 2px; } .detailcomponent .geoTopic h1 {     color: #369;     font-size: 11px;     padding: 0px;     margin-bottom: 5px; } .detailcomponent .geoTopic ul {     margin: 0px;     padding: 0px; } .detailcomponent .geoTopic p {     margin: 0px; } .detailcomponent .disclaimer { clear:both; } .detailcomponent .disclaimer p { color:#a4a4a4; /*border-top:1px dashed;*/ font-style:italic; margin:20px 8px 8px 8px; padding:5px 0 0; } .detailcomponent .disclaimer p strong { display:block; } .geocontpar {     height: 450px;     overflow-y: auto;     padding-right: 10px; } .btAction a:Link, .btAction a:Active, .btAction a:Visited, .btAction a:Hover {     color: #336699;     text-decoration: none; } /* don't show the close-button on the key-account logindialog */ #keyAccountModal .b-modalhead .b-modalhead-right .b-modal-closebutton {     background-position: 0pt;     display: none; } .importantTravelInfoModalBody h2, .importantTravelInfoModalBody div {     font-size: 11px;     color: #336699; } .infocompare {     border-color: #CCC;     border-style: dashed;     border-width: 1px;     margin: 7px; } .infocomparetitle {     background-image: url(images/icoinfo2.gif);     background-repeat: no-repeat;     padding: 0px 0px 3px 15px;     margin-top: 5px;     margin-left: 7px;     font-weight: bold; } .infocomparemessage {     padding: 0px 0px 3px 22px; } .center30 {     margin: 0 30px 0 30px;     text-align: center; } .bookByEmailTable {     table-layout: fixed;     width:100%;     border-collapse: collapse; } .bookByEmailTable .separator {     border-top-color: #c8d8e2;     border-top-width: 1px;     border-top-style: solid; } .bookByEmailTable td p { margin:2px 0 0 5px; } .bookByEmailColumnCount {     width: 9%; } .bookByEmailColumnFirstName {     width: 15%; } .bookByEmailColumnMiddleName {     width: 5%; } .bookByEmailColumnLastName {     width: 27%; } .bookByEmailColumnDay {     width: 8%; } .bookByEmailColumnMonth {     width: 8%; } .bookByEmailColumnYear {     width: 12%; } .bookByEmailColumnGender {     width: 16%; } .bookByEmailColumn30 {     width: 30%; } .bookByEmailColumn40 {     width: 40%; } .bookByEmailColumn50 {     width: 50%; } .bookByEmailColumn60 {     width: 60%; } .bookByEmailColumn70 {     width: 70%; } .bookByEmailColumn100 {     width: 100%; } .bookByEmail td select {     width: 95%; } .bookByEmail td input {     width: 95%; } #earlybookingarrivaldatelabel { width: 85%; } .bookByEmailSmallP .ui-datepicker-trigger { margin-left:5px; } .bookByEmail tr td .autowidth {     width: auto; } .bookByEmail td {     padding-top: 5px;     padding-bottom: 5px; } .bookByEmail .overview td {     padding-top: 2px;     padding-bottom: 2px; } .bookByEmail #bbemRemarks {     margin: 6px;     width: 529px; } .bookByEmailColumnRight {     text-align: right;     padding-right: 6px; } .bookByEmailSmallP {     margin: 0 10px 0px; } .bookByEmailSeperatorLine {     margin: 0 10px 0px;     font-size: 5px; } .highlighted {     background-color: #AED8FF !important; } .bookByEmailSubmitHolder {     margin: 0 7px; } .travelAgentLabel {     width: 200px;     float: left; } .travelAgentSelect {     width: 200px;     float: right; } .travelAgentRow {     padding-top: 10px;     padding-bottom: 10px;     padding-right: 6px; } .bookByEmailChooseTravelAgent {     font-weight: bold; } .bookByEmailTitleButton {     float: right; } .bookByEmailTitle {     height: 20px; } .bookByEmailGeneralConditionsCheckbox {     float: left; } .bookByEmailGeneralConditionsText {     margin-left: 35px; } .bookByEmailTable .textBtn { text-decoration: underline;     cursor: pointer; } .groupbook-intro { margin:0 7px; } .groupbook-back-button { text-decoration:underline; cursor:pointer; } .groupbook-title { color:#336699; font-size:14px; font-weight:bold; padding:6px; display:block; } .groupbook-content { } #groupbooking_direct, #groupbooking_pricegrid { text-decoration:underline; cursor:pointer; } .pricegridcelltransportclass {     color: red; } .main-image-overlay {     position:absolute;     top: 0;     left: 0;     width: 300px;     height: 200px;     border: none;     cursor:pointer; } .smartdeal-overlay {     z-index: 100;     background:url(images/smartdealoverlay.gif) no-repeat 0 0; } .video-overlay {     z-index: 300;     background: url("images/detail/photos/videooverlaybig.gif") no-repeat 0 0; } .thumb-video-overlay {        position: absolute;     top: 0; left: 6px; z-index: 200; height:50px; width:64px; background-position: center center;  background-repeat: no-repeat; background-image: url(images/detail/photos/videooverlaysmall.gif); } .thumb-video-overlay.small-module {     height: 84px;     width: 108px; } .thumb-overlay {     position: relative; } .pricequote {     border-top: 1px solid #ccc;     padding: 6px 5px 3px 3px; } .price-ticket .current {     background-color: #F2F3F5;     padding: 3px 5px 3px 3px; } /* --- DETAILPAGE ------------------------------------------------------------------- */ #firstColumn.w380 { padding:0 7px; } #middlecolumn { width:570px; } .middle-column-container { margin:0; padding:0; } .middle-column-detail-page { float:left; margin:0 5px 0 0; width:280px; } /* Section Header top */ #pricesearch-wrapper h6, .price-ticket h6 { font-weight: bold; font-size: 13px; margin: 0; } /* Section Header bottom */ #pricesearch-wrapper h6 span, .price-ticket h6 span { display: block; line-height: 30px; padding: 0 10px; } .overview-detail-content,  .overview-advantages-content { margin-top: 20px; } .overview-detail-content .title,  .overview-advantages-content .title, .overview-detail-content .subtitle,  .overview-advantages-content .subtitle { display: block; margin-bottom: 10px; margin-top: 10px; } /* Backgrounds ----------------------------------------------------------------------------*/ /*Headers*/ /*Section Header Background*/ #pricesearch-wrapper h6 { background: #ffea97 url(images/detail/section-header-top-be.gif) 0 0 no-repeat; } #pricesearch-wrapper h6 span { background: url(images/detail/section-header-bottom-be.gif) 0 bottom no-repeat; font-size: 12px; } /*Section Header Price Background*/ .price-ticket h6 { background: transparent url(images/detail/pricegrid-header-be.gif) 0 0; height:29px;     border-bottom:1px solid #fee372; } /* Pricesearch ----------------------------------------------------------------------------*/ /* Set width of wrapper */ #pricesearch-wrapper { width: 274px; float: left; overflow: hidden; /*background: #fffbdb;*/ margin: 0 0 5px 5px; } #pricesearch-wrapper .content { padding: 8px 4px 4px 4px; background: #fffbdb; margin: 0 0 5px 0; } #pricesearch-wrapper #departureday, #pricesearch-wrapper .content-container { padding:0 6px 6px; } #pricesearch-wrapper .content-container.empty { display:none; } /*Padding to show border*/ #pricesearch-wrapper table { width: 254px; padding: 0; } #pricesearch-wrapper table tr { background: url(images/detail/bg-prijszoek-table-be.gif) 0 0 repeat-x; } /*Removes top margin*/ #pricesearch-wrapper div.room-details, #pricesearch-wrapper #departureday { margin: 0; } #pricesearch-wrapper table, #pricesearch-wrapper table td { border-top: none; border-right: none; border-bottom: none; border-left: none; } #pricesearch-wrapper table td.last-row { border-bottom: none; } #pricesearch-wrapper table td { padding: 6px 0; border-bottom: 1px dashed #ccc; } #pricesearch-wrapper table td.right-align { text-align: right; } #pricesearch-wrapper div.room-details .room-details-trigger { margin:1px 5px 1px 0;  float:left; border:none !important; padding:0; } * + html #pricesearch-wrapper div.room-details .room-details-trigger {     margin-top:-3px; } #pricesearch-wrapper div.room-details .next-room-label { display: none; } #pricesearch-wrapper div.title-container { background: #fdf3be url(images/detail/sub-section-header-be.gif) 0 0 no-repeat;     border: 1px solid #ffcd02;     border-bottom-color:#ffe375; display: block; margin: 0; padding: 8px; overflow: hidden; position: relative; font-size:12px; } #pricesearch-wrapper div.title-container span.title-label {     padding: 0; font-weight:bold; } #pricesearch-wrapper div.title-container a.room-title-link { font-weight: normal; display: block; width: 146px; float: right; text-align: right; font-size: 10px; overflow: hidden; } #pricesearch-wrapper div.title-container a.room-title-link:hover, #pricesearch-wrapper div.title-container a.room-title-link:active { color: red; } #pricesearch-wrapper .party-size-info  {     border: 2px solid #cc0000;     font-size: 12px;     color: #cc0000;     margin: 5px 0;     padding: 5px;     text-align: center;     display: block; } #pricesearch-wrapper .holiday-section { margin: 0; } #pricesearch-wrapper .children-container .remove-child {     background-image: url(images/icomin.gif);     background-repeat: no-repeat;     text-decoration: underline;     cursor: pointer;     padding: 0px 0px 2px 20px; } #pricesearch-wrapper .children-container .info {     background-image: url(images/icoinfo2.gif);     background-repeat: no-repeat;     text-decoration: underline;     cursor: pointer;     padding: 0px 0px 3px 20px;     margin-top: 5px; } .adults-container .persons-count-select-children { float:right; } #pricesearch-wrapper .l130px { width: 159px; } #pricesearch-wrapper .small-select { width: 60px; } #pricesearch-wrapper .party-size-warning .small-select.passenger { border-width: 2px; border-color: #cc0000; } #pricesearch-wrapper .preferences-details td.option-label {     width:94px; } div.holiday-section { clear:both; } div.group-booking a.question-mark { background: url(images/detail/question-frame.gif) 0 center no-repeat; display: block; line-height: 20px; padding: 0 0 0 22px; } div.group-booking a:link, div.group-booking a:visited { color: #888; } div.group-booking a:hover, div.group-booking a:active { color: #369; } div.group-booking { color: #888; clear: both; margin: 0 0 5px 0 !important; padding: 0 10px; } #groupbooking_direct:hover, #groupbooking_pricegrid:hover, .holiday .holiday-section.group-booking span:hover, #groupbooking_direct:active, #groupbooking_pricegrid:active, .holiday .holiday-section.group-booking span:active { color: #369; } /*Change info icon*/ #pricesearch-wrapper .labelInfo {     background: url(images/detail/icoinfo-new.gif) no-repeat scroll 78px top;     padding: 0 20px 0 0;     cursor:pointer;     line-height:14px; } #arrangementinfo.labelInfo {     padding: 0; } #pricesearch-wrapper .room-info {     background-position:70px center; } #pricesearch-wrapper .arrangement-info {     background-position:left center; } .preferences-room .content-container {     position:relative; } .room-details-content .person-details-label {     width:192px; } .room-details-content .room-details-static {     position:absolute;     left:94px;     width:170px;     text-align:right; } .room-details-content .room-type-options .room-details-static { position:static; } .room-details-content .room-details-select {     position:absolute;     left:95px;     width:165px; } .board-type-options .room-details-static {     width:185px;     left:75px; } /* ------------------ PRICEGRID ---------------------------------------------------- */ #clickpricegrid { width: 274px; border: 1px solid #ccc; background: #f4f4f4; float:left; margin:0 0 5px; } #pricegrid { width:274px; margin:7px 0 0; } #pricegrid .content { border-color:#ccc; border-style:solid none solid solid; border:medium none; } #pricegrid .pricegrid-details-container { clear:both; padding:6px 0 0 6px; } .scrollContainer { width: 174px; margin-left: -1px; overflow:hidden; position:absolute; z-index:1; height:158px; margin-top: -26px;     border-left: 1px solid #ccc;     border-right: 1px solid #ccc;     border-bottom: 1px solid #ccc; } .pricegrid-detail { visibility: visible;  position:absolute; } /* Header */ #pricegrid .pricegrid-header { /*height: 30px;*/ display: block; position: relative; font-weight: bold; font-size: 13px; /*line-height: 30px; text-indent: 10px;*/ margin: -7px 0 0 0; background: #fff0b5 url(images/detail/pricegrid-header-be.gif) 0 0 repeat-x;     padding:5px 10px;     border-bottom:1px solid #fee372; } #pricegrid .no-results-found,#pricegrid .results-found { padding: 5px 10px; } /* Tabs */ #pricegrid .pricegrid-tabstrip { width: auto; height: 23px; background: #fff url(images/detail/bgtabs-pricegrid.gif) repeat-x left bottom; } #pricegrid .tabs { background: #fff url(images/detail/bgtabs-pricegrid.gif) repeat-x left bottom; height: 23px; margin: 0; padding: 7px 0 0 0; } #pricegrid .tabs a:link, #pricegrid .tabs a:visited, #pricegrid .tabs a:active, #pricegrid .tabs a:hover { color: #FFF; text-decoration: none; } #pricegrid .tabs .selected .tabL { background: url(images/detail/tabselectedl-pricegrid-be.jpg) no-repeat left top; } #pricegrid .tabs .selected .tabR { background: url(images/detail/tabselectedr-pricegrid-be.jpg) no-repeat left top; } #pricegrid .tabs .selected .tabM { background: url(images/detail/tabselectedm-pricegrid-be.jpg) repeat-x left top; color: #336599; height:18px; } #pricegrid .tabs .unselected .tabL { background: url(images/detail/tabl-pricegrid.jpg) no-repeat left top; } #pricegrid .tabs .unselected .tabR { background: url(images/detail/tabr-pricegrid.jpg) no-repeat left top; } #pricegrid .tabs .unselected .tabM { background: url(images/detail/tabm-pricegrid.jpg) repeat-x left top; color: #336599; height:18px; } /* Top row (days) */ #pricegrid .priceGridDetail .rightArrow { background:url(images/detail/aright-pricegrid.gif) no-repeat 0 2px; width:21px; cursor:pointer; height:26px; } #pricegrid .priceGridDetail .leftArrow { background:url(images/detail/aleft-pricegrid.gif) no-repeat 0 2px; cursor:pointer; width:21px; margin:0 0 0 19px; height:26px; } .cp-warning { border: 4px solid white; padding: 5px; } .priceGridDetail .selectable {     cursor: pointer; } .priceGridDetail .notselectable {     cursor: pointer; } .priceGridDetail .dateHeaderTD { width:180px; } .priceGridDetail tr.pricegrid-prices-header-row, .priceGridDetail td.dateHeaderTD  { background: none; border: 0; padding: 0; margin: 0; } .priceGridDetail .container { margin-right:5px; } .priceGridDetail table.container, .priceGridDetail table.container td { background: none; border: 0; } .priceGridDetail table.container tr.pricegrid-prices-value-row td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .priceGridDetail table.container td.header, .priceGridDetail table.container td.selectedHeader { background: url(images/detail/grid-dateheader.gif) repeat-x left top; color: #369; text-align: center; height: 25px; border: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 0; } .priceGridDetail table.container td.header, .priceGridDetail table.container td.selectedHeader { padding: 0; } .priceGridDetail table.container td.selectedHeader { font-weight:bold; } .priceGridDetail .durationTD { padding: 0; border:0; } .priceGridDetail .durationTD div { width:45px; height: 25px; line-height: 25px; text-indent: 8px; } .priceGridDetail .durationTD div.empty  { background:#fff; padding: 0; } .priceGridDetail .durationTD div.duration  { color: #369; padding: 0; border-top: 1px solid #ccc; background: url(images/detail/grid-period-firstchild.gif) left bottom no-repeat; border-right:1px solid #ccc; } .priceGridDetail .durationTD div.selectedDuration  { color: #369; font-weight: bold; padding: 0; border-top: 1px solid #ccc; border-right:1px solid #ccc; background: url(images/detail/grid-period-firstchild.gif) left bottom no-repeat; } .priceGridDetail .durationTD div.duration.first-item, .priceGridDetail .durationTD div.selectedDuration.first-item  { border-top: 1px solid #ccc; } .priceGridDetail .durationTD div.duration.last-item, .priceGridDetail .durationTD div.selectedDuration.last-item  { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* Price grid cells and content  */ .priceGridDetail table, .priceGridDetail table tr, .priceGridDetail table td { margin: 0; padding: 0; text-align:center; } .priceGridDetail .price div, .priceGridDetail .selectedprice div, .priceGridDetail .empty div, .priceGridDetail .disabled div { height: 25px; width: 56px; overflow: hidden; text-align: center; padding: 0; margin: 0; text-decoration: none; font-weight:bold; color: #369; line-height: 22px; } .priceGridDetail .price { background: url(images/detail/grid-cell-bg.gif) left top repeat-x !important; } .priceGridDetail .price .normal-price.transport-available { background: url(images/detail/grid-icon-normaal-vervoer-be.gif) no-repeat center center; } .priceGridDetail .price .normal-price { background: url(images/detail/grid-icon-normaal-be.gif) no-repeat center center; } .priceGridDetail .price .no-price { background: url(images/detail/bg-noprice.gif) no-repeat center center; } .priceGridDetail .selectedprice .no-price { color: #d4010c; border: 1px solid #D4010C; background: url(images/detail/bg-noprice.gif) no-repeat center center; } .priceGridDetail .disabled div { background: url(images/detail/grid-icon-disabled.gif) no-repeat center center; color: #939393; font-weight:normal;     text-decoration:none; } .priceGridDetail .price .promo-price.transport-available, .priceGridDetail .price .commercial-price.transport-available { background: url(images/detail/grid-icon-aanbieding-vervoer-be.gif) no-repeat center center; } .priceGridDetail .price .promo-price, .priceGridDetail .price .commercial-price { background: url(images/detail/grid-icon-aanbieding-be.gif) no-repeat center center; } .priceGridDetail .selectedprice .normal-price { color: #d4010c; background: url(images/detail/grid-icon-selectie-be.gif) no-repeat center center; } .priceGridDetail .selectedprice .promo-price, .priceGridDetail .selectedprice .commercial-price { color: #d4010c; background: url(images/detail/grid-icon-selectie-aanbieding.gif) no-repeat center center; } .priceGridDetail .selectedprice .transport-available { color: #d4010c; background: url(images/detail/grid-icon-selectie-vervoer-be.gif) no-repeat center center; } .priceGridDetail .empty { background:#fff url(images/detail/grid-cell-bg.gif) left bottom repeat-x !important; color:#369; } /* Legenda ----------------------------------------------------------------------------*/ #pricegrid .legend {     display: block;     width: 267px;     padding: 8px 0 0 0;     background: none;     margin:0;     overflow: hidden;     position: relative; } #pricegrid .legend-inner {     display: block;     width: 267px;     padding: 0 8px 4px 8px;     background: none;     overflow: hidden;     position: relative; } #pricegrid .legend-item {     display: block;     float: left;     margin: 0 0 5px 0;     padding: 0;     line-height: 20px;     width: 260px; } #pricegrid .legend-item span {     color: #909090;     display: block;     float: left;     font-size: 10px;     line-height: 22px;     padding: 0 0 0 30px !important;     width: 210px; } #pricegrid .legend-item span.normal-price { width: 23px; } #pricegrid .legend-item-offer { width: 125px !important; } #pricegrid .legend-item-current { width: 130px !important; } #pricegrid .legend-item-unknown span { background: url(images/detail/v2-legend-normal-icon-be.gif) 0 1px no-repeat; } #pricegrid .legend-item-offer span { background: url(images/detail/v2-legend-offer-icon-be.gif) 0 1px no-repeat; width: 90px !important; white-space: nowrap; } #pricegrid .legend-item-current span { background: url(images/detail/v2-legend-current-icon-be.gif) 0 1px no-repeat; width: 105px !important; white-space: nowrap; } #pricegrid .legend-item-incomplete span {     background: url(images/detail/v2-legend-incomplete-icon-be.gif) 0 1px no-repeat;     width: 105px !important;     white-space: nowrap; } #pricegrid .legend-item-unavailable span { background: url(images/detail/v2-legend-unavailable-icon-be.gif) 0 1px no-repeat; } #pricegrid .legend-item-transport span { background: url(images/detail/v2-legend-transport-icon-be.gif) 0 1px no-repeat; } #pricegrid .legend-item-warning span { background: url(images/icowarning.gif) no-repeat left center; display: inline; } #pricegrid .legend-item-warning strong {     color:#c00;     padding:0 5px; } #pricegrid .legend-item span.inactive { padding: 1px 2px 1px 5px; background: #ddd; color: #888; } #pricegrid .legend-item span.request { padding: 1px 2px 1px 5px; } #pricegrid .legend table.remarks { margin-top:10px; width:95%; } #pricegrid .legend .Text {     color: #369;     float: left;     margin:0 5px 5px 2px; } #pricegrid .legend .price-type-info { display:none; } /* OLD LEGEND CSS */ .legend .Combinationwarning {     width: 18px;     height: 13px;     background-color: #F2BFBE;     border: 1px solid #CCC;     float: left;     margin: 0px 5px 5px 5px; } .legend .unknownPriceDesc {     display: block;     padding-left:40px;     margin-bottom:-10px; } .legend .labelInfoContainer {     padding-right: 4px; } .legend .labelInfo {     background-image: url(images/icoinfo2.gif);     background-repeat: no-repeat;     cursor: pointer;     margin-top: 3px;     padding: 0 0 3px 20px;     width: 4px;     height: 15px;     float: left; } .pricequote .labelInfo {     background-image: url(images/icoinfo2.gif);     background-repeat: no-repeat;     cursor: pointer;     margin-top: 0px;     padding: 0 0 1px 20px;     width: 4px;     height: 15px; } /* END OLD LEGEND CSS */ /* Kies uw vervoer ----------------------------------------------------------------------------*/ #clickpricegrid .transport { width: 274px; border: 1px solid #ccc; border-width:1px 0; background: #f4f4f4; overflow: hidden; padding: 0 0 8px; margin: 0 0 10px 0; position: relative; } #clickpricegrid .transport h5 { margin: 0; padding:5px 10px; font-size: 11px; line-height: 16px; background: #fff0b5 url(images/detail/pricegrid-header-be.gif) 0 0 repeat-x;     border-bottom:1px solid #fee372; } #clickpricegrid .transport p, #clickpricegrid .transport p.inactive {     width: 75px; /*height: 45px;*/ float: left; position: relative; /*overflow: hidden;*/ display: inline; padding: 0; margin: 8px 0 10px 12px; } #clickpricegrid .transport p { background: #fff9e1; } #clickpricegrid .transport p.inactive { background: url(images/detail/bg-vervoer-inactive.gif) 0 0 no-repeat; } #clickpricegrid .transport p input { width: 15px; float: left; display: inline; border: 0; margin: 10px 0 0 5px; } #clickpricegrid .transport p.inactive input { display: none; } #clickpricegrid .transport p label { width: 34px; height: 13px; display: inline; float: right; margin: 3px 5px 0 0; padding: 23px 0 0 3px; } #clickpricegrid .transport p label.none { background: url(images/detail/bg-vervoer-geen-icon.gif) 0 2px no-repeat; } #clickpricegrid .transport p label.train { background: url(images/detail/bg-vervoer-train-icon.gif) 0 2px no-repeat; } #clickpricegrid .transport p label.flight { background: url(images/detail/bg-vervoer-vlucht-icon.gif) 0 2px no-repeat; } #clickpricegrid .transport p label.bus { background: url(images/detail/bg-vervoer-bus-icon.gif) 0 2px no-repeat; } #clickpricegrid .transport p.inactive label.none { background: url(images/detail/bg-vervoer-geen-icon-inactive.gif) 0 2px no-repeat; } #clickpricegrid .transport p.inactive label.train { background: url(images/detail/bg-vervoer-train-icon-inactive.gif) 0 2px no-repeat; } #clickpricegrid .transport p.inactive label.flight { background: url(images/detail/bg-vervoer-vlucht-icon-inactive.gif) 0 2px no-repeat; } #clickpricegrid .transport p.inactive label.bus { background: url(images/detail/bg-vervoer-bus-icon-inactive.gif) 0 2px no-repeat; } #transporttypeselectionpanel div.option-calculate-price { border-left:1px solid #ccc; border-bottom:1px solid #ccc; width:246px; padding:7px; background:#F2F3F5 none repeat scroll 0 0; } #transporttypeselectionpanel .vervoer-button .action-button { background:url(images/bgbuttonsspanaction.jpg) repeat-x; border:1px solid #336699; color:#336699; cursor:pointer; font-size:11px; font-weight:bold; height:14px; padding:2px 10px 2px 12px; display:inline-block; margin:1px 0 10px 7px; } #transporttypeselectionpanel .vervoer-button .action-button.disabled { background:url(images/bgbtactionspandisabled.jpg) repeat-x; display:inline-block; margin:2px 0 10px 10px;     color: #888; font-size: 11px; font-weight: bold; height: 15px; border: 1px solid #888; padding: 2px 5px 2px 15px; cursor: default; } #stuntrecalculateprice.block { margin:7px 0; border:solid 1px #ccc; border-right:0; } /* --- StuntVanDeDag alterntief ---------- */ .stunt-van-de-dag-alternative.block { border:none; margin:0; width:100%; } #startbooking { } .pricegrid-details-container .legend { margin:0; }  .pricegrid-details-container table td.no-results-found { padding:0 5px 10px 5px; } #comparepricesinfo.infocompare { margin:8px 7px; clear:both; } /* --- BookByEmail ---------- */ #startemailbooking { display:inline-block; margin-right:10px; } .book-by-email-container .block.bookByEmail { margin:0 8px 8px; } .book-by-email-container .block.bookByEmail .content { padding:8px 0; } .book-by-email-container .block.bookByEmail .title { height:auto; } .book-by-email-container .block.bookByEmail .title.highlighted { height:20px; } .book-by-email-container .block.bookByEmail .title.highlighted .bookByEmailTitle { display:inline-block; margin-top:3px; } .book-by-email-container .block span.btAction,  .book-by-email-container .block span.btActionNoArrow { display:inline-block; padding:2px 12px 3px; height:auto; } #bookbyemailsubmit.btAction,  #bookbyemailsubmit.btActionNoArrow, #bookbyemailsubmit.btActionDisabled { display:inline-block; height:auto; margin:1px 1px 8px; padding:2px 12px 3px; } .book-by-email-container input[type="checkbox"], .book-by-email-container input[type="radio"] { border:none; } /* -------------------- PRINT VERSION ---------------------------------------------------------------- */ .printable .detailcomponent { margin:10px 0; } .printable .packagetitlebar, .printable .detailcontent { width:975px; } .printable .detailcontent strong { display:inline-block; margin:15px 0 0; } .printable #tabstripcontent_OVERSTAY_TYPES br {     display:none;     } .printable .detailcontent p { padding:0; margin:4px 0; } .printable .detailcontent td { padding:8px; } .printable .photoContainer p { padding:0; margin:7px; } /* -------------------- GroupBooking ------------------------------------------------------------------- */ .groupbook-intro { padding:0 7px; } .groupbook-back-button { display:block; margin-bottom:10px; cursor:pointer; text-decoration:underline; } .groupbook-title { display:block; font-size:12px; font-weight:bold; margin-bottom:12px; } .groupbook-content { margin:0; padding:0; } p.back-to-home-link {    margin:0 0 0 5px;    padding:10px 0; } /* -------------------- BestPriceZoeker ------------------------------------------------------------------- */ .best-price-search-message-container { border:1px solid #ccc; margin:7px; padding:8px; clear:both; } .best-price-search-message-container span { text-decoration:underline; font-weight:bold; cursor:pointer; } .best-price-search-message { margin:0; padding:0; } .best-price-popup-container { border:1px solid #369; background:#fff; width:950px; } .best-price-popup-container .best-price-header { background:#369; color:#fff; padding:3px 5px; height:18px; } .best-price-title { font-weight:bold; font-size:11px; } .best-price-header .close-button { font-weight:bold; float:right; cursor:pointer; } .best-price-header .close-icon { } .best-price-content { padding:5px; clear:both; color:#369; } .best-price-block { border:1px solid #369; } .best-price-block.best-price-options { width:430px; } .best-price-block.best-price-results { width:501px; } .best-price-block .best-price-header { background:#edf1f6; color:#369; padding:10px; } .best-price-block .best-price-title { font-weight:bold; font-size:12px; } .best-price-dates-content .best-price-date-selection .best-price-date-label { display:inline-block; overflow:hidden;/*temporary*/ width:130px; } .best-price-dates-content .best-price-date-selection .best-price-date-selected { display:inline-block; overflow:hidden;/*temporary*/ width:75px; } .best-price-options { float:left; } .best-price-options .best-price-section { border-top:1px solid #ccc; padding:10px; } .best-price-section .best-price-title { font-weight:bold; font-size:11px; padding-bottom:10px; color:#369; } .best-price-option-checkbox { border:none; } .best-price-room-options { padding-bottom:10px; } .best-price-section.best-price-room-type-info { padding:0 10px 10px; border:none; } .best-price-section.best-price-room-type-info a { font-weight:bold; color:#666; text-decoration:underline; } .best-price-section.best-price-room-type-info a:hover { color:#333; } .best-price-action { text-align:right; } .best-price-results { float:right; } .best-price-results .best-price-opening-message, .best-price-results .best-price-error-message, .best-price-results .best-price-no-results { padding:10px; } .best-price-results .best-price-error-message { color:#c00; font-weight:bold; } .best-price-results .best-price-header { border-bottom:solid 1px #999; } .best-price-results .best-price-results-list { list-style-type:none; margin:0; padding:0 0 10px; } .best-price-results .best-price-result { list-style-type:none; border-bottom:solid 1px #999; padding:10px 8px 10px 5px; } .best-price-result .result-duration { float:left; width:70px; text-align:center; } .best-price-result .result-rooms { display:block; margin-left:70px; } .best-price-result .result-room-details { display:block; /*margin-bottom:10px;*/ } .best-price-result .result-price { float:left; width:80px; font-weight:bold; text-align:center; } .best-price-result .result-description { display:block; margin-left:85px; /*width:245px;*/ } .best-price-result .result-action { float:right; /*max-width:90px;*/ overflow:hidden; } .best-price-result .result-action .action-button { background: url(images/bgbuttonsspanaction.jpg) repeat-x 0 0; border:1px solid #336699; color:#336699; cursor:pointer; font-size:11px; font-weight:bold; height:14px; padding:2px 10px 2px 12px; display:block; } /* Popup with RoomType info */ .best-price-room-type-info .header { background:#369; color:#fff; font-weight:bold; padding:5px 10px; } .best-price-room-type-info .header .close-button { float:right; cursor:pointer; } .best-price-room-type-info .content p { margin:2px 5px 5px; } #ui-datepicker-div {     z-index:2000 !important;     } /* --- Google Maps ------------------- */ .external-data-placeholder {     margin: 0px;     padding: 0;     float: left;     height: 85px;     width: 100%;     } .external-data-placeholder .top-left, .external-data-placeholder .top-right, .external-data-placeholder .bottom-left, .external-data-placeholder .bottom-right {     background-repeat: no-repeat;     display: block;     font-size: 1px;     height: 5px;      width: 5px;     line-height: 0;     position: absolute; } .external-data-placeholder .top-left { } .external-data-placeholder .top-right { } .external-data-placeholder .bottom-right { } .external-data-placeholder .bottom-left { } .external-data-placeholder, .google-maps-static { } .google-maps-static-placeholder {     float: left;     height: 73px;     margin: 5px 0 0 8px;     position: relative; } .google-maps-static-placeholder .top-left, .google-maps-static-placeholder .top-right, .google-maps-static-placeholder .bottom-left, .google-maps-static-placeholder .bottom-right {     z-index: 100; } .google-maps-static { background-color:transparent; background-repeat:no-repeat;     position:relative; z-index:1; cursor:pointer; width: 118px;     height: 73px; } .google-maps-static .google-maps-viewport { background-color: White; bottom: 0px; height:16px; left:0; position:absolute; width:118px; z-index:100; text-align:center; } .google-maps-dynamic { width:372px; height:250px; margin:25px 0 25px 4px; border:1px solid #336699; } /* --- Zoover -----------------*/ .zoover-placeholder {     float: left;     margin-left: 5px;     margin-top: 5px;     position: relative;     background-color: White;     height: 73px; } .zoover-container  {     cursor: pointer;     } /* --- LRO ------------------- */ .product-description-topic {     float: left;     margin: 5px 0 0; } .product-description-topic span.lro-popup-link{     text-decoration: underline; } .product-description-topic span.lro-popup-link:hover{     text-decoration: underline;     color: #FFCC00;     cursor: pointer; } /* Price Calculation ----------------------------------------------------------------------------*/ /* Price Calculation - General Styles ----------------------------------------------------------------------------*/ /*Wrapper*/ .price-ticket { width: 274px; float: left; overflow: hidden; font-size: 11px; margin: 0 0 8px; /*background: #fff9e1;*/ border: 1px solid #cdcdcd; border-width:1px 0; } .price-ticket p { margin: 10px 0; } .price-ticket ul { padding: 0 0 7px 0; margin: 0; list-style-type: none; } .price-ticket .room-header ul {     padding: 4px 0 0; } .price-ticket ul li { width: 250px; overflow: hidden; margin: 0; line-height: 20px; } .price-ticket .room-info li { margin-left: 75px; } .price-ticket ul li span { width: 125px; float: left; display: inline; font-style: normal; } .price-ticket ul li strong { width: 125px; float: left; display: inline; font-style: normal; text-align: right; } .price-ticket small { margin: 10px 0; font-size: 10px; } .price-ticket .small-print { color: #888; font-size: 10px; padding: 0 0 7px 0; margin: 3px 7px 14px 7px; line-height: 16px; } .price-ticket .total { margin-right: 5px; height: 44px; font-size: 14px; line-height: 44px; } .price-ticket .price { color: #c7060b; } .price-ticket .big-font { height: 34px; font-size: 26px; line-height: 34px;     margin-top: 0px; display: block !important; } .price-ticket .solid-border { border-bottom: 1px #ccc solid; } .price-ticket .dashed-border { border-bottom: 1px #ccc dashed; } .price-ticket .total-price, .price-ticket .more-options, .price-ticket .error-message, .price-ticket .price-breakdown, .price-ticket .trip-breakdown, .price-ticket .toggle, .price-ticket .book { margin: 0 8px 0px 8px; } .price-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; } .price-ticket .changetransport {     padding-right: 32px; }      .transport-info {        clear: both;     padding-bottom: 5px;     padding-left: 9px; } /* Price Calculation - More Options ----------------------------------------------------------------------------*/ .price-ticket .more-options table { color: #818384; width: 262px; margin: 0 1px 6px 1px; border-collapse: collapse; } .price-ticket .more-options table tbody { padding: 0 25px; } .price-ticket .more-options table td { padding: 5px 0; } .price-ticket .more-options table td.open { text-indent: -9999px; width: 14px; background: url(images/detail/options-open.gif) center left no-repeat; cursor:pointer; } .price-ticket .more-options table td.close { text-indent: -9999px; width: 16px; height: 9px; background: url(images/detail/options-close.gif) center left no-repeat; cursor:pointer; } .price-ticket .more-options table td.date { width: 80px; } .price-ticket .more-options table td.airport { width: 35px; } .price-ticket .more-options table td.duration { width: 76px; } .price-ticket .more-options table td.pricevalue { width: 50px; } /* Price Calculation - Total Price ----------------------------------------------------------------------------*/ .price-ticket .total-price-wrapper {     padding-left:10px; } .price-ticket .current-price-quote-label, .price-ticket .previous-price-quote-label {     font-size:12px;     font-weight:bold;     margin:8px;     color:#888; } .price-ticket .previous-price-quote-label { padding-top:8px; } .price-ticket .current-price-quote-label {     margin-bottom:4px; } .price-ticket .advance-book-link {     cursor: pointer;     font-weight: bold;     text-decoration: underline;     text-align: center;     } .price-ticket .total-price { font-size: 13px;     margin:0; } .price-ticket .total-price .total-price-intro-advance {     font-size:13px;     text-align: right;     margin-right: 20px; } .price-ticket .total-price .total-price-intro-simple {     font-size:13px;     text-align: right;         display:inline-block;     float: right; } .price-ticket .total-price .total-price-intro-advance .transport-icons {   font-size:9px;   margin: 0px 0px 6px 0px; } .price-ticket .total-price .total-price-intro-simple .transport-icons {   font-size:9px;   margin: 5px 5px 2px 0px; } .price-ticket .total-price .transport-icons span {   display:inline-block;   width:24px;   height:23px;   vertical-align:middle; } .price-ticket .total-price .transport-icons .none {   background:url(images/detail/bed-list.gif) no-repeat center center; } .price-ticket .total-price .transport-icons .flight {   background:url(images/detail/vlieg-list.gif) no-repeat right center; } .price-ticket .total-price .transport-icons .transfer {   background:url(images/detail/transfer-list.gif) no-repeat right center;     margin-right: 2px; } .price-ticket .total-price .transport-icons .train {   background:url(images/detail/treinlist.gif) no-repeat right center; } .price-ticket .total-price .advance {     display: block;     float: left; } .price-ticket .total-price .price-label {     margin-top: 13px; } .price-ticket .total-price .advance .price {         color: #336699;     font-size: 17px; } .price-ticket .total-price .advance .label {     width: 85px;     display: inline-block; } .price-ticket .total-price .advance.currency {     width: 20px;     display: inline-block; } .price-ticket .total-price .advance .price-advance-line {     margin: 5px 0 3px 15px;     color: #C7060B; } .price-ticket .total-price .advance .price-advance-line .label {     font-size: 15px; } .price-ticket .total-price .advance .price-advance-line .price {     color: #C7060B;     font-weight: bold; } .price-ticket .total-price .advance .price-advance-line .price em {     font-style: normal;     font-size: 13px; } .price-ticket .total-price .advance .price-remainder-line {     margin: 3px 15px 3px 15px;     border-bottom: 1px solid #336699;      padding-bottom:3px; } .price-ticket .total-price .advance .price-remainder-line .price {     font-size: 14px; } .price-ticket .total-price .advance .price-remainder-line .price em {     font-style: normal;     font-size: 11px; } .price-ticket .total-price .advance .price-total-line {     margin: 3px 0 3px 15px; } .price-ticket .total-price .advance .price-total-line .price {     font-weight: bold; } .price-ticket .total-price .advance .price-total-line .price em {     font-style: normal;     font-size: 13px; } .price-ticket .total-price p.price {     display:inline; } .price-ticket .total-price p.price em { font-size: 18px; font-style: normal; } .price-ticket .total-price-wrapper small { color: #818384; } .price-ticket .total-price a { display: block; padding-right: 24px; line-height: 17px; background: url(images/detail/book-link-icon.gif) right center no-repeat; } .price-ticket .total-price a:link, .price-ticket .total-price a:visited { color: #e86606; } .price-ticket .total-price a:hover, .price-ticket .total-price a:active { color: #369; } /* Price Calculation - Price Breakdown ----------------------------------------------------------------------------*/ .price-ticket .price-breakdown { clear: both; } /* Price Calculation - Trip Breakdown ----------------------------------------------------------------------------*/ .price-ticket .trip-breakdown ul li span { width: 75px; text-align: left; } .price-ticket .trip-breakdown ul li strong { width: 175px; text-align: left; } /* Price Calculation - Toggle ----------------------------------------------------------------------------*/ .price-ticket .toggle { clear: both; text-align: left; border-bottom: 1px dashed #ccc; } .price-ticket .toggle.hide-border  { border: none; } .price-ticket .toggle a { display: block; line-height: 26px; padding-right: 25px; cursor:pointer; margin-left: 75px; } .price-ticket .toggle a.opened { background: url(images/detail/hide-open.gif) right center no-repeat; cursor: pointer; } .price-ticket .toggle a.closed { background: url(images/detail/hide-closed.gif) right center no-repeat; } /* Price Calculation - Book ----------------------------------------------------------------------------*/ .price-ticket .book { width: 259px; overflow: hidden; } /* Price Calculation - Error Message ----------------------------------------------------------------------------*/ .price-ticket .error-message ul { color: #c90101; } #pricegrid .bgPrice { background: none; border: none; height: auto !important; } .calcPriceButton { clear: both; float: none; padding: 0; position: relative; overflow: hidden; } .input-style {     color: #000;     background: #fff;     font-size: 10px;     padding: 0 4px;     margin: 0;     border: 1px solid #c8d8e2;     text-align: left;     display: inline;     float: left;     width: 125px;     line-height: 16px; } .detailcontent .datepicker-selected-value {     float: none;     width: auto !important;     padding: 0; } .ui-datepicker-trigger {     margin: 1px 0 0 0; } .book { width: 250px; overflow: hidden; } /* Google Maps ----------------------------------------------------------------------------*/ /* START AANPASSING Accopagina's bevindingen testen NE autodetailpagina 051009 */ #google-maps { width: 82px; height: 73px; background: url(images/detail/temp-bg-afbeelding-google-maps-be.gif) 0 0 no-repeat; z-index: 1; position: relative; float: right; } #google-maps-viewport { width: 82px; height: 73px; background: url(images/detail/bg-google-maps-viewport-be.gif) 0 0 no-repeat; z-index: 100; position: absolute; top: 0; left: 0; } .holiday-section.group-booking, .group-holiday-message { display:none; } .weather-winter .snow-data-table {     border-collapse: collapse;     width: 382px; } .weather .weather-forecast-table, .weather-winter .weather-forecast-table {     width: 382px; } .weather-winter .snow-data-table .nowrap {     white-space: nowrap; }   .weather-table {     text-align:center;     border-collapse: collapse; } .weather-table th, .weather-table td.title {     font-weight: bold;     text-align: left; } .weather-table th {     height: 30px;     vertical-align: middle; } .weather-table td.noborder {     border: none; } .weather-table .evenrow-title, .weather-table .oddrow-title {     text-align: left; } .weather-table .evenrow-right, .weather-table .oddrow-right {     text-align: right; } .weather-table th {     background-color:#FFFFE0; } .weather-table .evenrow, .weather-table .evenrow-title, .weather-table .evenrow-right{ background-color:#FFFFFF; } .weather-table .oddrow, .weather-table .oddrow-title, .weather-table .oddrow-right { background-color:#FFFFF0; } .weather-table td {     border: 1px solid #EDF8FF; } .weather-winter .weather-table th {     background-color:#E3F2F9; } .weather-winter .weather-table .oddrow, .weather-winter .weather-table .oddrow-title, .weather-winter .weather-table .oddrow-right { background-color:#EDF5FA; } #weatherPlaceholder {     margin-top: 5px;     float: right; } .weather-container {     float: right;      border: 1px solid #C6C4C5;      text-align:center;     font-size: 12px;     font-family: Verdana;     color: #336699;     border-collapse: collapse; } .weather-container table {     border-collapse: collapse; } .weather-container th {     font-weight: bold;     vertical-align: top; } .weather-container tr.component {     height: 70px; } .weather-container .component-container {     width: 100%;     height: 100%;     } .weather-container .bottom{     vertical-align: bottom; } .weather-container .footer {     background-color: #BBBBBB;     height: 14px; } .weather-container td.regular, .weather-container td.regular-right, .weather-container td.solid, .weather-container td.snowInfo {     padding-right: 5px;     padding-left: 5px; } .weather-container td.regular {     border-right-style: dashed;     border-right-width: 1px;     border-right-color: #DDDBDC;     } .weather-container td.regular-right, .weather-winter-container td.regular-right {     border-right-style: solid;     border-right-width: 1px;     border-right-color: #DDDBDC; } .weather-container td.solid {     border-right: none;     background-color: #EEEEEE; } .weather-container td.regular, .weather-container td.regular-right, .weather-container td.solid{     width:121px; } .weather-container tr.fixed, .weather-winter-container tr.fixed {     height: 18px; } .weather-container td.snowInfo .component-container {     background: url(/app/upload/weatheronline/snow.png) 8px 4px no-repeat; } .weather-container td.winterCell{     width:91px; } .weather-container td.aloneCell {     width:81px;     padding-left: 0px;     padding-right: 0px; } .moreInfo {     color: white;     cursor: pointer; } .mountCell {     text-align:right;      padding-right:10px;     vertical-align: bottom; } .valleyCell {     vertical-align: middle;     text-align:left; } .weatheronline-link {     font: 7pt Verdana;     color: Black; } .weatheronline-popup-link{     text-decoration: underline;     font: 7pt Verdana; } .weatheronline-popup-link:hover{     text-decoration: underline;     color: #FFCC00;     cursor: pointer;     font: 7pt Verdana; } /* Weather component: when displayed in external-data container */ .external-data-placeholder #weatherPlaceholder {     float: left;     height: 73px;     margin: 5px 0 0 8px;     position: relative;     background-color: White;     text-align: center;     width: 118px;     border: 0px; } .external-data-placeholder .more {     display: inline;     letter-spacing: -2px;     overflow: hidden; } .external-data-placeholder .moreInfo {     color: #336699;     } .external-data-placeholder .average-label {     width: 118px;        font-size: 11px;      color: #336699; } .external-data-placeholder #monthName {     font-size: 12px;         font-weight: bold;     padding-top: 2px; } .external-data-placeholder .averageTemp {     font-size: 18px;      font-weight: bold;        padding-bottom: 3px; } .external-data-placeholder #weatherTempr, .external-data-placeholder #divWeatherTitle,  .external-data-placeholder #weatherTitle {     font-size: 12px;     font-weight: bold;        } .external-data-placeholder #weatherImage {     height:25px;    } /* Weather container for ski package in external-data container */ .external-data-placeholder #weatherContainer  {     padding-top:5px;     height: 100%;     width: 100%;      cursor: pointer; } .external-data-placeholder .ski-container {     background: url("/app/upload/weatheronline/snow.png") no-repeat scroll transparent;        background-position: top center;     height: 100%;     width: 100%;  } .external-data-placeholder #snowDepthValley {     padding-left: 15px;     padding-top: 25px;     position: absolute; } .external-data-placeholder .winter-placeholder {     width: 100%;     height: 100%     } .external-data-placeholder #snowDepthMountain {     padding-left: 73px;     padding-top: 3px;     position: absolute; } .external-data-placeholder #snowCondition {     padding-top: 50px;     position: absolute;     text-align: center;     width: 100%; } /* Expand and collapse omgeving data */ .location-info {     padding: 0;     margin:0 0 10px 0; } .location-info .toggle-button {     background-color: #f9fafc;     border: 1px solid #c9d4e6;       padding: 4px;     border-radius:3px;     -moz-border-radius:3px;     margin:0 0 10px;     cursor:pointer; } .location-info .title {     font-size:14px;     color:#369;     margin:10px 0;     clear: both; } .location-info .topics, .location-info .topics .topic, .location-info .topics .topic .item {     margin: 0;     padding:0;     list-style-type:none;     list-style-position:outside;        clear:both;  } .location-info .topics li.topic{     background: url("images/detail/location/crp-arrow.png") no-repeat scroll left 5px #FFFFFF; } .location-info .topics li.topic.expanded {     background: url("images/detail/location/crp-arrow-open.png") no-repeat scroll left 5px #FFFFFF; } .location-info .items .item .content,  .location-info .topics .topic .items, .location-info .topics .topic .gallery,  .location-info .topics .topic.expanded .items .item .description {     display:none; } .location-info .items .item.expanded .content,  .location-info .topics .topic.expanded .items,  .location-info .topics .topic.expanded .gallery,  .location-info .topics .topic.expanded .items .item.expanded .description {     display:block; } .location-info .topic .items {     margin:0 0 0 20px;     } .location-info .topic .items {     margin:0 0 10px 16px;     } .location-info .topic .thumbnails .thumb {     list-style-type:none;     list-style-position:outside;        float:left;        margin:0;     padding:0; } .location-info .topic .thumbnails .thumb { position: relative; cursor: pointer; } .location-info .topic .thumbnails .thumb .thumb-video-overlay  { left: 6px; top: 9px; } .location-info .topics .topic h5.title {     color: #369;     font-size: 12px;     font-weight: bold;     text-decoration: underline;          margin:3px 0 0 16px;     padding-left: 22px;     cursor:pointer;     line-height: 18px; } .location-info .topics .topic h5.title.default{     margin:3px 0;     padding:0 0 0 16px;   } .location-info .topic .thumbnails {     float:none;     margin-left:17px; } .location-info .topic .thumbnails .thumb .thumb-image {     border:none; float:left; margin:5px 5px 5px 0;     height:56px;     width:80px; } .location-info .topic .thumbnails .thumb .more-photos-link {     margin-top:35px;     width:80px; } .location-info .topics .topic .items li.item {     background :url(images/detail/location/crp-subarrow.png) no-repeat scroll left 7px #FFFFFF; } .location-info .topics .topic .items li.item.expanded {     background :url(images/detail/location/crp-subarrow-open.png) no-repeat scroll left 7px #FFFFFF; } .location-info .topics .topic .title, .location-info .topic .item .title {     color: #369;     font-size: 12px;     text-decoration: underline;     font-weight:normal;     margin:4px 0;     padding:0 0 0 16px;     cursor:pointer; } .location-info .description,  .location-info .distance,  .location-info .description label, .location-info .description li,  .location-info .description p {     color: #369;     font-size: 11px;     font-weight: normal;     margin-left:16px;     margin-bottom: 5px; } .location-info .description ul  { margin-top: 0px; margin-left: 0px; } .location-info .topic .items .item .show-on-map  {     background: url("images/detail/toon-op-kaart.png") no-repeat scroll left center transparent;  font-size: 11px;     font-weight: normal;     text-decoration: underline;     margin-left:16px;     padding: 5px 0 5px 30px;     line-height: 34px;     } .location-info .topics .topic .description h2, .location-info .topics .topic .description h1, .location-info .topics .topic .description h3, .location-info .topics .topic .description h4, .location-info .topics .topic .description h5, .location-info .topics .topic .description h6 {     color: #939393;     font-size: 11px;     font-weight: bold;     margin:6px 0 2px; } /* Zoover */ /******************************************************* Component */ .zoover-container { width: 118px; height: 73px; /* 150px - padding */     padding:0; color: #336699; clear:both; cursor: pointer;     position:relative; } .zoover-container span { display: block; text-align: center; line-height: 15px; } .zoover-container .zoover-rank-name {     font-size: 12px;     font-weight: bold;     line-height: 12px;     margin-top: 2px; } .zoover-container .zoover-source-label {     float: left;     overflow: hidden;     text-align: right;     width: 50%;     } .zoover-container .zoover-source-background {     background-image: url('images/detail/zoover-small.png');     background-position: right;     background-repeat:no-repeat;      display: inline-block;     width: 50px;     margin-top: 1px; } .zoover-container .zoover-rank-value, .zoover-container .zoover-rank-total {     color: #336699;          font-size: 18px;     font-weight: bold;     padding-top: 2px; } .zoover-container .zoover-rank-total {     display: inline-block;          padding: 0; } .zoover-container .zoover-more-link{     font-size: 11px;     color: #336699;     display: none; } /******************************************************* Popup */ .zoover-popup { background-color: #E9F3FD; border: 1px solid #BDCDDA;     margin:4px 0 0 4px; } .zoover-popup .popup-header { text-align: right; height: 40px; } .zoover-popup .popup-header .close-button { height: 20px; width: 20px; float: right;     margin:4px 9px 0 0; cursor: pointer;     background:url(images/detail/zvheaderbtn.gif) no-repeat 0 0; } .zoover-popup .popup-footer { background-color: #DAE2ED; text-align: right; height: 29px; } .zoover-popup .popup-footer .close-button { border: 1px solid #FE5F0E; background-color: #fff; height: 16px; width: 75px; float: right;     margin:5px 4px 0 0; cursor: pointer; padding-top: 2px; text-align: center; color: #FE5F0E; font-weight: bold; }