.detailcomponent { color: #00448a; margin-left: 7px; } .summer .packagetitlebarCorner { display: none; } .summer .packagetitlebar { background-color: #FEF5CC; width: 964px; color: #00448a; } .packagetitlebar td{     text-align: center; } .packagetitlebar .package-info{     text-align: left;     float: left; } .packagetitlebar h1 { color: #00448a; font-size: 13px; font-weight: bold; margin: 0 0 2px 7px; text-align:left;     display:inline; } .packagetitlebar h4 { color: #00448a; font-size: 11px; font-weight: normal; margin: 0 0 0 7px; text-align:left; } .packagetitlebar .next-previous-links {     margin-right: 20px;     margin-left: 20px;     font-size: 11px;     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; } .detailcomponent .packagetitlebar .SeasonSwitchMessage { text-align: center; } .detailcomponent .packagetitlebar .SeasonSwitchMessage p{ margin-top: 4px; margin-bottom: 0px; } .summer .detailcontent { width: 964px; } .summer .season { margin-top: 5px; color: #00448a; font-weight: bold; } .summer .season a:Link, .summer .season a:Active, .summer .season a:Visited, .summer .season a:Hover { color: #00448a; font-weight: bold; } .winter .packagetitlebarCorner { display: none; } .winter .packagetitlebar { background-color: #E7EEF8; width: 964px; color: #00448a; } .winter .detailcontent { width: 964px; } .winter .season { margin-top: 5px; color: #00448a; font-weight: bold; } .winter .season a:Link, .winter .season a:Active, .winter .season a:Visited, .winter .season a:Hover { color: #FC0; font-weight: bold; } .singleCol { width: 275px; } .targetAudienceLogo { margin-top: 0; margin-left: 0; margin-right: 6px; float: right; } /* --- 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; font-size:12px; } .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; margin-bottom: 7px; float:left; width: 375px; padding:2px 4px 3px 1px; } .options-borderless{     border: none;     padding: 0;     width: 380px;     } .options .return-to-lister { float: left; width: 110px; } .options .return-to-lister .jslink, .options .return-to-lister .jslink-hover { background: url(Images/Detail/icoLister.png) no-repeat left 2px; padding: 3px 0 3px 20px; } .packagetitlebar .return-to-lister .jslink, .packagetitlebar .return-to-lister .jslink-hover { background: url(Images/Detail/icoLister.png) no-repeat top left; padding: 1px 0 3px 20px; } .options .default-options, .options-borderless .default-options { padding: 0 2px 0 1px; } .options .default-options.limited, .options-borderless .default-options.limited { width: 260px; } .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; } .packagetitlebar .return-to-lister{     margin-top: 3px;        margin-bottom: 2px; } .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 1px 20px; margin: 0 0 0 3px; } .options .default-options span#storePackagePanel, .options-borderless .default-options span#storePackagePanel { padding: 0; margin: 0; } .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/Detail/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/Detail/icoPrint.gif) no-repeat top left; } .options .default-options .store-package, .options-borderless .default-options .store-package { background: url(Images/Detail/icoNotStored.gif) no-repeat 2px 2px; text-decoration: underline; } .options .default-options .package-stored, .options-borderless .default-options .package-stored { background: url(Images/Detail/icoStored.gif) no-repeat 2px 2px; text-decoration: underline; } .options #emailInputDiv, .options-borderless #emailInputDiv { padding: 10px 0 0 2px; } .options #emailInputDiv table td,  .options-borderless #emailInputDiv table td { color: #00448a; } #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; } .photomodule { width: 368px; height: 202px; overflow: hidden; background-color: #f1f1f1; border: 1px solid #c9c9c9;     padding:6px;     position: relative;     margin-bottom: 7px; } .photomodule .photoContainer { width: 300px; float: left; } .photomodule .photoContainer .photo { height: 200px;     width: 300px; cursor: pointer;     border:1px solid #c9c9c9; } .photomodule .thumb { height: 200px;     margin-left:304px;     position: absolute;     top: 6px;     right: 4px; } .photomodule .thumb .selected { width: 62px; height: 46px; border: 1px solid #fc0; cursor: pointer; } .photomodule .thumb .unselected { width: 62px; height: 46px; border: 1px solid #c9c9c9; cursor: pointer; } .video-overlay {     z-index: 300; } .main-image-overlay {     border: medium none;     cursor: pointer;     height: 200px;     left: 7px;     position: absolute;     top: 7px;     width: 300px; } .thumb-video-overlay {        position: absolute;     top: 0; left: 0; z-index: 200; height:50px; width:64px; background-position: center center;  background-repeat: no-repeat; background-image: url(Images/Detail/Photos/videoOverlaySmall.png); } .small-photo-module .thumb-video-overlay {     height: 66px;     width: 96px; } 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: underline;     color: #00448a;     background:url(Images/Detail/mm-zoom-button.gif) no-repeat center top;     padding-top:32px;     display:block;     text-align:center;     cursor:pointer;     width:64px; } .more-photos-link .mm-button-icon {     display:none; /* TCN has no arrow icon */ } .early-booking .mm-button { bottom:10px; position:absolute; right:2px; } .small-photo-module {     background-color:#f1f1f1;     border:1px solid #c9c9c9;     height:70px;     padding:4px;     width:372px;     margin-bottom: 7px; } .small-photo-module .mm-button {     float:right;     margin-top:12px;     } .small-photo-module a.thumb-image-link {     text-decoration:none;     position: relative;        float:left;     margin:0 4px 0 0;  } .small-photo-module img.thumb-image { width: 96px; height: 66px; border: 1px solid #c9c9c9; cursor: pointer; } .small-photo-module .mm-trigger img.thumb-image { border: none; } .smallphotomodule .scrollable-jquery { position:relative; overflow:hidden; width: 368px; height:84px; margin-left: 7px; } .smallphotomodule .scrollable-jquery .items { width:20000em; position:absolute; clear:both; } .smallphotomodule .scrollable-jquery img { float:left; border:1px solid #000; cursor:pointer; width:117px; height:74px; -moz-border-radius:4px; -webkit-border-radius:4px; } .smallphotomodule .items img{    margin: 0; } .smallphotomodule .items a{     display:block;     float:left;     margin: 5px 4px 5px 0px; } .smallphotomodule .disabled { visibility:hidden; }  .bgThumbnail { background-color: #00448a; width: 100%; padding: 5px 0; } .bgThumbnail .unselected { width: 66px; height: 50px; border: 1px solid #336; float: left; margin: 5px; } .photomodulePopUp { background-color: #69C; color: #FFF; width: 100%; } .photomodulePopUp .footer { background-color: #69C; color: #FFF; margin: 5px 5px 0; } .photomodulePopUp .nextPhotoButton { width: 25px; height: 16px; background-image: url(Images/btFW.gif); cursor: pointer; background-repeat: no-repeat; background-position: right; } .photomodulePopUp .previousPhotoButton { width: 25px; height: 16px; background-image: url(Images/btRW.gif); cursor: pointer; background-repeat: no-repeat; } .photomoduleHelpIco { width: 30px; height: 18px; background-image: url(Images/icoHelpPhoto.gif); background-repeat: no-repeat; cursor: pointer; border: 1px solid #69C; padding: 0 5px; } .block { border: 1px solid #ccc; margin: 0 7px; } .block .title { background-color: #e5effe; color: #00448a; font-weight: bold; font-size: 14px; 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 { vertical-align: middle; color: #00448a; padding: 5px; } .blockTable select { font-size: 11px; color: #000; } .bgPrice { height: 27px; clear: both; padding: 4px 0; text-align: right; } .bgPriceWithTransport { padding: 7px; } .calcPriceButton { padding: 5px; } .blockPrice { width: 260px; background: #F2F3F5; margin: 0 7px; } firstBlock .blockBooking { margin-top: 0px; } .blockBooking .title { background-color: #FC0; color: #C00; font-weight: bold; border-bottom: 1px solid #CCC; padding: 6px; } .price-ticket .current { background-color: #F2F3F5; padding: 3px 5px 3px 3px; } .pricequote { border-top: 1px solid #ccc; padding: 6px 5px 3px 3px; } .bottomCorner { display: none; /*background-color:#FFF;height:7px;position:absolute;width:10px;*/ } .colDivider { border-right: 1px solid #FC0; } .colDivider label { margin-left: 0; color: #00448a; } .colDivider ul { margin: 10px; padding: 0; } .colDivider li { list-style: square; color: #00448a; list-style-position: inside; margin: 0; } .colDivider dl { margin: 10px; } .accommodation-details p { font-size:12px; } #pricegrid .content { border-top: 1px solid #CCC; } #transporttypeselectionpanel .boxcontent { border-top: 1px solid #CCC; } #transporttypeselectionpanel .block { color: #00448a; border-top: 0px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; margin: -14px 7px 7px 7px; } .currentprice { color: #C00; font-size: 15px; font-weight: bold; margin: 2px; } .currentpriceerror { color: #C00; font-size: 12px; } .removeprice { text-decoration: underline; cursor: pointer; margin: 10px 0 10px 3px; } .changetransport { font-weight: bold; text-decoration: underline; cursor: pointer; margin: 10px 0 10px 3px; } .myconfig { text-decoration: underline; cursor: pointer; } .legend { margin-left: 10px; color: #00448a; } .legend .NormalPrice { width: 18px; height: 13px; background-color: #C1D1E0; border: 1px solid #CCC; float: left; margin: 0 5px 5px; } .legend .PromoPrice { width: 18px; height: 13px; background-color: #FD0; border: 1px solid #CCC; float: left; margin: 0 5px 5px; } .legend .Combinationwarning { width: 18px; height: 13px; background-color: #F2BFBE; border: 1px solid #CCC; float: left; margin: 0 5px 5px; } .legend .Transportwarning { width: 18px; height: 15px; background-color: white; border: 0px solid #CCC; float: left; margin: 0 5px 5px; background-image: url(Images/icoWarning.gif) } .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; } .margin3 { margin: 3px; } .margin7 { margin: 7px; } .padding7 { padding: 7px 0; } .btMarginTop { margin-top: 37px; } .more-photos { clear: both; text-align: right; margin-right: 5px; } .btMarginTopGeo { margin: 70px 10px 0;     float:left; } .pictures-in-focus { float:left; } .l130px { width: 145px; font-size: 12px; } .l170px { width: 165px; font-size: 11px; } .w380 { width: 380px; } .w150 { width: 150px; } .w67 { width: 66px; } .buttonDisabled { border: 1px solid #CCC; color: #CCC; background-image: url(Images/bgDisabledBt.jpg); background-repeat: repeat-x; font-weight: bold; padding: 2px 7px; } .arrowDisabled { width: 15px; height: 15px; background-image: url(Images/arrowDisabled.gif); background-repeat: no-repeat; padding: 0 4px; } .buttonActive { border: 1px solid #00448a; color: #00448a; background: url(Images/bgActiveBt.jpg) repeat-x; cursor: pointer; font-weight: bold; width: 63px; margin: 4px 0 0 5px; padding: 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: #00448a;     font-size: 11px;     font-weight: bold;     height: 14px;     cursor: pointer;     border: 1px solid #00448a;     padding: 2px 8px 2px 4px;      display: inline-block; } .text-next{     background-image: url(Images/bgButtonsSpanAction.jpg);     background-repeat: repeat-x;     color: #00448a;     font-size: 11px;     font-weight: bold;     height: 14px;     cursor: pointer;     border: 1px solid #00448a;     padding: 2px 0px 2px 0px;        padding: 2px 8px 2px 6px;     margin-left: 2px;     display: inline-block; } .text-next .next-item {     background-image: url(Images/mm-button-scroll-item.gif);     background-repeat: no-repeat;     height: 49px;     width: 32px;     background-position: -32px 0; } p { color: #00448a; margin: 0 10px 5px; } .red { color: #C00; } .detailcomponent .detail-photo { border: 1px solid #00448a; width: 120px; height: 80px; float: left; margin: 10px 8px 0 5px; } .detailcomponent .geoTopic { color: #00448a; margin: 0 7px; } .detailcomponent .geoTopic h2 { color: #00448a; font-size: 11px; margin-bottom: 2px; padding: 0; } .detailcomponent .geoTopic h1 { color: #00448a; font-size: 11px; margin-bottom: 5px; padding: 0; } .detailcomponent .geoTopic p { margin: 0; } .detailcomponent .disclaimer { clear: both; } .detailcomponent .disclaimer p { color: #a4a4a4; border-top: 1px dashed; font-style: italic; margin: 20px 1px 8px; padding: 5px 0 0; } .detailcomponent .disclaimer p strong { display: block; } .geocontpar { padding-right: 10px; } .btAction a:Link, .btAction a:Active, .btAction a:Visited, .btAction a:Hover { color: #00448a; text-decoration: none; } #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; } #keyAccountModal .b-modalhead .b-modalhead-right .b-modal-closebutton { background-position: 0; display: none; } .importantTravelInfoModalBody h2, .importantTravelInfoModalBody div { font-size: 11px; color: #00448a; } .infocompare { border-color: #CCC; border-style: dashed; border-width: 1px; margin: 7px; } .infocomparetitle { background-image: url(Images/icoInfo2.gif); background-repeat: no-repeat; margin-top: 5px; margin-left: 7px; font-weight: bold; padding: 0 0 3px 15px; } .infocomparemessage { padding: 0 0 3px 22px; } .tabs .selected, .tabs .unselected { float: left; } .alternative { border: 1px solid #CCC; margin: 7px 0; } #emailInputDiv table td, .photomodulePopUp td, .blockBooking .content { color: #00448a; } .photomodule p, .detailcomponent .geoTopic ul { margin: 0; padding: 0; } .smallphotomodule .selected, .bgThumbnail .selected { width: 66px; height: 50px; border: 1px solid #FFF; float: left; margin: 5px; } .priceGridDetail .container { margin-right: 5px; display: block; min-height: 68px; } .priceGridDetail .selectable, .priceGridDetail .notselectable { cursor: pointer; } .priceGridDetail .earlierprices, .priceGridDetail .laterprices { background:transparent url(Images/Detail/grid-dateheader.gif) repeat-x left top !important; } .priceGridDetail .earlierprices { border-right: 1px solid #ccc !important; } .priceGridDetail .earlierprices span, .priceGridDetail .laterprices span { width: 130px; color: #00448a; font-size: 10px; display: block; min-height: 66px; } .priceGridDetail .earlierprices, .priceGridDetail .laterprices { vertical-align: middle; } .w250, .w260 { width: 260px; } .center30 { margin: 0 30px 0 30px; text-align: center } #earlybookingarrivaldatelabel { width: 85%; } .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 } .groupbook-intro { margin: 0 7px; } .groupbook-back-button { text-decoration: underline; cursor: pointer; } .groupbook-title { color: #00448a; font-size: 14px; font-weight: bold; padding: 6px; display: block; } .groupbook-content { } #groupbooking_direct, #groupbooking_pricegrid { text-decoration: underline; cursor: pointer; } .pricegridcelltransportclass { color: red; } .transportAvailable { background-image: url(Images/bgTransport.gif); background-repeat: no-repeat; background-position: center center; } .legend .transportAvailable { background-image: url(Images/lgTransport.gif); background-repeat: no-repeat; float: left; height: 14px; margin: 0pt 5px 5px; width: 18px; } /* #9DDEFA -> #2E8AD1  (back color)*/ .winter-theme .summer .packagetitlebar { background-color: #2E8AD1; } .winter-theme .winter .packagetitlebar { background-color: #2E8AD1; } /* #003366 -> #34669B (font color)  .winter-theme .summer .packagetitlebar{color:#34669B;}  .winter-theme .packagetitlebar h1{color:#34669B;}  .winter-theme .packagetitlebar h2{color:#34669B;}  */ /* #003366 -> #333366  (line color)*/ /* #FDFFB3 -> #78BBEF (back color) */ .winter-theme .blockBooking .title { background-color: #78BBEF; } /* #B24168 -> #007FBC (font color)  .winter-theme .blockBooking .title{color:#007FBC;}  .winter-theme .red{color:#007FBC;}  */ /* #B24168 -> #333366 (line color)*/ .winter-theme .blockBooking { border-top: 2px solid #333366; } table.container { background-color: #ccc; } /* Zoover */ /******************************************************* Component */ .zoover-container { width: 122px; height: 104px; /* 150px - padding */     padding:0; color: #00448A; clear:both; cursor: pointer;     position:relative;     background: url(Images/Detail/bg-zoover-underlay-small.png) no-repeat 0 0;     /*background: url(Images/Detail/zoover-underlay.png) no-repeat 0 0;*/ } .zoover-container span { display: block; text-align: center; } .zoover-container .zoover-rank-name {     font-size: 12px;     padding-top: 30px; } .zoover-container .zoover-rank-value { font: 28px Arial; padding-top: 2px; } .zoover-container .zoover-more-link{ text-decoration: underline;     font-size: 11px;     color: #00448A; } /******************************************************* 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; } /* -------------------- DETAILPAGE ------------------------------------------------------------------- */ #firstColumn.w380 { padding: 0 7px; } #pricegrid { width: 263px; margin: 7px 0 0; } #middlecolumn { width: 570px; } .middle-column-container { border: none; margin: 0; padding: 0 0 10px; } .middle-column-detail-page { float: left; margin: 0 1px 0 6px; width: 280px; } #clickpricegrid { width: 274px; float: left; margin: 0; } /*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: 28px; padding: 0 10px 10px 10px; } .transport-info {        clear: both;     padding-bottom: 5px;     padding-left: 9px; } .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 Normal Background*/ #pricesearch-wrapper h6 { background: #bae1f2 url(Images/Detail/section-header-top.gif) 0 0 no-repeat; } #pricesearch-wrapper h6 span { background: url(Images/Detail/section-header-bottom.gif) 0 bottom no-repeat; } /* Prijszoek  ----------------------------------------------------------------------------*/ /*Set width of wrapper*/ #pricesearch-wrapper { width: 274px; float: left; overflow: hidden; background: #c9e8f5 url(Images/Detail/module-footer.gif) 0 bottom no-repeat; margin: 0 0 10px 0; } #pricesearch-wrapper .content { padding: 0 4px 4px 4px; } #pricesearch-wrapper #departureday, #pricesearch-wrapper .content-container { padding: 0 6px 5px 6px; background: url(Images/Detail/module-bg.gif) 0 bottom no-repeat; } #pricesearch-wrapper .content-container.empty { margin: 0 0 4px 4px; } #pricesearch-wrapper .title-container.not-selected { } /*Padding to show border*/ #pricesearch-wrapper table { width: 254px; } /*Removes top margin*/ #pricesearch-wrapper div.room-details { 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; font-size: 11px; vertical-align:middle; } #pricesearch-wrapper table td.right-align { text-align: right; vertical-align:top; } #pricesearch-wrapper div.room-details .room-details-trigger { margin: 1px 0 0 2px; float: left; border: none !important; }* + html #pricesearch-wrapper div.room-details .room-details-trigger { margin-top: -2px; margin-left: 3px; } #pricesearch-wrapper div.room-details .next-room-label { background: url(Images/Detail/verblijf-toevoegen.png) no-repeat; cursor: pointer; margin-left: 5px; padding-left: 20px; text-decoration: underline; } #pricesearch-wrapper div.room-details .not-selected .room-details-trigger { display: none; } #pricesearch-wrapper div.title-container { background: #c9e8f5; border: none; background: #e3f1f6 url(Images/Detail/sub-section-header.gif) 0 0 no-repeat; display: block; margin: 0 4px; width: 258px; overflow: hidden; position: relative; padding: 7px 4px 8px; height: 13px; font-size: 12px; } #pricesearch-wrapper div.title-container.not-selected { background: url(Images/Detail/verblijf-toevoegen-bg.png) 0 0 no-repeat; margin-bottom: 5px; } #pricesearch-wrapper div.title-container span.title-label { float: left; padding: 0 0 0 3px; width: 85px; font-weight: bold; } #pricesearch-wrapper div.title-container.not-selected span.title-label {     display: none; } #pricesearch-wrapper div.title-container a.room-title-link { font-weight: normal; display: block; width: 130px; float: right; padding: 0 9px 0 0; text-align: right; font-size: 11px; white-space: nowrap; } #pricesearch-wrapper .holiday-section { margin: 0; } #pricesearch-wrapper .l130px { width: 159px; } #pricesearch-wrapper .small-select { width: 60px; } 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; } .holiday .holiday-section.group-booking { margin: 5px 5px 0 0; } div.holiday-section { clear: both; } div.group-booking a:link, div.group-booking a:visited { color: #888; } div.group-booking a:hover, div.group-booking a:active { color: #00448a; } /*Change info icon*/ #pricesearch-wrapper .labelInfo { background: url(Images/Detail/icoInfo-new.gif) no-repeat 80px top; padding: 0 20px 1px 0; cursor: pointer; } #arrangementinfo.labelInfo { background-position: 0 center; padding: 3px 0 0 20px; text-align: left; } 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: #00448a; } .preferences-room .content-container { position: relative; } .room-details-content .person-details-label { width: 192px; } .room-details-content .room-details-static { position: absolute; left: 108px; width: 150px; text-align: right; } .room-details-content .room-type-options .room-details-static { position:static; } .room-details-content .room-details-select { position: absolute; left: 110px; width: 150px; } #pricesearch-wrapper select,  #pricesearch-wrapper input { font-size:11px; } /* Pricegrid  ----------------------------------------------------------------------------*/ .priceGridDetail { display: block; min-height: 85px; } .pricegrid-tabstrip { width: 240px; height: 23px; background: url(Images/bgTabs.gif) repeat-x left bottom; } .pricegrid-content-container { padding-top: 7px; } .pricegrid-details-container { clear: both; padding: 6px 0 0 6px; } .priceGridDetail table td { vertical-align: top; text-align: center; font-size: 11px; } .priceGridDetail table td div { height: 18px; width: 50px; overflow: hidden; } .priceGridDetail .header { background-color: #edf0f5; color: #00448a; text-align: center; height: 28px; } .priceGridDetail .duration { background-color: #edf0f5; color: #00448a; padding: 2px 0 0 3px; } .priceGridDetail .duration.last-item, .priceGridDetail .selectedDuration.last-item { border-bottom: none; } .priceGridDetail .leftArrowTD { width: 45px; } .priceGridDetail .dateHeaderTD { width: 180px; } /* Wrapper */ #pricegrid { width: 274px; } #pricegrid .content { border: none; } .scrollContainer { clip: rect(1px, 176px, 158px, 0px); width: 174px; height: 156px; margin-top: -27px; margin-left: -1px; overflow: hidden; position: absolute; z-index: 1; border:1px solid #ccc; border-top:none; } * + html .scrollContainer { height: 136px; margin-top: -28px; } .pricegrid-detail { top: 1px; visibility: visible; position: absolute; } /* Header */ #pricegrid .pricegrid-header { height: 28px; display: block; position: relative; font-weight: bold; font-size: 13px; line-height: 28px; text-indent: 10px; padding: 0 0 10px 0; margin: -7px 0 0 0; background: url(Images/Detail/pricegrid-header.gif) 0 0 no-repeat; } #pricegrid .no-results-found,#pricegrid .results-found { padding: 5px 10px; } /* Tabs */ #pricegrid .pricegrid-tabstrip { width: auto; height: 23px; background: url(Images/Detail/bgTabs-pricegrid.gif) repeat-x left bottom; } #pricegrid .tabs { background: url(Images/Detail/bgTabs-pricegrid.gif) repeat-x left bottom; height: 23px; margin: 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.jpg) no-repeat left top; } #pricegrid .tabs .selected .tabR { background: url(Images/Detail/tabSelectedR-pricegrid.jpg) no-repeat left top; } #pricegrid .tabs .selected .tabM { background: url(Images/Detail/tabSelectedM-pricegrid.jpg) repeat-x left top; color: #336599; height: 18px; font-size:11px; } #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; font-size:11px; } /* Top row (days) */ #pricegrid .priceGridDetail .rightArrow { background: url(Images/Detail/Aright-pricegrid.gif) no-repeat 0 5px; width: 21px;     height:30px;     cursor:pointer; } #pricegrid .priceGridDetail .leftArrow { background: url(Images/Detail/Aleft-pricegrid.gif) no-repeat 0 5px; cursor: pointer; width: 21px;     height:30px; margin: 0 0 0 28px; } .priceGridDetail tr.pricegrid-prices-header-row, .priceGridDetail td.dateHeaderTD { background: none; border: 0; padding: 0; margin: 0; } .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: #00448a; text-align: center; height: 25px; border: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 0; } /* geen padding-bottom voor alle Gecko browsers */ @-moz-document url-prefix() { .priceGridDetail table.container td.header { padding: 0; } } @-moz-document url-prefix() { .priceGridDetail table.container td.selectedHeader { padding: 0; } } .priceGridDetail table.container td.selectedHeader  { font-weight:bold; } .priceGridDetail table.container td.first-day-of-month  { background: url(Images/Detail/grid-dateheader-left.gif) no-repeat -1px 0; border-left: 0; } .priceGridDetail table.container td.last-day-of-month { background: url(Images/Detail/grid-dateheader-right.gif) no-repeat 100% 0; border-right: 0; } /* Gradient in top row */ .pricegrid-content-container { background:url(Images/Detail/pricegrid-top-gradient.jpg) repeat-x left top; } /* Left column (amount of days/nights) */ .priceGridDetail .durationTD { border:none; padding:3px 0 0; } @-moz-document url-prefix() { .priceGridDetail .durationTD { padding-top: 0px; } } .priceGridDetail .durationTD div { width:55px; height: 25px; line-height: 25px; text-indent: 8px; } .priceGridDetail .durationTD div.empty { background:#fff; padding: 0; } .priceGridDetail .durationTD div.duration { color: #00448a; padding: 0; border-right:1px solid #ccc; border-top: 1px solid #ccc; background: url(Images/Detail/grid-period-firstchild.gif) left bottom no-repeat; } .priceGridDetail .selectedHeader { background-color:#fff; color:#00448a; text-align:center; height:28px; font-weight:bold; } .priceGridDetail .durationTD .empty { padding:3px 0 0 3px; } .priceGridDetail .durationTD div.selectedDuration { color: #00448a; font-weight: bold; padding: 0; border:1px solid #ccc; border-width:1px 0 0 1px; } .priceGridDetail .durationTD div.duration.first-item, .priceGridDetail .durationTD div.selectedDuration.first-item { height: 26px; border-top: 0; border-left:0; background: url(Images/Detail/grid-period-firstchild.gif) left top no-repeat; } .priceGridDetail .durationTD div.duration.last-item, .priceGridDetail .durationTD div.selectedDuration.last-item { border-top: 1px solid #ccc; border-left:0; background: url(Images/Detail/grid-period-lastchild.gif) left bottom no-repeat; } /* Price grid cells and content */ .priceGridDetail table, .priceGridDetail table tr, .priceGridDetail table td { margin: 0; padding: 0; } .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: underline; font-weight:bold; color: #00448a; line-height: 22px; } .priceGridDetail .empty div { line-height:15px; } .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.gif) no-repeat center center; } .priceGridDetail .price .normal-price { background: url(Images/Detail/grid-icon-normaal.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.gif) no-repeat center center; } .priceGridDetail .price .promo-price, .priceGridDetail .price .commercial-price { background: url(Images/Detail/grid-icon-aanbieding.gif) no-repeat center center; } .priceGridDetail .selectedprice .normal-price, .priceGridDetail .selectedprice .promo-price, .priceGridDetail .selectedprice .commercial-price  { color: #fff; background: url(Images/Detail/grid-icon-selectie.gif) no-repeat center center; text-decoration:none; } .priceGridDetail .selectedprice .transport-available { color: #fff; background: url(Images/Detail/grid-icon-selectie-vervoer.gif) no-repeat center center; } .priceGridDetail .empty { background: url(Images/Detail/grid-cell-bg.gif) left bottom repeat-x !important; color:#00448a; } /* Legenda ----------------------------------------------------------------------------*/ #pricegrid .legend {     display: block;     width: 267px;     padding: 8px 0 0 0;     background: url(Images/Detail/bg-legend.gif) left top no-repeat;     margin: 0 0 20px 0;     overflow: hidden;     position: relative; } #pricegrid .legend-inner {     display: block;     width: 267px;     padding: 0 8px 4px 8px;     background: url(Images/Detail/bg-legend.gif) left bottom no-repeat;     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-offer {     width: 125px !important; } #pricegrid .legend-item-current {     width: 130px !important; } #pricegrid .legend-item span {     color: #909090;     display: block;     float: left;     font-size: 10px;     line-height: 22px;     padding: 0 0 0 25px !important;     width: 210px; } #pricegrid .legend-item-unknown span {     background: url(Images/Detail/v2-legend-normal-icon-nl.gif) 0 1px no-repeat; } #pricegrid .legend-item-warning span { background: url(Images/icoWarning.gif) no-repeat left center; display: inline; } #pricegrid .legend-item-offer span {     background: url(Images/Detail/v2-legend-offer-icon-nl.gif) 0 1px no-repeat;     width: 90px !important;     white-space: nowrap; } #pricegrid .legend-item-current span {     background: url(Images/Detail/v2-legend-current-icon-nl.gif) 0 1px no-repeat;     width: 105px !important;     white-space: nowrap; } #pricegrid .legend-item-incomplete span {     background: url(Images/Detail/v2-legend-incomplete-icon-nl.gif) 0 1px no-repeat;     width: 105px !important;     white-space: nowrap; } #pricegrid .legend-item-unavailable span {     background: url(Images/Detail/v2-legend-unavailable-icon-nl.gif) 0 1px no-repeat; } #pricegrid .legend-item-transport span {     background: url(Images/Detail/v2-legend-transport-icon-nl.gif) 0 1px no-repeat; } #pricegrid .legend-item span.normal-price { width: 23px; } #pricegrid .legend table.remarks { margin-top:10px; width:95%; } #pricegrid .legend .Text {     color: #00448a;     float: left;     margin:0 5px 5px 2px; } /* Kies uw vervoer ----------------------------------------------------------------------------*/ #clickpricegrid .transport { width: 274px; height: 81px; background: url(Images/Detail/bg-vervoer.gif) 0 0 no-repeat; overflow: hidden; padding: 0; margin: 0 0 10px 0; position: relative; } #clickpricegrid .transport h5 { margin: 0; padding: 0 0 0 12px; font-size: 11px; line-height: 21px; } #clickpricegrid .transport div  { margin: 0; padding: 0; } #clickpricegrid .transport div p, #clickpricegrid .transport div p.inactive { width: 75px; height: 45px; float: left; position: relative; overflow: hidden; display: inline; padding: 0; margin: 8px 0 0 12px; } #clickpricegrid .transport div p { background: url(Images/Detail/bg-vervoer-p.gif) 0 0 no-repeat ; } #clickpricegrid .transport div 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: 38px; 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:1px solid #ccc; border-width:0 1px 1px; width:247px; padding:7px; background:#F2F3F5 none repeat scroll 0 0; } #transporttypeselectionpanel .vervoer-button .action-button { background:url(Images/bgButtonsSpanAction.jpg) repeat-x; color: #00448a; font-size: 11px; font-weight: bold; height: 14px; cursor: pointer; border: 1px solid #00448a; padding: 2px 5px 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: #999; font-size: 11px; font-weight: bold; height: 25px; border: 1px solid #CCC; cursor: default; padding: 4px 5px 4px 15px; } #startbooking { margin:7px 0; width:261px; } .pricegrid-details-container table td.no-results-found { padding:0 5px 10px 5px; } #comparepricesinfo.infocompare { margin:8px 7px; clear:both; } #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; } /* -------------------- PRINT VERSION ---------------------------------------------------------------- */ .printable .detailcomponent { margin:10px 0; } .printable .packagetitlebar, .printable .detailcontent { width:975px; } .printable .detailcontent strong { display:block; margin:15px 0 0; } .printable .detailcontent p { padding:0; margin:4px 0; } .printable .detailcontent td { padding:8px; } .printable .photoContainer p { padding:0; margin:7px; } p.back-to-home-link {    margin:0 0 0 5px;    padding:10px 0; } /* ------------------------------------ */ .external-data-placeholder {     padding:0;     margin:5px 0 0; } .product-description-topic p { margin: 0 0 5px; } .product-description-topic { margin: 5px 0 0; float:left; } .zoover-placeholder {     float:left;     } .google-maps-static-placeholder {     float:left;     margin:0 0 0 8px; } /* --- LRO ------------------- */ .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; } /* --- Google Maps -------------------- */ .google-maps-static { background-color:transparent; background-repeat:no-repeat; height:104px; position:relative; width:122px; z-index:1; cursor:pointer; } .google-maps-static .google-maps-viewport { background:transparent url(Images/Detail/gmap-overlay-small.png) no-repeat 0 0; height:104px; left:0; position:absolute; top:0; width:122px; z-index:100; } .google-maps-dynamic { width:372px; height:250px; margin:25px 0 25px 4px; border:1px solid #00448a; } /* Price Calculation ----------------------------------------------------------------------------*/ /* Price Calculation - General Styles ----------------------------------------------------------------------------*/ /*Wrapper*/ .price-ticket { width: 274px; float: left; overflow: hidden; font-size: 11px; margin: 0px 0 7px 0px; background: url(Images/Detail/bg-price-calculation.gif) 0 bottom no-repeat; padding:0 0 15px; } /*Section Header Price Background*/ .price-ticket h6 { background: #f6a366 url(Images/Detail/section-header-top-price.gif) 0 0 no-repeat; color: #622e1e; } .price-ticket h6 span { background: url(Images/Detail/section-header-bottom-price.gif) 0 bottom no-repeat; } .price-ticket p { margin: 10px 0; } .price-ticket ul {     margin: 0;     list-style-type: none;     padding: 4px 0; } .price-ticket .room-info ul {     padding: 0 0 4px 0; } .price-ticket .room-header ul {     padding: 4px 0 0; } .price-ticket .travel-info ul {     padding: 0 0 11px 0; } .price-ticket li {     width: 250px;     overflow: hidden;     margin: 0;     line-height: 17px; } .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; color: #909090; } .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: #e86606; } .price-ticket .big-font { height: 44px; font-size: 26px; line-height: 44px; display: block; } .price-ticket .solid-border { border-bottom: 1px #ccc solid; } .price-ticket .dashed-border { border-bottom: 1px #ccc dashed; } .price-ticket .total-price-wrapper, .price-ticket .error-message, .price-ticket .price-breakdown, .price-ticket .trip-breakdown, .price-ticket .toggle, .price-ticket .book { margin: 0 10px 0px 10px; } .price-ticket .odd {     background:#fff; border-color:#ccc; border-style:solid; border-width:0 1px; } .price-ticket .changetransport {     padding-right: 32px; } /* Price Calculation - More Options ----------------------------------------------------------------------------*/ .price-ticket .more-options table { color: #818384; width: 272px; margin: 3px 1px 6px; border-collapse: collapse; } .price-ticket .odd .more-options table { margin-left:0; margin-right:0; } .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: 24px; background: url(Images/Detail/options-open.gif) center center no-repeat; } .price-ticket .more-options table td.close { text-indent: -9999px; width: 24px; height: 9px; background: url(Images/Detail/options-close.gif) center center no-repeat; } .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 { position:relative; } .price-ticket .total-price { font-size: 13px; } .price-ticket .total-price .transport-icons {   font-size:9px; } .price-ticket .total-price .transport-icons span {   display:inline-block;   width:34px;   height:23px;   vertical-align:middle; } .price-ticket .total-price .transport-icons a {   cursor:pointer; } .price-ticket .total-price .transport-icons .none {   background:url(Images/Detail/bg-vervoer-geen-icon.gif) no-repeat center center; } .price-ticket .total-price .transport-icons .flight {   background:url(Images/Detail/bg-vervoer-vlucht-icon.gif) no-repeat right center; } .price-ticket .total-price .transport-icons .transfer {   background:url(Images/Detail/bg-vervoer-transfer-icon.gif) no-repeat right center; } .price-ticket .total-price .transport-icons .train {   background:url(Images/Detail/bg-vervoer-train-icon.gif) no-repeat right center; } .price-ticket .total-price-intro {     position:absolute; right:0; top:4px; font-size:13px;     text-align: right; } .price-ticket .total-price div p {     color: #622e21;     margin: 0;     padding: 0;     line-height: 12px; } .price-ticket .total-price p { margin: 0; line-height:24px; } .price-ticket .total-price em { font-size: 18px; font-style: normal; } .price-ticket .total-price small { color: #818384; } .price-ticket .total-price div a { display: block; padding: 0 24px 0 0; line-height: 32px;     cursor:pointer; background: url(Images/Detail/book-link-icon.gif) right 8px no-repeat; color: #E86606; } .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: #00448a; } /* 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 - Hide ----------------------------------------------------------------------------*/ .price-ticket .toggle { clear: both; text-align: right; border-bottom: 1px dashed #ccc; } .price-ticket .toggle a { display: block; line-height: 26px; padding-right: 25px; cursor:pointer; } .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: 250px; overflow: hidden; text-align:right; } /* Price Calculation - Error Message ----------------------------------------------------------------------------*/ .price-ticket .error-message ul { color: #c90101; } #startbooking .content.price-tickets-container .error-message p { padding: 10px 0; line-height: 18px; } /*----------------------------------------------------------------------------*/ #pricegrid .bgPrice { background: none; border: none; height: auto !important; } .calcPriceButton { clear: both; float: none; padding: 0; position: relative; overflow: hidden; } .input-style {     color: #000;     font-size: 11px;     padding: 0 4px;     margin: 0 0 0 12px;     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; } .weather-winter .snow-data-table {     border-collapse: collapse;     width: 382px; } .weather-winter .snow-data-table .nowrap {     white-space: nowrap; }   .weather-table {     text-align:center;     border-collapse: collapse; } .weather .weather-forecast-table, .weather-winter .weather-forecast-table {     width: 382px; } .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; } .weather-winter .weather-table td {     border: 1px solid #EDF8FF; } .weather-placeholder, .winter-placeholder{     float:left;     margin:0 0 0 8px;         height:104px;     position:relative;     width:122px;     z-index:1;     cursor:pointer; } .weather-placeholder {     background:transparent url(/app/upload/weatheronline/NL-bg-weather.png) no-repeat 0 0;     vertical-align: middle; } .winter-placeholder {     background:transparent url(/app/upload/weatheronline/NL-bg-winter.png) no-repeat 0 0; } .winter-placeholder .content{     width: 100%;     height: 100%;     text-align: center;    } .winter-placeholder .content td {     padding: 0px 0px 0px 0px; } .winter-placeholder .content td.snowDepthMount, .winter-placeholder .content td.snowDepthValley {     font-family: Verdana;     font-weight: normal;     font-size: 11px;     color: #939393; } .winter-placeholder .content td.snowDepthMount {     vertical-align: bottom;     padding-left: 30px; } .winter-placeholder .content td.snowDepthValley {     text-align: left;     padding-left: 20px;     } .winter-placeholder .content td.snowInfo{     font-family: Verdana;     font-size: 12px;     font-weight: normal;     color: #00448a;     vertical-align: bottom;     padding-bottom: 5px; } .weather-placeholder div {     text-align: center; } .weather-placeholder .title, .weather-placeholder .titleAverage {     font-family: Verdana;     font-size: 12px;     font-weight: normal;     color: #00448a; } .weather-placeholder .title {     padding-top:5px; } .weather-placeholder .titleAverage {     padding-top:15px; } #weatherImgContainer {     height: 45px;     margin-top: 10px; } .weather-placeholder .tempr {         font-family: Arial;     font-size: 18px;     font-weight: normal;     color: #00448a;     padding-left: 4px; } .weather-placeholder .temprAverage {     font-family: Arial;     font-size: 28px;     font-weight: normal;     color: #00448a;     padding-left: 8px; } #weatherTip {     color: #00448a;     font: 11px Verdana,Arial,sans-serif;     text-decoration: underline;     margin-top: 7px; } .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; }