/* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7 url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } .ui-autocomplete.ui-widget-content {background: #FFF; border:1px solid #999;} .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9 url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; } .ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background: #3baae3 url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } td.noavailability.ui-state-disabled {opacity: .6; filter:Alpha(Opacity=60); } td.nonclickable.ui-state-disabled {opacity: 1; filter:Alpha(Opacity=100); } .noavailability.ui-state-disabled span {background: red;color: white;} .excursion .ui-state-default { border: 1px solid #45930b; background: #4ca20b url(/main/eBooking/inc/images/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .excursion .ui-state-default a { color: #ffffff; text-decoration: none; } .excursion .ui-state-hover { border: 1px solid #8bd83b; background: #4eb305 url(/main/eBooking/inc/images/ui-bg_highlight-soft_50_4eb305_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .excursion .ui-state-hover a, .excursion .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .excursion .ui-state-active { border: 1px solid #72b42d; background: #285c00 url(/main/eBooking/inc/images/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .excursion .ui-state-active a,.excursion .ui-state-active a:link,.excursion .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #f9dd34; background: #ffef8f url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-state-default .ui-icon { background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_3d80b3_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_2694e8_256x240.png); } .ui-state-active .ui-icon {background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/main/eBooking/inc/jquery/cupertino/images/ui-icons_ffffff_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000 url(/main/eBooking/inc/jquery/cupertino/images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; /* http://bugs.jqueryui.com/ticket/7233 - Resizable: resizable handles fail to work in IE if transparent and content overlaps */ background-image:url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=); } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; max-height:200px;overflow-y: auto;overflow-x: hidden;padding-right: 20px;} /* workarounds */ * html .ui-autocomplete { width:1px; height: 200px;} /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.13 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; white-space: nowrap; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; font-size:1em; margin: -1px; } /* * jQuery UI Button 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; display:none;} .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; font-size:13px } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; background-color:white; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none !important; overflow: hidden; zoom: 1; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } .ui-selectmenu-open { display: block; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #cboxWrapper div {-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorBox{font: 12px Tahoma, Arial,sans-serif; } #cboxTopLeft{width:25px; height:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border1.png) 0 0 no-repeat;} #cboxTopCenter{height:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border1.png) 0 -50px repeat-x;} #cboxTopRight{width:25px; height:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border1.png) -25px 0 no-repeat;} #cboxBottomLeft{width:25px; height:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border1.png) 0 -25px no-repeat;} #cboxBottomCenter{height:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border1.png) 0 -75px repeat-x;} #cboxBottomRight{width:25px; height:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border1.png) -25px -25px no-repeat;} #cboxMiddleLeft{width:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border2.png) 0 0 repeat-y;} #cboxMiddleRight{width:25px; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/border2.png) -25px 0 repeat-y;} #cboxContent{background:#fff;} /* #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0; right:70px; color:#444;} #cboxPrevious{position:absolute; bottom:0; left:0; color:#444;} #cboxNext{position:absolute; bottom:0; left:63px; color:#444;} #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}*/ #cboxLoadedContent{margin-top:20px;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#FFF;} #cboxTitle{position:absolute; top:0; left:0; text-align:center; font-size: 16px; width:100%; color:#555;} #cboxCurrent{position:absolute; top:0; right:120px; color:#999;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:0; background:url(/main/eBooking/inc/colorbox/themes/theme9/images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0 0; right:44px;} #cboxPrevious.hover{background-position:0 -25px;} #cboxNext{background-position:-25px 0; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} .tbox {position:absolute; display:none; padding:14px 17px; z-index:99999;} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333; position:absolute; z-index:99999;} .tmask {position:absolute; display:none; top:600px; left:0px; height:100%; width:100%; background:#000; z-index:800} .tclose {position:absolute; top:600px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat} .tclose:hover {background-position:0 -30px} #error {background: #FF6969; color: white; padding: 10px; border-radius: 4px; left: 65px; text-align: center; font-size: 15px; height: auto !important; font-family: 'VAG Rounded W01 Bold';} #error .tcontent {} #success { background: #6BA9B8; color: white; padding: 10px; border-radius: 4px; left: 65px; text-align: center; font-size: 15px; height: auto !important; font-family: 'VAG Rounded W01 Bold';} #bluemask {background:#4195aa} #frameless {padding:0} #frameless .tclose {left:6px} /*! * jQuery UI CSS Framework @VERSION * http://jqueryui.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework @VERSION * http://jqueryui.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 1 !important; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; background-position: 16px 16px; } .ui-widget-content .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/main/eBooking/inc/selectmenu/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; /* no space between ".3;" and "filter" because themeRoller looks back to the first space for replacement */ opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/main/eBooking/inc/selectmenu/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; /* no space between ".3;" and "filter" because themeRoller looks back to the first space for replacement */ opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; background-color:red; } .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005 !important;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} .ui-selectmenu-open { display: block; } ul.ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } * html .ui-selectmenu-menu li a { position: relative } /* IE7 workaround (opacity disabled) */ *+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } .jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 965px; height:250px; padding: 20px 20px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 950px; height:300px; margin-left:8px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width:229px; height: 300px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 110px; right: 16px; width: 18px; height: 37px; cursor: pointer; background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/feslidernext.png) no-repeat 0 0; margin-right:-12px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/feslidernext.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { } .jcarousel-skin-tango .jcarousel-next-horizontal:active { } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; margin-right:-12px; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 110px; left: -3px; width: 18px; height: 37px; cursor: pointer; background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/fesliderprev.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/fesliderprev.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; margin-right:15px; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 18px; height: 37px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; margin-right:15px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; margin-right:15px; } #popupClose{ font-size:20px; line-height:20px; position:absolute; right:0px; top:0px; font-weight:700; display:block; } #bgPopup{ display:none; position:fixed; _position:absolute; /* IE6 */ height:100%; width:100%; top:0; left:0; background:#000000; z-index:20000; } #Popup{ display:none; position:fixed; _position:absolute; /* IE6 */ background:#FFFFFF; /*border:2px solid #cecece;*/ z-index:20002; padding:12px; font-size:13px; } /* OVERRIDING CALENDAR STYLES FOR SPECIFIC INSTANCE */ .ui-datepicker-trigger { margin-left: -35px; position:absolute; margin-top:16px; z-index:101; } .ui-widget-content { color:#999999; border:none; background:#DBDCDE; } .ui-widget-header { background:#FFFFFF; color:#999999; border: none; } .ui-widget-header .ui-icon { background-image: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #6F6F6F; background: #6F6F6F; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px dotted transparent; background:none; color:#999999; font:normal 13px 'VAG Rounded W01 Bold' } .ui-datepicker .ui-datepicker-title { font:normal 14px 'VAG Rounded W01 Bold'; color:#999999; } textarea:focus, input:focus { -moz-outline: none; outline: none; } .ui-datepicker { background: rgbA(0,0,0,0.2); padding:0px 5px 3px 5px; } .ui-corner-all { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .ui-datepicker table { background:#FFFFFF; margin:0px; } .ui-datepicker-calendar { font:normal 13px 'VAG Rounded W01 Bold'; color:#999999; } .ui-datepicker .ui-datepicker-prev { margin-left:70px; margin-top:2px; background-image:url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/arrow-cal-left.png); background-repeat:no-repeat; -moz-background-size: 8px; -o-background-size: 8px; -webkit-background-size: 8px; background-size: 8px; } .ui-datepicker .ui-datepicker-next { margin-right:56px; margin-top:2px; background-image:url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/arrow-cal-right.png); background-repeat:no-repeat; -moz-background-size: 8px; -o-background-size: 8px; -webkit-background-size: 8px; background-size: 8px; } .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: none; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color:transparent; background-position-x:0; background-position-y:0; border:1px dotted transparent; } /*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #6E6E6E; }*/ .ui-selectmenu-menu li a, .ui-selectmenu-status {color:#363636; width:50px; line-height:0.5em;} .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color:#B7B6B6; } a.ui-selectmenu:link { font:normal 13px/16px 'VAG Rounded W01 Light' } a.ui-selectmenu:active { font:normal 13px/16px 'VAG Rounded W01 Light' } a.ui-selectmenu:hover { font:normal 13px/16px 'VAG Rounded W01 Light' } a.ui-selectmenu:visited { font:normal 13px/16px 'VAG Rounded W01 Light' } .ui-datepicker .ui-datepicker-buttonpane button { position:relative; bottom:2px; width:100%; background-color:#FFFFFF; color:#999999; margin:0px; font:normal 13px 'VAG Rounded W01 Light' } .ui-datepicker .ui-datepicker-buttonpane { padding:0px; margin:0px; } .ui-datepicker .ui-datepicker-header { -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } button.ui-datepicker-current { display: none; } button.ui-datepicker-close { display: none; } a.ui-datepicker-next {cursor: hand; cursor: pointer;} a.ui-datepicker-prev {cursor: hand; cursor: pointer;} /*html{ background: #000 url(/main/images/bg/day.jpg) left -130px no-repeat; } /*@-moz-document url-prefix() { html{ background: #000 url(/main/images/bg/day.jpg) left -10px no-repeat; } /*Firefox CSS Hack }*/ /*FONTS*/ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=84399836-ed93-411e-8b0a-ef7cb8ebca4d"); @font-face { font-family: "VAG Rounded W01 Black"; src: url("Fonts/84e985c2-71b5-4795-9ee3-7a2873082407.eot?#iefix"); src: url("Fonts/84e985c2-71b5-4795-9ee3-7a2873082407.eot?#iefix") format("eot"),url("Fonts/5ea71c9d-8da0-41d5-9b8f-e307177bdea0.woff") format("woff"),url("Fonts/35642ac7-21cb-485f-bbff-802c7bf8203a.ttf") format("truetype"),url("Fonts/c36d847c-32b0-4e19-a270-f40d17e81853.svg#c36d847c-32b0-4e19-a270-f40d17e81853") format("svg"); } @font-face { font-family: "VAG Rounded W01 Bold"; src: url("Fonts/e043dd77-7cee-4a3c-b628-822e3bdbc8ac.eot?#iefix"); src: url("Fonts/e043dd77-7cee-4a3c-b628-822e3bdbc8ac.eot?#iefix") format("eot"),url("Fonts/5b73c12f-4a5a-4d8c-81be-1babf4a3f3dd.woff") format("woff"),url("Fonts/5638af5b-03a3-4601-a279-943ee3b29448.ttf") format("truetype"),url("Fonts/40964335-0b3a-4c89-895c-1e8f58438faa.svg#40964335-0b3a-4c89-895c-1e8f58438faa") format("svg"); } @font-face { font-family: "VAG Rounded W01 Light"; src: url("Fonts/8eb3a61c-2df5-402f-aacc-7733752abec6.eot?#iefix"); src: url("Fonts/8eb3a61c-2df5-402f-aacc-7733752abec6.eot?#iefix") format("eot"),url("Fonts/67ca5d86-3357-4491-aa9f-6e7ff54b2e2e.woff") format("woff"),url("Fonts/888f8505-0e2c-41e8-af58-21279dda85e5.ttf") format("truetype"),url("Fonts/ca4650e2-5aa3-4755-9c6d-256cbb4f5115.svg#ca4650e2-5aa3-4755-9c6d-256cbb4f5115") format("svg"); } /*@font-face { font-family: "CrosswordBelle W00 Reg"; src: url("Fonts/b0d828b7-22bb-4b6f-bbff-23ae74dfc1f9.eot?#iefix"); src: url("Fonts/b0d828b7-22bb-4b6f-bbff-23ae74dfc1f9.eot?#iefix") format("eot"),url("Fonts/a0413c67-1c9a-4573-a752-b9ee9fd37784.woff") format("woff"),url("Fonts/4eebe5f0-c8bb-41fa-94fb-a60f9f560d0f.ttf") format("truetype"),url("Fonts/bd9af419-1335-45ed-8c0b-834edf7b5261.svg#bd9af419-1335-45ed-8c0b-834edf7b5261") format("svg"); }*/ /*@font-face { font-family: "Slabo 27px"; src: url("Fonts/Slabo27px-Regular.ttf?#iefix"); src: url("Fonts/Slabo27px-Regular.ttf?#iefix") format("truetype"); }*/ *:focus { outline: none; } body { font: normal 13px/19px 'VAG Rounded W01 Light'; width: 990px; margin: 0 auto; background: no-repeat center bottom scroll #eeeae7; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top; } body.login { background-color: #008CBA; } td { font-family: 'VAG Rounded W01 Light'; font-size: 13px; } select, input { font-size: 8pt; color: #363636; } select option { font-family: 'VAG Rounded W01 Light'; } img { color: #000; border-width: 0; } a, a:visited, a:active, a:hover { text-decoration: none; color: #008CBA; font-family: VAG Rounded W01 Bold; } /*a:active, a:hover { text-decoration: underline; color: #008CBA; font: normal 13px/17px 'VAG Rounded W01 Light'; }*/ b { font-weight: normal; font-family: Verdana; } #loadingScreen { position: absolute; display: none; } /*Home available deal*/ .hmavailabledeal_wrap { position: relative; z-index: 1; /* top: 95px; */ background-color: #fa9a2a; padding-right: 15px; height: 34px; /* width: 416px;*/ float: right; top: -50px; } .hmavailabledeal_wrap img { float: left; } .hmavailabledeal_wrap div { float: left; margin-top: 9px; } .hmavailabledeal_wrap div a { color: #FFF; font-family: verdana; font-size: 16px; white-space: nowrap; } #homeLink { display: block; height: 72px; position: absolute; top: 70px; width: 427px; z-index: 1000; } .headCont { background-color: #a9a099; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 70px; } #head { float: left; height: 65px; font: normal 13px/17px VAG Rounded W01 Light; width: 100%; margin: 0px 0px 25px; } #heada { /*background: transparent url(/main/images/emirates_yoo_logo.png) left 104% no-repeat;*/ /*height: 32px;*/ font: normal 13px/17px VAG Rounded W01 Light; /*z-index:999;*/ } #headb { background-color: transparent; float: right; height: 80px; margin: -83px 0 0 0; width: 435px; } #headb span#head_video_ban { float: left; padding-top: 17px; width: 125px; } #headb span#head_video_ban a { cursor: pointer; display: none; } #headb span#head_kuoni { float: left; font-family: VAG Rounded W01 Bold; line-height: 35px; font-size: 14px; color: #363636; text-transform: uppercase; width: 195px; letter-spacing: 0px; } #headb span#head_social_networks { float: right; font-family: VAG Rounded W01 Bold; font-size: 14px; color: #363636; line-height: 35px; text-transform: uppercase; width: 115px; letter-spacing: 0px; } #headb span#head_social_networks ul { list-style: none; margin: 0; padding: 0; } #headb span#head_social_networks ul li { display: inline; } #lang { width: auto; margin: 30px 0px 0px; z-index: 999; display: block; position: relative; } #hotline { float: right; height: 50px; width: 150px; text-align: right; } /*.customerHead{ border-radius: 0px; color: #FFFFFF; float: right;}*/ .customerHead { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #FFFFFF; float: right; width: 900px; text-align: right; margin-top: 2px; } div.m1 { float: right; } div.m2 li { border-left: none !important; } #umenu { position: relative; float: right; height: 26px; border: solid 0 #000; margin: 9px 0 0 0; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } #umenu .uMenu_ico { background-size: 25px; cursor: default; margin: 0 6px 0 0; width: 164px; } #umenu .uMenu_ico span { color: #FFF; font: normal 16px VAG Rounded W01 Light; text-align: left; text-decoration: none; text-transform: capitalize; padding: 0; } #umenu .uMenu_ico span:hover { color: #000 !important; cursor: pointer; } #umenu .sub_umenu { background-color: #5e5e5e; float: none; position: absolute; z-index: 1001; padding: 5px 0; right: 0px; top: 32px; width: 150px; height: 60px; } #umenu .sub_umenu .m1 ul { float: right; } #umenu .sub_umenu .m1 ul li { float: none; display: block; background: none; margin: 0; border: none; } #umenu .sub_umenu .m1 ul li:nth-child(2n) { margin: 7px 0; } #umenu .sub_umenu .m1 ul li a { color: #FFF !important; text-align: right; font: normal 14px VAG Rounded W01 Bold; text-transform: uppercase; } #umenu .sub_umenu .m1 ul li a:hover { color: #000 !important; } #umenu1 { text-align: right; width: 45px; position: relative; float: right; height: 26px; border: solid 0 #000; margin: 0; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } #umenu1 .uMenu_ico1 { background-size: 25px; cursor: default; margin: 0 6px 0 0; width: 164px; } #umenu1 .uMenu_ico1 span { float: right; color: #fecb00; cursor: pointer; height: 22px; width: 55px; padding-top: 2px; font-family: VAG Rounded W01 Bold; font-size: 13px; } #umenu1 .uMenu_ico1 span:hover { color: #fecb00 !important; } .errAlertMsg, .errMsg { float: left; width: 100%; text-align: center; color: red; font-size: 14px; } /* -bracket-:hack(;width:343px;); /*Chrome CSS Hack width:344px\9; /*IE9 CSS Hack */ .slowwait { margin: 0px; position: fixed; top: 0px; left: 0px; background: url(/main/images/wait.gif) no-repeat; background-position: center; background-color: #fff; width: 100%; height: 100%; z-index: 9999999; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .socialLine { float: left; position: relative; width: 355px; } .hd_fav_icon { float: left; margin: 0 0 0 10px; } #mmenu { background-color: none !important; height: 30px; padding-bottom: 6px; width: 990px; } .mmenu_div { background: none repeat scroll 0 0 white; height: 12px; position: absolute; top: 163px; width: 990px; } .mmenu_sep { display: none; clear: both; height: 7px; z-index: 100; position: relative; top: 0px; border-radius: 0; } div.m2 a:hover, div.m2 .active a { color: #008CBA !important; } #mcur { float: right; padding: 5px 0 0; } #mfooter { float: right; } #mfooter div.m3 { float: left; } #mfooter div.m3 a, div.m3 a:link, div.m3 a:active, div.m3 a:visited, div.m3 h2 { font: normal 12px VAG Rounded W01 Light; color: #808285; } #mfooter div.m3 a:hover { color: #FFF; } #mfooter div.m3 li { padding: 0px 5px; } #mfooter div.m3 li:last-child { border: none; margin: 0; padding: 0; } #footer { float: left; width: 990px; } #container { background-color: transparent; float: left; padding: 0; } #container.itinerary { -moz-border-radius: 10px 0 10px 10px; -webkit-border-radius: 10px 0 10px 10px; border-radius: 10px 0 10px 10px; } #content { z-index: 0; width: 990px; } #content > div { } .link-top { position: relative; float: right; display: block; width: 100%; z-index: 1000; } .myItinerary.fixed { top: 100px !important; position: fixed !important; } .myItinerary.resize { width: 20px !important; height: 0px; } .link-top span.fixed { top: 88px !important; } .myItinerary_cont.fixed { /*margin-left:899px !important; right:83px; position:fixed !important;*/ text-indent: -3000px; } .myItinerary_cont { position: absolute; background-color: transparent; margin: 250px 55px 0 1005px; z-index: 10001; } .basketSumDIVbg { display: none; position: fixed; _position: absolute; /* hack for internet explorer 6*/ height: 100%; width: 100%; top: 0; left: 0; background-color: transparent; z-index: 10000; opacity: 0.7; } .basketSumDIV { position: fixed; background-color: white; border: 3px solid #CDCDCD; padding: 13px 140px 69px 30px; margin: -69px 0 0 -788px; z-index: 1000; display: none; width: 730px; right: -3px; } .basketSumLink { position: absolute; top: 6px; right: 0px; text-indent: 0px; } .basketSumDIV.fixed { top: 100px !important; position: fixed !important; } .bskIt { overflow-x: hidden; overflow-y: auto; height: 350px; padding-right: 15px; text-indent: 0; } .bskIt.fixed { height: 190px !important; } .myItinerary:link, .myItinerary:visited, .myItinerary:active, .myItinerary:hover { color: white; font: normal 14px VAG Rounded W01 Black; padding: 35px 10px 10px 10px; text-decoration: none; position: fixed; right: 0px; border-radius: 15px 0 0 15px; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; display: block; background-color: #FF6000; text-transform: uppercase; background-image: url('https://d20rvt6ieiyfip.cloudfront.net/main/data/media/basket.png'); background-repeat: no-repeat; background-position: 5px 10px; width: 70px; z-index: 1000; } H1.module-title { font-family: VAG Rounded W01 Light; font-size: 13px; color: #FFF; height: 20px; background: #5671B9 url(https://d20rvt6ieiyfip.cloudfront.net/main/data/right.gif) no-repeat scroll right; margin: 0; } a.link-logoff { background-color: Black; padding-top: 10px; padding: 5px 10px; float: right; color: #FFF; } .link-logoffb2b a { float: right; width: 100px; color: #9cb7dd; text-align: center; font-size: 14px; padding: 5px; } .separator { font-size: 0; padding-top: 0; padding-bottom: 0; border: solid 1px #000; display: none; } .message { color: Red; } H1.editor { font-family: VAG Rounded W01 Light; font-size: 18px; letter-spacing: 5px; border-bottom: solid 1px #000; } H2.editor { font-family: VAG Rounded W01 Light; font-size: 13px; letter-spacing: 5px; border-bottom: solid 1px #000; } .edtHead { padding-left: 5px; font-family: VAG Rounded W01 Light; } .edtItem { padding-left: 5px; font-family: VAG Rounded W01 Light,Sans-Serif; font-size: 11px; } .edtLabel { float: left; width: 100px; padding-top: 3px; } .gFRH { border-collapse: collapse; text-align: center; border: solid 1px #000; width: 100px; background-color: #5671B9; color: #FFF; } #currency, #inout, #resort, #class, #name { float: left; width: 250px; padding: 1px 0 0; } .checkin { float: left; padding-right: 14px; width: 115px; } #room, #adult, #child { float: left; padding: 0 10px 0 20px; } #btns { clear: both; text-align: center; padding: 5px 0 0; } .roomInp { width: 15px; font-size: 8pt; } .roomCh { text-align: right; width: 245px; } .roolbl { width: 110px; float: left; line-height: 20px; } .roolbltr { width: 95px; float: left; line-height: 20px; } .chSel { float: left; text-align: right; width: 116px; } .shbtn { background-color: #7895C0; color: #FFF; font-family: VAG Rounded W01 Light; border-style: none; margin: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .shbtn2 { background-color: #7895C0; color: #FFF; font-family: VAG Rounded W01 Light; border-style: none; } .shbtnHList { background-color: #7895C0; color: #FFF; font-family: VAG Rounded W01 Light; font-size: 13px; border-style: none; cursor: pointer; line-height: 16px; min-width: 100px; height: 24px; } .srLeftCol { width: 220px; vertical-align: top; background-color: transparent; font-family: VAG Rounded W01 Bold; padding: 0; } .srRightCol { vertical-align: top; background-color: transparent; padding-left: 12px; font-family: VAG Rounded W01 Light; padding: 0; } .srRightColDIV { background-color: #FFFFFF; margin: 20px 0 0; min-height: 1596px; padding: 10px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); /*width:745px;*/ } .RightColDIV { background-color: #FFFFFF; margin: 20px 0 0; min-height: 600px; padding: 20px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); width: 695px; float: left; } .LeftColDIV { background-color: #FFFFFF; margin: 20px 0 0; padding: 20px; float: left; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .srRightColNarr { width: 725px; vertical-align: top; background-color: #FFF; padding-left: 8px; font-family: VAG Rounded W01 Light; } .cSelect.cHotel { padding: 0px 14px 0px 14px; } .srAvailInfo { padding: 1px 2px 1px 2px; font-size: 10px; text-align: center; color: #ff6000; text-decoration: underline; } .srAvailInfoDiv { float: right; width: 100px; font-size: 10px; text-align: center; color: #ff6000; } .srAvailInfo a, .srAvailInfoDiv a { color: #ff6000; } .srResultDayilyRates { width: 270px; } .srRoomsLeft { width: 110px; } .sravailableRooms { font-size: 10px; text-align: left; color: #ff6000; } .sravailableRooms a { color: #ff6000; } .srShowMap { float: right; position: absolute; margin: 5px 0px 0px 5px; cursor: pointer; background-color: #FFE096; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .srMapDisplayCust { background-color: #000000; color: #ffffff; font-size: 14px; line-height: 14px; padding: 8px; position: relative; text-transform: uppercase; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#333333)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.30, #000000),color-stop(0.69, #333333)); } .mapLinkContent { background-color: white; -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); margin: 0 10px 0 0; padding: 15px 15px 11px 15px; } .mapLinkContent img { width: 230px; } .hotel_details_container, .your_booking { float: left; width: 100%; background-color: white; } span.psd_select_dates { background-color: #FF6000; border-radius: 4px; padding: 5px 0px; color: white; font-family: VAG Rounded W01 Bold; font-size: 17px; float: left; width: 100%; margin-bottom: 15px; text-align: center; } .small_map_title { color: #000000; font-size: 15px; padding: 15px 0px 5px 15px; width: 194px; border-radius: 4px; text-transform: uppercase; } .travel_itinerary_container { background-color: #fff; float: left; margin: 20px 0 0 0; padding: 15px 15px 30px 15px; width: 960px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .checkout_left_module { background-color: #FFFFFF; margin: 20px 0; width: 970px; } .checkout_left_module table tr td a { color: #000; text-decoration: none !important; text-transform: uppercase; } .checkout_left_module table tr td { padding-bottom: 10px; } .chkoutOnReq { background-color: #FFF; float: left; margin: 20px 0 40px 0; min-height: 300px; padding: 10px; width: 970px; } .chkoutOnReq .srvCon, .chkoutOnReq .srvCont { float: left; width: 659px; } .chkoutOnReq .srvCon .srBookItExc a { color: #FFF !important; cursor: pointer; } .chkoutOnReq .srvCon .srBookItExc { margin: 20px 0 10px 260px; } .chkoutOnReq .srvDet { border: 1px solid #D7D7D7; float: left; margin: 0 10px 10px 0; padding: 10px; width: 623px; } .chkoutOnReq .srvDet ul { background-color: #F6F5F3; float: left; list-style: none; margin: 0; padding: 10px; } .chkoutOnReq .srvDet ul li { float: left; } .chkoutOnReq .srvDet .srvImg { float: left; margin-right: 10px; width: 112px; } .chkoutOnReq .srvDet .srvCont { float: left; width: 481px; } .chkoutOnReq .basketCont { border: 1px solid #D7D7D7; margin: 0; } .chkoutOnReq .basketCont ul { width: 269px; } .chkoutOnReq .basketCont ul li { width: 269px; } .chkoutOnReq .basketCont ul li hr.bskSeparator { margin: 10px 0; } .chkoutOnReq .basketCont ul li b { float: right; font-size: 12px; } .chkoutOnReq .basketCont ul li b span { font-size: 14px; } .chkoutOnReq .srvDet .excPST { background-color: #F6F5F3; float: left; padding: 10px; width: 603px; } .chkoutOnReq .srvDet .excPST .ui-selectmenu-status { padding: 6px 14px 0 6px; } .chkoutOnReq .srvDet .excPST .excPSTDIV { float: left; width: 100%; margin: 10px 0 0px 0; } .chkoutOnReq .srvDet .excPST .tBasketHead { margin: 10px 0 10px 0; } .fieldsAlertCont { background: transparent url(/main/images/alert_arrow_icon.png) left 11px no-repeat; position: absolute; z-index: 99; float: right; padding-left: 7px; color: white; margin: 270px 0 0 400px; line-height: 19px; } .fieldsAlert { background: #8DBBCB url(/main/images/alert_icon.png) 10px 5px no-repeat; position: relative; z-index: 99; float: right; padding: 8px 10px 5px 37px; color: white; } #navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; float: left; } #navbar li a { display: block; padding: 4px 8px; background-color: #FFF; color: #000; text-decoration: none; background: transparent; width: auto; } .navbarActive { background: transparent url("/main/images/dropie.png") right 10px no-repeat !important; } #navbar li ul { display: none; width: 10em; /* Width to help Opera out */ color: #FFF; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: none; } #navbar li:hover ul { display: block; position: absolute; margin: 0; padding: 0; } #navbar li:hover li { float: none; } #navbar li:hover li a { width: 82%; color: #FFF; } #navbar li li a:hover { color: gray; } .addinfo { float: left; list-style: none; margin: 0px 0 10px 15px; padding: 0; } .addinfoExc { float: left; list-style: none; margin: 0px 0 10px 15px; padding: 0; } .addinfoExc li { margin: 5px 0; } .addinfoExc li div.gn { float: left; } .addinfoExc li span { float: left; margin-top: 10px; margin-right: 10px; } .addinfoExc li b { font-weight: normal; font-family: 'VAG Rounded W01 Bold'; } .addinfo1st { float: left; font: normal 15px 'VAG Rounded W01 Bold'; text-transform: uppercase; width: 100%; } .addinfo li { margin: 5px 0; } .addinfo li div.gn { float: left; } .addinfo li span { float: left; margin-top: 10px; margin-right: 10px; } .addinfo li b { font-weight: normal; font-family: 'VAG Rounded W01 Bold'; } /*.addinfo { float: left; list-style: none; margin: 0px 0 7px 15px; padding: 0; } .addinfo1st { float: left; font: normal 15px Verdana; text-transform: uppercase; width: 100%; } .addinfo li {float: left; margin:0 0 5px 0; } .addinfo li span { float: left; margin-top: 10px; margin-right: 10px; }*/ .addinfo li .searchInput_text_Trans { margin-right: 15px; } .guestSep { border-bottom: 2px solid #D7D7D7; clear: both; margin: 2px 15px; float: left; width: 439px; } /* TWITTER CONTROL */ .twitterWrapper { width: 240px; min-height: 200px; background-color: white; float: left; margin-bottom: 50px; } .twitterInner { padding: 12px; } .twitterTitle { font: normal 20px 'VAG Rounded W01 black'; } .twitterSeparator { width: 100%; height: 5px; border-bottom: 1px dotted black; border-radius: 0; margin-bottom: 3px; } .twitterControls { } .twitterSepContainer { padding-left: 2px; padding-right: 6px; } .twitterSepBullet { font-size: 2em; position: absolute; margin-top: -5px; } .btnTwitterReply { background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; margin: 0; padding: 2px 10px 1px 10px; width: auto; font: normal 14px/20px 'VAG Rounded W01 Black'; height: 17px; line-height: 18px; text-transform: uppercase; margin-left: 5px; } /*.srTbl { width: 100%;background-color: white;border-radius: 4px;padding: 10px;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); }*/ .srTbl { width: 100%; background-color: white; border-radius: 0px; padding: 0px; margin-bottom: 14px; } .srTbl_head { font-family: Verdana; font-size: 16px; padding-bottom: 5px; } .srTbl_b { color: black; font-size: 18px; font-weight: normal; font-family: Verdana; text-transform: uppercase; } .srTtl, .srTtl:link, .srTtl:visited, .srTtl:active, .srTtl:hover { vertical-align: middle; font-family: VAG Rounded W01 Light; text-decoration: none; background-color: #9FB4D3; font-size: 18px; padding-left: 4px; padding: 1px 0px; height: 22px; color: #000; } .srTtl h1, .srTtl h2 { margin: 0px; font-size: 18px; padding: 2px 0; } .srTtlHead { } .srTtlHead h1, .srTtlHead h2 { margin: 0px; font-size: 18px; padding: 2px 2px; } .srTtl2, .srTtl2:link, .srTtl2:visited, .srTtl2:active, .srTtl2:hover, .srTtl2 a { vertical-align: middle; font-family: VAG Rounded W01 Light; text-decoration: none; font-size: 18px; padding-left: 4px; padding: 1px 0; height: 22px; color: #000; } .srTtl2 h1, .srTtl2 h2 { margin: 0px; font-size: 18px; padding: 2px 0px; } .srTtl2a, .srTtl2a a, .srTtl2a:link, .srTtl2a:visited, .srTtl2a:active, .srTtl2a:hover { margin-top: -12px; font-size: 18px; text-decoration: none; color: #000; font-family: Verdana; text-transform: uppercase; } .srTtl2a:link { color: #000000; font-family: Verdana; } .srTtlLink, .srTtlLink a, .srTtlLink a:hover { text-decoration: none; font: normal 14px/22px Verdana; cursor: pointer; } .srTtlLink .postlnkimge { position: relative; top: 3px; } .wow_tip .postlnkimge { position: absolute; top: 25px; left: 2px; } .srTtlLinkMap, .srTtlLinkMap a, .srTtlLinkMap a:hover { text-decoration: none !important; background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/mapPin.png); background-repeat: no-repeat; padding-left: 15px; } .srTtlRoom { background-color: #fff; padding: 0px; } .srTtlRoom h1, .srTtlRoom h2 { margin: 0px; font-size: 16px; padding: 2px 0px; color: #008CBA; text-decoration: none; } a.srTtlRoomLink { text-decoration: none; font-size: 16px; padding: 2px 0px; color: #1E1E1E; font-family: VAG Rounded W01 Light; } a.srTtlRoomLink:hover { text-decoration: none; font-size: 16px; padding: 2px 0px; color: #008CBA; } /*.srTtlRoom:hover{ color:gray}*/ .srTtlRoomDisc { background-color: #fff; padding: 0px; text-align: right; } .srTtlRoomCal { background-color: #D2DBEA; padding: 0px; width: 32px; background-image: url(/main/images/calendar_open.png); background-repeat: no-repeat; cursor: pointer; } .srTtlRoomCalClose { background-color: #D2DBEA; padding: 0px; width: 32px; background-image: url(/main/images/calendar_close.png); background-repeat: no-repeat; cursor: pointer; } .srTtlRoomSub { background-color: #fff; padding: 1px; } .srRoomSep { height: 3px; background-color: #fff; } .srResultHead { background-color: #F0F0F0; line-height: 16px; height: 25px; } .srTotalSave { background-color: #ff6000; font-size: 11px; color: #FFF; padding: 1px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .srTotalHotelSave { background-color: #ff6000; color: #FFF; width: 150px; padding: 3px 4px 2px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; } .srTotalGrandSave { background-color: #ff6000; font-size: 14px; color: #FFF; padding: 1px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 auto; width: 100px; text-align: center; } .srRoomTotalSaveHeadCell { text-align: center; padding: 2px; } .srTotalWas { color: Gray; font-size: 11px; padding-right: 8px; text-decoration: line-through; } .srTotalWasDaily { color: Gray; font-size: 10px; padding-right: 2px; text-decoration: line-through; } .srRoomTotalHeadCell { width: 135px; text-align: right; padding-right: 8px; font-family: Verdana; } .srRoomTotalDailyHeadCell { text-align: center; font-family: Verdana; } .srRoomTotalDailyCell { border-bottom: none; text-align: center; margin: 0px 10px; } .srRoomTotalCell { text-align: right; border-bottom: none; margin: 0px 10px; } .srRoomMealCell { text-align: left; border-bottom: none; width: 100px; color: #555; } .srRoomBookCell { text-align: center; border-bottom: none; margin: 0px 5px; } .srTotalDaily { color: #555; } .srTotalDaily_Symbol { color: #555; } .srResultHead td.srResultTotal { width: 70px; text-align: right; padding-right: 13px; } .srResultForNights { font-weight: normal !important; } .GR .srResultHead td.srResultTotal { width: 90px; } .srRoomValue { width: 35px; text-align: right; } .srLineSep { border-top: 1px solid #b1cdf6; padding-top: 8px; } .srResultDaysHead { text-align: right; } .srTtlSub { background-color: #9FB4D3; font-size: 14px; padding: 3px; font-family: Verdana; } .srTtlSub2 { padding: 3px; color: black; font-family: Verdana; text-transform: uppercase; } .srSep { background-color: #D2DBEA; } .srBook { color: #6C8BB9; } .srBookMulti, .srBookMulti a:link, .srBookMulti a:visited, .srBookMulti a:active, .srBookMulti a:hover { float: right; background-color: #FE0000; color: #FFF; font-size: 11px; width: 80px; height: 20px; line-height: 20px; text-align: center; text-decoration: underline; border: solid 1px #fff; font-family: VAG Rounded W01 Light; font-style: normal; } .srMultiTotalPrice { float: right; margin: 10px 10px 0px 10px; padding: 8px 0px 0px; } .srResultTotal { width: 80px; text-align: right; } .srTotal { font-size: 16px; text-decoration: none; font-family: VAG Rounded W01 Bold; font-style: normal; } .srTotal_Symbol { font-size: 11px; } .srTotalHotel { font-size: 15px; text-decoration: none; font-family: VAG Rounded W01 Light; font-style: normal; padding-right: 6px; width: 115px; text-align: right; } .srTotalDailyHotel { text-decoration: none; font-family: VAG Rounded W01 Light; font-style: normal; padding-right: 6px; width: 100px; text-align: center; } td.srResultTotalDaily { text-align: center; } .srResults { color: #2B5492; font-family: VAG Rounded W01 Light; font-style: normal; } .srAgain, a.srAgain:link, a.srAgain:visited, a.srAgain:active, a.srAgain:hover { color: #FE0000; font-size: 14px; text-decoration: none; font-family: VAG Rounded W01 Light; } .srroomlnsel { font-family: VAG Rounded W01 Light; font-style: normal; } .srChange { background: #7595BE url(/main/images/bc/srChangeBG.gif) top left repeat; padding-left: 5px; color: #FFF; font-size: 14px; height: 34px; line-height: 34px; font-family: VAG Rounded W01 Light; } .srChangeCell { background: #EDF0F5 url(/main/images/bc/srChageCell.gif) right repeat-y; font: normal 12px/17px VAG Rounded W01 Light; padding: 5px; } .srChangeBot { background: #EDF0F7 url(/main/images/bc/srChangeBotBG.gif ) repeat-x; height: 15px; font-family: VAG Rounded W01 Light; } .srResBG { background-color: #fff; } .srCell { border-bottom: 1px solid #f0f0f0; } .srResToggle { display: none; } .srShowAllRooms { cursor: pointer; color: #2C5692; } .srPrice { font-size: 11px; font-family: VAG Rounded W01 Light; font-style: normal; } .srPriceDisc { color: gray; font-size: 10px; text-decoration: line-through; font-family: VAG Rounded W01 Light; font-style: normal; } .srOffer { color: red; } .srPromoText { color: #4785B3; font-style: italic; font-size: 13px; } .srDiscountOffer { color: #000; font-family: VAG Rounded W01 Light; } .srDiscountOfferMeal { color: #FF6000; font-family: VAG Rounded W01 Light; } .srDiscountHotelOfferMeal { color: #FF6000; font-family: VAG Rounded W01 Light; font-size: 10px; } .srFreeNight, .srFreePerson { color: #FF6000; font-size: 9px; } .srPackageDisc { color: #000; float: right; text-align: center; padding-right: 5px; } .srPackageDiscRoom { color: red; float: left; text-align: right; padding-right: 5px; width: 500px; } .srPackageDiscList { color: #FF6000; text-align: center; } .srPackagePrice { color: #000; text-decoration: none !important; } .srBasketPackagePrice { color: red; text-decoration: none !important; } .srBasketPackageAddIt, .srBasketPackageAddIt a { color: #2C5692 !important; text-decoration: underline !important; } .srRoomSearchInfo { color: #000; } .srRoomNumber { font-size: 14px; } .srMoreResults { background-color: #FF6000; color: white; font-size: 16px; padding: 0 10px; margin: 6px 0px 10px 0px; font-family: VAG Rounded W01 Bold; text-transform: uppercase; border-radius: 0; line-height: 30px; height: 30px; } .srMoreResults span { background: transparent url(/main/images/other_accomodations.gif) right 10px no-repeat; float: left; height: 30px; padding-right: 12px; } .starS { fill: #CDA503 !important; } a.roomLink { text-decoration: none; font-size: 13px; float: left; } a.roomLink:hover { text-decoration: none; font-size: 13px; color: Gray; float: left; } .hdiscca { font-size: 13px; color: #000; font-family: VAG Rounded W01 Light; font-style: normal; } .hdiscva { font-size: 16px; font-family: VAG Rounded W01 Light; font-style: normal; } .ft { border: solid 1px #FFD368; background-color: #FEFAEF; font-family: VAG Rounded W01 Light; width: 766px; } .ftnarr { border: solid 1px #FFD368; background-color: #FEFAEF; font-family: VAG Rounded W01 Light; width: 717px; } .ftttl, .ftttl td { background-color: #FFEDBF; color: #383A39; font-size: 11px; font-family: VAG Rounded W01 Light; padding: 5px; } .ftItemSel, .ftItem, .ftItemDis { float: left; font-family: VAG Rounded W01 Light; width: 100%; cursor: pointer; display: block; min-height: 19px; } .ftItem, .ftItem td { color: #383A39; } .aspNetDisabled input, .ftItem input, .ftItemSel input { width: 16px; height: 16px; border: none; font-family: VAG Rounded W01 Light; } .ftItemSel { font-weight: normal; font-family: VAG Rounded W01 Bold; } .ftItemDis { color: #383A39; } .ftItem:hover, .ftItemSel:hover { background-color: #F9F7F1; width: 100%; cursor: pointer; } .searchflopt .aspNetDisabled, .searchflopt .aspNetDisabled label, .searchflopt .aspNetDisabled span { color: #999; cursor: default; } .ftItem input[type="checkbox"], .ftItemSel input[type="checkbox"], .ftItemDis input[type="checkbox"] { float: left; margin: 0 5px 0 0; -webkit-appearance: radio; -moz-appearance: radio; -ms-appearance: radio; -o-appearance: radio; appearance: radio; } .EN .searchflcont label span:first-child { width: 115px; } .DE .searchflcont label span:first-child { width: 115px; } .FR .searchflcont label span:first-child { width: 115px; } .RU .searchflcont label span:first-child { width: 115px; } .GR .searchflcont label span:first-child { width: 115px; } .radioLookalike input[type="checkbox"] { -webkit-appearance: radio; -moz-appearance: radio; -ms-appearance: radio; -o-appearance: radio; appearance: radio; } .blackCheckBox input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; background: url(check_radio_sheet.png) left top no-repeat; cursor: pointer; background-color: black; } @media screen and (-webkit-min-device-pixel-ratio:0) { .EN .searchflcont label span:first-child { width: 115px; letter-spacing: -0.01em; } .DE .searchflcont label span:first-child { width: 115px; letter-spacing: -0.08em; } .FR .searchflcont label span:first-child { width: 115px; letter-spacing: -0.08em; } .RU .searchflcont label span:first-child { width: 115px; letter-spacing: -0.08em; } .GR .searchflcont label span:first-child { width: 115px; letter-spacing: -0.08em; } } .lineTextButton a { font-family: VAG Rounded W01 Light; } .hotelDetailsButtons { font-family: VAG Rounded W01 Light; cursor: pointer; float: left; font-size: 13px; font-weight: normal; line-height: 20px; } .hotelDetailsContainer { text-align: left; width: 390px; float: left; color: #727272; text-align: justify; } /*Guide styles*/ .statehelper { visibility: hidden; } .headline1 { font-family: 'VAG Rounded W01 Black' !important; font-size: 30px !important; text-transform: uppercase !important; } .headline2 { font-family: 'VAG Rounded W01 Black' !important; font-size: 16px !important; text-transform: capitalize !important; } .yooLnk { font-family: 'VAG Rounded W01 Black' !important; color: #008CBA !important; } .yooButton a { font-family: Verdana !important; } .yooNav { font-family: 'VAG Rounded W01 Black' !important; } .sublines1 { font-family: Verdana !important; } div .dottedLine { display: block; height: 16px; background-image: url(/main/images/dots.jpg); background-repeat: repeat-x; width: 100%; margin-top: 10px; } div .yooButton { font-size: 12px !important; padding-top: 2px !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; color: white; padding: 4px 4px 4px 6px; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } div .yooShadow { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } /*end*/ .aspNetDisabled, .aspNetDisabled span, .aspNetDisabled td { color: #383A39; font-family: VAG Rounded W01 Light; } .basm { float: left; background-color: #fff; color: #000; margin: 0px 10px 0 0; padding: 10px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); width: 220px; } .basm a.withButton { font-size: 11px; text-decoration: none; font-family: VAG Rounded W01 Bold; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; color: white; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ /*height: 30px; padding-bottom: 6px; width: 990px;*/ } .basmttl { color: #000000; font-size: 15px; font-family: VAG Rounded W01 Bold; padding: 5px; white-space: nowrap; text-transform: uppercase; } .basmIt { font-family: VAG Rounded W01 Bold; /*border-bottom:1px dashed #CCCCCC;*/ float: left; margin: 0 0 5px 0; font-style: normal; font-size: 13px; padding: 5px 5px 10px 5px; } /*.basmIt a { color: #fff; }*/ .menu .menu a.homeBooking:active, .menu a.homeBooking:link, .menu a.homeBooking:visited { background-color: black; color: white; padding: 5px 10px 3px; font: 700 11px/18px VAG Rounded W01 Light; border-bottom-left-radius: 10px; } .dMenuBookingsInactive { background-image: url('/main/images/arrow-right.png'); background-position: left 4px; background-repeat: no-repeat; } .dMenuBookingsActive { background-image: url('/main/images/arrow-down.png'); background-position: left 4px; background-repeat: no-repeat; } .bskSumContainer { } .bskSumTitle { font-family: VAG Rounded W01 Bold; font-size: 20px; text-transform: uppercase; width: 100%; height: 25px; margin-bottom: 4px; white-space: nowrap; } .bskSumItemContainer { color: black; height: auto; } .bskGrayContainer { background-color: #F6F5F3; float: left; padding: 10px; width: 265px; } .bskRadioList { width: 100%; } .bskRadioList td hr { border: none; border-bottom: #d8d8d6 1px solid; } .bskSeparator { background: transparent; color: transparent; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #d8d8d6; margin: 0; } .priceSummary { color: #727272; font-size: 13px; } .priceSummary b { font-size: 14px; } .bskSumTotal { width: 100%; padding: 10px 0; font-size: 15px; float: right; text-align: right; text-transform: uppercase; color: #727272; } .bskSumTotal span { font-size: 15px; } .bskSumTotal b { font-size: 13px; } .bskSumTotalTax { margin-bottom: 10px; } .bskWhiteContainer { } .basketCont { border: 1px solid #d7d7d7; float: left; margin-left: 5px; padding: 8px 8px 0px 8px; } .basketEmpty { margin-top: 20px; padding: 20px; text-align: center; color: #727272; background-color: #F6F5F3; margin-bottom: 10px; font-size: 14px; } .basketHead, .basketHeadItinerary { font-family: VAG Rounded W01 Bold; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; color: black; } .tBasketHead { color: #008cba; font-family: VAG Rounded W01 Bold; font-size: 14px; margin-left: 15px; } .basketFrame { background-color: #FFF; /*margin-bottom: 10px;*/ width: 100%; float: left; } .basket { border-width: 0; margin: 10px; } .basketTtl { background-color: #fff; height: 25px; line-height: 25px; border-bottom: solid 0px #7794C0; padding-left: 10px; font-family: VAG Rounded W01 Light; font-style: normal; } .basketh { background-color: #FFF; padding: 5px; } .basketd { background-color: #EEE; vertical-align: top; font-family: VAG Rounded W01 Light; font-style: normal; border-width: 3px; padding: 3px; } .basketrem { color: #6C8BB9; width: 60px; text-align: center; font-family: VAG Rounded W01 Light; font-style: normal; } .grandTot { float: right; color: #000; font-size: 16px; width: 290px; text-align: right; background-color: #fff; font-family: VAG Rounded W01 Light; font-style: normal; padding-right: 0; } .grandTotCharge { font-size: 14px; padding: 3px 0; background-color: #fff; padding-right: 4px; } .grandTotDisc { font-size: 14px; color: Red; padding: 0 0 3px; background-color: #fff; padding-right: 4px; } .grandTotTot { padding: 3px 0; padding-right: 4px; color: #727272; font-family: VAG Rounded W01 Bold; text-transform: uppercase; font-size: 13px; } .grandTotTot b { font-size: 14px; } .bsktotbox { float: right; width: 300px; border: solid 0px #008CBA; text-align: right; color: #727272; } .bsktotHead { background-color: white; color: black; font-family: VAG Rounded W01 Bold; font-style: normal; font-size: 16px; padding: 4px; text-transform: uppercase; } .bsktotttl { font-size: 14px; } .bskSupName { font-size: 14px; font-family: Verdana; color: #727272; text-transform: uppercase; } .bskSupName a { font-size: 14px; font-family: Verdana; } .bskDets { color: #727272; padding: 0px 14px 0 0; } .bsklnks { text-align: right; padding-bottom: 4px; color: #ff6000; } .bsklnks a { background: transparent url(/main/images/basket/basket_checkout_bullt_ico.png) left 4px no-repeat; text-decoration: none; font-size: 11px; color: #008cba; padding: 0 4px 0 10px; text-transform: uppercase; font-family: Verdana; } .bsklnksCont { border-bottom: 1px solid #d6d6d4; margin-bottom: 20px; float: left; width: 100%; } .bsklnksTl { color: #727272; float: left; font-size: 14px; text-transform: uppercase; } .bskConditions a { text-decoration: none; font-size: 11px; color: #008cba; padding: 0 4px 0 10px; text-transform: uppercase; font-family: Verdana; } .bskPackageGet { color: #323232; font-size: 15px; font-weight: bold; } .bskPackageGet a { color: #323232; text-decoration: none; } .alterDate { display: inline; margin-left: 10px; } .cancellink { text-align: right; padding-bottom: 4px; } .cancellink a { background-color: #008CBA; color: white !important; font-size: 14px; font-family: Verdana; padding: 2px 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .bsktottotal { font-size: 14px; border-bottom: solid 0 #FFD978; } .bskProcess { color: Gray; font-size: 11px; } .bskProcess img { vertical-align: middle; padding-right: 8px; } .bskLastRoom { color: #ff6000; } .bskMoreOptions { background-color: #95B9C5; color: #FFFFFF; font-size: 16px; padding: 10px; text-align: left; text-transform: uppercase; } .bskMoreOptionsCont { padding: 0px; background-color: #F4F7FC; } .transSuggests { border-bottom: 1px dashed #A9AEB1; display: block; padding: 10px; text-align: left; } .transSuggests a { background-color: #404042; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #FFFFFF; font-size: 11px; margin: 0 0 0 20px; padding: 4px; text-transform: uppercase; } #smallBasket.fixed { top: 25px !important; position: fixed; } .pay { float: right; color: Gray; border: solid 1px #ff6000; text-align: left; font-size: 11px; width: 280px; font-family: VAG Rounded W01 Light; font-style: normal; padding: 5px; } .pay td { font-size: 11px; } .basketAddBtn { float: left; height: 37px; line-height: 37px; text-decoration: none; color: #686868; background: #F3F3F3 url(/main/images/bc/baskaddBG.gif); font-family: VAG Rounded W01 Light; } .basketAddBtn span { float: left; color: #686868; height: 37px; line-height: 37px; text-decoration: none; font-family: VAG Rounded W01 Light; font-style: normal; padding: 0 0 20px 5px; } .basketcol2 { width: 40px; text-align: center; font-family: VAG Rounded W01 Light; font-style: normal; } .basketdt { width: 60px; text-align: left; font-family: VAG Rounded W01 Light; font-style: normal; } .basketprice { width: 70px; text-align: right; white-space: nowrap; font-family: VAG Rounded W01 Light; font-style: normal; } .bskInFrame { padding: 0 4px; } .bskcol1 { border: solid 1px #b2c6e3; vertical-align: top; padding: 3px; } .bskcol2 { border: solid 1px #b2c6e3; border-left-width: 0; vertical-align: top; width: 60px; padding: 3px; } .bskcol5 { border: solid 1px #b2c6e3; border-left-width: 0; vertical-align: top; width: 100px; padding: 3px; } .bskcol6 { border: solid 1px #b2c6e3; border-left-width: 0; text-align: right; width: 70px; vertical-align: top; padding: 3px; } .bskcol7 { border: solid 1px #b2c6e3; border-left-width: 0; vertical-align: middle; width: 70px; background-color: #FFEDBF; text-align: center; padding: 3px; } .bskcol8 { border: solid 1px #b2c6e3; border-left-width: 0; vertical-align: middle; width: 8px; text-align: center; padding: 3px; } .bskopt { text-align: right; background-color: #b2c6e3; padding: 3px; } .bskopt a { color: #fff; background-color: #3475cd; border: 1px solid #285ea6; padding: 1px 5px 1px 5px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -ms-behavior: url(border-radius.htc); behavior: url(border-radius.htc); border-radius: 4px; } .bsksep { height: 15px; } .bskstrike { text-decoration: line-through; color: Gray; } .bskMessage { /*background: #fff url(/main/images/msgbox/ok.png)no-repeat 10px center;*/ background-color: #FFF; color: #008CBA; padding: 10px; text-align: right; float: right; display: none; } .bskFreeCanc { /*color: Green;*/ } .bskFreeCancBefore { } .bskFreeCancDate { /*color: Green;*/ } .bskBookSave { /*color: Green;*/ font-size: 14px; } .bskBookSaveAmount { color: #FF6000; font-size: 14px; } .bskConditions { text-align: right; } .checkout th { font-size: 20px; color: #008CBA; text-align: left; font-family: VAG Rounded W01 Light; height: 55px; } .checkout a { color: #727272; font-family: VAG Rounded W01 Bold; font-size: 14px; } .checkout td { color: #707070; padding: 1px 0px 1px 5px; font-family: VAG Rounded W01 Bold; font-size: 14px; } .checkout td .note { font-family: VAG Rounded W01 Light; font-size: 13px; } .chkbtn, a.chkbtn:link, a.chkbtn:visited, a.chkbtn:active, a.chkbtn:hover { float: left; background-color: #008CBA; color: white !important; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 3px; margin-left: 105px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .chkbtnFlight { float: left; margin-left: 60px; color: #FFF; text-decoration: underline; letter-spacing: 2px; background: #7895BF url(/main/images/bc/chkarrow.gif) no-repeat right; text-align: center; font-family: VAG Rounded W01 Light; font-style: normal; border-style: none; padding: 10px 30px 10px 30px; font-size: 18px; } .star { width: 15px; text-align: right; padding: 5px 5px 0 5px; color: #3294D3; } .dtTbl { border: solid 1px #C5D5EC; font-family: VAG Rounded W01 Light; font-style: normal; padding: 2px; } .dtTtl { color: #267CAD; font-size: 13px; padding-left: 2px; font-family: VAG Rounded W01 Light; font-style: normal; background: transparent url(/main/images/dots.jpg) left bottom repeat-x; height: 25px; } .dtTtl h2 { font-size: 14px; } .dtTtlLeft { color: #267CAD; font-size: 13px; font-family: VAG Rounded W01 Light; font-style: normal; float: left; width: 170px; } .dtTtlLeft h2 { margin: 0px; font-size: 14px; } .htlLink, a.htlLink:link, a.htlLink:visited, a.htlLink:active, a.htlLink:hover { color: #989898; font-size: 11px; font-family: VAG Rounded W01 Light; font-style: normal; } .htlTtl { color: #5B5959; } .htltbl { border-bottom-color: #C4E0EE; border-bottom-width: 1px; border-bottom-style: solid; border-top-color: #C4E0EE; border-top-width: 1px; border-top-style: solid; font-family: VAG Rounded W01 Light; font-style: normal; } .resSp { width: 10px; } .resNav a, .resNav2 a { height: 45px; line-height: 16px; color: #FFF; text-decoration: none; font-family: VAG Rounded W01 Light; font-style: normal; } .resHead { color: black; font-size: 20px; height: 30px; line-height: 30px; font-family: VAG Rounded W01 Black; font-style: normal; margin: 0 0 10px 0; text-transform: uppercase; } .resNo { background-color: #FFF; border: solid 1px #D7D7D7; text-align: center; height: 25px; line-height: 25px; font-family: VAG Rounded W01 Light; font-style: normal; padding: 5px; color: #727272; } .res { float: left; background-color: #FFF; border: solid 1px #d7d7d7; width: 682px; font-family: VAG Rounded W01 Light; font-style: normal; padding: 10px; } .htNavC { float: left; margin: 2px; } .htNav { background-color: white; border-bottom: dotted 1px #9c9c9c; width: 203px; font-size: 11px; padding: 5px 3px; border-radius: 0; text-transform: uppercase; } .htNav a { color: #008CBA; font-size: 13px; font-family: Verdana; } a.prtNav, a.prtNav2 { float: left; height: 30px; line-height: 30px; background-color: #6287B4; color: #FFF; text-align: center; text-transform: uppercase; margin: 0 0 0 10px; padding: 0 20px 0 10px; } a.prtNav2 { background: #6287B4 url(/main/images/bc/resNavBg.gif) no-repeat right bottom; } .htNav2 { background-color: #008CBA; border-bottom: solid 1px #9c9c9c; font-size: 11px; margin: 0 0 1px 0; padding: 5px 3px 5px 6px; border-radius: 0; text-transform: uppercase; width: 200px; } .htNav2High { background-color: #498733; color: #FFF; border-bottom: solid 1px #36679A; width: 179px; font-size: 11px; padding: 5px 3px; } .htNav2High a { color: #FFF; font-size: 13px; text-decoration: underline; } .htCont { float: left; width: 828px; border-left: solid 1px #36679A; padding: 5px 0 1px 10px; } .bookBtn, a.bookBtn:link, a.bookBtn:visited, a.bookBtn:active, a.bookBtn:hover { float: right; background-color: #FE0000; color: #FFF; font-size: 11px; width: 180px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; border: solid 1px #FFF; } .contbook, .contbook a:link, .contbook a:visited, .contbook a:active, .contbook a:hover { float: right; background-color: #FE0000; color: #FFF; font-size: 11px; width: 180px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; border: solid 1px #fff; } .ch1Btn, a.ch1Btn:link, a.ch1Btn:visited, a.ch1Btn:active, a.ch1Btn:hover { float: right; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; color: #FFF; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .ch2Btn, a.ch2Btn:link, a.ch2Btn:visited, a.ch2Btn:active, a.ch2Btn:hover { float: right; background-color: #008CBA; color: #FFF; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 31px; text-align: center; text-decoration: none; margin-top: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; width: 200px; text-transform: uppercase; } .ch3Btn, a.ch3Btn:link, a.ch3Btn:visited, a.ch3Btn:active, a.ch3Btn:hover { float: left; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; color: #FFF !important; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 3px; margin-left: 105px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .ch4Btn, a.ch4Btn:link, a.ch4Btn:visited, a.ch4Btn:active, a.ch4Btn:hover { float: left; background-color: #008CBA; color: #FFF; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .ch4BtnRight, a.ch4BtnRight:link, a.ch4BtnRight:visited, a.ch4BtnRight:active, a.ch4BtnRight:hover { float: left; background-color: #008CBA; color: #FFF; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; margin-left: 10px; } .chB2BBtn a { background-color: #008CBA; border-radius: 4px; color: #FFF; font-size: 14px; width: 260px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; text-transform: uppercase; margin-top: 3px; padding: 10px 70px; font-family: Verdana; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .btnBack { float: left; color: #008CBA; font-size: 15px; margin: 3px 0 0 0; background: #fff url(/main/images/bc/arrowback.png) 10px center no-repeat; padding: 0px 0 0px 37px; width: 143px; clear: both; } a.btnBack { font-size: 15px; } .dgh { background: linear-gradient(to bottom, #008CBA, #008CBA) repeat scroll 0 0 #008CBA; color: #FFFFFF; padding: 10px; } .dgh td { border: 1px solid #4A4740; font-size: 14px; padding: 10px; text-align: center; text-shadow: -1px 0 2px #4A4740; text-transform: uppercase; } .dgi { background-color: #F0F0F0; color: #4A4740; padding: 2px; } .dga { background-color: #DAE2E8; color: #4A4740; padding: 2px; } .dgi td, .dga td { border: 1px solid #4A4740; padding: 10px; } .dgi:hover, .dga:hover { /*background: linear-gradient(to bottom, #0078BA, #0078BA) repeat scroll 0 0 #0078BA;*/ background: rgba(0, 0, 0, 0.2); color: #FFFFFF; } .rndgen { overflow: visible; height: 100%; width: 100%; } div.Normal a, div.Normal a:hover { background: transparent url(/main/images/faqs_arrow.gif) left 2px no-repeat; font-family: Verdana; text-decoration: none; padding-left: 20px; float: left; margin-bottom: 16px; } div.Normal a.q_selected { background: transparent url(/main/images/faqs_arrow_down.gif) left 5px no-repeat; } span.Normal, span.Normal:hover { background: none; background-color: rgb(241, 240, 240); float: left; color: #727272; font-family: 'VAG Rounded W01 Light'; line-height: 17px; padding: 10px 20px; letter-spacing: 0px; border-radius: 4px; width: 910px; margin: -8px 0 8px 0; } .FAQArrow { background: transparent url(/main/images/faqs_arrow.gif) left 2px no-repeat; font-family: Verdana; text-decoration: none; padding-left: 20px; float: left; margin-bottom: 16px; color: #008CBA; cursor: pointer; } .FAQActive { background: transparent url(/main/images/faqs_arrow_down.gif) left 5px no-repeat; } .FAQToggleable { background: none; background-color: rgb(241, 240, 240); float: left; color: #727272; font-family: 'VAG Rounded W01 Light'; line-height: 17px; padding: 10px 20px; letter-spacing: 0px; border-radius: 4px; width: 910px; margin: -8px 0 8px 0; } .rndcont { height: 100%; margin: 0 10px 0 0; overflow: auto; padding: 0px; /*-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);*/ } .rndtop1 { height: 1px; overflow: hidden; margin: 0 2px; } .rndtop2 { height: 1px; margin: 0 1px; } .rndbot1 { height: 1px; overflow: hidden; margin: 0 2px; } .rndbot2 { height: 1px; overflow: hidden; margin: 0 1px; } .rndbottom { overflow: hidden; height: 7px; } .dlContainer { background-color: transparent; text-align: left; padding-top: 4px; } .dlContainerbg { padding-bottom: 10px; } .dlContainerbgTop { list-style: none; margin: 0; padding: 0 17px 0 17px; } #yoo_home_leftcont3 .dlContainerbgTop:last-child .dlSubContainerTop { border-bottom: none; } #yoo_home_leftcont3 h3 { border-bottom: 1px solid #000000; float: left; margin: 8px 0 15px 15px; width: 280px; } #yoo_home_leftcont3 h3 span { background-color: black; color: white; float: left; font-size: 12px; padding: 4px 5px 2px; text-transform: uppercase; } .dlSubContainer { padding-left: 0px; position: relative; z-index: 100; } .dlSubContainerTop { padding: 5px 0; border-bottom: 1px dashed #666; } .dlSubContainerTop .dlTopLink { color: #363636; text-decoration: none; font: normal 13px/12px Verdana; } .dlSubContainerTop .dlBottomLink { color: #727272; text-decoration: none; font: normal 13px/12px 'VAG Rounded W01 Light'; } .dlLeftCol { float: left; width: 70px; height: 50px; } .dlRightCol { float: left; width: 182px; padding-left: 5px; } .dlSupplier { font-size: 15px; font-family: 'VAG Rounded W01 Black'; color: #000; line-height: 17px; text-transform: uppercase; margin-bottom: 0px; height: 35px; } .dlSupplier a { color: #008CBA; text-decoration: none; font-family: 'VAG Rounded W01 Black'; font-size: 15px; letter-spacing: 0px; } .dlLocation { font: normal 12px Verdana; color: #008CBA; padding: 3px 0px 3px 0px; float: left; text-transform: uppercase; letter-spacing: 0px; width: 100%; } .dlDescript { font: normal 13px/17px 'VAG Rounded W01 Light'; letter-spacing: 0; color: #727272; padding: 6px 0 4px 0; height: 42px; overflow: hidden; } .dlPrice { background-position: left top; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fe514d, endColorstr=#ef5a14)"; background-color: #fe514d; -moz-border-radius: 20px 0 0 5px; -webkit-border-radius: 20px 0 0 5px; border-radius: 20px 0 0 5px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); color: #fff; float: right; font-style: normal; padding: 3px 8px 2px 12px; position: absolute; right: -15px; top: 40px; z-index: 1000; background-image: -webkit-gradient(linear,left bottom,right top,color-stop(0.29, rgb(239,89,20)),color-stop(1, rgb(254,80,77))); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ background-repeat: no-repeat; background-attachment: scroll; } .dlPrice br { } .dlPriceVal { font: normal 20px/18px 'VAG Rounded W01 Black'; } .dlPrice_from { font: normal 9px Verdana; letter-spacing: 0px; } .dlPrice_night { float: left; margin-top: -5px; font: normal 11px Verdana; letter-spacing: 0px; } .price_shadow { background: url("/main/images/hotel_deal_price_shadow.png") no-repeat scroll left top transparent; bottom: -7px; height: 7px; position: absolute; right: 0px; width: 5px; z-index: 10001; } .dlURL { float: right; } .dlURL a, .srMoreRates { text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; float: left; height: 20px; font: normal 12px/22px 'VAG Rounded W01 Bold'; letter-spacing: 0; padding: 0px 8px; text-transform: uppercase; text-decoration: none; color: #fff; width: auto; margin: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .GR .dlURL a { text-transform: none; } .dlbooking { font-size: 10px; color: #FF6000; text-decoration: none; padding: 3px; } .dlbookingTime1 { font-size: 10px; color: #FF6000; text-decoration: none; } .dlbookingTime2 { font-size: 13px; color: white; text-decoration: none; } .dlrating { font-size: 11px; } .dllatestcont { border-bottom: 1px dotted #ccc; } .dlBookingsLocation { font-size: 13px; color: #8d8675; padding: 0px; } .dlContainerbg.byLocation { width: 364px; height: 197px; } .dlContainerbg.byLocation > table { width: 360px; margin-top: 10px; } .dlContainerbg.byLocation > table img { width: 160px; } .dlTtl { color: #363636; font-size: 16px; font-family: 'VAG Rounded W01 Black'; height: 20px; } .dlTtl1 { font-size: 15px; padding: 13px 0px 6px 14px; } .dlTbl { padding: 15px 15px 7px 15px; color: #727272; } .dlTbl td { padding: 0; } .dlNoTtl { height: 10px; } .dlittl0, .dlittl0 a:link, .dlittl0 a:visited, .dlittl0 a:active, .dlittl0 a:hover { font-size: 18px; color: #5296B9; text-decoration: underline; padding-bottom: 2px; padding-left: 2px; } .dlittl1, .dlittl1 a:link, .dlittl1 a:visited, .dlittl1 a:active, .dlittl1 a:hover { font-size: 16px; color: #5296B9; text-decoration: underline; } .dlittl2, .dlittl2 a:link, .dlittl2 a:visited, .dlittl2 a:active { float: left; font-family: 'VAG Rounded W01 Black'; font-size: 30px; color: #000; text-decoration: none; text-transform: uppercase; padding-bottom: 6px; padding-left: 2px; overflow: hidden; line-height: 29px; } .dlittl2 span { font-family: 'VAG Rounded W01 Light'; font-size: 18px; text-transform: none; } .dlittl2 a:hover { font-size: 18px; color: red; text-decoration: none; padding-bottom: 2px; padding-left: 2px; } .dliLeft { color: #5296B9; text-decoration: none; border-top: solid 1px #C3E1EB; font-size: 14px; } .dliLeftsm { color: #000; text-decoration: none; font-size: 11px; border-bottom: #4a4a4a 1px dashed; padding: 5px 0 !important; } .dliRight { color: #FE2126; text-align: right; font-size: 14px; text-decoration: none; } .dliRightsm { color: #000; text-align: right; font-size: 11px; text-decoration: none; border-bottom: #4a4a4a 1px dashed; padding: 5px 0 !important; } .dliRight0 { color: #FE2126; text-align: right; font-size: 14px; text-decoration: none; } .dliRight0sm { color: #000; text-align: right; font-size: 11px; text-decoration: none; border-bottom: #4a4a4a 1px dashed; } .dliPrcDcr { padding-right: 4px; color: #5296B9; font-size: 13px; } .dealprice { font-size: 14px; color: Red; } .dealurl, a.dealurl:link, a.dealurl:visited, a.dealurl:active, a.dealurl:hover { font-size: 11px; color: #257CA8; } .dealcell { border-bottom-color: #C4E0EE; border-bottom-width: 1px; border-bottom-style: solid; } .dealcellL { border-bottom-color: #C4E0EE; border-bottom-width: 1px; border-bottom-style: solid; border-left-color: #C4E0EE; border-left-width: 1px; border-left-style: solid; } .dealcellR { border-bottom-color: #C4E0EE; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #C4E0EE; border-right-width: 1px; border-right-style: solid; } #msgBoxDiv { border: solid 1px #000; width: 300px; height: 150px; background-color: #E0E0E0; color: #000; margin: 20px 0 0 100px; } #msgBar { float: left; background-color: Gray; text-align: right; width: 295px; color: #FFF; padding-left: 5px; } #msgClose { border: solid 1px #999; background-color: #ECEBEB; color: #444; width: 20px; text-align: center; padding-left: 5px; } #msgText { overflow: auto; padding: 5px; } .ModalPopUp { background-color: #000; filter: alpha(opacity=10); -moz-opacity: 0.5; opacity: 0.5; } .ConfirmDeleteOut .img { float: left; background-image: url(/Main/Images/msgbox/info.png); background-repeat: no-repeat; width: 48px; height: 48px; padding: 10px; display: none; } .ConfirmError .img { float: left; background-image: url(/Main/Images/msgbox/error.png); background-repeat: no-repeat; width: 48px; height: 48px; padding: 10px; } .confirmlink { text-align: right; padding-bottom: 4px; } .confirmlink a { float: left; background-color: #008CBA; color: white; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 3px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .jcc3dback { position: absolute; background-color: #000; filter: alpha(opacity=75); opacity: 0.7px; left: 0; top: 0; width: 100%; height: 200%; z-index: 5000; background-image: url(/main/images/jcc3d.gif); } .jcc3dcont { position: absolute; left: 50px; top: 100px; background-color: #fff; width: 900px; height: 600px; z-index: 5050; } .jcc3dframe { width: 900px; height: 600px; background-color: #fff; z-index: 5115; } .jcc3dabort { background-color: #fff; text-align: right; padding: 5px; } .shCont { border: dotted 1px #000; height: 20px; margin: 3px 5px; padding: 4px; } .shIt img { border: none #FFF 0; } .shIt a { text-decoration: none; color: #000; line-height: 15px; text-transform: capitalize; padding: 0 0 0 2px; } .srLPr { font-size: 22px; font-family: Verdana; font-weight: normal; } .srLChkPr { width: 120px; background-color: #D2DBEA; border: solid 1px #7594C0; padding: 2px; } .srBookIt { text-align: center; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; float: right; height: 20px; font: normal 12px/22px Verdana; letter-spacing: 0; padding: 5px; text-transform: uppercase; text-decoration: none; color: #fff; width: auto; margin: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; /* For Internet Explorer 8 */ } .srBookItExc { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; } .srBookIt a { float: left; width: 100%; color: #FFF; font: normal 14px/21px Verdana; } .srCurrSymbol { } .srVPrice { font-size: 20px; } .srsVPrice { font-weight: normal; font-family: VAG Rounded W01 Light; font-size: 13px; } /*.srMoreRates { background-color: #008CBA; border: solid 0px #0068A7; color: white; padding: 6px 8px; cursor: pointer; margin: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/ .srMoreRates { font: normal 10px/22px Verdana; padding-bottom: 2px; /*width:105px;*/ height: 20px; white-space: nowrap; float: right; } .srMoreRates a { text-decoration: none; font: normal 14px/22px Verdana; color: #fff !important; } .srBookIt2 { background-color: #6387B4; border: ridge 1px #4972A8; color: #fff; padding: 2px; cursor: pointer; } .srBookIt2 a { color: #fff; text-decoration: none; } .srNoResults { margin-top: 6px; background-color: #D2E7EA; padding: 10px 6px 10px 6px; border: solid 0px #7594C0; text-align: left; font: normal 13px/16px VAG Rounded W01 Light; color: #036; } .srNoResults img { display: block; float: left; margin-right: 10px; } .srNoResultsRoom { background-color: #8CB5EA; text-align: left; color: white; margin: 20px 4px; padding: 18px; font-size: 13px; } .srNoResultsRoom a, .srNoResultsRoom a:link, .srNoResultsRoom a:visited, .srNoResultsRoom a:hover { color: #0079B9; font-size: 13px; } .srNoResultsRoom img { float: left; margin-right: 10px; } .tempFlyout { padding: 2px; } .dgOffers { } a.toggleOffer:link, a.toggleOffer:hover, a.toggleOffer:visited, a.toggleOffer:active { color: #2C5692; text-decoration: none; margin: 5px 3px; } .ofdgh { background-color: #D2DBEA; color: #000; padding: 4px; } .ofdgh td { padding: 3px; } .ofdgi { background-color: #F7F6F3; color: #333; padding: 2px; } .ofdga { background-color: #FFF; color: #284775; padding: 2px; } .oflow { border: 1px solid #7594C0; margin-left: 20px; padding: 5px; /*text-align: center;*/ text-align: left; font-family: Verdana; font-size: 14px; } .ofExpiry { color: #ff6000; font-size: 9px; vertical-align: top; text-decoration: none; margin-left: 3px; } .ofCheckBtn { margin-left: 25px; } .ofCheckBtn a { margin-left: 5px; border: 1px solid #4972A8; padding: 3px; text-decoration: none; background-color: #6387B4; color: #fff; } .imgL, .rooSel, .ConfirmDeleteOut .btnYes { float: left; } #dProcessing, #BusyBoxDiv, #PayBoxDiv { display: none; text-align: center; position: absolute; background-color: #FFF; left: 0; top: 0; height: 100%; } #dProcessing { width: 100%; z-index: 9999; } .gFR, .gFRI { border: solid 1px #000; border-collapse: collapse; } .basketcol1, .basketcol3, .basketcol4 { width: 80px; font-family: VAG Rounded W01 Light; font-style: normal; } .bskcol3, .bskcol4 { border: solid 1px #b2c6e3; border-left-width: 0; width: 110px; vertical-align: top; padding: 3px; } .htNav2 a, a.htNav2 { color: white !important; font-size: 14px; font-family: Verdana; } .htContmnu, .shIt { float: left; width: 130px; } .dgi, .dga { background-color: #f0f0f0; padding-left: 2px; } .dliLeft a:link, .dliLeft a:visited, .dliLeft a:active, .dliLeft a:hover, .dliLeft0, .dliLeft0 a:link, .dliLeft0 a:visited, .dliLeft0 a:active, .dliLeft0 a:hover { color: #5296B9; text-decoration: none; font-size: 14px; } .dliLeftsm a:link, .dliLeftsm a:visited, .dliLeftsm a:active { color: #61a9bc; text-decoration: none; font-size: 11px; } .dliLeftsm a:hover { text-decoration: underline; } /*.ConfirmDeleteOutProvider, .ConfirmErrorProvider { background-color: #FFF; width: 450px; height: 150px; padding: 10px; font-size: 16px; }*/ .ConfirmDeleteOut, .ConfirmError { background-color: #FFF; width: auto; height: 150px; padding: 10px; font-size: 16px; } .ConfirmDeleteOut .ConfirmDeleteInMsg, .ConfirmError .ConfirmDeleteInMsg { background-color: #FFF; clear: right; height: 80px; vertical-align: middle; } .ConfirmDeleteOut .btnNo, .ConfirmError .btnYes { float: right; } .srLChkPr a, .srLChkPr a:hover { text-decoration: none; } .srBookIt a, .srBookIt a:hover { text-decoration: none; color: #fff !important; } .shCal { border: 0px solid #FFD368; padding: 2px 12px 2px 2px; background-color: #fff; margin-bottom: 4px; } .shCalSel { border: 1px solid #FFD368; padding: 2px 2px 2px 156px; } .shCalTtl { padding: 2px 12px 2px 2px; text-align: right; } a.shCalLnk, a.shCalLnk:link, a.shCalLnk:hover, a.shCalLnk:visited { color: #383A39; } /*Flights*/ .fliseway { font-family: VAG Rounded W01 Light; margin: 1px 0; padding: 2px 0; } .fliseway td { padding-right: 15px; font-family: VAG Rounded W01 Light; } .fliseway input { border: solid 0 #fff; font-family: VAG Rounded W01 Light; } .fliBox { width: 100%; font-family: VAG Rounded W01 Light; padding: 3px; border: 1px solid #B1CDF6; } .fliBk { width: 100px; text-align: center; background-color: #0068A7; border: solid 1px #0068A7; color: #fff; padding: 2px; cursor: pointer; margin: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .fliFlexHD { color: #4972a8; font-size: 15px; font-family: VAG Rounded W01 Light; padding: 8px 0 4px 6px; } .fliFlexHDIti { color: #4972a8; font-size: 13px; font-family: VAG Rounded W01 Light; padding: 8px 0 4px 5px; } .fliFlexHDPlain { border-bottom: solid 1px #4972a8; font-family: VAG Rounded W01 Light; } .fliFlexHDlnk { border: solid 1px #4972a8; text-align: center; background-color: #d6ebfe; font-family: VAG Rounded W01 Light; padding: 4px; } .fliFlexHDlnk a:link { font-family: VAG Rounded W01 Light; } .fliFlexHDsel { border: solid 1px #4972a8; text-align: center; color: Red; border-bottom-width: 0; font-family: VAG Rounded W01 Light; padding: 4px; } .fliFlexLowBox { border: solid 2px #4972a8; text-align: center; font-family: VAG Rounded W01 Light; margin: 3px; padding: 5px; } .fliFlexLowPrc, .fliFlexLowPrc a, .fliFlexLowPrc a:visited, .fliFlexLowPrc a:link { color: Red; font-family: VAG Rounded W01 Light; } .fliFlexbtn { height: 30px; font-size: 15px; background-color: #7895BF; color: #FFF; font-family: VAG Rounded W01 Light; } .fliFlexCal { width: 63px; height: 38px; text-align: center; vertical-align: middle; background-color: #d6ebfe; color: #4972a8; border: solid 1px #b2c6e3; font-family: VAG Rounded W01 Light; font-size: 11px; } .fliFlexCalBtn { height: 15px; } .fliFlexCalSel { width: 63px; height: 38px; text-align: center; vertical-align: middle; background-color: #d6ebfe; color: red; border: solid 1px #b2c6e3; font-family: VAG Rounded W01 Light; font-size: 11px; } .fliFlexCalhor { float: left; width: 58px; height: 38px; text-align: center; vertical-align: middle; background-color: #d6ebfe; color: #4972a8; border: solid 1px #b2c6e3; font-family: VAG Rounded W01 Light; font-size: 11px; } .fliFlexCalhorSel { float: left; width: 59px; height: 38px; text-align: center; vertical-align: middle; background-color: #d6ebfe; color: red; border: solid 1px #b2c6e3; font-family: VAG Rounded W01 Light; font-size: 11px; } .fliFlexCalHorBtn { float: left; } .fliFlexCalit, .fliFlexCalitNoPrice { width: 57px; height: 37px; text-align: center; vertical-align: middle; background-color: #fff; color: #4972a8; border: solid 1px #b2c6e3; font-family: VAG Rounded W01 Light; font-size: 11px; cursor: pointer; } .fliFlexCalitLow { width: 57px; height: 37px; text-align: center; vertical-align: middle; background-color: #fff; color: #4972a8; border: solid 2px red; font-family: VAG Rounded W01 Light; font-size: 11px; } .fliFlexCalitDisabled { width: 57px; height: 37px; text-align: center; vertical-align: middle; background: url("/main/images/sold-out-background.gif") repeat scroll 0 0 transparent; color: #4972a8; border: solid 1px #b2c6e3; font-family: VAG Rounded W01 Light; } .fliFlexCalit a { text-decoration: none; font-size: 11px; color: #000; } .fliFlexCalitNoPrice a { text-decoration: none; font-size: 11px; } .fliFlexCalitCurrent { background-color: Lime; } .fliFlexCalit input { width: 20px; height: 20px; color: #00f; background-color: #f0f0f0; font-family: VAG Rounded W01 Light; border-width: 0; } .fliFlexCalimg { width: 110px; height: 35px; vertical-align: middle; font-family: VAG Rounded W01 Light; } .fliFlexCallbl { text-align: center; color: #4972a8; font-size: 15px; font-family: VAG Rounded W01 Light; } .fliselect { border: solid 1px #ccc; font-size: 11px; background-color: #d6ebfe; font-family: VAG Rounded W01 Light; } .flipage { border: solid 1px #d6ebfe; width: 99%; text-align: right; font-family: VAG Rounded W01 Light; padding: 3px; } .fliNoResults { border: solid 1px #7594C0; background-color: #D2DBEA; text-align: center; font-family: VAG Rounded W01 Light; padding: 6px; } .fliPass { font-family: VAG Rounded W01 Light; margin: 1px; padding: 1px; } .flihead { background-color: #BBCADF; color: #fff; font-size: 15px; font-family: VAG Rounded W01 Light; padding: 6px; white-space: nowrap; } .flipassinp { font-family: VAG Rounded W01 Light; } .flipasslblFF { font-size: 13px; width: 20px; font-family: VAG Rounded W01 Light; } .flipassinpFF { font-size: 10px; width: 173px; font-family: VAG Rounded W01 Light; } .flipassleft { border: solid 1px #b2c6e3; width: 50%; font-family: VAG Rounded W01 Light; } .flipassright { background-color: #f0f0f0; font-family: VAG Rounded W01 Light; } .fliPassType { color: #67676B; height: 25px; line-height: 25px; padding-left: 5px; font-family: VAG Rounded W01 Light; font-size: 15px; background: #fff url(/main/images/flight/gradient.horizontal.lightblue.small.png) repeat scroll 0 0; border: 0px solid #C9E1F7; } .fliPassHead { color: #67676B; height: 25px; line-height: 25px; padding-left: 5px; font-family: VAG Rounded W01 Light; background: #fff url(/main/images/flight/gradient.horizontal.lightblue.small.png) repeat scroll 0 0; border: 0px solid #C9E1F7; } .flipassType { float: left; width: 98px; padding-left: 30px; } .flipassTitle { float: left; width: 70px; } .flipassFName { float: left; width: 180px; } .flipassLName { float: left; width: 180px; } .flipassBirth { float: left; width: 205px; } .flipassPassport { } .flipassPCountry { float: left; width: 240px; } .flipassPNumber { float: left; width: 180px; } .flipassPExpiry { float: left; width: 200px; } .flipassoption { background-color: #b2c6e3; color: #FFF; font-size: 13px; height: 20px; line-height: 20px; font-family: VAG Rounded W01 Light; padding: 3px; } .flipasslbl { float: left; font-size: 11px; text-align: right; font-family: VAG Rounded W01 Light; padding: 0 3px 0 8px; } .flipasslplerr { border: 1px solid red; margin: 1px 10px 1px 10px; font-size: 10px; text-align: center; } .flipassedt { font-size: 10px; font-family: VAG Rounded W01 Light; padding: 0 0 4px 8px; } .flitd { font-size: 10px; font-family: VAG Rounded W01 Light; width: 150px; } .flitdri { font-size: 10px; font-family: VAG Rounded W01 Light; width: 120px; } .fliitin { /*background-color: #fff;*/ font-family: VAG Rounded W01 Light; font-size: 10px; } .fliitin a { font-size: 10px; } a.fliitinln { text-decoration: none; font-size: 11px; font-family: VAG Rounded W01 Light; } .flisubfl { background-color: #f6f5f3; font-family: VAG Rounded W01 Light; } .flisep { height: 1px; border-bottom: 0px solid #b2c6e3; font-family: VAG Rounded W01 Light; } .flipricetd { font-family: VAG Rounded W01 Light; } .flipricetdbk { font-family: VAG Rounded W01 Light; text-align: center; } .fliprice { font-family: VAG Rounded W01 Light; padding: 4px; } .fliPriceamnt { color: #000; font-size: 15px; font-family: VAG Rounded W01 Light; } .fliPriceamntsm { color: #94b4df; font-size: 11px; font-family: VAG Rounded W01 Light; } .flipricechangehead { color: #000; font-size: 16px; border: solid 1px #FFD978; text-align: center; background-color: #FFE7AB; height: 25px; line-height: 25px; font-style: normal; font-family: VAG Rounded W01 Light; } .flipricechangebody { background-color: #FFF9EB; border: solid 1px #FFD66D; text-align: right; font-style: normal; font-family: VAG Rounded W01 Light; padding: 5px; } .flinewprc { color: #4972A8; font-size: 13px; font-family: VAG Rounded W01 Light; padding: 4px 0; } .flibtnAccept { float: right; color: #FFF; text-decoration: underline; letter-spacing: 2px; background: #7895BF url(/main/images/bc/chkarrow.gif) no-repeat right; text-align: center; font-style: normal; font-family: VAG Rounded W01 Light; border-style: none; padding: 10px 30px 10px 10px; } .flibtnDecline { float: right; color: #FFF; text-decoration: underline; letter-spacing: 2px; background: red url(/main/images/bc/chkarrow.gif) no-repeat right; text-align: center; font-style: normal; margin-right: 5px; font-family: VAG Rounded W01 Light; border-style: none; padding: 10px 30px 10px 10px; } .fliflhd { text-align: center; vertical-align: bottom; border-left: solid 1px #4972A8; border-bottom: solid 1px #4972A8; font-family: VAG Rounded W01 Light; padding: 1px 0 2px; } .fliflprc { text-align: center; border-left: solid 1px #4972A8; border-bottom: solid 0 #4972A8; background-color: #b2c6e3; width: 100px; font-family: VAG Rounded W01 Light; padding: 3px 0; } .fliflprcsel { text-align: center; border-left: solid 1px #4972A8; border-bottom: solid 0 #4972A8; background-color: #fff; width: 100px; font-family: VAG Rounded W01 Light; padding: 3px 0; } .fliflstp { text-align: center; border-left: solid 1px #4972A8; border-bottom: solid 1px #4972A8; background-color: #b2c6e3; width: 70px; font-family: VAG Rounded W01 Light; padding: 3px 0; } .fliflcont { width: 765px; } .fliflcontover { width: 760px; overflow: scroll; overflow-y: hidden; -ms-scrollbar-face-color: #4972A8; scrollbar-face-color: #4972A8; -ms-scrollbar-highlight-color: #b2c6e3; scrollbar-highlight-color: #b2c6e3; -ms-scrollbar-3dlight-color: #b2c6e3; scrollbar-3dlight-color: #b2c6e3; -ms-scrollbar-darkshadow-color: #b2c6e3; scrollbar-darkshadow-color: #b2c6e3; -ms-scrollbar-shadow-color: #b2c6e3; scrollbar-shadow-color: #b2c6e3; -ms-scrollbar-arrow-color: #000; scrollbar-arrow-color: #000; -ms-scrollbar-track-color: #b2c6e3; scrollbar-track-color: #b2c6e3; } .fliwait { float: right; width: 800px; border: solid 1px #4972A8; text-align: center; padding: 8px 0; } .flRulesLnk { text-align: right; padding: 0px 5px; } .flRulesLnk a { color: #008CBA; } .airselect { font-size: 11px; } .airselect option { font-size: 11px; width: 250px; } .fldetpass { border: solid 0px #b2c6e3; padding: 3px; } .fldetsep { height: 5px; background-color: #fff; } .fldetttl, .fldetdest, .fliDest, .fliDestBasket, .flitotal { color: #67676B; height: 25px; line-height: 25px; padding-left: 5px; font-family: VAG Rounded W01 Light; font-size: 13px; background: #fff url(/main/images/flight/gradient.horizontal.lightblue.small.png) repeat scroll 0 0; border: 0px solid #C9E1F7; } .fliBk a, .fliBk a:visited, .fliBk a:link, .fliBk a:hover { text-decoration: none; color: #fff; cursor: pointer; } .flPassNote, .fliterm { font-size: 10px; font-family: VAG Rounded W01 Light; } a.morepref { font-size: 10px; } .fliInsCont { border: solid 1px #BBCADF; padding: 10px; width: 300px; } .fliInshead { border-bottom: solid 1px #BBCADF; padding-bottom: 3px; margin-bottom: 5px; } .fliInsTrm { text-align: right; } /*Calendar*/ /*input { border: 1px solid #ABABAB; }*/ .dayHead { background: #CECECE; font: 11px VAG Rounded W01 Light; text-align: center; } .dayNormal, .dayDisabled, .dayDisabled, .dayMarked, .dayHover { background-color: #FFF; font: 10px VAG Rounded W01 Light; text-align: center; color: #333; border: 0 solid #A0A0A0; cursor: pointer; text-decoration: none; } .dayDisabled { text-decoration: line-through; } .dayMarked, .dayHover { background-color: #E0E0E0; } .CalendarFrame { border-collapse: collapse; background: #FFF; border: 1px solid #7794C0; } .MonthHead { font: bold 13px VAG Rounded W01 Light; color: #000; text-align: center; background-color: #99BBE0; height: 16px; line-height: 16px; } /*ToolTip*/ .tip { font: 10px/12px VAG Rounded W01 Light,Helvetica,sans-serif; border: solid 1px #666; width: 300px; position: absolute; z-index: 100; visibility: hidden; color: #333; background-color: #ffc; layer-background-color: #ffc; padding: 1px; } .tip2 { font: 10px/12px VAG Rounded W01 Light,Helvetica,sans-serif; border: solid 1px #666; width: 145px; position: absolute; z-index: 100; visibility: hidden; color: #333; background-color: #ffc; layer-background-color: #ffc; padding: 1px; } .bookingCondTip { font: 10px/12px VAG Rounded W01 Light,Helvetica,sans-serif; border: solid 1px #666; width: 82px; position: absolute; z-index: 100; visibility: hidden; color: #333; background-color: #ffc; layer-background-color: #ffc; padding: 1px; } .paysel { border: 1px solid red; width: 150px; height: 100px; padding: 1px; margin: 10px; } .payselno { width: 150px; padding: 1px; margin: 10px; } .payselected { color: #707070; } .payselno img { width: 140px; } .payselcont { text-align: center; } .ui-slider-range-input { border: 0; color: red; } .rotating-elements { z-index: 5; height: 150px; } .element-rotated { width: 100%; height: 150px; } .tbsnameH { width: 250px; background-color: #DAE7E9; padding: 12px 5px 5px 21px; color: #000; text-transform: uppercase; font: normal 10px 'VAG Rounded W01 Light'; } .tbsclassH { background-color: #DAE7E9; padding: 12px 5px 5px 5px; color: #000; text-transform: uppercase; font: normal 10px 'VAG Rounded W01 Light'; text-align: left; width: 100px; } .tbsdateH { width: 90px; background-color: #DAE7E9; padding: 5px 5px 5px 5px; color: #000; } .tbsrateH { width: 85px; background-color: #DAE7E9; padding: 12px 15px 5px 5px; color: #000; text-align: center; text-transform: uppercase; font: normal 10px 'VAG Rounded W01 Light'; } .tbsname { color: #61a5b0; background-color: #DAE7E9; width: 290px; height: 31px; border-bottom: 1px solid #fff; padding-left: 21px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .tbsname { color: #61a5b0; background-color: #DAE7E9; width: 290px; height: 31px; border-bottom: 1px solid #fff; padding-left: 21px; } } .tbsname a { color: #6BA9B6; text-decoration: none; font: normal 13px Verdana; } .tbsclass { background-color: #DAE7E9; border-bottom: 1px solid #fff; padding: 8px 5px 5px 5px; text-align: left; } .tbsdate { background-color: #e1e8e9; width: 150px; border-bottom: 1px solid #ccc; padding: 8px 5px 5px 5px; } .tbsrate { background-color: #DAE7E9; text-align: center; width: 50px; border-bottom: 1px solid #fff; padding: 8px 15px 5px 5px; } .tbsrate a { text-decoration: none; color: #ff6000; font: normal 13px Verdana; } .tbstitle { padding: 0px 10px 12px 0; font-size: 16px; margin: 0px; font-family: 'VAG Rounded W01 Black'; text-transform: uppercase; } .tbscontainer { display: table; /*width: 100%;*/ float: left; border-spacing: 0px; } .tbscontainer div, .tbscontainer ul { width: 476px !important; } .tbscontainer ul { height: 30px !important; } .tbscontainer ul.tabs1, .tbscontainer ul.tabs1 li.active { border-bottom: 1px solid #DAE7E9 !important; } .tbscontainer ul li { border-width: 1px 1px 1px medium !important; text-align: center; height: 28px !important; width: 118px; } .tbscontainer ul li:last-child { border-width: 1px 0px 1px medium !important; } .tbscontainer ul li a { font-size: 13px !important; font-family: 'VAG Rounded W01 Black'; line-height: 24px !important; font-weight: normal !important; } .tbscontainer ul li a:hover { padding: 2px 20px 3px 20px !important; } .tbsmore { float: right; margin: 10px 0 7px 7px; display: none; } .tbsmore a { font: 700 12px/28px 'VAG Rounded W01 Light'; padding: 4px 8px; text-transform: uppercase; text-decoration: none; color: #fff; width: auto; margin: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .tbsMap { float: right; /*border:1px solid red*/ } .tbgcontainer { border: 1px solid #9FB4D3; display: table; width: 100%; border-spacing: 0px; border-bottom-width: 0px; } .tbgFromH { width: 150px; background-color: #D8E0ED; padding: 5px 5px 5px 15px; color: #7694BF; } .tbgToH { background-color: #D8E0ED; padding: 5px 5px 5px 15px; color: #7694BF; } .tbgDateH { width: 150px; background-color: #D8E0ED; padding: 5px 5px 5px 5px; color: #7694BF; } .tbgPriceH { width: 50px; text-align: right; background-color: #D8E0ED; padding: 5px 15px 5px 5px; color: #7694BF; } .tbgFrom { width: 150px; border-bottom: 1px solid #ccc; padding-left: 15px; } .tbgFrom a, .tbgTo a { text-decoration: none; } .tbgTo { border-bottom: 1px solid #ccc; padding: 8px 5px 5px 5px; } .tbgDate { width: 150px; border-bottom: 1px solid #ccc; padding: 8px 5px 5px 5px; } .tbgPrice { width: 50px; text-align: right; border-bottom: 1px solid #ccc; padding: 8px 15px 5px 5px; color: red; } .tbgPrice a { text-decoration: none; color: Red; } .staticfooter { color: #4e5766; padding: 8px 0px 0 0; margin: 0 0; left: 0px; bottom: 0px; text-align: left; background-color: #F9F9F9; border-top: 2px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 23px; width: 100%; position: fixed; z-index: 999999; } .staticfooterI { float: left; width: 30px; padding-left: 5px; } .staticfooterL { float: left; width: 330px; } .staticfooterL a { text-decoration: none; vertical-align: middle; color: #4e5766; } .staticfooterL img { text-decoration: none; vertical-align: middle; color: #4e5766; } .staticfooterLnk { float: left; width: 140px; } .staticfooterLnk a { text-decoration: none; vertical-align: middle; color: #4e5766; } .staticfooterLnk img { text-decoration: none; vertical-align: middle; color: #4e5766; } .staticfooterM { float: left; width: 300px; } .staticfooterM img { vertical-align: middle; } .staticfooterR { float: left; width: 120px; text-align: right; } .staticfooterS { float: left; width: 200px; text-align: right; } .staticfootertip { display: none; background: url(/main/images/tooltipcloud.png); height: 87px; padding: 20px 30px 10px 30px; width: 140px; font-size: 11px; color: #fff; } .staticfootertool { cursor: pointer; } /* Header Gallery and Map links */ .header-cell-two { } .header-cell-two div.popuplink { cursor: pointer; margin: 0 0; padding: 1px; width: 440px; } .header-cell-two div.popuplink.gallery .gal-thumbs { width: 40px; height: 30px; border: none; } .header-cell-two div.popuplink.gallery .gal-img { width: 380px; border: none; } /*.header-cell-three div.popuplink.gallery .gal-img{height:150px; width: 220px;border:1px solid #7594C0;} .header-cell-three div.popuplink.gallery .gal-thumbs{height:72px;width:85px;border:1px solid #7594C0;} .header-cell-three div.popuplink{background: #EDF0F5;border: 1px solid #7594C0;cursor: pointer;height: 175px;margin: 0px 3px;padding: 5px;width: 315px;} .header-cell-three div.popuplink.map{width: 186px;} .header-cell-three div.popuplink.trip{width: 215px;} */ /* Multiple Room Select */ div.room-select table { border-spacing: 2px 5px; } div.room-select-wrap { background: url(/main/ebooking/inc/images/room-select-bg.png); margin-top: -30px; position: absolute; display: none; background-repeat: no-repeat; background-position: 65px 50%; padding-right: 30px; } div.room-select { background-color: white; width: 248px; padding-bottom: 5px; } div.room-select-wrap.fixed { top: 45px !important; position: fixed; } div.room-select .room-select-title { color: black; font-size: 15px; padding-top: 10px; text-align: center; text-transform: uppercase; } div.room-select td:hover { /*border-color: #ffff99;*/ } div.room-select td { border: lightgray solid 1px; background-color: #fff; padding: 10px; cursor: pointer; color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4x; border-radius: 4px; } div.room-select td.selected-room { border: lightgray solid 1px; color: #fff; background-color: #ff6000; } div.room-select td.checked { color: #000; } div.room-select td.checked.selected-room { color: white; } div.room-select td.checked.selected-room a.clrbutton { color: white; float: right; font-size: 9px; } div.room-select a.clrbutton { float: right; font-size: 9px; color: black; } div.room-select a.room-number { text-decoration: none; color: #000; padding: 2px 0px; } div.room-select td.selected-room a.room-number { text-decoration: none; color: #fff; } div.room-select td.selected-room.checked a.room-number { } div.room-select td.checked a.room-number { font: normal 13px/17px 'VAG Rounded W01 Black'; } div.room-select .room-select-price { float: right; font-size: 13px; text-align: right; width: 100%; } div.room-select .room-select-contbook { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; margin: 10px; padding: 7px; text-align: center; display: none; -moz-border-radius: 4px; -webkit-border-radius: 4x; border-radius: 4px; } div.room-select .room-select-contbook a { color: white; display: block; font-size: 14px; padding: 5px; text-align: center; text-decoration: none; } div.room-select .room-select-contbook.checked { display: block; } div.room-select .room-select-allot { float: left; font-size: 10px; line-height: 10px; text-align: left; width: 70px; } div.room-select .room-select-grand { background: white; border: lightgray 1px solid; color: black; font-size: 16px; margin: 0px 10px 10px 10px; padding: 10px; text-align: center; } span.room-allot-num { color: #ff6000; } span.room-allot { } span.room-allot.multi { margin: 0px; padding: 1px; } /*NEW SEARCH CONTROL (WIDE) */ .rpLi { font-size: 10px; padding-bottom: 2px; margin-left: 10px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */ .rpLi { font-size: 10px; padding-bottom: 2px; margin-left: 0px; } } [if Opera] .rpLi { font-size: 10px; padding-bottom: 2px; margin-left: 0px; } .HotelSearchConWide, .ExcursionSearchConWide, .FlightSearchConWide { margin: 10px 0px; position: relative; } .hotelSearchControlImg { height: 273px !important; width: 945px !important; /*background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/data/media/searchmodules/mainimg.jpg); background-repeat: no-repeat !important;*/ background-size: 945px 262px !important; } .HotelSmallSearchConWide { } .AutoSearch { padding-top: 10px; font-family: VAG Rounded W01 Light; color: #727272; text-align: right; padding-right: 10px; padding-left: 10px; } .AutoSearch .cntSearchButton { background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; margin: 15px 0 0 0; padding: 2px 10px 1px 10px; width: auto; font: normal 14px/20px 'VAG Rounded W01 Black'; height: 17px; line-height: 18px; text-transform: uppercase; } .AutoSearch .cntSearchClear { float: left; display: block; } .AutoSearch .cntSearchClearA { background-color: #FFF !; color: #008CBA !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } .AutoSearch .cntSearchButton a { display: block; float: right; color: #FFF !important; } .inpHot { padding-left: 4% !important; } .dDestTop { width: 353px; height: 200px; position: relative; display: none; color: white; background-color: #FFFFFF; z-index: 999; left: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; top: -244px; } .dDestBottom { width: 353px; /*height: 200px;*/ padding-bottom: 15px; position: relative; display: none; color: white; background-color: #FFFFFF; z-index: 999; left: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .dDestBottomSmall { width: 290px; /*height: 200px;*/ padding-bottom: 15px; position: absolute; display: none; color: white; background-color: #FFFFFF; z-index: 999; border: 1px solid #BBB; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .dDestInner { padding-left: 10px; padding-top: 10px; } .tDest { /*padding: 4px 4px 4px 4px !important;*/ border: solid 1px #BBB; width: 208px; height: 29px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; /*margin-top: 5px !important;*/ } .tLang { padding: 4px 4px 4px 4px !important; border: solid 1px #BBB; width: 208px; height: 29px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; margin-top: 5px !important; } .tDestSmall { padding: 4px 4px 4px 8px; border: solid 1px #BBB; width: 150px; height: 22px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; margin-top: 5px; } .searchInput_textRounded { padding: 4px 4px 4px 8px; border: solid 1px #BBB; width: 150px; height: 29px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #000; background-color: #FFFFFF; margin-top: 5px; position: relative; z-index: 100; } .searchInput_textRounded_HotelDetail { padding: 4px 4px 4px 8px; border: solid 1px #BBB; width: 150px; height: 27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; position: relative; z-index: 100; } .searchInput_textRounded_tours { padding: 4px 4px 4px 8px; border: solid 1px #BBB; width: 287px; height: 29px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; border-color: #727272; margin-top: 5px; position: relative; z-index: 100; } .searchInput_textRounded_roundtrips { padding: 4px 4px 4px 8px; border: solid 1px #BBB; width: 150px; height: 27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; position: relative; z-index: 100; margin-top: 0px; } .bSearchContainer, .bSearchContainerLog { width: 135px; height: 39px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; color: white; margin-top: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .bSearchContainer:hover, .bSearchContainerLog:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#61A8BC, endColorstr=#7db9c1)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #7DB9C1),color-stop(0.69, #61A8BC)); /* For Internet Explorer 5.5 - 7 */ } .schsmdp .bSearchContainer { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; } .bGuestContainer { width: 145px; height: 37px; background-color: #FFFFFF; border: 1px solid #BBB; background-repeat: repeat-x; margin-top: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .bSearchInner { text-align: center; padding-top: 10px; } .bSearchControl { font: normal 16px Verdana; color: #FFF; } a.bSearchControlLog { height: 39px; margin: 0px 0 0 0; padding: 0; font: normal 16px/23px Verdana; color: #FFF; } .bSearchContainerFlex { display: flex; align-items: center; } .bSearchControl.trans { background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/search-icon.png); background-repeat: no-repeat; padding: 10px 28px 13px 40px; background-position: 10px 10px; float: left; } .bSearchControl.transSmall { padding: 10px 28px; background-color: #008CBA; display: inline-block; border-radius: 5px; margin-top: 5px; } .bSearchControl.exc { background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/search-icon.png); background-repeat: no-repeat; padding: 10px 48px 9px 41px; background-position: 10px 10px; float: left; } .bSearchControl.excSmall { padding: 10px 28px 0px 28px; float: left; } .bSearchControl.rtSmall { padding: 10px 28px 0px 28px; float: left; } .bSearchControl.hotelSmall { padding: 10px 28px 13px 28px; float: left; } a.bSearchControl:link { font: normal 16px Verdana; color: #FFF !important; } a.bSearchControl:active { font: normal 16px Verdana; color: #FFF !important; } a.bSearchControl:visited { font: normal 16px Verdana; color: #FFF !important; } a.bSearchControl:hover { font: normal 16px Verdana; color: #FFF !important; text-decoration: none; } .bGuestInner { padding-left: 10px; padding-top: 10px; } .bGuests { width: 151px; height: 39px; font: normal 16px Verdana; color: #b7b6b6; } .bGuestIMGCont { position: relative; } a.bRoom:link { font: normal 16px Verdana; color: #363636; } a.bRoom:active { font: normal 16px Verdana; color: #363636; } a.bRoom:visited { font: normal 16px Verdana; color: #363636; } a.bRoom:hover { font: normal 16px Verdana; color: #363636; text-decoration: none; } .ui-datepicker-top { background: transparent url(/main/images/transparentBorder.png) repeat; padding: 5px; margin-top: -230px; } .ui-datepicker-bottom { background: transparent url(/main/images/transparentBorder.png) repeat; padding: 5px; margin-top: 60px; } .dRoomTop { width: 300px; position: relative; display: none; z-index: 999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; left: 547px; bottom: 0px; font: normal 15px Verdana; color: #999999; background: transparent url(/main/images/transparentBorder.png) repeat; padding: 5px; top: -243px; } .dRoomBottom { width: 360px; position: relative; display: none; z-index: 999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; left: 570px; bottom: -5px; font: normal 15px Verdana; color: #999999; background: rgbA(0,0,0,0.2); padding: 5px 5px 5px 5px; } .dRoomInner { background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .dRoomControl { padding-top: 10px; padding-bottom: 10px; font: normal 15px Verdana; color: #999999; } .searchControlWrapper { position: absolute; top: 25%; z-index: 100; left: 15px; } .hotelOutterWrapper { margin: 0px auto; } .innerWrapper { background: none repeat scroll 0 0 rgba(238, 234, 231, 0.8); height: 50px; } .smallSearchControlWrapper { background-color: #363636; border-radius: 0px 0px 4px 4px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: left; padding: 5px 10px 10px 10px; width: 970px; } .searchInput_select_wide { padding: 3px 4px; border: solid 1px #272727; background-color: #2B2B2B; color: #999999; -moz-outline: none; outline: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .searchInput_select_wide_ages { padding: 3px 4px; border: solid 1px #272727; background-color: #2B2B2B; color: #999999; -moz-outline: none; outline: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .lDestinationTitle { font: normal 15px Verdana; color: #999999; padding-bottom: 10px; } .rpItem { font: normal 15px 'VAG Rounded W01 Light'; color: #999999; } a.rpItem:link { font: normal 14px 'VAG Rounded W01 Light'; color: #999999; } a.rpItem:active { font: normal 14px 'VAG Rounded W01 Light'; color: #999999; } a.rpItem:visited { font: normal 14px 'VAG Rounded W01 Light'; color: #999999; } a.rpItem:hover { font: normal 14px Verdana; color: #363636; text-decoration: none; } .rpItemText { font: normal 15px 'VAG Rounded W01 Light'; color: #999999; } .rpItemText:hover { font: normal 15px 'VAG Rounded W01 Light'; color: #363636; } .hotel_desc_cont { margin-top: 5px; float: left; } .hotel_desc_cont span { color: Gray; padding: 3px; } .hotel_tlt_prc { text-align: center; width: 110px; vertical-align: top; padding-right: 7px; } .hotel_tlt_prc_span { margin-left: 20px; } .srMoreRates_ht { padding: 5px; font-size: 14px; } .hotel_det_loc { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; } .hotel_det_tip { position: relative; border-left: 1px solid #E7E7E7; padding-left: 5px; } .hotel_det_hr { border-color: #EEE; border-style: solid; } .hotel_det_taxexcl { float: right; font-size: 10px; } .hotel_room_search_ddrop_wide { font: normal 14px Verdana; color: #999999; } .hotel_room_search_ddrop_wide table td { font: normal 14px Verdana; color: #999999; } .hotel_room_search_ddrop1_wide { float: left; margin: 10px 0 10px 0; font-family: Verdana; font-size: 13px; color: #363636; } .hotel_room_search_dSave { position: relative; width: 56px; height: 20px; background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; left: 295px; bottom: 8px; } .hotel_room_search_bSave { color: white !important; font: normal 14px Verdana; } a.hotel_room_search_bSave:link { color: white !important; font: normal 14px Verdana; } a.hotel_room_search_bSave:active { color: white !important; font: normal 14px Verdana; } a.hotel_room_search_bSave:visited { color: white !important; font: normal 14px Verdana; } a.hotel_room_search_bSave:hover { color: white !important; font: normal 14px Verdana; } .hotelDetailsNote { float: left; font-size: 10px; text-align: justify; } .arrowsDDIMG { margin-top: -30px; margin-left: 200px; padding-bottom: 10px; } .arrowsDDIMG2 { margin-top: -30px; margin-left: 200px; padding-bottom: 10px; } .arrowsDDIMGSmall { margin-top: -30px; margin-left: 140px; padding-bottom: 10px; } .roomsel_childindex_wide { font: normal 14px Verdana; color: #999999; width: 89px; height: 28px; padding-top: 8px; } .roomsel_adtholder_wide { padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 3px; border-radius: 4px; } /*CRMClient*/ .crmBsk { float: right; margin-right: 45px; } .crmBsk a.CRM_chkout_login { float: right; background-color: #008CBA; color: white; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .crmBsk .CRM_chkout_txtp, .crmBsk .CRM_chkout_txte { color: #b7b6b6; font-size: 14px; font-family: Verdana; } .crmBskRL td label { font-family: Verdana; font-size: 14px; } .CRMPictureName, .CRMPictureName a:active, .CRMPictureName a:link, .CRMPictureName a:visited { float: left; font-size: 20px; padding-bottom: 5px; color: black; margin-top: 5px; } .CRMReservationNavigation { float: left; background-color: white; width: 230px; min-height: 200px; padding-left: 10px; margin-top: 15px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } a.activationResend:link { color: rgb(112, 109, 112); text-decoration: underline; } a.activationResend:visited { color: rgb(112, 109, 112); } a.activationResend:active { color: rgb(112, 109, 112); } a.activationResend:hover { color: rgb(112, 109, 112); } .crmRightColDIV, .crmRightColDIVP { background-color: #FFFFFF; float: left; margin: 20px 0 0 0; min-height: 521px; padding: 20px !important; padding: 8px; width: 700px; } .crmRightColDIVP { width: 950px; margin-bottom: 30px; } .crmClient_Bookings { border: #EBEBEB 1px solid; } .crmClient_Bookings td { } .crmClient_Bookings tr { background-color: #f5fafa; } .crmClient_Bookings tr:nth-child(2n+1) { background-color: #efefef; } .crmClient_Bookings_td { background-color: #8db9cc; color: #FFF; font: normal 14px VAG Rounded W01 Bold; width: 179px; } .crmClient_Bookings_h1, .crmClient_Bookings_h11 { color: #000; font: normal 30px VAG Rounded W01 black; margin: 0; padding: 0; width: 500px; float: left; text-transform: uppercase; } .crmClient_Bookings_h11 { margin-bottom: 10px; } .crmClient_Bookings_h1 span { color: #323232; font: normal 22px VAG Rounded W01 Bold; } .crmClientPicture { background-color: #fff; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); height: 255px; list-style: none; margin: 20px 10px 0 0; padding: 20px; } .crmEditProfile, .crmEditProfile:hover { font-size: 14px; } .crmClientNavigation { background-color: #fff; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); list-style: none; margin: 10px 10px 10px 0; padding: 20px; border-radius: 4px; } .crmClientNavigation li { border-bottom: #9c9c9c 1px dotted; padding: 8px 0 5px 10px; } .crmClientNavigation li:first-child { padding-top: 0px; padding-left: 0px; } .crmClientNavigation li a { color: #008CBA; text-decoration: none; text-transform: uppercase; font-family: Verdana; } .crmClientNavigation li a:hover, .crmClientNavigation li.profile_active_link a { /*color: #000;*/ } .crmClientNavigation li ul li:last-child { border: none; padding-left: 0; } .crmClientNavigation li ul li { padding: 5px 0; } .crmClientNavigation li ul { list-style: disc; padding: 5px 0 0 26px; } .crmClientNavigation li ul li a { text-transform: none; } .crmClientNavigation a { text-transform: uppercase; } .crmClientNavigation ul.wishlist { padding: 0 0 0 26px; } .crmClientNavigation ul.wishlist li { padding-top: 6px; } .crmClientNavigation ul.wishlist li a { text-transform: capitalize; } .crmClientNavigation ul.wishlist li span { float: right; margin-top: 4px; } .crmClientNavigation ul.wishlist li span a { font-family: 'VAG Rounded W01 Light'; } .crm_wishlist { list-style: none; margin: 0; padding: 0; } .crm_wishlist li { background: rgba(0, 0, 0, 0) url("https://d20rvt6ieiyfip.cloudfront.net/main/Images/wishlist.jpg") center no-repeat; border: 1px solid #CCC; float: left; height: 180px; margin: 0 30px 30px 0; padding: 7px; text-align: center; width: 280px; } .crm_wishlist li:hover { -webkit-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333; } .crm_wishlist li a { float: left; margin: -4px 0 0 -4px; width: 288px; height: 188px; } .crm_wishlist li span { background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; color: #FFF; font-family: VAG Rounded W01 Bold; font-size: 17px; top: 140px; padding: 6px; position: relative; text-transform: capitalize; } .crm_wishlist li span h4 { margin: 0; padding: 0; } .crm_wishlist li span list { background-color: none; font-family: VAG Rounded W01 Light; font-size: 12px; top: 0px; } .crmnewbtn, .crmnewbtn1 { color: #008CBA; float: right; text-align: right; padding: 10px 0 8px 0; margin-bottom: 0; width: 100%; position: relative; } .crmnewbtn1 { width: 281px; } .crmnewbtn ul { float: right; list-style: none; margin: 3px 3px 2px 0; padding: 0; } .crmnewbtn ul li { float: right; margin: 0 0 0 20px; } .crmnewbtn ul li a { text-transform: uppercase; font-size: 13px; } .crmClient_listing { float: left; width: 100%; } .wishlist_tl { width: 419px; } .crm_bttm { margin-bottom: 20px !important; } .crmnewbtn .srMoreRates { margin-right: 2px; } .crmnewbtn .srMoreRatescont { float: right; margin-left: 22px; } .crmnewbtn .srMoreRatescont i { background-color: #F3F3F3; color: #323232; border-radius: 4px; float: right; font: normal 11px 'VAG Rounded W01 Light'; margin-right: 2px; padding: 5px; } .crmnewbtn .srMoreRatescont span { float: left; margin-right: 10px; margin-top: 1px; } .crmnewbtn .srMoreRatescont img { cursor: pointer; float: right; } .crmnewbtn .srMoreRatescont img.wlaval { float: left; margin: 6px 4px 0 0; } .crm_wlAvailability { background-color: #FFF; border: 1px solid #BBB; padding: 7px 7px 11px 7px; position: absolute; right: -13px; top: 2px; width: 157px; } .crm_wlAvailability span.crm_wlAvTl { color: #008CBA; cursor: pointer; float: left; font: normal 14px/22px Verdana; text-align: center; text-transform: uppercase; width: 157px; } .crm_wlAvailability ul { float: left; list-style: none; margin: 0; padding: 0; } .crm_wlAvailability ul li { float: left; margin: 0; } .crm_wlAvailability ul li .searchInput_textRounded, .crm_wlAvailability ul li .bGuestContainer { border: solid 1px #BBB; margin-left: 4px; width: 135px; } .crm_wlAvailability ul li .bGuestContainer { width: 147px; } .crm_wlAvailability ul li .bGuestContainer .bRoom { float: left; } .crm_wlAvailability ul li .bGuestContainer .bGuestCont img { float: right; margin-right: 6px; } .crm_wlAvailability ul li .bSearchContainer { float: left; margin-left: 4px; width: 149px; } .crm_wlAvailability ul li .bSearchContainer img { float: left; margin-left: 20px !important; } .crm_wlAvailability ul li .dRoomBottom { bottom: auto; left: -237px; position: absolute; top: 160px; width: 387px; } .crm_wlAvailability .ui-selectmenu-status { padding-left: 3px !important; width: 16px !important; } .crm_wlAvailability .searchInput_select_wide { background-color: #FFF !important; } .crm_wlAvErr { color: red; display: none; float: left; margin-top: 10px; text-align: center; width: 159px; } .crmRightColDIV hr { border: none; float: left; height: 2px; margin: 0; padding: 0; width: 100%; } .crm_wishlist_fcb { float: left; } .crm_wishlist_fcb span { float: left; padding-right: 5px; } .crmClient_listing ul { list-style: none; margin: 0; padding: 0; } .crmClient_listing ul li { float: left; } .crmClient_listing ul li hr { border: none; float: left; height: 2px; margin: 5px 0; width: 698px; } .crmClient_listing div.crmClient_photo { float: left; width: 170px; } .crmClient_listing div.crmClient_txt { float: left; width: 410px; color: #727272; } .crmClient_listing div.crmClient_txt a.srTtl2a { float: left; margin-top: 0; width: 100%; } .crmClient_txt .searchInput_text_Trans { font-family: 'VAG Rounded W01 Light'; font-size: 13px; color: #727272; margin-top: 7px; width: 360px; float: left; } .crmClient_txt span { float: left; margin: 3px 0 0 4px; } .crmClient_listing div.crmClient_prc { float: left; width: 86px; } .crmClient_listing div.crmClient_prc div.excRes_pric { width: 77px; } .crmClient_listing div.crmClient_prc div.excRes_pric b { font-size: 14px; } .wladdN { color: #F60 !important; float: left; margin-top: 14px; text-decoration: underline !important; text-transform: uppercase; } .crmClient_item_cont { border: 1px solid #e6e6e6; float: left; margin-bottom: 30px; padding: 12px; width: 674px; } .crmClient_item_cont:hover { border: 1px solid #008CBA; padding: 12px 12px; width: 674px; } .crmClient_item_ctr { float: left; margin-top: 5px; } .crmClient_item_ctr a { text-transform: uppercase; } .crm_popupnew { width: 370px; background-color: white; } .crm_popupnew_title { border-bottom: 1px solid #e6e6e6; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 0px 15px 9px 15px; margin: 10px 0 10px 0; color: #000; font-family: 'VAG Rounded W01 Black'; font-size: 23px; float: left; width: 370px; text-transform: uppercase; } .crm_popupnew_body { padding: 15px; font-size: 15px; margin-bottom: 10px; font-family: Verdana; } .crm_popupnew_footer { height: 35px; padding: 14px 15px 15px; margin-bottom: 0; border-top: 1px solid #D5D5D5; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #FFF,0 0 0 #000; box-shadow: inset 0 1px 0 #FFF,0 0 0 #000; text-align: right; } .crm_popupnew_footer .ch4Btn { float: right !important; margin: 0 0 0 10px; } .crm_popupnew_footer_L { float: left; text-align: left; width: 200px; } .crm_popupnew_footer_L .ch4Btn { float: left !important; margin: 0 10px 0 0; } .crm_popupnew_err { color: red; } .wl_cls { top: -11px !important; } .crmClient_share_cont ul { background-color: #FFF; padding: 10px 10px 0 10px; border: 1px solid #CCC; border-radius: 0; position: absolute; width: 135px; } .crmClient_share_cont ul li { margin: 0 0 10px 0; float: none; } .crmClient_share_cont ul li a { font-size: 13px; text-transform: capitalize; } .crmClient_share_cont .addthis_button_email { background: transparent url('/main/images/expert_email_icon.gif')left 3px no-repeat; float: left; padding-left: 27px; } .crmClient_share_cont .addthis_button_copy { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/wishlist_copy.gif')left 3px no-repeat; clear: both; float: left; padding-left: 15px; } .crmClient_share_cont .wl_fbtn { float: left; margin-bottom: 10px; } .crmClient_share_cont .wl_fbtn img { float: left; } .crmClient_share { padding: 0 0 10px 0; } .crm_wl_pub_img { float: left; margin: 0px 0 30px 0; width: 70px; } .crm_wl_pub_tl { float: left; margin: 0px 0 30px 0; } .crm_wl_pub_tl h1, .crm_wl_pub_tl h2 { margin: 5px 0 0 0; padding: 0; } .crm_public div.crmClient_txt { width: 670px; } .crm_public div.crmClient_txt i { background-color: #E1F4F7; border-radius: 4px; float: left; margin-top: 5px; padding: 5px 10px 5px 5px; width: 660px; } .crm_public hr.dottedLine { width: 950px; } .crm_wl_dropdown { background-color: #FFF; border: 1px solid #BBB !important; border-radius: 4px; color: #363636; font-family: Verdana !important; font-size: 15px !important; max-height: 250px; overflow-x: hidden; overflow-y: auto; padding: 0px; position: absolute; top: 42px; white-space: nowrap; width: 300px; } .crm_wl_dropdown span:hover { cursor: pointer; } .crm_wl_ddico_txt { color: #999; float: left; padding: 11px; width: 278px; } .crm_wl_dropdown ul { background-color: white; border-radius: 4px; float: left; list-style: none; margin: -41px 0 0 0; padding: 0px; z-index: 1000; position: relative; width: 300px; } .crm_wl_dropdown ul li { border-bottom: 1px solid #f2f2f2; float: left; margin-bottom: 0px; padding: 0px; width: 300px; } .crm_wl_dropdown ul li:hover { background-color: #008CBA; color: #FFF; } .crm_wl_dropdown ul li:last-child { border-bottom: none; } .crm_wl_dropdown ul li span { float: left; overflow: hidden; white-space: nowrap; width: 300px; } .crm_wl_ddit { color: #000; float: left; padding: 10px 15px 9px 15px; width: 270px; } .crm_wl_ddit:hover { color: #FFF; } .crm_wl_dropdown ol { background-color: #e5e5e5; float: left; list-style: none; margin: 0; padding: 0; width: 300px; } .crm_wl_dropdown ol li { border-bottom: none; float: left; padding: 10px 24px 10px 8px; width: 188px; } .crm_wl_dropdown ol li:nth-child(2) { float: right; padding-top: 16px; text-align: right; width: 48px; } .crm_wl_dropdown ol li:hover { background-color: #e5e5e5; color: #999; } .crm_wl_dropdown ol li .tN1 { font: normal 13px 'VAG Rounded W01 Light'; } .crm_wl_ddico { right: 7px !important; position: absolute !important; top: 20px !important; z-index: 10000; } .crm_wl_note { float: left; margin-top: 60px; width: 310px; } .crm_wl_addnote { font-size: 13px !important; padding: 10px !important; font-family: 'VAG Rounded W01 Light' !important; } .crm_wl_img { float: right; width: 160px; } .crm_wl_sbtn { float: right; margin-right: 7px; } .crmPassReminder, .resendAct { color: red; } .crmPassReminder input[type=submit] { border: none; font: normal 16px Verdana; font-weight: normal; height: 38px; margin: 0 0 4px 10px; } .crmPassReminder input[type=text] { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; padding: 10px; } /*CRM Login */ .CRMLoginOutterWrapper, .CRMSignupOutterWrapper { width: 515px; background-color: white; padding-top: 30px; padding-bottom: 30px; margin-top: 20px; padding-left: 45px; float: left; } .CRMLoginWrapper, .CRMSignupWrapper { background-color: white; margin: 0 auto 0 auto; color: white; border-radius: 0; } .CRMLogin, .CRMSignUp { background-color: transparent; background-repeat: no-repeat; padding-top: 10px; } .CRMLoginTitle, .CRMSignUpTitle { padding-left: 0px; } .CRMLoginTitle h1 { float: left; font-family: 'VAG Rounded W01 Black'; font-size: 30px; font-weight: normal; width: 100%; } .CRMSignUpTitle h1 { float: left; font-family: 'VAG Rounded W01 Black'; font-size: 30px; font-weight: normal; width: 100%; margin: 0; } .CRMLoginTitle span { float: right; font-size: 14px; line-height: 57px; padding-right: 10px; color: #8A8B8F; } .CRMLoginTitle a { margin-left: 10px; font-family: Verdana; } .CRMLoginTitle hr, .CRMSignUpTitle hr { width: 100%; position: relative; right: 10px; top: -10px; border: none; border-bottom: 1px dashed #AAA; } .CRMFacebookLogin { background-color: white; color: black; padding-top: 5px; padding-bottom: 10px; margin: 20px 0 30px 0; border-radius: 0; float: left; width: 100%; } .CRMFacebookSignUp { background-color: white; color: black; padding-top: 5px; margin: 20px 0 0px 0; border-radius: 0; float: left; width: 100%; } .CRMFacebookLogin > h2 { position: relative; font-weight: normal; top: 48px; text-align: center; color: #706D70; width: 1000px; left: 1px; } .CRMFacebookLogin h2.first_h2 { color: black; font-family: Verdana; top: 0; width: 100%; } .CRMLogin h2.second_h2 { color: #008CBA; font-family: Verdana; top: 0; width: 100%; font-weight: normal; text-transform: lowercase; font-size: 15px; } .CRMSignUp h2.second_h2 { color: #008CBA; font-family: Verdana; top: 0; width: 100%; font-weight: normal; text-transform: lowercase; font-size: 15px; margin-top: 15px; float: left; } .CRMSignUp h2.second_h2 span { margin-bottom: 0; } .CRMFacebookSignUp span { margin-bottom: 30px; float: left; width: 470px; } .CRMEmailLogin { background-color: transparent; height: 200px; padding-top: 0px; } .CRMEmailLogin .bSearchContainerLog { float: left; text-align: center; } .CRMEmailLogin .passwordResetControl { margin-left: 177px; float: left; margin-top: 19px; } .loginControls { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .logininputEmail { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .logininputPassword { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .logininputPasswordMode { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .lbCreateAccount { color: #706D70; text-decoration: underline; } .CRMFacebookSignUp img { width: 220px; } .CRMFacebookSignUp p { color: #706D70; } .CRMTblSignUp { color: #706D70; float: left; } .passRemCntr { float: left; width: 100%; } .CRMTerms { padding: 0px 10px 0px 0px; width: 350px; font-size: 12px; margin: 10px 0; float: left; color: #706D70; } .CRMTerms a:link, .CRMTerms a:hover, .CRMTerms a:active, .CRMTerms a:visited { color: #37AAB9; } .CRMExistingMember { color: #3B3B3B; font-family: Verdana; font-size: 15px; float: left; margin: 10px 0; text-transform: uppercase; } .CRMExistingMember a { font-family: Verdana; font-size: 15px; text-transform: uppercase; } .signupinputName { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .signupinputLastName { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .signupinputEmail { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .signupinputPassword { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; float: left; } .signupinputPasswordMode { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .passwordResetControl { color: #706D70; text-decoration: underline; font-family: 'VAG Rounded W01 Light'; font-size: 12px; } a.passwordResetControl:link, a.signupControl:link, a.activationResendControl:link { color: #008CBA; font-family: 'VAG Rounded W01 Light'; font-size: 12px; text-decoration: none; } .signupControl { color: #706D70; text-decoration: underline; font-family: 'VAG Rounded W01 Light'; font-size: 12px; } .activationResendControl { color: #706D70; text-decoration: underline; font-family: 'VAG Rounded W01 Light'; font-size: 12px; } .btnLogin { color: white; font: 400 17px VAG Rounded W01 Light; position: relative; text-transform: uppercase; top: -25px; z-index: 1000; left: 15px; } a.btnLogin:link { color: white; font: 400 17px VAG Rounded W01 Light; position: relative; text-transform: uppercase; top: -25px; z-index: 1000; left: 15px; } a.btnLogin:visited { color: white; font: 400 17px VAG Rounded W01 Light; position: relative; text-transform: uppercase; top: -25px; z-index: 1000; left: 15px; } a.btnLogin:active { color: white; font: 400 17px VAG Rounded W01 Light; position: relative; text-transform: uppercase; top: -25px; z-index: 1000; left: 15px; } a.btnLogin:hover { color: white; font: 400 17px VAG Rounded W01 Light; position: relative; text-transform: uppercase; top: -25px; z-index: 1000; left: 15px; } .loginbutton { float: left; width: 110px; } .loginbutton > img { left: 0px; padding-left: 30px; position: relative; top: 3px; z-index: 100; } .loginbutton > h2 { position: absolute; top: 575px; left: -10px; width: 100%; color: white; } .btnSignUp, .btnSignUp:hover { color: white; font: 400 14px VAG Rounded W01 Light; position: relative; text-transform: uppercase; top: 5px; z-index: 1000; left: -116px; } .signupbutton { float: right; width: 300px; padding: 0 0 0 5px; margin: 0; height: 10px; } .signupbutton > img { position: relative; float: left; left: 10px; right: 0px; } .signupbutton > h2 { position: absolute; top: 575px; width: 100%; color: white; } .signupControls { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 10px 10px 10px; font-size: 14px; } .passwordResetControl { color: #706D70; text-decoration: underline; } #reservLink { /*background-color: black;*/ border-radius: 0 0 0 4px; } .CRMFooterText { color: white; display: none; } .CRMLoginFooter { padding-top: 10px; width: 100%; } /*CRM Checkout Login */ .CRM_chkout_txte, .CRM_chkout_txtp, .CRM_chkout_txtpF { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; padding: 5px; width: 235px !important; } .CRM_chkout_login, .CRM_chkout_login:hover { background-color: #008CBA; border: 1px solid #3AACB4; -moz-border-radius: 15px 5px 15px 5px; -webkit-border-radius: 15px 5px 15px 5px; border-radius: 15px 5px 15px 5px; color: #FFFFFF; clear: left; font: 400 20px VAG Rounded W01 Light,sans-serif; height: 27px; padding: 5px; } /*CRM FOOTER*/ .CRM_FOOTER_WRAPPER { width: 100%; height: 210px; padding-top: 20px; } .CRM_COL1 { float: left; color: black; font-size: 14px; } .CRM_COL2 { float: left; padding-left: 78px; color: black; height: 170px; width: 306px; } .CRM_COL3 { float: left; padding-left: 78px; color: black; height: 170px; width: 310px; } .Col1Title { font-size: 20px; } .ColFields { background-color: white; padding: 8px 0; } .editProfileForm td { font-style: normal; font-size: 13px; color: #727272; } .editProfileForm td:nth-child(2n+1) { text-align: left; padding: 10px 20px 10px 0; } .editProfileForm h1 { color: #000; font: normal 30px VAG Rounded W01 Bold; margin: 0; padding: 0; width: 100%; text-transform: uppercase; } .editProfileForm h2 { /*background: url("/main/images/crm_clien_edit_profile_bullet.gif") no-repeat scroll left top #FFFFFF;*/ color: #707070; float: left; font: normal 15px VAG Rounded W01 bold; margin: 0; padding: 0 9px 0 0px; text-align: left; text-transform: uppercase; } .editProfileForm hr { border: none; border-top: #ccc 1px solid; position: relative; top: 2px; } .editProfileForm .epBtn { background-color: #008CBA; border: 0px solid #36868F; color: #FFFFFF; float: right; font: normal 14px Verdana; margin: 10px 0 0 5px; padding: 5px; text-decoration: none; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .editProfileForm .upBtn { background-color: #008CBA; border: 0px solid #36868F; color: #FFFFFF; float: left; font: normal 14px Verdana; margin: 10px 5px 10px 0; padding: 5px 80px; text-decoration: none; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .editProfileForm_rl { font-family: Verdana; } .editProfileForm_imgcont { background: transparent url(/main/images/crm_client_photo_container.png) left top no-repeat; position: absolute; top: 0; left: -4px; z-index: 1000; height: 199px; width: 202px; } .editProfileForm_imgmain { position: relative; } /*.editProfileForm td input { background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); background-image: linear-gradient(to top, #FFFFFF 0%, #EFEFEF 100%); border: #d9d9d9 1px solid; font-size: 13px; padding: 5px; width: 264px; }*/ .editProfileForm td select { background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* Mozilla Firefox */ background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* Opera */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to top, #FFFFFF 0%, #EFEFEF 100%); /* W3C Markup, IE10 Release Preview */ border: #d9d9d9 1px solid; ; font-size: 13px; padding: 5px; width: 232px; } .editProfileForm td input[type=checkbox] { width: auto; } .editProfileForm td input[type=radio] { margin: 0 3px 0 0; padding: 0; width: auto; } .editProfileForm td ul { list-style: none; margin: 0; padding: 0; } .editProfileForm td ul li { float: left; margin: 0 10px 0 0; width: auto; } .editProfileForm_DOB { width: auto !important; margin-right: 5px; } .editProfileForm_Title { width: auto !important; } /*Hotels Results*/ .htr_image { width: 150px; padding: 2px 10px 0 2px; vertical-align: top; text-align: left; } #shortdescr { padding: 10px 10px 0px 0px; color: #727272; } #longdescr { padding: 10px 10px 0px 0px; color: #727272; } .rmAmm { color: #727272; text-align: left; width: 500px; } /*Trip Advisor*/ a.tripsmimg img { height: 15px; } .tripsmcontainer { text-align: center; cursor: pointer; border: 0px solid #7594C0; padding: 0px 3px; float: right; width: 134px; margin: 3px 5px 3px 0; } .tripsmttl { font-size: 10px; } .tripsmimg { } .tripsmrate { } .tripsmcount { font-size: 10px; } .trWordRating { font-size: 15px; color: #4785B3; float: right; width: 125px; text-align: center; } .tripsmttlratecont { } .tripsmttlrate { font-size: 15px; } .tripbgcontainer { border-top: solid 1px #CCC; margin-top: 30px; height: auto !important; float: left; text-align: left; padding: 4px; width: 450px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; cursor: pointer; } .tripbgcontainer div.first, .tripbgcontainer div.second { float: left; width: 200px; } .tripbgcontainer div.second { margin: 6px 0 0 15px; } #tripadvpostlinktable .tripbgcontainer { height: 130px; padding-bottom: 15px; padding-top: 15px; width: 182px; } #tripadvpostlinktable .tripbgttl { font-size: 13px; font-weight: bold; } #tripadvpostlinktable .tripbgcount { font-size: 12px; color: #555; } .tripbgrate { font-size: 13px; } .tripbgratenum { color: #4F8939; font-size: 16px; font-weight: bold; } .tripbgttl { font-size: 14px; font-weight: bold; } .tripbgcount { font-size: 14px; color: #555; } .tripbglink { width: 100%; padding: 0 3px 0 0; line-height: 20px; font-size: 13px; color: #FF6000; display: none; } .tripbgimg { padding: 4px 0px; } .xp-l-il .xp-l-icn { display: inline-block; /* background: url(/main/images/iconsSprites.png) no-repeat; overflow: hidden; margin-left: 5px;*/ } .xp-l-more .xp-l-icn, .xp-l-collapse .xp-l-icn, .xp-l-expand .xp-l-icn, .xp-l-info .xp-l-icn { width: 11px; height: 11px; } .xp-l-collapse .xp-l-icn { background-position: -27px -1px; } .xp-l-collapse:hover .xp-l-icn { background-position: -27px -14px; } .xp-l-expand .xp-l-icn { background-position: -14px -1px; } .xp-l-expand:hover .xp-l-icn { background-position: -14px -14px; } .searchWrap { background-color: white; clear: both; margin: 0; padding: 5px 20px 20px 18px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .searchWrap div.searchBannerCont { position: absolute; float: left; width: 990px; z-index: 100; } .searchBannerNoClick { position: absolute; top: 190px; width: 908px; margin-left: 45px; height: 200px; z-index: 100; } .searchContainer { color: #363636; font-size: 13px; font-family: Verdana; float: left; background-color: #dfe6e8; height: 335px !important; width: 375px; padding-left: 0px; } /* ################## TRANSFERS #################### */ /* TRANSFERS CHECKOUT */ .dTransferDataActive { background-image: url(/main/images/checkout-arrow-up.png); background-repeat: no-repeat; background-position-y: 3px; z-index: 101; } .dTransferDataInactive { background-image: url(/main/images/checkout-arrow-down.png); background-repeat: no-repeat; background-position-y: 3px; z-index: 101; } .tOkBtn, a.tOkBtn:link, a.tOkBtn:visited, a.tOkBtn:active, a.tOkBtn:hover { display: none; float: right; background-color: #008CBA; color: #FFF !important; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: -20px; margin-right: 56px; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } #yoo_trans_main_top { float: left; margin-top: 25px; margin-bottom: 35px; width: 990px; } #yoo_trans_main_bottom { float: left; margin-bottom: 35px; width: 990px; } #yoo_trans_main_1, #yoo_trans_main_2, #yoo_trans_main_3 { background-color: #FFF; float: left; height: 262px; width: 320px; } #yoo_trans_main_4 { background: #FFF url(https://d20rvt6ieiyfip.cloudfront.net/main/data/media/Deals/trans_deal_04.jpg) right bottom no-repeat; float: left; height: 303px; width: 655px; } #yoo_trans_main_4 div.dlTtl { font-size: 30px; font-family: 'VAG Rounded W01 Black'; float: left; width: 100%; text-transform: uppercase; color: black; margin-top: 10px; line-height: 30px; padding-left: 15px; } #yoo_trans_main_4 h2 { float: left; width: 100%; color: #4F9DB3; text-transform: uppercase; font-family: Verdana; font-size: 20px; font-weight: normal; margin: 0; padding: 0; } #yoo_trans_main_4 span { float: left; width: 496px; } #yoo_trans_main_1 { background: #FFF url(https://d20rvt6ieiyfip.cloudfront.net/main/data/media/Deals/trans_deal_01.png?v=002) left top no-repeat; } #yoo_trans_main_2 { background: #FFF url(https://d20rvt6ieiyfip.cloudfront.net/main/data/media/Deals/trans_deal_02.jpg) left center no-repeat; } #yoo_trans_main_2 div.dlTtl { font-size: 30px; font-family: 'VAG Rounded W01 Black'; float: left; width: 100%; text-align: center; text-transform: uppercase; color: black; margin-top: 20px; line-height: 30px; margin-bottom: 119px; } #yoo_trans_main_2 h2 { float: left; width: 100%; text-align: center; color: #4F9DB3; text-transform: uppercase; font-family: Verdana; font-size: 20px; font-weight: normal; margin: 0; padding: 0; } #yoo_trans_main_3 { background: #FFF url(https://d20rvt6ieiyfip.cloudfront.net/main/data/media/Deals/trans_deal_03.png) left top no-repeat; } #yoo_trans_main_3 div.dlTtl { font-size: 30px; font-family: 'VAG Rounded W01 Black'; float: left; width: 100%; text-align: center; text-transform: uppercase; color: black; margin-top: 41px; line-height: 30px; } #yoo_trans_main_3 ul { list-style: none; margin: 0 0 0 50px; padding: 0; } #yoo_trans_main_3 ul li { color: black; font-family: 'VAG Rounded W01 Black'; font-size: 18px; font-weight: normal; padding: 5px 30px 3px 10px; text-transform: uppercase; background: transparent url(/main/images/why_book_with_us_check.gif) no-repeat right 8px; float: left; margin: 7px 0; } #yoo_trans_main_3 ul li b { font-weight: normal; } #yoo_trans_main_5 { background: #FFF url(https://d20rvt6ieiyfip.cloudfront.net/main/data/media/Deals/trans_deal_05.png) left bottom no-repeat; float: left; height: 303px; width: 320px; } #yoo_trans_main_5 div.dlTtl { font-size: 30px; font-family: 'VAG Rounded W01 Black'; float: left; width: 100%; text-transform: uppercase; color: black; margin-top: 9px; line-height: 30px; padding-left: 15px; } #yoo_trans_main_5 h2 { float: left; width: 100%; color: #4F9DB3; text-transform: uppercase; font-family: Verdana; font-size: 17px; font-weight: normal; margin-top: 29px; padding: 0; } #yoo_trans_main_5 span { text-align: center; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); background-color: #7DB9C1; float: left; height: 20px; font: normal 12px/22px Verdana; text-transform: uppercase; color: white; border-radius: 4px; cursor: pointer; width: 100px; margin-left: 65px; } #yoo_trans_main_5 span a { color: white; font-family: Verdana; line-height: 20px; } #yoo_trans_main_5 h3 { float: left; width: 100%; text-align: center; color: white; text-transform: uppercase; margin: 143px 0 0 0; padding: 0; font-family: Verdana; font-weight: normal; font-size: 25px; } .yoo_trans_sep, .yoo_trans_sep1 { float: left; height: 262px; width: 15px; } .nodropdown { border: none !important; background-color: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Verdana !important; font-size: 15px !important; color: #363636; margin: 10px 0 0 0; } .searchTransCont { position: relative; width: 870px; z-index: 100; margin: 0 auto; } .searchContainerTrans { height: 80px; color: #363636; font-size: 13px; font-family: Verdana; background-color: rgba(238, 234, 231, 0.8); margin: 0; width: 783px; padding: 6px; position: absolute; } .searchContainerTrans div { float: left; margin-right: 5px; } .searchContainerTrans div:last-child { margin-right: 0; } .searchInput_select_Trans_redError { background-color: #FFFFFF !important; border: 1px solid red !important; border-radius: 4px !important; font-family: Ubuntu, Sans-serif !important; font-size: 15px; margin: 5px 7px; padding: 4px 0px 4px 5px !important; white-space: nowrap; } .searchInput_select_Trans_redError > span.ui-selectmenu-status { color: #FF0000 !important; } .dlPar { float: left; } .searchInput_select_Trans { background-color: #FFFFFF !important; border: 1px solid #BBB !important; border-radius: 4px !important; font-family: Ubuntu, Sans-serif !important; font-size: 15px; margin: 2px 5px; padding: 9px 0px 9px 5px !important; white-space: nowrap; min-width: 45px; } .searchInput_select_Trans_Pass { background-color: white !important; border: 1px solid #bbb !important; border-radius: 4px !important; padding: 8px 0 0 0 !important; font-family: Verdana !important; font-size: 15px !important; margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap; /*width:auto !important;*/ } .trans_clear { position: absolute; z-index: 999; top: 20px; margin-left: 187px; background: transparent url(/main/images/trans_clear_icon.gif) right center no-repeat; height: 15px; width: 22px; } .trans_clearHA { position: absolute; z-index: 999; top: 20px; margin-left: 187px; background: transparent url(/main/images/trans_clear_icon.gif) right center no-repeat; height: 15px; width: 22px; } .searchInput_select_Trans_auto { background-color: white !important; border: 1px solid #bbb !important; border-radius: 4px !important; padding: 8px 0 8px 8px !important; font-family: Verdana !important; font-size: 15px !important; margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap; color: #999; /*width:auto !important;*/ } .searchInput_select_Trans_autoHA { background-color: white !important; border: 1px solid #bbb !important; border-radius: 4px !important; padding: 8px 0 8px 8px !important; font-family: Verdana !important; font-size: 15px !important; margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap; color: #999; /*width:auto !important;*/ } .dPointToClear { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/trans_clear_icon.gif) center top no-repeat; display: none; position: absolute; width: 30px; margin: 15px 0 0 265px; } .dPointToHAClear { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/trans_clear_icon.gif) center top no-repeat; display: none; position: absolute; width: 30px; margin: 15px 0 0 -39px; } .dPointToClearSm { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/trans_clear_icon.gif) center top no-repeat; display: none; position: absolute; width: 30px; margin: 80px 0 0 172px; } .dPointToHAClearSm { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/trans_clear_icon.gif) center top no-repeat; display: none; position: absolute; width: 30px; margin: 12px 0 0 172px; } .searchInput_text_Trans { border: 1px solid #bbb; border-radius: 4px; color: #999; padding: 8px 8px 6px 8px; font-family: Verdana; font-size: 15px; height: 27px; margin: 0; } .searchInput_CRMchkout { border: 1px solid #bbb; border-radius: 4px; color: #999; padding: 8px 8px 6px 8px; font-family: Verdana; font-size: 15px; height: 27px; margin: 0; width: 218px; } .searchInput_select_JCC { background-color: white !important; border: 1px solid #bbb !important; border-radius: 4px !important; padding: 8px 0 0 0 !important; font-family: Verdana !important; font-size: 15px !important; margin-left: 0 !important; margin-right: 5px !important; white-space: nowrap; float: left; /*width:auto !important;*/ } .searchInput_text_JCC { border: 1px solid #bbb; border-radius: 4px; color: #999; padding: 8px 8px 6px 8px; font-family: Verdana; font-size: 15px; height: 27px; margin: 0; text-align: left; } .bSearchInnerTrans { float: right !important; margin-top: 10px; padding-right: 19px; padding-left: 5px; } .bSearchInnerTrans input[type=submit] { border: none; font: normal 16px Verdana; color: white; text-transform: uppercase; margin-top: 6px; } .bSearchContainerTrans { width: auto; height: 43px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; color: white; margin-top: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .bSearchContainerTrans:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#61A8BC, endColorstr=#7db9c1)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #7DB9C1),color-stop(0.69, #61A8BC)); /* For Internet Explorer 5.5 - 7 */ } .searchOptionsCont { margin: 0 0 0px 10px; } .searchOptionsCont input, .searchOptionsCont select { cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .searchBtnContTrans { } .ui-datepicker-trigger { cursor: pointer; margin: -2px 0 0 -30px; } .searchMnuCont { text-transform: uppercase; } .searchMnuCont input { padding: 0px; margin: 0px; } .searchMnuAct { border-bottom: 2px solid #dae7e9; float: left; font-family: 'VAG Rounded W01 Black'; font-size: 13px; color: #363636; line-height: 25px; text-align: center; padding: 0; background-color: #dfe6e8; width: 125px; } .searchMnu { background-color: #008CBA; float: left; font-size: 13px; line-height: 24px; text-align: center; padding: 0px; color: #008CBA; width: 124px; border-left: 1px solid #fff; border-bottom: 2px solid #dae0e3; } .searchMnu a, .searchMnu a:hover, .searchMnu a:active, .searchMnu a:visited { font: normal 13px/28px 'VAG Rounded W01 Black'; color: #fff; text-decoration: none; } .searchInput { padding: 0px; height: 16px; } .searchInput_text { padding: 4px 4px; border: solid 1px #BBB; width: 130px; } .searchInput_select { padding: 3px 4px; border: solid 1px #BBB; } .roomsel_adtholder { padding: 3px; background-color: #e2e2e2; border: 1px solid #fff; } .roomsel_adtholder_inf { padding: 3px; background-color: none; border: 1px solid #fff; padding-right: 5px; } .roomsel_childindex { font-size: 13px; font-family: VAG Rounded W01 Bold; height: 27px; padding-top: 10px; display: block; vertical-align: middle; margin-right: 5px; } .searchRooms { width: 360px; border-top: 1px solid #c3c6d8; border-bottom: 1px solid #c3c6d8; padding: 0 0; } .searchRoomsFlight { padding: 0 0; border-top: 1px solid #c3c6d8; } .searchOption { float: left; width: 180px; } .searchOption select { width: 90%; } .searchBanner { float: left; width: 569px; background-repeat: no-repeat; } .searchBtnCont { margin: 10px 25px 15px 0; text-align: right; } .searchBtn { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; font-size: 14px; padding: 4px 8px; text-decoration: none; color: #fff; border: 1px solid #fff; float: right; margin-right: 13px; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .searchBtnBig { cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #FFFFFF; font-size: 15px; font-family: "VAG Rounded W01 Black"; letter-spacing: 1px; margin: 0; padding: 3px; text-decoration: none; text-transform: uppercase; width: auto; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .retrieveBtn { background-image: linear-gradient(bottom, #61A8BC 37%, #7DB9C1 69%); background-image: -o-linear-gradient(bottom, #61A8BC 37%, #7DB9C1 69%); background-image: -moz-linear-gradient(bottom, #61A8BC 37%, #7DB9C1 69%); background-image: -webkit-linear-gradient(bottom, #61A8BC 37%, #7DB9C1 69%); background-image: -ms-linear-gradient(bottom, #61A8BC 37%, #7DB9C1 69%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; border: #fff 1px solid; font-size: 15px; font-family: Verdana; padding: 4px 28px; text-decoration: none; color: #fff; width: auto; margin: 5px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; background-image: linear-gradient(bottom, rgb(55,170,185) 38%, rgb(75,183,191) 69%, rgb(103,196,198) 100%); background-image: -o-linear-gradient(bottom, rgb(55,170,185) 38%, rgb(75,183,191) 69%, rgb(103,196,198) 100%); background-image: -moz-linear-gradient(bottom, rgb(55,170,185) 38%, rgb(75,183,191) 69%, rgb(103,196,198) 100%); background-image: -webkit-linear-gradient(bottom, rgb(55,170,185) 38%, rgb(75,183,191) 69%, rgb(103,196,198) 100%); background-image: -ms-linear-gradient(bottom, rgb(55,170,185) 38%, rgb(75,183,191) 69%, rgb(103,196,198) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.38, rgb(55,170,185)),color-stop(0.69, rgb(75,183,191)),color-stop(1, rgb(103,196,198))); } .searchBtnSml { font-size: 14px; padding: 1px 8px; background-color: #008CBA; text-decoration: none; color: #fff; border: 1px solid #fff; margin: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .searchBtnSmlgo { padding: 3px 8px; background-color: #008CBA; text-decoration: none; color: #fff; border: 1px solid #fff; } .searchLineSep { float: left; border-top: 1px solid #c3c6d8; width: 360px; } .searchsmcont { float: left; padding: 0 0 10px 0; background-color: #fff; margin: 20px 10px 0 0; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); width: 205px; } .searchsmcontHotelDetail { background-color: #fff; margin: 5px 10px; float: left; } .hoteldetailbkcond { position: absolute; margin-left: 135px; cursor: pointer; } .searchsmhor { background-color: #f1f1f1; border: 1px solid #cacaca; border-radius: 0px; float: left; padding: 10px; width: 708px; } .searchsmhor div { float: right; margin: 0 7px 0 0; } .searchsmhor div.bSearchContainer { height: 36px; margin: 0; width: 100px; } .searchsmhor div.bSearchContainer a.bSearchControl.excSmall { padding: 9px 0 0 0; text-align: center; text-transform: uppercase; width: 100px; } .searchsmhor div.bSearchContainer a.bSearchControl.rtSmall { padding: 9px 0 0 0; text-align: center; text-transform: uppercase; width: 100px; } .searchsmhorB { background-color: #363636; border-radius: 0px 0px 4px 4px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: left; padding: 5px; width: 980px; position: relative; } .searchsmhorB span.bookTitle { color: #FFF; font-family: Verdana; font-size: 17px; text-transform: uppercase; } .searchsmhorB div.total { border-radius: 0; float: left; color: #FFF; text-transform: uppercase; width: 81px; } .searchsmhorB div.srBookIt { padding: 9px 10px 0px 10px; height: 29px; } .searchsmhorB table tr td { padding-right: 10px; } .pagingDivs { width: 100%; background-color: #F9F9F9; line-height: 29px; border-collapse: separate; border: 1px solid #E7E7E7; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); } .pagingDivs div { float: left; } .pagingDivs ul { list-style-type: none; padding: 0px; margin: 0px; position: relative; left: -50%; } .pagingDivs li { float: left; height: 29px; padding-left: 1px; padding-right: 1px; width: 29px; } .pagingDivs li:hover, .pagingDivs li.active { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; background-color: #FFFFFF; padding: 0px; } .pagingDivs li a { display: block; height: 100%; width: 100%; padding-top: 3px; color: #008CBA; } .pagingDivs li a:hover, .pagingDivs li.active a { border-top: 3px solid #008CBA; padding-top: 0px; text-decoration: none; } .pagingDivs .prev a, .pagingDivs .next a { line-height: 29px; color: #008CBA; } .pagingDivs .next a:hover, .pagingDivs .prev a:hover { text-decoration: underline; } .pagingDivs .prev { text-align: left; width: 112px; position: relative; border-right: 1px solid #E7E7E7; z-index: 2; -moz-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagingDivs .next { float: right; text-align: right; width: 112px; position: relative; border-left: 1px solid #E7E7E7; z-index: 2; -moz-border-top-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .searchsmttl { /*background-color:#f0f0f0; color: #000;*/ color: black; font-size: 15px; line-height: 14px; padding-left: 15px; padding-top: 10px; padding-right: 10px; border-radius: 4px 4px 0 0; } .searchResCount { color: #000; font-size: 120%; font-family: VAG Rounded W01 Light; font-style: normal; padding: 0; } .searchResCountBB { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/breakfast-icon.png) right top no-repeat; float: right; height: 55px; width: 55px; margin: 0 0 0 10px; } .searchflMainttl { padding: 4px 2px; font-size: 15px; } .searchflcont { background-color: #FFFFFF; margin: 0 10px 0 0; padding: 10px; position: relative; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .searchfldisabl { background-color: #000; filter: alpha(opacity=20); -moz-opacity: 0.1; opacity: 0.1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .searchflcont label { cursor: pointer; width: auto; float: left; /*white-space: pre-wrap;*/ } .searchflttl { background-color: #fff; color: #000000; font-size: 13px; padding: 2px 0; cursor: pointer; margin-top: 10px; } .searchflttlCont { } .filterHT { color: gray; font-family: 'VAG Rounded W01 Light'; font-size: 11px; } .searchflSort { font-family: VAG Rounded W01 Light; width: 100%; } .searchflSortOpt, .searchflSortOpt td { color: #383A39; font-size: 14px; font-family: VAG Rounded W01 Black; padding: 0 2px; font-weight: normal; } .searchflSortOpt label { display: inline-block; vertical-align: middle; margin: -6px 0px 0px 3px; } .searchflSortOpt input { display: inline-block; margin: 5px 0; } .searchflSortOpt select option { font-family: VAG Rounded W01 Black; } .searchflttlContDD { overflow: hidden; background: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/droparrows.png) no-repeat right white; } .searchflttlContDD select { border-collapse: separate; border: 1px solid #E7E7E7; float: left; background: transparent; -webkit-appearance: none; padding: 5px; height: 34px; } .dDstyleDiv { height: 34px; overflow: hidden; background: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/droparrows.png) no-repeat right white; width: 100%; } .dDstyleDiv select { border-collapse: separate; border: 1px solid #E7E7E7; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); background: transparent; -webkit-appearance: none; padding: 5px; height: 34px; width: 100%; } .searchflClear, .searchflClear:hover { cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.searchflClear { text-decoration: none; } .GR .searchflSortOpt label { width: 50px; } .FR .searchflSortOpt label { width: 90px; } .searchflit { float: right; font-weight: normal !important; padding-right: 1px !important; } /* Hotel Search Summary*/ .srchSummary { padding: 0px 0px 15px 15px; font-family: VAG Rounded W01 Light; color: #727272; } .srchSummary b { color: #363636; } .srchSummary span { float: left; width: 100%; } .srchSummary ul { list-style: none; margin: 10px 0 0px 0; padding: 0; } .srchSummary ul li { border-bottom: 1px dotted #999; padding: 5px 0; } .srchSummary .cntSearcBtn { background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; margin: 15px 0 0 0; padding: 2px 10px 1px 10px; width: auto; font: normal 14px/20px 'VAG Rounded W01 Black'; height: 17px; line-height: 18px; text-transform: uppercase; float: right; } .schsmdp { background-color: #363636; margin: 0px 25px; padding: 5px; width: 930px; position: relative; height: 37px; } .schsmdp .calIn, .schsmdp .calOut { float: left; margin: 0 10px 0 0; } .schsmdp .dGuests { float: left; } .schsmdp .bGuestInner { margin-top: 4px; } .schsmdp div.bGuestContainer { width: 145px; height: 27px; background-color: #FFFFFF; border: 1px solid #727272; margin: 0; background-repeat: repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px 4px 4px 8px; } .schsmdp div.bGuestContainer div.bGuestInner { padding: 0; } .schsmdp div.bSearchContainer { float: left; height: 37px; padding: 0px 0 0 0; text-transform: uppercase; text-decoration: none; color: #FFF; width: auto; margin: 0 0 0 10px; } .schsmdp div.searchtl { color: #FFF; font: normal 17px/43px Verdana; text-transform: uppercase; float: left; margin: -4px 0px; height: 43px; padding: 0px 10px; } .schsmdp .dRoomBottomSS { display: none; background-color: rgbA(0,0,0,0.2); width: 375px; position: absolute; z-index: 999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; right: 45px; top: 48px; font: normal 15px Verdana; color: #999; padding: 5px 5px 5px 5px; } .schsmdp .dRoomBottomSS .dRoomInner { padding: 10px 10px 10px 20px; } .schsmdp div.searchtlg { color: #363636; font: normal 17px/17px Verdana; text-transform: uppercase; float: left; } .schsmdp #prmS td.hotel_room_search_ddrop { margin: 10px 0 0 0; } .schsmdp .hotel_room_search_ddrop table td { color: #999; } .roomschtl { color: #999; float: left; margin: 0 0 5px 0; } .schsmdp .hotel_room_search_dSave { position: relative; width: 56px; height: 20px; background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; bottom: 0px; padding: 2px 1px 0 0; left: 277px; margin: 24px 0 0 0; } .inpDate img { vertical-align: text-top; padding-left: 3px; margin-top: 13px; } .inpDate div.pop_dates { background-color: #F60; color: #FFF; font-size: 12px; padding: 5px 10px; position: absolute; top: 56px; width: 160px; z-index: 1000; } .inpDate div.pop_dates img { position: absolute; top: -14px; left: 27px; } .searchsmhorB div.pop_dates { background-color: #F60; color: #FFF; font-size: 12px; padding: 5px 10px; position: absolute; top: 56px; width: 160px; z-index: 1000; right: -143%; } .searchsmhorB div.pop_dates img { position: absolute; top: -6px; left: 27px; } .transComments { color: #727272; } .payoption input { float: left; } .payoption label { float: left; padding-top: 2px; } .payspacer { height: 9px; } .sldinfo { font-size: 16px; text-align: center; } .sldinfo a { font-size: 16px; text-decoration: none; color: #008CBA; } .sldcontainer { position: relative; overflow: hidden; width: 355px; height: 167px; } /* required settings */ /* RoundTrip Results */ .rtTitle { font-family: Verdana; font-size: 24px; text-transform: uppercase; padding-top: 5px; } .rt_det_price { background: rgba(0, 0, 0, 0) url("https://d20rvt6ieiyfip.cloudfront.net/main/Images/excursion_details_price_bg.jpg") left top no-repeat; color: #FFF; height: 82px; float: left; width: 100px; text-transform: uppercase; padding: 2px 0 0 0; font-size: 10px; margin-top: 49px; margin-left: -5px; margin-right: 15px; } .rt_det_price span { float: left; margin-left: 22px; text-align: center; width: 66px; } .rt_det_price b { font-size: 20px; line-height: 10px; } .rt_det_info { float: left; width: 100%; color: #727272; font-size: 14px; } .roundTripTtl { font-family: Verdana; font-size: 18px; text-transform: uppercase; padding-top: 15px; padding-left: 40px; } .itineraryTtl { font-family: Verdana; font-size: 18px; text-transform: uppercase; padding-top: 15px; } .roundtripday { color: #727272; font-family: 'VAG Rounded W01 Light'; font-size: 14px; text-transform: uppercase; } .servicecontainer { background-color: rgba(0,0,0,0.05); padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .servicetitle { font-family: Verdana; font-size: 22px; text-transform: uppercase; padding-bottom: 5px; padding-top: 5px; } .serviceexctitle { font-family: Verdana; font-size: 16px; text-transform: uppercase; color: #363636; } #itinerarydescr { padding: 5px 10px 5px 0px; color: #363636; } .rt_hor_total { border-radius: 0; float: left; color: #FFF; text-transform: uppercase; padding-left: 10px; } .rOkBtn, a.rOkBtn:link, a.rOkBtn:visited, a.rOkBtn:active, a.rOkBtn:hover { float: right; background-color: #008CBA; color: #FFF; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: -20px; margin-right: 56px; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .dRoundTripDataActive { background-image: url(/main/images/checkout-arrow-up.png); background-repeat: no-repeat; background-position-y: 3px; z-index: 101; } .dRoundTripDataInactive { background-image: url(/main/images/checkout-arrow-down.png); background-repeat: no-repeat; background-position-y: 3px; z-index: 101; } .searchsmcontRoundTripDetail { background-color: #fff; margin: 20px 10px 0px 0; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); border-radius: 4px 4px 0 0; float: left; width: 248px; } .roundtrip_details_container { background-color: #fff; float: left; margin: 20px 0 0 0; padding: 0px 15px 30px 15px; /*width: 787px;*/ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); width: auto; } .RoundTripSearchConWide { position: relative; bottom: 220px; z-index: 999; width: 720px; margin: 0px auto 0px auto; height: 80px; color: #363636; font-size: 13px; font-family: Verdana; background-color: rgba(238, 234, 231, 0.8); padding-left: 10px; } .rtBookBtn div.bSearchContainer { float: right; height: 37px; padding: 0px 0 0 0; text-transform: uppercase; text-decoration: none; color: #FFF; width: auto; margin: 0 0 0 10px; } .rtBookBtn .bSearchContainer { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008CBA, endColorstr=#008CBA)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008CBA),color-stop(0.69, #008CBA)); /* For Internet Explorer 5.5 - 7 */ background-color: #008CBA; } /*root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element.*/ .sldcontainer .items { width: 20000em; position: absolute; } /* this cannot be too large */ .sldcontent { float: left; width: 355px; height: 150px; } a.browse { cursor: pointer; line-height: 15px; border: 1px solid #555; padding: 1px 3px 1px 3px; background-color: #F3F5FF; float: left; } div.nav { background-color: #d1e4f2; padding: 0 5px; width: 364px; clear: both; height: 21px; } div.wrap { margin: 0px auto; overflow: auto; width: 716px; } .navi { float: left; } .navi a { padding: 0 5px; color: #008CBA; } .navi a.active { color: #008CBA; } .more { float: right; display: block; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { -ms-zoom: 1; zoom: 1; } /* For IE 6/7 (trigger hasLayout) */ /* ====== CUSTOM DROPDOWN ====== */ .top-select-wrap { float: right; margin-right: 5px; height: 30px; } .top-select-wrap.EN { width: 125px; max-width: 120px; } .top-select-wrap.DE { width: 150px; max-width: 150px; } .top-select-wrap.FR { width: 135px; max-width: 135px; } .top-select-wrap.GR { width: 125px; max-width: 125px; } .top-select-wrap.RU { width: 125px; max-width: 125px; } #loginLink { display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none !important; overflow: hidden; -ms-zoom: 1; zoom: 1; } /* ====== CUSTOM DROPDOWN ====== */ .cChoice { padding: 14px 14px 0 14px; } .cChoice td { padding: 0; color: #363636; font-size: 13px; font-family: Verdana; } #imgPreview { position: absolute; border: 1px solid #ccc; background-color: white; padding: 5px; display: none; color: #fff; } .roomNonRef, .roomNonRefBasket { color: red; font-size: 10px; font-style: italic; } .roomNonRefbsk { color: red; font-size: 10px; font-style: italic; } .roomNonReflnk { text-decoration: none !important; } .roomNonRefOffer { color: green; font-size: 10px; float: right; margin: 0px 8px; } a.roomFreeCancellnk { cursor: default; text-decoration: none !important; font-size: 11px; } .roomFreeCancel { color: green; font-size: 10px; } .roomNonRefCont { font-size: 12px !important; background: #fff url(/main/images/bc/true.gif)no-repeat 5px center; padding: 0 0 1px 20px; } .roomNonRefCont span { font-size: 10px !important; } .roomFreeCancelCont { background: #fff url(/main/images/bc/true.gif)no-repeat 5px center; padding: 0 0 2px 20px; display: none; } .roomFreeCancelContRoom { float: right; height: 15px; padding: 5px 5px 5px 40px; text-align: left; } .roomFreeCancelSmall { padding-left: 4px; color: green; font-size: 10px !important; } .srRoomDiscCont { background: #fff url(/main/images/bc/true.gif)no-repeat 5px center; padding: 2px 0 1px 20px; color: #FF6000; font-size: 10px; } .srHotelDiscCont { background: #fff url(/main/images/bc/true.gif)no-repeat 5px center; padding: 1px 0 1px 20px; color: #FF6000; font-size: 10px; display: none; } .srRoomPackCont { font-size: 11px; padding: 5px; } .srAllotmentTab { float: left; background: none repeat scroll 0 0 #f60; border-radius: 4px; color: #fff; cursor: pointer; padding: 5px; margin: 0px 5px 0px 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .srAllotmentTabSel { float: left; width: 100px; background-color: #008CBA; margin-right: 5px; text-align: center; padding: 8px 0px; color: #FFF; cursor: pointer; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .srAllotmentHead { color: #000; background-color: transparent; float: left; padding: 8px 7px; font: normal 14px VAG Rounded W01 Bold; margin: 0px auto 20px auto; /* width: 725px;*/ height: auto; position: relative; } .allotementRooms { background: none repeat scroll 0% 0% rgb(255, 102, 0); color: white; border-radius: 4px; margin: 0px 5px 0px 0px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .allotementRoomNumber { color: #FFFFFF; font-family: VAG Rounded W01 Light; } .allotementRoomSearchVar { color: #689491; font-family: VAG Rounded W01 Light; } .userInput { border: 1px solid #c2d9f8; height: 25px; color: #2c5c9c; font-size: 15px; background: url(/main/images/input.text.background.png) repeat-x top left; } .userSelect { border: 1px solid #c2d9f8; height: 25px; color: #2c5c9c; font-size: 15px; background: url(/main/images/input.text.background.png) repeat-x top left; } .air-search { padding: 0px; float: left; } .air-search-sep { width: 3px; float: left; } .air-search input[type=text] { padding: 3px; width: 160px; ; margin: 1px; } .air-search input[type=text]:focus { background-color: #ff8; } .air-search select { padding: 2px; width: 160px; margin: 1px; border: 1px solid #bbb; } .air-search-country { float: right; margin-left: 15px; font-size: 0.8em; padding-top: 0.3em; } .ui-autocomplete-input { margin: 0; padding: 0.50em 0 0.41em 0.13em; width: 210px; } .ui-autocomplete-loading { background: url('/main/images/ui_loading.gif') no-repeat right center !important; background-color: #fff !important; } .watermark { color: #999999; } .air-error { background: #FF4D4D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #EEE; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .air-error2 { border: 1px solid #FF4D4D; } .air-correct { background: #4DFF4D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #EEE; -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .air-error-list { float: right; } .air-error-list li { float: left; margin: 1em; color: red; } .ui-dialog.errorMsg .ui-dialog-titlebar { display: block; background: #C00; border: 1px solid #E3A1A1; color: White; text-align: center; } .errorMsg .ui-dialog-content { vertical-align: middle; display: table-cell; text-align: center; } .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .chkoutError { color: red; } /* Rounded corners */ /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* YOO HOME TEMPLATE ---------------------------------------------*/ #yoo_menu_content_container { /*box-shadow: 0px 0px 5px #6b8e9a;*/ } #yoo_home_main_container { background-color: transparent; float: left; margin: 20px 0 0 0; width: 990px; } #yoo_home_main_left { background-color: transparent; float: left; margin: 0 25px 0 0; width: 658px; } #yoo_deals { background-color: transparent; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; float: left; list-style: none; margin: 0 0 1px 0; padding: 0; /*-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);*/ width: 663px; } .yoo_deals_roundtrips { width: auto !important; } .yoo_deals_roundtrips_li { width: 296px !important; } .yoo_deals_roundtrips_img { background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; width: 296px !important; padding: 0px 20px 0px 0px !important; height: 270px; } .yoo_deals_excursions { float: left; width: 300px !important; } .yoo_deals_excursions li { /*height: 297px !important;*/ } .yoo_deals_excursions li .dlContainerbg { /*height: 297px !important;*/ } .yoo_deals_excursions li .dlSupplier { padding: 0 0 15px 0 !important; } .yoo_deals_excursions li .dlDescript { margin: 15px 0 0 0 !important; } .exc_det_price { background: rgba(0, 0, 0, 0) url("https://d20rvt6ieiyfip.cloudfront.net/main/Images/excursion_details_price_bg.jpg") left top no-repeat; color: #FFF; height: 82px; float: left; width: 100px; text-transform: uppercase; padding: 2px 0 0 0; font-size: 10px; } .exc_det_price span { float: left; margin-left: 22px; text-align: center; width: 66px; } .exc_det_price b { font-size: 20px; line-height: 10px; } .exc_det_info { float: left; padding: 5px; width: 100%; color: #727272; font-size: 14px; } #yoo_deals li, #yoo_deals div.yoo_deals_it { background-color: #fff; float: left; margin: 0 0 20px 0; padding: 10px 10px 3px 10px; width: 301px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #yoo_deals li.yoo_deals_sep, #yoo_deals div.yoo_deals_sep { background: none; float: left; width: 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0px; } .yoo_deals_hotels_title { color: #000000; float: left; font-family: 'VAG Rounded W01 Black'; font-size: 30px; letter-spacing: 0; margin: 0px 0 15px 0; text-transform: uppercase; } #yoo_home_main_right { background-color: transparent; float: right; /*min-height: 1070px;*/ width: 307px; } #yoo_home_leftcont1 { background-color: transparent; float: left; margin: 0px 0; width: 307px; } #yoo_home_leftcont1 .dlTtl, .ttlbig { color: #000; font-size: 30px; font-family: 'VAG Rounded W01 Black'; letter-spacing: 0; margin-top: 20px; } #yoo_home_leftcont1 ul { list-style: none; margin: 5px 0 0 -15px; padding: 0; } #yoo_home_leftcont1 ul li { margin: 0 0 15px 0; } #yoo_home_leftcont1 ul li b { background: #FFF url(/main/images/why_book_with_us_check.gif) no-repeat right 8px; color: #000; font-family: Verdana; font-size: 16px; font-weight: normal; padding: 5px 30px 3px 10px; text-transform: uppercase; } #yoo_home_leftcont2 { background-color: transparent; float: left; margin: 35px 0 20px 0; width: 307px; } #yoo_home_leftcont2 img { -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } #yoo_home_leftcont3 { background-color: #FFF; -moz-border-radius: 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 4px 4px; float: left; margin: 0 0 20px 0; width: 307px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); padding-bottom: 10px; } #yoo_home_leftcont4 { background-color: transparent; float: left; margin: 0 0 20px 0; width: 307px; } #yoo_home_dealoftheweek { background-color: #FFF; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; float: left; list-style: none; margin: 0px 0 20px 0; padding: 20px 20px 20px 20px; width: 623px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); position: relative; } .yoo_home_dealoftheweek_img2 { margin-top: 4px; } #yoo_home_dealoftheweek .dlTtl { color: black; font-family: 'VAG Rounded W01 Black'; font-size: 30px; margin-bottom: 8px; text-transform: uppercase; position: absolute; z-index: 400; top: -33px; left: 0; } #yoo_home_dealoftheweek img { width: 623px; } .dealoftheweek_exc { width: 300px !important; padding: 10px !important; float: right !important; } #yoo_home_bottom_container { background-color: #FFF; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; float: left; margin: 0 0 105px 0; /*height:401px;*/ padding: 20px 20px 17px 20px; width: 950px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } #yoo_home_bottom_container div { border-radius: 0; } #yoo_area_container { float: left; margin: 0 20px 0 0; width: 100%; } #yoo_google_map_container { float: left; padding-top: 5px; } #map_container { border: none !important; top: 26px; height: 372px !important; } #yoo_footer_container1 { float: left; margin: 0 20px 0 0; width: 130px; } #yoo_footer_container3 { float: left; margin: 0 20px 0 0; width: 190px; } #yoo_footer_container2, #yoo_footer_container2_1, #yoo_footer_container2_2 { float: left; margin: 0 20px 0 0; width: 160px; } #yoo_footer_container2_2 h3 { margin-top: 20px !important; } #yoo_footer_container3_2 h3 { margin-top: 17px !important; } #yoo_footer_container4_2 h3 { margin-top: 17px !important; } #yoo_footer_container1 h3, #yoo_footer_container2 h3, #yoo_footer_container3 h3, #yoo_footer_container4 h3, #yoo_footer_container5 h3 { color: #FFF; font: normal 14px Verdana; text-transform: uppercase; margin: 42px 0 5px 0; } #yoo_footer_container1 ul, #yoo_footer_container2 ul, #yoo_footer_container4 ul { list-style: none; margin: 0; padding: 0; } #yoo_footer_container4 ul li, #yoo_footer_container2_2 ul li { display: inline; } #yoo_footer_container1 ul li a, #yoo_footer_container2 ul li a { color: #008CBA; font: normal 13px Verdana; text-decoration: none; } #yoo_footer_container1 ul li a:hover, #yoo_footer_container2 ul li a:hover { text-decoration: underline; font: normal 13px Verdana; } #yoo_footer_container4_1 { background: transparent url(/main/images/payment_methods.png) left 69px no-repeat; float: left; height: 93px; margin: 0 0 30px 0; width: 190px; } #yoo_footer_container3_2 { float: left; width: 190px; text-align: left; } #yoo_footer_container3_2 a img { } #yoo_footer_container4 { float: left; margin: 0 20px 0 0; width: 203px; } #yoo_footer_container3_1 { float: left; width: 190px; text-align: left; height: 93px; margin: 0 0 30px 0; } #yoo_footer_container4_2 { float: left; width: 190px; text-align: left; } #yoo_footer_container3_1 img { float: left; background-color: white; border-radius: 4px; padding: 0 5px; margin-top: 10px; } #yoo_footer_container5 { background: transparent url(/main/images/hot_deals_news.gif) left top no-repeat; float: left; margin-top: 45px; padding-top: 117px; width: 227px; } #yoo_footer_container { background-color: #000; left: 0; padding-bottom: 35px; position: absolute; width: 100%; bottom: 0; } #yoo_footer_holder { position: relative; height: 240px; margin: 0 auto; width: 990px; } #yoo_footer_copyright { color: #808285; float: left; font-size: 11px; } #yoo_home_newsletter { background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* Mozilla Firefox */ background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* Opera */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to top, #FFFFFF 0%, #EFEFEF 100%); /* W3C Markup, IE10 Release Preview */ border: #d9d9d9 1px solid; float: left; ; font-size: 17px; margin-right: -2px; padding: 5px; width: 180px; } #yoo_home_newsletter_btn { background-color: #7DA5B6; border: none; border-radius: 0px 4px 4px 0px; color: white; cursor: pointer; float: right; font: bold 15px 'VAG Rounded W01 Light',sans-serif; line-height: 30px; text-transform: uppercase; } .yoo_week_deal_price { color: #FFFFFF; font: normal 30px VAG Rounded W01 Black; margin: 90px 0 0; position: absolute; text-align: right; width: 595px; z-index: 1000; } .yoo_week_deal_price span { float: right; font-family: VAG Rounded W01 Black; line-height: 0; margin: 0; text-align: right; } .yoo_week_deal_price span.deal_week_price { float: right; font: normal 30px VAG Rounded W01 Black; margin-bottom: 2px; width: 595px; } .yoo_week_deal_booknow a { color: #FFFFFF; font: normal 30px VAG Rounded W01 Black; margin: 63px 0 0 0; right: 43px; position: absolute; text-transform: uppercase; z-index: 1000; } /*Home Slider*/ .homeslidercontainer { width: 944px; height: 318px !important; } .homenav { z-index: 50; position: absolute; bottom: 10px; } .homenav a { color: #FFFFFF; left: 47px; margin: 0 5px; padding: 10px 0px; position: relative; top: -140px; } .homenav #next { background: url("/main/images/homesliderarrownext.png") no-repeat scroll left top transparent; float: right; left: 891px; padding: 10px; text-indent: 15px; } .homenav #prev { background: url("/main/images/homesliderarrowprev.png") no-repeat scroll left top transparent; float: left; left: -5px; padding: 10px; text-indent: -36px; } .homenav a.activeSlide { background: #e0652a; color: #fff; } .homenav a:focus { outline: none; } .hdescription { float: left; margin: 10px 0px; padding: 0px 20px; color: #727272; } .hdescription p { margin: 0px; } .hdescription-nomore { float: left; margin: 10px 0px; color: #727272; text-align: justify; } .hdescription-nomore p { margin: 0px; } .hdescription .collapse { display: block; display: -webkit-box; height: 60px; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /*overflow: hidden; max-height: 60px;*/ } .hotel-collapsible-more { overflow: visible !important; white-space: normal !important; -webkit-line-clamp: unset !important; height: auto !important; } .hAmmenities { padding-right: 5px; } .hAmmenities .collapse { display: block; display: -webkit-box; height: 111px; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /*overflow: hidden; max-height: 60px;*/ } .srRoomInfodet { color: #727272; float: left; text-align: left; width: 400px; } .hotel-less { display: none; } .map { background-color: #FFFFFF; cursor: pointer; font-size: 15px; margin: 10px 10px 0 0; /*padding:0 15px 15px 15px;*/ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .map img { border: none !important; padding: 0 15px 15px 15px; } .hoteltooltipcontainer { bottom: 140px; right: 12px; position: fixed; z-index: 999999; } .hoteltooltip { border: 1px solid white; width: 200px; color: White; background-color: #FF6000; padding: 8px 8px 15px 8px; cursor: pointer; display: none; height: 30px; margin: 10px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .why-bookcyprus { padding: 10px 0 0; } .why-bookcyprus td { vertical-align: top; padding-bottom: 20px; } .why-bookcyprus .why-tick { width: 5%; text-align: center; } .why-bookcyprus .why-text { width: 40%; padding-right: 5%; } .why-bookcyprus h3 { font-size: 28px; font-style: italic; margin: 10px 0; color: #0078c1; } .why-bookcyprus h4 { font-size: 20px; margin: 10px 0 5px; color: #0078c1; } /* Tooltip Utility */ .tooltip { display: none; position: absolute; border: 1px solid #333; background-color: #161616; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 4px; padding: 10px; color: #fff; font-size: 12px; } .hotel_room_search_ddrop { float: right; } .hotel_room_search_ddrop table td { font-family: Verdana; font-size: 13px; color: #363636; } .hotel_room_search_ddrop1 { float: left; margin: 10px 0 10px 0; font-family: Verdana; font-size: 13px; color: #363636; } .local_experts_link { background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #FFFFFF !important; line-height: 21px; margin: 0; padding: 2px 10px 1px 10px; } .local_experts_link_deal_week { background-color: #000; -moz-opacity: 0.0; opacity: 0.0; /*IE CSS Hack*/ -moz-border-radius: 0 11px 59px 0; -webkit-border-radius: 0 11px 59px 0; border-radius: 0 11px 59px 0; color: #FFFFFF !important; height: 124px; left: 20px; line-height: 21px; margin: 0; padding: 2px 10px 1px; position: absolute; top: 48px; width: 281px; z-index: 1000; } .latest_scoop_link { background-color: #008CBA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #FFFFFF !important; line-height: 21px; margin: 0; padding: 2px 10px 1px 10px; } /* FEATURED EXPERTS */ #FEPrev { background: url("/main/images/homesliderarrowprev.png") no-repeat scroll left top transparent; width: 18px; height: 230px; background-position: center; } #FENext { background: url("/main/images/homesliderarrownext.png") no-repeat scroll left top transparent; width: 18px; height: 230px; background-position: center; } .FeaturedExpertsWrapper { width: 990px; height: 280px; padding-bottom: 10px; } .FEColLeft { float: left; width: 18px; height: 36px; margin-right: 5px; margin: auto 0px auto 0px; } .FEColMid { float: left; /*margin-bottom: 35px;*/ } .FEColRight { float: right; width: 18px; height: 36px; } .FETipBox { position: relative; z-index: 999; width: 50px; background-color: rgba(0,0,0,0.7); color: white; margin-left: 164px; margin-top: -29px; border-radius: 0px; font-family: VAG Rounded W01 Bold; font-size: 13px; padding: 3px; background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/pin.png); background-repeat: no-repeat; background-position-x: 5px; background-position-y: 5px; text-align: right; } .FELocBox { float: right; background-color: #008CBA; color: white; border-radius: 0px; font-family: VAG Rounded W01 Bold; font-size: 13px; margin-right: 4px; margin-top: -2px; padding: 3px; } .FEName { font-family: VAG Rounded W01 Bold; font-size: 15px; padding-top: 15px; padding-left: 8px; } .FExpertBox { background-color: white; width: 226px; height: 243px; margin-right: 10px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .FEJobt { color: #008CBA; font-family: VAG Rounded W01 Bold; margin-top: -12px; padding-left: 8px; } /* RECENT POSTS */ #RPPrev { background: url("/main/images/homesliderarrowprev.png") no-repeat scroll left top transparent; width: 18px; height: 230px; background-position: center; } #RPNext { background: url("/main/images/homesliderarrownext.png") no-repeat scroll left top transparent; width: 18px; height: 230px; background-position: center; } .recentpoststitle { color: #000; font-family: 'VAG Rounded W01 Black'; font-size: 30px; letter-spacing: 0; text-transform: uppercase; margin-left: 30px; } .RecentPostsWrapper { width: 990px; height: 280px; padding-bottom: 10px; } .RPColLeft { float: left; width: 18px; height: 36px; margin-right: 5px; margin: auto 0px auto 0px; } .RPColMid { float: left; margin-bottom: 100px; } .RPColRight { float: right; width: 18px; height: 36px; } .RPTipBox { position: relative; z-index: 999; width: 50px; background-color: rgba(0,0,0,0.7); color: white; margin-left: 164px; margin-top: -28px; border-radius: 0px; font-family: VAG Rounded W01 Bold; font-size: 13px; padding: 3px; background-image: url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/pin.png); background-repeat: no-repeat; background-position-x: 5px; background-position-y: 5px; text-align: right; } .RPLocBox { float: right; background-color: #008CBA; color: white; border-radius: 0px; font-family: VAG Rounded W01 Bold; font-size: 13px; margin-right: 4px; margin-top: -2px; padding: 3px; position: relative; top: -5px; } .RPTitle { font-family: VAG Rounded W01 Bold; font-size: 16px; padding-top: 18px; padding-left: 5px; padding-right: 5px; } .RPDescr { color: #727272; font-family: VAG Rounded W01 Light; font-size: 13px; padding-top: 0px; padding-left: 5px; padding-right: 5px; } #mycarouselposts .RPostBox { height: 300px !important; position: relative; } #mycarouselposts .RPostBox .buttonDiv { position: absolute; top: 275px; left: 150px; } .RPostBox { background-color: white; width: 226px; height: 262px; margin-right: 10px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .RPExpertName { color: #008CBA; font-family: VAG Rounded W01 Bold; margin-top: -12px; padding-left: 5px; padding-right: 5px; } /* ############################## LOGIN POPUP OVERRIGHTS ############################## */ .popupClose { font-size: 20px; line-height: 20px; position: absolute; right: -12px; top: 8px; display: block; cursor: pointer; } .popupClose_home { top: -11px; right: -12px; } .popupVideo span { background-color: white; border-radius: 4px; padding: 13px; float: left; } #bgPopup { display: none; position: fixed; _position: absolute; /* hack for internet explorer 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 9997; opacity: 0.1; } #Popup, .Popup { display: none; position: absolute; _position: absolute; /* hack for internet explorer 6 */ background: none; z-index: 9999; padding: 12px; font-size: 13px; top: 50px; left: 130px; } /* ############################## LOCAL EXPERTS ############################## */ .local_expert_container, .local_expert_container ul { list-style: none; margin: 0; padding: 0; } .local_expert_container ul li { box-shadow: none; margin: 0; padding: 0; width: auto; } .local_expert_container li { background-color: white; border-radius: 4px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); color: #727272; float: left; height: 409px; margin: 0 0 20px 0; padding: 10px; width: 296px; } .local_expert_container li:nth-child(3n-1) { border-radius: 4px; margin: 0 20px 20px 20px; } .local_expert_img_cont { float: right; position: relative; } .local_expert_reviews { background: #FFF url(/main/eBooking/inc/images/local_experts_reviews_icon.gif) 5px 6px no-repeat; color: #5aa5bb; font-family: Verdana; font-size: 22px; height: 19px; padding: 5px 10px 5px 22px; position: absolute; right: 0; top: 121px; } .local_expert_location { background-color: #72acba; color: white; font-family: Verdana; font-size: 19px; padding: 5px 10px; position: absolute; right: 0; top: 151px; text-transform: uppercase; } .local_expert_name_cont { font-family: 'VAG Rounded W01 Black'; font-size: 18px; color: #000; text-transform: uppercase; margin: 15px 0 0 0; float: left; width: 100%; } .local_expert_jobtitle_cont { color: #5aa5bb; font-family: Verdana; font-size: 14px; width: 100%; float: left; } .local_expert_subtitle_cont { color: #000; font-family: Verdana; font-size: 14px; float: left; width: 100%; } .local_expert_for, .local_expert_for ul { float: left; height: 54px; width: 100%; } .local_expert_for ul li { height: auto; float: left; width: 296px; margin: 0 !important; } .local_expert_for ul li:nth-child(2n+1) { float: left; margin: 0; width: 296px; } .local_expert_btn { border-style: none; border-color: inherit; border-width: medium; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db9c1, endColorstr=#61A8BC)"; background-color: #7db9c1; float: left; height: 20px; font: normal 12px/22px Verdana; letter-spacing: 0; padding: 0px 8px; text-transform: uppercase; color: #fff !important; width: auto; margin: 10px 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; text-decoration: none !important; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .local_expert_about_cont { float: left; margin: 5px 0 8px 0; height: 60px; } .expert_details_cont { background-color: white; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); float: left; margin: 20px 0; padding: 20px 20px 20px 5px; width: 965px; } .expert_details_left_col { float: left; margin-right: 50px; width: 220px; position: relative; z-index: 100; } .expert_details_left_col ul { float: left; list-style: none; margin: 0; padding: 0; } .expert_details_left_col ul li { float: left; padding-left: 15px; width: 204px; } .expert_details_left_col ul li.img_cont { background: transparent url(/main/images/local_expert_photo_frame.png) left top no-repeat; float: left; height: 219px; width: 232px; margin: 0 0 0 13px; padding: 0px 0px 0px 11px; } .expert_details_left_col ul li.img_cont img { z-index: -3; } .expert_details_left_col ul li.img_cont img { left: 6px; position: relative; top: 27px; } .expert_details_left_col ul li.img_cont span { float: left; font: normal 18px Verdana !important; position: relative; top: 35px; left: 0px; text-align: center; } .expert_details_left_col .local_expert_btn { float: right; margin: 15px 0 0 0; } .expert_details_left_col span.local_expert_reviews { background: white url(/main/eBooking/inc/images/local_experts_reviews_icon.gif) 5px 9px no-repeat; font: normal 18px Verdana !important; height: 19px; position: absolute; top: 90px; right: 2px; text-align: center; z-index: 110; } .expert_details_left_col span.local_expert_location { font: normal 17px Verdana !important; position: absolute; top: 120px; right: 2px; padding: 5px 8px; text-align: center; z-index: 110; } .expert_details_right_col { float: left; width: 695px; color: #727272; } .expert_details_right_col h1 { color: #000; margin: 23px 0 0 0; padding: 0; text-transform: uppercase; font: normal 22px Verdana; color: #3CAAB9; } .expert_details_right_col h2 { color: #000; margin: 0; padding: 0; text-transform: uppercase; font: normal 30px 'VAG Rounded W01 Black'; } .expert_details_right_col h3 { margin: 0; padding: 0; font: normal 18px Verdana; color: #3CAAB9; } .expert_details_right_col h4 { color: #000; margin: 15px 0 0 0; padding: 0; font: normal 14px Verdana; text-transform: uppercase; } .expert_details_right_col p { margin: 0; width: 100%; } .expert_details_left_col h4 { border-bottom: #828282 1px dashed; float: left; margin: 36px 0 0 0; padding: 0; font: normal 14px Verdana; text-transform: uppercase; width: 204px; } .expert_details_left_col .expert_sm { float: left; padding: 15px 0; } .expert_details_left_col .expert_sm li { line-height: 28px; padding-left: 39px; } .expert_details_left_col .expert_sm li a { color: #22abbe; font-size: 14px; } .expert_details_left_col .expert_sm li.expert_fb { background: transparent url('/main/images/facebook_icon_footer.png') left top no-repeat; float: left; height: 30px; margin-bottom: 4px; width: 204px; } .expert_details_left_col .expert_sm li.expert_twit { background: transparent url('/main/images/twitter_icon_footer.png') left top no-repeat; float: left; height: 30px; width: 204px; } .expert_details_left_col .expert_sm li.expert_fb_likes { border-top: #828282 1px dashed; margin: 13px 0 0 0; padding: 10px 0 0 0; } .expert_details_left_col .expert_contact { float: left; } .expert_details_left_col .expert_contact li { padding-top: 14px; padding-left: 39px; } .expert_details_left_col ul li.expert_contact_cont h4 { margin-top: 17px; } .expert_details_left_col .expert_contact li.expert_contact_link { background: transparent url('/main/images/expert_email_icon.gif') 3px 15px no-repeat; } .expert_details_left_col .expert_contact li.expert_contact_link a { color: #22abbe; font-size: 14px; } .expert_details_left_col .expert_contact li.expert_youtube_link { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/youtube_icon_footer.png') 1px 15px no-repeat; } .expert_details_left_col .expert_contact li.expert_youtube_link a { color: #22abbe; font-size: 14px; line-height: 28px; } .expert_details_topics { background-color: #8DB9CB; float: left; margin: 17px 0 40px 0; padding: 20px; width: 655px; } .expert_details_topics h4 { background: transparent url(/main/images/expert_yoor_local_expert_icon.gif) left top no-repeat; float: left; font-size: 24px; height: 20px; line-height: 22px; margin: 0 0 30px 0; padding: 0 0 0 38px; width: 616px; } .expert_details_topics ul { border-bottom: 1px dashed white; float: left; list-style: none; margin: 0; padding: 0 0 25px 0; text-transform: uppercase; width: 655px; } .expert_details_topics ul li { float: left; font-family: Verdana; font-size: 14px; width: 150px; } .expert_details_topics ul li b { color: #000; font-weight: normal; } .expert_details_topics ul li ul { border: none; color: #FFF; margin-top: 2px; text-transform: capitalize; width: auto; } .expert_details_topics ul li ul li { float: none; font-family: 'VAG Rounded W01 Light'; font-size: 13px; } .expert_details_topics_posts { float: left; margin: 0 0 0 0; padding: 0; width: 695px; position: relative; } .expert_details_topics_posts h4 { float: left; font-size: 24px; height: 26px; line-height: 26px; margin: 0 0 20px 0; padding: 0; width: 695px; } .expert_details_topics_posts_topic { float: left; /*height:37px;*/ list-style: none; margin: 20px 0 35px 0; padding: 0; } .expert_details_topics_posts_topic li { float: left; height: 20px; } .expert_details_topics_posts_topic li:last-child { border-right: none; } .expert_details_topics_posts_topic li a { color: #008CBA; float: left; font: normal 15px/20px Verdana; margin: 0 10px; padding: 0 10px; text-transform: uppercase; } .expert_dtails_topics_posts_posts { position: relative; } .expert_details_topics_posts_topic_separator { background-color: #77bacb; margin: 0px 10px 0px 10px; width: 1px; } .expert_details_active { background-color: #77BACB; border-radius: 4px; color: white !important; padding: 5px 20px !important; margin: -5px 0 0 0 !important; } .expert_details_active_arr { float: left; height: 33px; background: transparent url(/main/images/expert_profile_taps_arrow.png) center bottom no-repeat; } .expert_details_posts { border-bottom: 1px dashed #848484; float: left; margin-bottom: 17px; padding-bottom: 17px; border-radius: 0px; } .expert_details_posts_img { float: left; border: 1px solid #ddd; height: 100px; margin: 0 10px 0 0; padding: 2px; width: 150px; } .expert_details_posts_details { float: left; min-height: 106px; width: 529px; } .expert_details_posts_details b { color: #848484; font-weight: normal; font-family: Verdana; } .expert_details_posts_details a { color: #3CAAB9; font-weight: normal; font-family: Verdana; } .expert_details_nav { background-color: white; float: left; margin: 0 0 0 0; padding: 0px 0px 0px 9px; width: 958px; } .expert_details_nav a { background-color: white; padding: 5px 0 5px 0; font-size: 14px !important; text-align: center; } .expert_details_nav_next { float: right !important; } .excursion_details_nav { background-color: white; float: left; margin: 0 0 0 0; padding: 0px 0px 0px 11px; width: 955px; } .excursion_details_nav a { background-color: white; padding: 5px 0 5px 0; font-size: 13px !important; text-align: center; text-transform: uppercase; } .excursion_details_nav_next { float: right !important; } .excursion_details_nav .navigPrev { float: left; width: 400px; } .excursion_details_nav .navigNxt { float: right; width: 400px; } .posts_details_nav { background-color: white; float: left; margin: 0 0 15px 0; padding: 0px 0px 0px 0px; width: 100%; } .posts_details_nav a { background-color: white; padding: 5px 0 5px 0; font-size: 13px !important; text-align: center; } .posts_details_nav_next { float: right !important; } #goPrev { } /* ############################## LOCAL EXPERTS TOPICS ############################## */ .topics_module { background-color: white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: right; margin: 0px 0; padding: 15px; width: 250px; } .topics_module h2 { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; } .topics_module .triangle-right { position: relative; padding: 5px; margin: 0 0 20px 0; background: #74B4BF; } .topics_module .triangle-right:after { content: ""; position: absolute; bottom: -12px; right: 70px; border: 0; border-width: 0 0 12px 20px; border-style: solid; border-color: transparent #fff; display: block; width: 0; } .topics_module .triangle-right:before { content: ""; position: absolute; bottom: -12px; right: 40px; border: 0; border-width: 0 0 12px 50px; border-style: solid; border-color: transparent #74B4BF; display: block; width: 0; } .topics_module .askMsg { width: 75%; } .topics_module .askspeech { margin: 0; padding: 0; text-transform: uppercase; font: normal 18px 'VAG Rounded W01 black'; color: white; } .local_expert_topic_container { list-style-image: none; margin: 0; padding: 0; } .local_expert_topic_container span.topicName a { float: left; margin: 0; padding: 0; color: #7DB1B2; font: normal 15px Verdana; width: 80%; } .topics_module .test { float: right; margin: 0; padding: 0; font-size: 15px; } .local_expert_topic_container .topicPostQuantity { float: right; margin: 0; padding: 0; font-size: 15px; } .local_expert_topic_container td { padding-right: 10px; } .expert_post_list { background-color: #FFF; border-radius: 4px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: left; list-style: none; margin: 0; padding: 20px; width: 654px; } .expert_posts_cont { float: left; width: 654px; border-radius: 4px; background-color: white; padding: 20px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); } .expert_posts_cont_sharp { float: left; width: 654px; border-radius: 4px; background-color: white; padding: 20px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0; border-radius: 0; } .topics_module_parent_sharp .topics_module { -webkit-border-radius: 0; border-radius: 0; } .expert_posts_list { background-color: #FFF; border-radius: 4px; float: left; list-style: none; padding: 0; margin: 0; width: 654px; } .expert_posts_list li { float: left; } .expert_posts_list li div { border-radius: 0; } .topics_module .local_reviews_topics { } .expert_post_pri { float: left; height: auto; width: 100%; } .expert_post_pri1 { float: left; height: auto; width: auto; } .expert_post_pri div, .expert_post_pri1 div { border: 1px solid black; float: left; margin: 0 0 20px 20px; padding: 0px; border-radius: 4px !important; width: 130px; } .expert_post_pri div h2, .expert_post_pri1 div h2 { margin: 0 0 2px 0; padding: 0; background-color: black; height: 30px; line-height: 29px; text-align: center; color: white; font: normal 18px 'CrosswordBelle W00 Reg'; float: left; width: 100%; } .expert_post_pri div span, .expert_post_pri1 div span { float: left; padding: 0 5px; text-align: center; width: 120px; margin: 0; } .expert_post_pri div span.name, .expert_post_pri1 div span.name { color: #000; font: normal 13px 'VAG Rounded W01 Black'; text-align: center; text-transform: uppercase; min-height: 64px; } .expert_post_pri div span.from, .expert_post_pri1 div span.from { color: #000; margin: 1px 0 0 0; text-transform: uppercase; font-size: 11px; } .expert_post_pri div span.price, .expert_post_pri1 div span.price { color: #000; font: normal 25px 'VAG Rounded W01 Black'; margin-top: -8px; } .expert_post_pri div i.curr, .expert_post_pri1 div i.curr { font-style: normal; font-size: 18px; } .expert_post_pri div div.srMoreRates, .expert_post_pri1 div div.srMoreRates { border: none; float: none; height: auto; margin: 0 auto 5px auto; padding: 5px; width: 70px; } .expert_post_pri div div.srMoreRates a, .expert_post_pri1 div div.srMoreRates a { font-size: 12px; line-height: 12px; white-space: pre-wrap; } .expert_post_pri div span.btn, .expert_post_pri1 div span.btn { border: none; } .expert_posts_list li div.local_expert_reviews_locations { position: relative; float: left; top: 0; left: 0; } .expert_posts_list span.local_expert_reviews { background: white url(/main/eBooking/inc/images/local_experts_reviews_icon.gif) 5px 9px no-repeat; float: right; font: normal 18px Verdana !important; height: 19px; position: absolute; top: 39px; right: -160px; text-align: center; z-index: 110; } .expert_posts_list span.local_expert_location { font: normal 17px Verdana !important; float: right; position: absolute; top: 69px; right: -160px; padding: 5px 8px; text-align: center; z-index: 110; } .expert_posts_exp_img { float: left; height: 100px; width: 180px; } .expert_posts_title { color: #727272; float: left; width: 474px; } .expert_posts_title h2 { color: #363636; font: normal 30px/30px 'VAG Rounded W01 Black'; margin: 0 0 13px 0; padding: 0; float: left; width: 474px; } .expert_posts_title b { color: #008CBA; font-size: 15px; text-transform: uppercase; } .expert_posts_title .expert_loc { color: black !important; font-size: 15px; text-transform: uppercase; } .expert_posts_title span { color: #008CBA; font-family: Verdana; } .expert_posts_main { color: #727272; float: left; margin: 30px 0 20px 0; border-bottom: #666 1px dotted; padding: 0 0 20px 0; width: 100%; } .expert_posts_main span { float: left; margin: 0 0 10px 0; width: 100%; } .expert_posts_main ul { float: left; list-style: none; margin: 0px 0 10px 0; padding: 0; width: 100%; } .expert_posts_main ul li { line-height: 0px; margin-right: 10px; } .expert_posts_main ul li span.water_mark { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/youtube_play_icon.png) center top no-repeat; position: absolute; height: 38px; width: 50px; margin: 5px 0 0 0; } .expert_posts_main ul li a.media_link { cursor: pointer; position: absolute; height: 38px; width: 50px; z-index: 100; } .expert_posts_pagination { float: left; text-align: right; width: 647px; } .expert_posts_pagination ul { float: right; list-style: none; margin: 0; padding: 0; width: auto; } .expert_posts_pagination ul li { float: left; } .expert_posts_pagination ul li a { border-right: #008CBA solid 1px; color: #828282; margin: 0 0 0 10px; padding: 0 10px 0 0; } .expert_posts_pagination ul li:last-child a { border: none; } .expert_posts_pagination_prev_btn, .expert_posts_pagination_prev_btn:hover { background: transparent url(/main/images/epxert_posts_previous_btn.gif) left 2px no-repeat; float: right; font-family: Verdana; margin-right: 15px; padding-left: 18px; } .expert_posts_pagination_next_btn, .expert_posts_pagination_next_btn:hover { background: transparent url(/main/images/epxert_posts_next_btn.gif) right 2px no-repeat; float: right; font-family: Verdana; margin-left: 15px; padding-right: 18px; } .expert_posts_pagination a.active_post_page { color: #008CBA; } .exc_res_pagination { float: right; text-align: right; width: 100%; } .exc_res_pagination ul { float: right; list-style: none; margin: 0; padding: 0; width: auto; } .exc_res_pagination ul li { float: left; } .exc_res_pagination ul li a { border-right: #008CBA solid 1px; color: #828282; margin: 0 0 0 10px; padding: 0 10px 0 0; } .exc_res_pagination ul li:last-child a { border: none; } .exc_res_pagination_prev_btn, .exc_res_pagination_prev_btn:hover { background: transparent url(/main/images/epxert_posts_previous_btn.gif) left 2px no-repeat; float: right; font-family: Verdana; margin-right: 15px; padding-left: 18px; } .exc_res_pagination_next_btn, .exc_res_pagination_next_btn:hover { background: transparent url(/main/images/epxert_posts_next_btn.gif) right 2px no-repeat; float: right; font-family: Verdana; margin-left: 15px; padding-right: 18px; } .exc_res_pagination a.active_page { color: #008CBA; } .psttopics { position: relative; color: #727272 !important; font: normal 13px/19px 'VAG Rounded W01 Light' !important; } .pstImage { position: relative; } .expert_posts_main_img { position: relative; } .expert_posts_mainlabel { position: relative; } .hidden { display: none; } /* ############################## LOCAL EXPERTS RECENT POSTS ############################## */ .recent_posts_module { background-color: white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: right; margin: 20px 0 0 0; padding: 15px; width: 250px; } .recent_posts_module h2 { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; font-size: 15px; } .post_recent_location { background-color: #72acba; color: white; font-family: Verdana; font-size: 12px; padding: 0px 2px 0px 2px; position: absolute; right: -96px; top: 41px; text-transform: uppercase; } @-moz-document url-prefix() { .post_recent_location; { font-size: 11px; } } .recent_posts_module .expert_posts_pst_img_recent { float: left; height: 60px; width: 108px; } .recent_posts_module .expert_posts_pst_img_recent img { height: 60px; width: 96px; } .recent_posts_module .expert_posts_title_recent_control b.title { color: #008CBA; /*font-size:15px;*/ text-transform: uppercase; } .recent_posts_module .expert_posts_title_recent_control b.descr_control { color: #363636; font: normal 13px/13px 'VAG Rounded W01 Black'; margin: 0 0 9px 0; padding: 0; width: 250px; height: 40px; } .recent_posts_module .expert_posts_list_rec { background-color: #FFF; border-radius: 4px; float: left; list-style: none; padding: 0; margin: 0; width: 250px; } .recent_posts_module .expert_posts_list_rec li { float: left; width: 250px; margin: 5px 5px 13px 5px; } .recent_posts_module .expert_posts_list_rec li div { border-radius: 0; } .recent_posts_module .expert_posts_list_rec li div.post_recent_postdata { position: relative; float: left; top: 0; left: 0; } .recent_posts_module .expert_posts_list_rec li h3 { border-bottom: none; } .recent_posts_module_main { background-color: white; box-shadow: 0; float: left; padding: 10px 20px 0 20px; width: 250px; } .recent_posts_module_main h2 { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; font-size: 15px; } .post_recent_location { background-color: #72acba; color: white; font-family: Verdana; font-size: 12px; padding: 0px 2px 0px 2px; position: absolute; right: -96px; top: 41px; text-transform: uppercase; } .recent_posts_module_main .expert_posts_pst_img_recent { float: left; height: 60px; width: 108px; } .recent_posts_module_main .expert_posts_pst_img_recent img { height: 60px; width: 96px; } .recent_posts_module_main .expert_posts_title_recent_main b.title { color: #008CBA; text-transform: uppercase; } .recent_posts_module_main .expert_posts_title_recent_main b.descr_main { color: #363636; font: normal 13px/13px 'VAG Rounded W01 Black'; margin: 0 0 9px 0; padding: 0; width: 250px; height: 40px; border-bottom: none; float: none; } .recent_posts_module_main .expert_posts_list_rec { background-color: #FFF; border-radius: 4px; float: left; list-style: none; padding: 0; margin: 0; width: 250px; } .recent_posts_module_main .expert_posts_list_rec li { float: left; width: 272px; margin: 5px 0 10px 0; } .recent_posts_module_main .expert_posts_list_rec li div { border-radius: 0; } .recent_posts_module_main .expert_posts_list_rec li div.post_recent_postdata { position: relative; float: left; top: 0; left: 0; } .recent_posts_module_main .expert_posts_list_rec li h3 { border-bottom: none; } /* ########################################## HOTEL ROOM AND RATES EXPERT POST LINK ########################################## */ .postlinkphoto { text-align: left; cursor: pointer; border: 0px solid #FFFFFF; width: 192px; border-radius: 0px; } .local_expert_link_photo { width: 192px; } .postlinkphoto .postlinkphoto_bottom { width: 192px; position: absolute; bottom: 0; background-color: #6AB0BC; /*position:relative; top:-37px;*/ -webkit-border-radius: 0px; border-radius: 0px; } .postlinkphoto_photo { background-position: center; width: 192px; height: 161px; position: relative; } .postlinkphoto_pht { background-position: center; width: 192px; height: 115px; position: relative; } .wow_tip { color: black; font-family: Verdana; font-size: 17px; text-transform: uppercase; padding: 4px 2px 2px 0px; margin-left: 32px; } .wow_expert_location { color: white; font-family: Verdana; font-size: 17px; text-transform: uppercase; padding: 0px 2px 4px 0px; margin-left: 32px; } /*Trip Advisor*/ /*a.tripsmimg img{height:15px} .tripsmcontainer { text-align: center; cursor: pointer; border: 0px solid #7594C0; padding: 0px 3px; float: right; width: 134px; margin: 3px 5px 3px 0; } .tripsmttl { font-size: 10px; } .tripsmimg { } .tripsmrate { } .tripsmcount { font-size: 10px; } .trWordRating { font-size: 15px; color: #4785B3; float: right; width: 125px; text-align: center; } .tripsmttlratecont { } .tripsmttlrate { font-size: 15px; } .tripbgcontainer {border:solid 1px green;text-align:left;padding:4px;width:200px; border-radius:0px; } .tripbgrate {font-size: 13px;} .tripbgratenum { font-size: 16px; font-weight:bold;} .tripbgttl { font-size: 14px; font-weight:bold;} .tripbgcount { font-size: 14px;color:#555 } .tripbglink { width: 100%; padding: 0 3px 0 0; line-height: 20px; font-size: 13px;color:#FF6000 } .tripbgimg {padding:4px 0px }*/ .recom-wrap { float: left; background-color: #FFF; padding: 20px 15px; } .recom-cont { float: left; background-color: #d9e7e8; } .recom-item-cont { float: left; border: solid 0px Red; width: 515px; } .recom-item { float: left; width: 495px; border: solid 1px #d9e7e8; padding: 15px 10px; border-radius: 0; background-color: #fff; } .recom-active { background-color: #d9e7e8; } a.recom-img { float: left; padding-right: 6px; } .recom-txt-cont { float: left; width: 400px; } a.recom-name, a.recom-name:hover { float: left; color: #373634; font-family: VAG Rounded W01 Bold; } a.recom-descr, a.recom-descr:hover { float: left; color: #727272; font-family: VAG Rounded W01 Light; } a.recom-more, a.recom-more:hover { float: left; } .recom-video-cont { float: left; margin: 20px 25px 20px 25px; border: solid 0px blue; } .excRes_top { float: left; font-family: Verdana; font-size: 14px; color: #383A39; padding: 5px 0; margin: 5px 0 10px 0; width: 100%; } .excRes_cnt { float: left; line-height: 34px; } .excRes_sort { float: right; } .excRes_layoutv { float: right; margin-top: 8px; width: 200px; } .excRes_layoutv ul { list-style: none; margin: 0; padding: 0; } .excRes_layoutv ul li { float: left; margin-right: 5px; } .excRes_layoutv ul li img { margin-top: -4px; } .excRes_layoutv_sep span { background-color: #F0F0F0; float: left; height: 22px; width: 2px; } .excRes_grid { list-style: none; margin: 0; padding: 0; } .excRes_grid li { border: 1px solid #ededed; border-radius: 4px; float: left; margin-bottom: 20px; padding: 10px 10px 10px 13px; width: 203px; } ul.excRes_grid li:nth-child(3n-1) { margin: 0 11px; } .exc_sort_lb { float: left; line-height: 34px; padding-right: 5px; } .excRes_item { float: left; padding: 5px 0; margin: 10px 0px; border-radius: 0px; } .excRes_img { float: left; width: 110px; border: solid 1px #fff; } .excRes_txt { float: left; width: 454px; } a.excRes_name, a.excRes_name:hover { font-family: Verdana; font-size: 16px; color: #383A39; text-decoration: none; } .excRes_descr { color: #727272; } .excRes_pric { float: right; width: 120px; margin-left: 9px; } .excRes_pric_val { width: 100px; margin: 10px 0; float: left; } .excRes_grid_pric { float: left; margin: 5px 0 0 0; width: 202px; } .excRes_grid_pric .excRes_pric_val { margin: 0; width: auto; } .excRes_grid_pric div { float: left; line-height: 26px; text-transform: lowercase; } .excRes_grid_pric .srMoreRates { float: left; padding: 0 5px 2px; text-transform: uppercase; } .excRes_grid_pric .srMoreRates a { font-size: 12px; } .excRes_grid_pric .srLPr { font-size: 15px; padding-left: 5px; text-transform: uppercase; width: 82px; } .excRes_extras { margin-top: 5px; } .excRes_grid_img { } .excRes_grid_extras_cont { border-radius: 0; position: absolute; width: 202px; z-index: 1000; } .excRes_grid_extras { background-color: #FFF; border-radius: 0 0 0 4px; float: right; padding: 2px 0 5px 5px; } .excRes_grid_extras a img { float: left; margin-right: 5px; } .excRes_grid_det_cont { position: absolute; width: 202px; } .excRes_grid_det { background-color: rgba(0, 0, 0, 0.7); border-radius: 0; bottom: 0; color: #FFF; font: normal 11px VAG Rounded W01 Bold; padding: 2px 5px; position: absolute; text-transform: uppercase; width: 192px; z-index: 100; } .excRes_grid_det span { float: left; } /*Cycle jquery plugin*/ #slideshowContainer { width: auto; position: relative; } .slideshow { height: 134px; display: flex; justify-content: center; align-items: center; } .slideshow img { max-height: 134px; width: 202px; object-fit: cover; object-position: center; top: auto !important; left: auto !important; } #slideshowContainer ul#nav { list-style: none; margin: 0 0 0 -12px; padding: 55px 0 0 0; position: absolute; top: 0; width: 225px; z-index: 1; } #slideshowContainer ul#nav li { border: none; -webkit-box-shadow: none !important; box-shadow: none !important; float: right; margin: 0; padding: 0; width: auto; } #slideshowContainer ul#nav li:nth-child(2n) { float: left; margin-right: 208px; } .searchInput_select_Exc { background-color: white !important; border: solid 1px #BBB !important; border-radius: 4px !important; padding: 4px !important; font-family: Verdana !important; font-size: 15px !important; margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap; width: 155px !important; /*width:auto !important;*/ } .searchInput_textRounded_Exc { padding: 4px 4px 4px 8px; border: solid 1px #BBB; width: 134px; height: 22px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: normal 15px Verdana; color: #b7b6b6; background-color: #FFFFFF; margin-top: 5px; position: relative; } /* ########################################## HOTEL ROOM AND RATES ########################################## */ #wowtipbox { vertical-align: top; } /* ########################################## EXPERT POST DETAILS ########################################## */ .postdetails_main { margin-top: 20px; } /* ########################################## HOME PAGE POST DEAL MODULE TEMPLATES ########################################## */ .postdealttle { color: #000000; float: left; font-family: 'VAG Rounded W01 Black'; font-size: 30px; letter-spacing: 0; margin: 5px 0 15px 0; text-transform: uppercase; width: 500px; } /* Post Hotel */ #posthotelpost { border-collapse: separate; border-spacing: 2px; border-color: gray; } /*#posthotelpost tr { display: table-row; vertical-align: inherit; border-color: inherit; }*/ #posthotelpost .main_expert_img { width: 231px; height: 140px; position: relative; } @-moz-document url-prefix() { #posthotelpost .main_expert_img; { left: -1px; } } #posthotelpost h1, #posthotelpost .expert_loc { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; color: white; } #posthotelpost .expert_name { margin: 0; padding: 0; text-transform: uppercase; font: normal 18px 'CrosswordBelle W00 Reg'; color: white; } /*#posthotelpost .expert_loc { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; color: white; }*/ #posthotelpost .view_profile_box { background-color: #008CBA; padding-top: 0px; padding-left: 0px; padding: 0px; vertical-align: top; border-spacing: 0px; border: none; min-width: 174px; } #posthotelpost .curly { float: left; background-color: #000; height: 130px; width: 174px; border-radius: 0 18px 60px 0px; padding-top: 10px; padding-left: 10px; position: relative; margin: 0 0 0 -1px; } #posthotelpost #posthotelposttop { border-spacing: 0px !important; border-collapse: collapse; background-color: white; position: relative; left: -1px; } @-moz-document url-prefix() { #posthotelpost #posthotelposttop; { top: 6px; left: -0px; } } #posthotelpost .hotel_info_box { background-color: #008CBA; padding-top: 10px; padding-left: 10px; padding-right: 10px; vertical-align: top; border-spacing: 0px; border: none; width: 212px; text-align: right; } #posthotelpost .hotel_info_box span { float: right; } #posthotelpost .hotel_name { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; } #posthotelpost .major { margin: 0; padding: 0; text-transform: uppercase; font: normal 20px 'VAG Rounded W01 black'; color: white; } #posthotelpost .minor { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; width: 100%; } #posthotelpost .currency { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; vertical-align: bottom; position: relative; top: 5px; } #posthotelpost #posthotelpostbottom { border-spacing: 0px !important; border-collapse: collapse; background-color: white; margin-top: 1px; } #posthotelpost .main_post_img { width: 320px; /*height: 240px;*/ } #posthotelpost .post_pic_cont { } #posthotelpost .local_expert_btn { position: relative; top: -5px; } #posthotelpost .descr_and_more { padding: 10px 30px 8px 30px; background-color: #6BA9B6; color: white; position: relative; left: -1px; border-right: 4px solid white; } #posthotelpost #more_button { position: relative; left: 70px; background-color: #5998AA; border: none; float: left; height: 20px; font: normal 12px/22px Verdana !important; letter-spacing: 0; padding: 0px 8px; text-transform: uppercase !important; text-decoration: none; color: #ffffff !important; width: auto; margin: -1px 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } #posthotelpost .descr { font-size: 13px; } #posthotelpost .descr .quot { font-size: 20px; } #posthotelpost .mjr { width: 100%; } /* ########################################## EXCURSIONS DETAILS PAGE ########################################## */ .excDetPageCont { background-color: #FFF; color: #727272; float: left; margin: 20px 0; padding: 20px; width: 950px; } .excDetPageLeftCol { float: left; margin-right: 35px; width: 680px; } .excDetPageLeftCol .slideshow { display: flex; height: 350px; justify-content: center; align-items: center; } .excDetPageLeftCol .slideshow img { max-height: 350px; width: auto !important; height: auto !important; top: auto !important; left: auto !important; margin-left: auto !important; margin-top: auto !important; } .excDetPageLeftCol #slideshowContainer { height: 350px; } .excDetPageLeftCol #slideshowContainer ul#nav { margin-left: 0px; padding-top: 160px; width: 680px; z-index: 100; } .excDetPageLeftCol #slideshowContainer ul#nav li { float: left; margin-left: 10px; } .excDetPageLeftCol #slideshowContainer ul#nav li:nth-child(2n) { float: right; margin-right: 0px; margin-right: 10px; } .excDetPageLeftCol .socialLine { margin-top: 7px; width: 632px; } .excDetPageLeftCol .hd_fav_icon { margin-top: 15px; width: 38px; text-align: end; } .excDetPageTxt { float: left; padding: 30px 10px; width: 640px; } .excDetPageTxt h2 { background: rgba(0, 0, 0, 0) url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/title_arrow.gif') left 0px no-repeat; color: #323232; font-family: 'VAG Rounded W01 Bold'; font-size: 16px; margin: 0 0 3px 0; padding: 0 0 0 20px; } .excDetPageTxt h3 { color: #323232; font-family: 'VAG Rounded W01 Bold'; font-size: 16px; margin: 0 0 3px 0; padding: 0 0 0 0px; } .excDetPageTxt div { float: left; } .excDetPageLeftCol .excDetPosts { border-top: 1px solid #C7C7C7; border-radius: 0; float: left; margin: 30px 0 0 0; padding: 20px 0 0 0; width: 640px; } .excDetPageLeftCol .excDetPosts ul { float: left; list-style: none; margin: 0; padding: 0; } .excDetPageLeftCol .excDetPosts ul li { float: left; margin: 0 30px 0 0; width: 305px; } .excDetPageLeftCol .excDetPosts ul li b { color: #323232; float: left; text-transform: uppercase; } .excDetPageLeftCol .excDetPosts ul li:nth-child(2n) { margin-right: 0; width: 305px; } .excDetPageLeftCol .excDetPosts h2, .excDetPageLeftCol .excDetSTA h2 { background: #EEEFF3 url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/title_arrow_big.png') 5px 5px no-repeat; border-radius: 4px; float: left; height: 35px; line-height: 35px; margin: 0 0 20px 0; padding: 0 0 0 40px; width: 600px; } .excDetPageLeftCol .excDetPosts ul li span { float: left; margin: 0 0 0 3px; } .excDetPageLeftCol .excDetPosts ul li span b { float: none; text-transform: capitalize; } .excDetPageLeftCol .excDetSTA { border-top: 1px solid #C7C7C7; border-radius: 0; float: left; margin: 30px 0 0 0; padding: 30px 0 0 0; width: 640px; } .excDetPageLeftCol .excDetSTA ul { color: #10529f; float: left; height: inherit; margin: 0 0 0 16px; width: 600px; } .excDetPageLeftCol .excDetSTA ul li { float: left; padding-right: 20px; width: 280px; } .edpTourInfo { float: left; margin: 0 0 10px 0; width: 640px; } .edpSmallCont { float: left; margin: 40px 10px 10px 0; width: 315px; } .edpSmallContSide { float: left; margin: 5px 0 10px 0; width: 315px; } .edpSmallContSide2 { float: left; margin: 5px 0 10px 0; width: 315px; } .edpYTV { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/loader.gif') center no-repeat; border: 1px solid #C7C7C7; border-radius: 4px; /*height: 202px;*/ margin-top: 42px; padding: 5px; width: 303px; } .edpGM { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/loader.gif') center no-repeat; border: 1px solid #C7C7C7; border-radius: 4px; height: 228px; margin-top: 35px; width: 313px; } .edpGM div#dvMap { height: 228px; width: 313px; } .edpSmallInner { float: left; width: 310px; } span.extMar { margin: 20px 0 0 0; } .edpSmallContSide ul, .edpSmallInner ul { margin: 0 0 20px 0; padding: 0 0 0 15px; } .edpSmallInner ul { width: 270px; } .edpgreyBox, .edpgreyBox1 { background-color: #EEEFF3; border: 1px solid #C7C7C7; border-radius: 4px; padding: 15px 15px 15px 19px; width: 280px; } .edpgreyBoxReviews { background-color: #EEEFF3; border: 1px solid #C7C7C7; border-radius: 4px; padding: 15px 15px 15px 19px; width: 280px; overflow: auto; } .edpgreyBoxFullWidth { background-color: #EEEFF3; border: 1px solid #C7C7C7; border-radius: 4px; padding: 15px 15px 15px 19px; width: 604px; overflow: auto; } .edpgreyBoxFullWidth hr.reviewHr:last-of-type { display: none; } .edpgreyBox2 { background-color: #EEEFF3; border: 1px solid #C7C7C7; border-radius: 4px; padding: 15px 15px 15px 19px; width: 280px; } .edpgreyBox { margin: 5px 10px 10px 0; width: 278px; } .edpgreyBox .edpSmallInner { width: auto; } .excDetTitle { float: left; margin: 0 0 10px 0; width: 950px; } .excDetTitle h1 { color: #323232; font: normal 30px 'VAG Rounded W01 Black'; margin: 0; float: left; line-height: 30px; width: 950px; } .excDetTitle ul { float: left; list-style: none; margin: 0; padding: 0; width: 680px; } .excDetTitle ul li { background: #FF5000 url("https://d20rvt6ieiyfip.cloudfront.net/main/Images/features_right_label.gif") right top no-repeat; color: #FFF; float: left; font-family: 'VAG Rounded W01 Bold'; font-size: 12px; height: 19px; line-height: 20px; margin: 7px 10px 7px 0; padding: 0 22px 0 10px; } .excDetPageGal { float: left; width: 680px; } .excDetTitle span { float: left; width: 680px; } .excDetPageRightCol { float: left; width: 235px; } .excDetPageRightCol .edpSmallCont { float: left; margin: 0px 0px 40px 0px; width: 235px; } .excDetPageRightCol table tr td.edpSmallInner { float: none; width: 235px; } .excDetPageRightCol table tr td.edpSmallInner h2 { background: rgba(0, 0, 0, 0) url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/title_arrow.gif') left 0px no-repeat; color: #323232; font-family: 'VAG Rounded W01 Bold'; font-size: 16px; margin: 0 0 3px 0; padding: 0 0 0 20px; } .excDetPageRightCol table tr td.edpSmallInner ul { margin: 0; width: 217px; } .excSmallSearch { background-color: #EFEFEF; border: 1px solid #ee691a; float: left; width: 236px; } .excSSearchTl, .excSSearchTlWBO { background-color: #ee691a; border-radius: 3px 3px 0 0; color: #FFF; float: left; font-family: 'VAG Rounded W01 Bold'; font-size: 21px; font-weight: 100; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; } .excSSearchTlWBO { background-color: transparent; color: #323232; padding: 10px; width: 216px; } .excSSearchIC { float: left; padding: 0 10px 10px 10px; width: 216px; } .excSSearchIC .excDates li { float: left; margin: 5px 0; width: 200px; } .excSSearchIC .excDates li input { float: left; } .excSSearchIC .excDates li label { color: #6BA9B8; float: left; font-family: 'VAG Rounded W01 Bold'; font-size: 14px; } .excSSearchIC .searchInput_text_Trans { color: #323232; cursor: pointer; margin-right: 2px; width: 196px; } .excRes_prices_banner { width: 710px; height: 50px; background-color: #10529f; margin-bottom: 10px; margin-top: 2px; } .excRes_prices_banner img { padding: 8px; float: left; height: 30px; width: 30px; } .excRes_prices_banner_text { float: left; padding-top: 16px; font-size: 22px; } .excRes_prices_banner_text_left { color: white; padding-right: 8px; } .excRes_prices_banner_text_right { color: black; } /* Excursion Calendar Control */ .excSSearchIC .dPickHol { border: 1px solid #E0E0E0 !important; border-radius: 0 0 8px 8px; background-color: #FFF; float: left; margin: 0 0 10px 0; padding: 10px; width: 195px; } .excSSearchIC .dPickerCont { border-collapse: separate !important; border-radius: 6px; color: #CCC; } .excSSearchIC .dPickerCont table { background-color: #FFF; border: 0px solid #FFF !important; color: #727272; margin-bottom: 10px; width: 195px !important; } .excSSearchIC .dPickerCont table td { font-family: 'VAG Rounded W01 Bold'; padding: 0 15px; text-transform: uppercase; } .excSSearchIC .dPickerCont th.dPDayHeader { color: #10529f !important; font-family: 'VAG Rounded W01 Light'; font-weight: normal; } .excSSearchIC .dPickerCont td a { color: #323232 !important; } .excSSearchIC .dPickerCont .dPSelectedDay { background-color: #FFF !important; } .excSSearchIC .dPickerCont .dPSelectedDay a { background-color: #10529f !important; color: #FFF !important; border-radius: 20px; padding: 3px 5px 2px 5px; } .excSSearchIC .total { float: left; margin: 20px 0 0 0; text-align: center; width: 100%; } .excSSearchIC .total b { font-size: 15px; text-transform: uppercase; } .excSSearchIC .currSym, .excSSearchIC .price { font-size: 22px; margin-left: -3px; } .excSSearchIC .price ul { margin: 10px 0 0px 10px; } .excSSearchIC .price ul li { background: rgba(0, 0, 0, 0) left 6px no-repeat; color: #FF6000; float: none; font-size: 11px; padding: 0 0 0 15px; text-align: left !important; text-transform: lowercase; width: 100%; } .excSSearchIC .price .excursionResPP { font-size: 16px; text-transform: none; } .excSSearchIC ul { list-style: none; margin: 0; padding: 0; } .excSSearchIC ul li { float: left; width: 71px; } .excSSearchIC ul li:nth-child(2) { text-align: center; } .excSSearchIC ul li:nth-child(3) { text-align: right; } .excSSearchIC ul li .dA, .excSSearchIC ul li .dC, .excSSearchIC ul li .dI, .excSSearchIC ul li .dS, .excSSearchIC ul li .dY { width: 56px !important; } .excSSearchIC ul li .dA .ui-selectmenu-status, .excSSearchIC ul li .dC .ui-selectmenu-status, .excSSearchIC ul li .dI .ui-selectmenu-status, .excSSearchIC ul li .dS .ui-selectmenu-status, .excSSearchIC ul li .dY .ui-selectmenu-status { text-align: center; padding: 15px 0 0 0; } .excSSearchIC ul li h3 { padding: 0 0 0 5px; } .excSSearchIC .excDates li { float: left; margin: 5px 0; width: 200px; } .excSSearchIC .excDates li input { float: left; } .excSSearchIC .excDates li label { color: #6BA9B8; float: left; font-family: 'VAG Rounded W01 Bold'; font-size: 14px; } .excSSearchIC .errMsgBrd { border: 1px solid red !important; } .excSSearchIC h3 { color: #5c5c5c; font-family: 'VAG Rounded W01 Bold'; font-size: 16px; margin: 10px 0 3px 0; padding: 0 0 0 8px; } .excSSearchIC .tour_grades { height: 27px; padding: 8px 0px 0px 0px; width: 212px; } .excSSearchIC .tour_grades .ui-selectmenu-status { padding-left: 8px !important; padding-top: 10px; } .excSSearchIC .tour_grades_Lang { height: 27px; padding: 8px 0px 0px 0px; width: 212px; } .excSSearchIC .tour_grades_Lang .ui-selectmenu-status { padding-left: 8px !important; padding-top: 10px; } .excSSearchIC .pickup_loc { height: 27px; padding: 8px 0px 0px 0px; width: 212px; } .excSSearchIC .pickup_loc .ui-selectmenu-status { padding-left: 8px !important; padding-top: 10px; } .excSSearchIC .pop_datesCont { float: left; height: 0px; } .excSSearchIC div.pop_dates { background-color: #F60; color: #FFF; font-size: 12px; padding: 5px 10px; position: relative; top: 20px; width: 193px; z-index: 1000; } .excSSearchIC div.pop_dates img { position: absolute; top: -6px; left: 100px; } .excSSearchIC .srBookItExc { float: left; height: 45px; margin: 10px 0 0 0; width: 197px; } .excSSearchIC .srBookItExc a { font: normal 19px/45px 'VAG Rounded W01 Bold'; } .excSSearchIC .securityBadge { float: left; font-size: 11px; margin: 15px 0 3px 10px; width: 190px; } .excSSearchIC .securityBadge div { float: left; margin: 0 10px 0 0; } .excSSearchIC .securityBadge b { text-transform: uppercase; font-family: 'VAG Rounded W01 Black'; float: left; width: 128px; } .excSSearchIC .securityBadge span { float: left; line-height: 12px; width: 128px; } .edpWBO { background-color: #EFEFEF; border: 1px solid #CFCFCF; float: left; margin: 20px 0 0 0; width: 236px; } .edpWBO .excSSearchTl { font-size: 19px; text-transform: none; } .edpWBO ul { float: left; list-style: none; margin: 0px; padding: 20px 10px 10px 30px; } .edpWBO ul li { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/circledTick.png') left top no-repeat; color: #323232; font-family: 'VAG Rounded W01 Bold'; font-size: 16px; padding: 0 0 8px 23px; } .edpGTB { background-color: #EFEFEF; border: 1px solid #CFCFCF; float: left; margin: 20px 0 0 0; padding: 15px 10px; width: 216px; } .edpGTB b { color: #323232; float: left; font-size: 19px; margin: 0 0 10px 0; text-transform: none; width: 100%; } .edpGTB strong { color: #609DAC; font-weight: normal; } .edpGTB ul { float: left; padding-left: 20px; } .excDetPageCont .bckClass { float: left; } .excDetPageCont .bckClass .btnBack { background: #FFF url(/main/images/bc/arrowback.png) top left no-repeat; margin: 0; padding: 2px 0 5px 25px; width: 143px; } .excDetPageCont .excursion_details_nav { width: 771px; } .excDetPageCont .excursion_details_nav .navigNxt, .excDetPageCont .excursion_details_nav .navigPrev { float: right; margin: 3px 10px 0 0; width: auto; } .excDetPageCont .excursion_details_nav .navigPrev { margin: 3px 10px 0 0; } /* Excursion Checkout */ .dExcursionDataActive { background-image: url(/main/images/checkout-arrow-up.png); background-repeat: no-repeat; background-position-y: 3px; z-index: 101; } .dExcursionDataInactive { background-image: url(/main/images/checkout-arrow-down.png); background-repeat: no-repeat; background-position-y: 3px; z-index: 101; } .eOkBtn, a.eOkBtn:link, a.eOkBtn:visited, a.eOkBtn:active, a.eOkBtn:hover { float: right; background-color: #008CBA; color: #FFF !important; font-size: 14px; font-family: Verdana; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; margin-top: -25px; margin-right: 75px; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } .ppm { float: left; list-style: none; margin: 5px 0 10px 0; padding: 0; width: 100%; } .ppm li { clear: both; } .ppm li input { float: left; } .ppm li label { float: left; } .excDetChkOut { float: left; width: 100%; margin-bottom: 20px; } .excDetChkOut .searchInput_text_Trans { width: 590px !important; } .excDetChkOut .loc { float: left; width: 300px !important; } .excDetChkOut b { float: left; margin-top: 10px; width: 600px; } .excDetChkOut hr { border: none; border-bottom: 1px dashed #CCC; float: left; width: 600px; } /*Excursion Details*/ .exc_dethead { background-color: #FFFFFF; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); width: 950px; margin-top: 10px; padding: 15px 20px 20px 20px; } .exc_det_ul { float: left; list-style: none; margin: 2px 0 35px 0; padding: 0; width: 100%; } .exc_det_ul li { float: left; height: 20px; } .exc_det_ul li:last-child { border-right: none; } .exc_det_ul li a { color: #008CBA; float: left; font: normal 15px/20px Verdana; margin: 0 10px; padding: 0 10px; text-transform: uppercase; } .exc_det_ul_sep { background-color: #77BACB; margin: 0px 10px 0px 10px; width: 1px; } span.exc_map_off { visibility: hidden; } span.exc_map_on { visibility: visible; } /*Excursion Similar T&A*/ .exc_similarExc { background-color: white; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: left; margin: 15px 0 0 0; padding: 15px 15px 10px 15px; width: 170px; } .exc_similarExc ul { list-style: none; margin: 0; padding: 0; } .exc_similarExc ul li { border: 1px solid #EDEDED; border-radius: 4px 4px 4px 4px; float: left; margin-bottom: 10px; padding: 10px 10px 10px 13px; width: 145px; } .exc_similarExc ul li.dottedLine { border: none; border-radius: 0px; margin-bottom: 0px; padding: 0px; width: 100%; } .exc_similarExc ul li.dottedLine:hover { -webkit-box-shadow: none; box-shadow: none; } .exc_similarExc ul li:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; } .exc_similarExc ul li span { position: absolute; width: 132px; padding: 5px; background-color: rgba(0, 0, 0, 0.7); color: #FFF; font: normal 11px VAG Rounded W01 Bold; text-transform: uppercase; bottom: 4px; } .exc_similarExc ul li, .exc_similarExc ul li a { position: relative; } .exc_similarExc ul li img { height: 94px; width: 142px; } .exc_similarExc_btn { background-color: #77BACB; border-radius: 4px; color: white !important; float: right; padding: 5px 20px !important; margin: -5px 0 0 0 !important; text-transform: uppercase; } .exc_det { color: #727272; float: left; margin: 0 0 0 0; padding: 0; width: 730px; position: relative; } .exc_det ul { float: left; } .exc_det div.exp { float: left; margin: 20px 0 40px 0; text-align: center; width: 730px; } .exc_det_active { background-color: #77BACB; border-radius: 4px; color: white !important; padding: 5px 20px !important; margin: -5px 0 0 0 !important; text-transform: uppercase; } .exc_det_active_arr { float: left; height: 33px; background: transparent url(/main/images/expert_profile_taps_arrow.png) center bottom no-repeat; } /* Post Excursion */ #postexcursionpost { border-collapse: separate; border-spacing: 0px; } #postexcursionpost .main_expert_img { width: 162px; height: 98px; position: relative; top: 3px; top: -1px; left: -1px; } #postexcursionpost .local_expert_btn { margin-top: 0 !important; } #postexcursionpost h1, #postexcursionpost .expert_loc { margin: 0; padding: 0; text-transform: uppercase; font: normal 13px 'VAG Rounded W01 black'; color: white; } #postexcursionpost .expert_name { margin: 0; padding: 0; text-transform: uppercase; font: normal 15px 'CrosswordBelle W00 Reg'; color: white; line-height: 19px; } /*#posthotelpost .expert_loc { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; color: white; }*/ #postexcursionpost .view_profile_box { padding: 0px; vertical-align: top; border-spacing: 0px; border: none; width: 124px; height: 98px !important; max-height: 107px !important; position: relative; top: 0px; /*z-index: 100;*/ } #postexcursionpost .locl_expert_btn { margin-top: 10px !important; } /*#postexcursionpost .curly { float: left; background-color: #000; height: 118px; width: 174px; border-radius: 0 18px 54px 0px; padding-top:10px; padding-left:10px; }*/ #postexcursionpost #postexcursionpostexpert { border-spacing: 0px !important; border-collapse: collapse; } #postexcursionpost #postexcursionpostbook { border-spacing: 0px !important; border-collapse: collapse; background-color: #008CBA; width: 298px; position: relative; top: -4px; } #postexcursionpost #postexcursionpostphoto { border-spacing: 0px !important; border-collapse: collapse; background-color: #008CBA; width: 298px; border: none; } #postexcursionpost #postexcursionpostdescr { border-spacing: 0px !important; border-collapse: collapse; background-color: #008CBA; height: 195px; width: 298px; border: none; } #postexcursionpost .excrow { /*background-color:#008CBA*/ } #postexcursionpost .excrow_img { background-color: #008CBA; border: none; position: relative; top: 2px; } #postexcursionpost .excursion_info_box { background-color: #008CBA; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; vertical-align: top; border-spacing: 0px; border: none; width: 212px; text-align: right; } #postexcursionpost .excursion_info_box span { float: right; } #postexcursionpost .excursion_name { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; } #postexcursionpost .major { margin: 0; padding: 0; text-transform: uppercase; font: normal 20px 'VAG Rounded W01 black'; color: white; width: 278px; } #postexcursionpost .minor { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; width: 100%; } #postexcursionpost .currency { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; vertical-align: text-bottom; } #postexcursionpost .currency { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; vertical-align: bottom; position: relative; top: 5px; } #postexcursionpost #postexcursionpostbottom { border-spacing: 0px !important; border-collapse: collapse; background-color: white; } #postexcursionpost .main_post_img { width: 298px; height: 209px; position: relative; top: 0px; top: -3px; left: -1px; } #postexcursionpost .descr_and_more { padding: 30px 15px 17px 15px; background-color: #6BA9B6; color: white; position: relative; top: -2px; width: 268px; top: -10px; } #postexcursionpost #more_button { position: relative; left: 100px; background-color: #5998AA; border: none; float: left; height: 20px; font: normal 12px/22px Verdana !important; letter-spacing: 0; padding: 0px 8px; text-transform: uppercase; text-decoration: none; color: #ffffff !important; width: auto; margin: 10px 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; text-decoration: none !important; } #postexcursionpost .descr { font-size: 13px; } #postexcursionpost .post_pic_cont { height: 170px; } #postexcursionpost .post_pic_cont img { height: 164px; width: 298px; } #postexcursionpost .descr .quot { font-size: 20px; } #postexcursionpost .mjr { width: 100%; } /* Post Round Trip */ #postroundtrippost { border-collapse: separate; border-spacing: 2px; border-color: gray; } /*#posthotelpost tr { display: table-row; vertical-align: inherit; border-color: inherit; }*/ #postroundtrippost .main_roundtrip1_img { width: 231px; height: 140px; position: relative; } @-moz-document url-prefix() { #postroundtrippost .main_roundtrip1_img; { left: -1px; } } #postroundtrippost h1 { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; color: white; } /*#posthotelpost .expert_name { margin: 0; padding: 0; text-transform: uppercase; font: normal 18px 'CrosswordBelle W00 Reg'; color: white; }*/ /*#posthotelpost .expert_loc { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; color: white; }*/ /*#posthotelpost .view_profile_box { background-color: #008CBA; padding-top: 0px; padding-left: 0px; padding: 0px; vertical-align: top; border-spacing: 0px; border: none; min-width: 174px; }*/ /*#posthotelpost .curly { float: left; background-color: #000; height: 130px; width: 174px; border-radius: 0 18px 60px 0px; padding-top: 10px; padding-left: 10px; position: relative; margin:0 0 0 -1px;}*/ #postroundtrippost #postroundtripposttop { border-spacing: 0px !important; border-collapse: collapse; background-color: white; position: relative; left: -1px; } @-moz-document url-prefix() { #postroundtrippost #postroundtripposttop; { top: 6px; left: -0px; } } #postroundtrippost .roundtrip_info_box { background-color: #008CBA; padding-top: 10px; padding-left: 10px; padding-right: 10px; vertical-align: top; border-spacing: 0px; border: none; width: 212px; text-align: right; } #postroundtrippost .roundtrip_info_box span { float: right; } #postroundtrippost .roundtrip_title { margin: 0; padding: 0; text-transform: uppercase; font: normal 16px 'VAG Rounded W01 black'; } #postroundtrippost .major { margin: 0; padding: 0; text-transform: uppercase; font: normal 20px 'VAG Rounded W01 black'; color: white; } #postroundtrippost .minor { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; width: 100%; } #postroundtrippost .currency { margin: 0; padding: 0; text-transform: uppercase; font: normal 14px 'VAG Rounded W01 black'; color: white; vertical-align: bottom; position: relative; top: 5px; } #postroundtrippost #postroundtrippostbottom { border-spacing: 0px !important; border-collapse: collapse; background-color: white; margin-top: 1px; } #postroundtrippost .main_post_img { width: 320px; /*height: 240px;*/ } #postroundtrippost .post_pic_cont { } /*#posthotelpost .local_expert_btn { position: relative; top: -5px; }*/ #postroundtrippost .descr_and_more { padding: 10px 30px 8px 30px; background-color: #6BA9B6; color: white; position: relative; left: -1px; border-right: 4px solid white; } #postroundtrippost #more_button { position: relative; left: 70px; background-color: #5998AA; border: none; float: left; height: 20px; font: normal 12px/22px Verdana !important; letter-spacing: 0; padding: 0px 8px; text-transform: uppercase; text-decoration: none; color: #ffffff !important; width: auto; margin: -1px 10px 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; text-decoration: none !important; } #postroundtrippost .descr { font-size: 13px; } #postroundtrippost .descr .quot { font-size: 20px; } #postroundtrippost .mjr { width: 100%; } /* ########################################## VIDEOS ########################################## */ .videoIFrameExpert { width: 252px; height: 219px; } .highlight { background-color: #8CC2C6; } .date-range-selected { background-color: #8CC2C6; } .date-range-selected a { background-color: #8CC2C6; color: white; } .date-range-selected a:link { color: white; } .date-range-selected a:hover { color: white; } .date-range-selected a:visited { background-color: #8CC2C6; color: white; } .date-range-selected a:active { background-color: #8CC2C6; color: white; } .date-range-selected.start, .highlight.start { background: url("images/end.png") no-repeat scroll right top #737373 !important; } .date-range-selected.end, .highlight.end { background: url("images/start.png") no-repeat scroll left top #737373 !important; } .ui-datepicker-group-first { border-bottom-right-radius: 0px; height: 212px; } .ui-datepicker-group-last { height: 212px; } .ramadan_lbl { margin: -8px 0 0 -17px; position: absolute; z-index: 1000; } .ramadan_lbl img { cursor: pointer; } /*Google Search*/ .google_search { float: right; width: 136px; border-radius: 0px 0px 4px 0px; height: 25px; padding: 0px 5px 3px 5px; z-index: 1; position: relative; } .google_search input[type="text"].gsc-input { border-radius: 2px !important; height: 14px !important; border: none !important; padding: 3px 0px 0px 5px !important; float: left !important; font: normal 10px Verdana !important; background-image: none !important; } .google_search .gsc-search-button { border: none; float: left; margin-top: 3px; } .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding: 0px 6px 0px 0px !important; } .gsc-input-box { height: 19px !important; margin-top: 2px; border-radius: 2px; width: 190px; } .gsib_a { padding: 0 !important; } .gsst_a .gscb_a { color: #727272 !important; } .gsst_a { padding: 4px 0px 0px 0px !important; } .gscb_a { font: 23px/13px arial,sans-serif !important; } .gsc-input-box table { background-color: #FFF; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 6px !important; } .gs-web-image-box-landscape img.gs-image { width: 100px; height: 72px; max-width: none !important; max-height: none !important; } .gs-result .gs-snippet { margin-left: 32px; } input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { background-color: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF',EndColorStr='#FFFFFF') !important; } .cse input.gsc-search-button, input.gsc-search-button { background-color: transparent !important; } #gsc-iw-id1 { width: 136px; height: 25px; } .wishMenu { background: url("/main/images/wishlist-icon.png"); width: 17px; height: 14px; margin-top: 5px; margin-left: 4px; } .wishMenu:hover { background: url("/main/images/wishlist-icon-hover.png"); } .menuSeparator { background: transparent url(/main/images/menu-line.jpg) right 50% no-repeat; float: left; margin: 0 5px 0 0; padding: 0 8px 0 2px; (-bracket-:hack;background:transparent url(/main/images/menu-line.jpg) left 49% no-repeat;); /*Google Chrome CSS Hack*/ background-position-y: 6px; } .headerDiv { position: absolute; z-index: 0; height: 60px; background-color: #008CBA; width: 100%; left: 0; border-radius: 0; } .headerLogo { background: transparent url("/main/images/b2b_america_logo.png") left 12px no-repeat; width: 460px; height: 65px; margin-top: 0px; -moz-background-size: 302px 65px; -o-background-size: 302px 65px; -webkit-background-size: 302px 65px; background-size: 302px 65px; background-repeat: no-repeat; } .menu li .dropleft { padding-left: 12px; } .menu li.active .dropleft { margin: 0 0 0 0 !important; } .menu li a:hover { color: #FFF !important; } .m1 ul li a:hover { color: #000 !important; } /* B2B Style Section */ .b2bHead { margin-top: -80px; } .b2blogindiv { width: 950px; } .b2bloginText { color: #727272; font-size: 15px; } .b2b_login_leftcol { float: left; height: 240px; margin-left: 10%; padding: 10% 0; } .b2b_login_rightcol { border-left: 1px solid #EEEAE7; float: left; width: 385px; height: 615px; padding-left: 3%; } .b2b_content_wrapper { background-image: url(/main/images/b2b_america_search.jpg); width: 900px; height: 255px; position: absolute; margin-left: 18px; } .b2b_login_img { background-image: url(/main/images/b2b_america_login.jpg); width: 385px; height: 615px; background-repeat: no-repeat; background-size: cover; } /* END B2B Style Section */ /* Hotel Details Page */ div .hotelDetails { background-color: #FFFFFF; border-radius: 4px 4px 0 0; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); float: left; margin-top: 10px; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; width: 100%; } .hotelDetails .guestTitle { color: #999999; } .hotelDetails .multiBook { background-color: #f0f0f0; border-top: 1px solid #000; border-bottom: 1px solid #000; float: left; width: 100%; } .hotelDetails .dMultiTotal { font: 16px VAG Rounded W01 Bold; float: right; margin: 16px 20px 0px; } .hotelDetails .roomRates { padding: 15px 15px 0px; } .hotelDetails .mealTypeName { color: #959595; float: left; padding-right: 16px; font-size: 16px; } .hotelDetails .extraValues { float: left; font-size: 11px; margin: 4px 0px; } /*.hotelDetails .hotelInfo { padding: 0px 25px 20px; }*/ .hotelDetails .infoSeperated { border-bottom: 1px solid #000; margin: 30px 0px; } /*Confirm Dialog with Yes and Cancel buttons*/ #confirmOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url('ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index: 100000; } #confirmBox { background: url('body_bg.jpg') repeat-x left bottom #EFEFEF; width: 460px; position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -230px; border: 1px solid rgba(33, 33, 33, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; } #confirmBox h1, #confirmBox p { background: url('header_bg.jpg') repeat-x left bottom #6BA9B8; color: #666; font: 20px/1 'VAG Rounded W01 Light'; padding: 10px 25px; /*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);*/ } #confirmBox h1 { letter-spacing: 0.3px; color: #FFF; } #confirmBox p { background: none; font-size: 16px; line-height: 1.4; padding-top: 20px; } #confirmButtons { padding: 15px 0px; text-align: center; } #confirmBox .button { border: none; border-radius: 4px; background-color: #5b8b0b; color: white !important; display: inline-block; font: normal 17px/33px 'VAG Rounded W01 Bold'; height: 33px; margin-right: 15px; padding: 0 35px 0 40px; position: relative; text-decoration: none; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008c00),color-stop(0.69, #4ba614)); /* For Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4ba614, endColorstr=#008c00)"; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #confirmBox .button:last-child { margin-right: 0; } #confirmBox .confirm { background-position: left top; text-shadow: 1px 1px 0 #707070; } #confirmBox .confirm:hover { background-color: #4BA614; background-position: left bottom; } #confirmBox .cancel { background-color: #D0CBCB; background-position: -200px top; text-shadow: 1px 1px 0 #707070; } #confirmBox .cancel:hover { background-color: #999; background-position: -200px bottom; } #cboxTitle { font: normal 16px/20px 'VAG Rounded W01 Bold'; text-transform: uppercase; } /* ########################################## DESTINATION INFORMATION PAGE ########################################## */ .destInfoCont { float: left; margin: 20px 0 30px 0; width: 100%; } .destInfoContL { background-color: #FFF; float: left; margin-right: 10px; padding: 20px; width: 200px; } .destInfoContL div { float: left; width: 100%; } .destInfoContL ul { list-style: none; margin: 0; padding: 0; } .destInfoContL ul li h1, .destInfoContL ul li h1 a { color: #323232; font: normal 25px/25px 'VAG Rounded W01 Bold'; margin: 0 0 10px 0; text-transform: uppercase; } .destInfoContL div.firstLevel { background: transparent url(/main/images/dots.jpg) left bottom repeat-x; color: #C04428; font: normal 25px/25px 'VAG Rounded W01 Bold'; margin: 0 0 20px 0; padding: 10px 0 5px 0; text-transform: uppercase; } .destInfoContL div.firstLevel a { color: #C04428; text-transform: uppercase; } .destInfoContL div.secondLevel { font-size: 15px; margin-top: 5px; } .destInfoContL div.secondLevel h3 { background: transparent url(/main/images/dots.jpg) left top repeat-x; border: none; float: left; font: normal 15px/30px 'VAG Rounded W01 Bold'; color: #C04428; margin: 0; padding: 5px 0 0 15px; width: 182px; } .destInfoContL div.secondLevel h3 a { color: #C04428; padding: 0; } .destInfoContL div.secondLevel h3 span { background: transparent url(https://d20rvt6ieiyfip.cloudfront.net/main/Images/arrow_destInfo.png) left 6px no-repeat; left: 0 !important; } .destInfoContL div.thirdLevel { background: none; color: #727272; overflow: hidden !important; padding: 0 0 0 16px; } .destInfoContL div.thirdLevel p { font-family: 'VAG Rounded W01 Bold'; margin: 0; } .destInfoContL div.thirdLevel p a { color: #727272; } .destInfoContR div#dvMap { height: 300px; width: 700px; } .destInfoContL div.diMap { background: transparent url(/main/images/dots.jpg) left bottom repeat-x; float: left; margin: 5px 0 0 0; padding: 20px 0 0 0; width: 200px; } .destInfoContL div.diMap .srMapDisplay { font: normal 13px 'VAG Rounded W01 Bold'; width: auto; } .destInfoContR { background-color: #FFF; float: left; position: relative; padding: 20px; width: 700px; } .destInfoContR div.contLoader { background-color: #fff; height: 391px; margin: 0px; opacity: 0.8; position: absolute; text-align: center; top: 0; width: 700px; z-index: 9999999; } .destInfoContR div.contLoader img { padding: 10px; position: absolute; margin: 154px 0 0 -25px; } .destInfoContR h1.dITitle { color: #323232; font: normal 35px 'VAG Rounded W01 Bold'; margin: 10px 0; text-transform: uppercase; } .destInfoContR .toggler b { font-family: 'VAG Rounded W01 Light'; } .destInfoContR a#button { float: left; margin-top: 10px; text-transform: uppercase; } .destInfoContR hr { border: none; border-top: 1px solid #b1b1b1; float: left; margin: 22px 0 25px 0; width: 100%; } .destInfoContR ul.disib { list-style: none; margin: 0; padding: 0; } .destInfoContR ul.disib li { float: left; margin: 0 0 30px 0; width: 350px; } .destInfoContR ul.disib li img { border: 1px solid #D4D4D4; float: left; padding: 2px; } .destInfoContR ul.disib li span { float: left; margin: 10px 0 0 10px; width: 200px; } .destInfoContR ul.disib li span h3 { color: #C04428; font-family: 'VAG Rounded W01 Bold'; margin: 0; padding: 0; text-transform: uppercase; } .destInfoContR ul.disib li span a { float: left; width: 200px; } .destInfoContR .dITxt blockquote { float: left; margin: 25px 0 10px 0; width: 100%; } .destInfoContR .dITxt blockquote .destInfoBanner { border: 1px solid #D4D4D4; border-radius: 0; display: table; float: left; height: 100px; margin: 0 0 20px 0; text-align: center; width: 200px; border-spacing: 3px; } .destInfoContR .dITxt blockquote .destInfoBanner:nth-child(2n) { margin: 0 47px; } .destInfoContR .dITxt blockquote .destInfoBanner a { background-color: #C04428; color: #FFF !important; display: table-cell; font-size: 20px; padding: 0 10px; text-transform: uppercase; vertical-align: middle; } .destInfoContR .dITxt blockquote h3 { color: #323232; font: normal 25px 'VAG Rounded W01 Bold'; margin: 0; padding: 0; text-transform: uppercase; } .destInfoContR .dITxt blockquote h3:nth-child(1) { border-top: 1px#c2c2c2 solid; margin: 5px 0 0 0; padding: 20px 0 0 0; } .destInfoContR .dITxt blockquote ol { border-bottom: 1px#C2C2C2 solid; margin-bottom: 20px; padding-bottom: 25px; padding-left: 18px; } #yoo_ta_main_container { background-color: White !important; float: left; margin: 20px 0 0 0; width: 990px; } #yoo_ta_left_container { float: left; width: 227px; margin-left: 20px; margin-top: 20px; } #yoo_ta_right_container { float: left; margin-left: 15px; margin-right: 15px; margin-top: 20px; width: 980px; } #left_ta_menu { background-color: #69A8B7; width: 227px; padding-top: 15px; padding-bottom: 15px; } .left_ta_menu_cat { color: White; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; } .left_ta_menu_item { color: White; } .left_ta_menu_item a { line-height: 25px; color: White; font-family: inherit; } .left_ta_menu_item_title { color: black !important; line-height: 25px; white-space: nowrap; font-weight: bold; } .left_ta_menu_item_title a { color: black !important; line-height: 25px; white-space: nowrap; } .right_ta_deal_wrapper { float: left; border: 3px solid #008cba; /* width:954px; */ margin-bottom: 40px; } .right_ta_deal { float: left; width: 296px; border: 1px solid #008cba; border-radius: 0px; height: 320px; padding: 10px 10px 10px 10px; position: relative; } .right_ta_deal a img { height: 160px; width: 290px; margin-bottom: 10px; border-radius: 3px; } .left_ta_menu_cat img { float: left; height: 15px; } .ta_cat_deal_title_menu { font-size: 18px; margin-left: 20px; } .ta_cat_deal_subtitle { color: black; font-weight: bold; display: inline-block; font-size: 11px; } .ta_cat_deal_sutitle_cat { display: inline-block; font-size: 11px; } .ta_cat_deal_sutitle_cat_seperator { display: inline-block; margin-left: 6px; margin-right: 6px; } .ta_cat_deal_title span { padding-left: 40px; font-size: 14px; } .ta_cat_deal_title span a { font-family: none; } .ta_deal_title a { font-size: 18px; } .ta_deal_text { color: grey; } .ta_deal_price_text { color: grey; position: absolute; bottom: 40px; right: 20px; } .ta_deal_price { color: black !important; font-weight: bold; font-size: 24px; position: absolute; bottom: 20px; right: 20px; display: inline-block; } .ta_deal_price_sumbol { font-size: 13px; color: gray; display: inline-block; } .seeAll { float: right; margin-right: 20px; margin-bottom: 10px; text-decoration: none; font-weight: lighter; font-size: small; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008c00),color-stop(0.69, #4ba614)); background-color: #4ba614; color: white !important; text-align: center; width: 55px; } .seeAll a { color: white; } /* ########################################## ROUNDTRIP SMALL SEARCH ########################################## */ .fRTSSearchCont { background-color: #EFEFEF; border: 1px solid #CFCFCF; float: right; /*height: 330px;margin: 0 15px 0 0;*/ width: 235px; } .fRTSSearchCont .loader { position: absolute; text-align: center; height: 361px; width: 235px; z-index: 9999999; background-color: #FFF; opacity: 0.8; margin: 39px 0 0 0; } .fRTSSearchTl { background-color: #ee691a; border-radius: 3px 3px 0 0; color: #FFF; float: left; font-family: 'VAG Rounded W01 Bold'; font-size: 21px; font-weight: 100; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; } .fRTSSearchInCont { background-color: transparent; border-radius: 0; float: left; padding: 10px; position: relative; width: 215px; } .fRTSSearchInCont .nxtAD { background-color: #FFF; border: 1px solid #CFCFCF; border-radius: 4px; color: #F60; float: left; margin: 5px 0 0 0 !important; padding: 12px 6px; text-align: center; font-size: 15px; width: 201px; } .fRTSSearchInCont .nxtAD .btnAD { text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#61A8BC, endColorstr=#7DB9C1)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #61A8BC),color-stop(0.69, #7DB9C1)); background-color: #7DB9C1; height: 20px; font: normal 15px/15px 'VAG Rounded W01 Bold'; letter-spacing: 0; padding: 10px 10px 23px 10px; text-transform: uppercase; text-decoration: none; color: #FFF; width: auto; margin: 5px 0 0 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; border: none; } .fRTSSearchGuests { background-color: #FFF; border: 1px solid #CFCFCF; color: #363636; float: left; font: normal 16px 'VAG Rounded W01 Bold'; padding: 7px; width: 199px; } .fRTSSearchGuests span { margin-left: 0; position: relative; } .fRTSSearchGuests img { margin-left: 10px; position: absolute; } .fRTSSearchGuestsDet { background-color: #FFF; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); display: none; margin: 31px 0 0 0 !important; padding: 5px; position: absolute !important; width: 203px; z-index: 10; } .fRTSSearchGuestsDet .hotel_room_search_dSave { position: relative; bottom: 0px; left: 65px; margin: 15px 0 10px 0; } .fRTSSearchGuestsDet .roomMgTl { font-family: VAG Rounded W01 Bold; padding-right: 17px; text-transform: uppercase; } .fRTSSearchGuestsDet .roomCount { float: left; height: 25px; padding: 30px 15px 0 3px; width: 50px; } .fRTSSearchGuestsDet .adultsTl { float: left; padding: 4px 5px 0 0; } .fRTSSearchGuestsDet .childTl { float: left; padding: 4px 5px 0 5px; } .fRTSSearchCalendar { background-color: #FFF; border: 1px solid #CFCFCF; border-radius: 4px; color: #727272; float: left; margin: 5px 0 0 0 !important; padding: 6px; width: 201px; text-align: left; } .fRTSSearchCalendar h2 { color: #575757; float: left; font-family: 'VAG Rounded W01 Bold'; font-size: 19px; font-weight: normal; margin: 0; text-align: center; width: 100%; } .fRTSSearchCalendar a { font: normal 11px 'VAG Rounded W01 Light'; text-decoration: underline; text-transform: uppercase; } .fRTSSearchCalendar ul { list-style: none; margin: 5px 0; padding: 0; display: table; } .fRTSSearchCalendar ul li { display: table-cell; vertical-align: bottom; } .fRTSSearchCalendar ul li.first { width: 136px; } .fRTSSearchCalendar ul li.second { text-align: right; width: 67px; } .fRTSSearchCalendar hr { border: none; } .fRTSSearchCalendar .RTbkCond { list-style-type: disc; margin: 0; padding: 10px; } .fRTSSearchCalendar .RTbkCond li { display: block; background: rgba(0, 0, 0, 0) left 6px no-repeat; color: #CDA503; float: none; font-size: 11px; padding: 0 0 0 15px; text-align: left !important; text-transform: lowercase; width: 100%; } .fRTSSTotal, .fRTSSTotalPrice { color: #323232; font-family: 'VAG Rounded W01 Black'; font-size: 20px; text-transform: uppercase; float: right; } .fRTSSPPPrice { float: right; font-size: 14px; text-align: center; } .fRTSSTotal { float: left; font-size: 14px; } .fRTSSBPG { background: rgba(0, 0, 0, 0) left 5px no-repeat; float: left; font: normal 14px/15px 'VAG Rounded W01 Black'; text-transform: uppercase; margin: 10px 0 10px 33px; padding: 0px 0 0 28px; width: 100px; } .fRTSSearchInCont .securityBadge span { float: left; margin: 5px 0 0 10px; width: 52px; } .fRTSSearchInCont .securityBadge span b { text-transform: uppercase; } .fRTSSearchInCont .securityBadge .sBimg { margin-left: 0; } .fRTSSearchInCont .securityBadge .sBtxt { width: 148px; } .fRTSSearchInCont .errSrch { color: #F00; display: none; float: left; font-family: 'VAG Rounded W01 Bold'; margin-top: 10px; text-align: center; width: 100%; } /*Calendar*/ .fRTSSearchDatepicker { float: left; } .fRTSSearchDatepicker .ui-datepicker { background: none; width: 190px; } .fRTSSearchDatepicker .ui-datepicker-prev { margin-top: 7px !important; margin-left: 28px !important; } .fRTSSearchDatepicker .ui-datepicker-next { margin-top: 7px !important; margin-right: 10px !important; } .fRTSSearchDatepicker .ui-state-active { background-color: #B4DEEA !important; } .fRTSSearchDatepicker .dPickerCont { border-collapse: separate !important; border-radius: 6px; color: #CCC; } .fRTSSearchDatepicker .dPickerCont table { background-color: #FFF; border: 0px solid #FFF !important; color: #727272; margin-bottom: 10px; width: 195px !important; } .fRTSSearchDatepicker .dPickerCont table td { font-family: 'VAG Rounded W01 Bold'; padding: 0 15px; text-transform: uppercase; } .fRTSSearchDatepicker .dPickerCont th.dPDayHeader { color: #b7442a !important; font-family: 'VAG Rounded W01 Light'; font-weight: normal; } .fRTSSearchDatepicker .dPickerCont td a { color: #323232 !important; font-family: 'VAG Rounded W01 Bold'; font-size: 13px; text-decoration: none; } .fRTSSearchDatepicker .dPickerCont .dPSelectedDay { background-color: #FFF !important; } .fRTSSearchDatepicker .dPickerCont .dPSelectedDay a { background-color: #b7442a !important; color: #FFF !important; border-radius: 20px; padding: 3px 5px 2px 5px; } .fRTSSearchInCont .srMoreRates { float: left; margin-top: 5px; padding: 8px 0; width: 215px; } .fRTSDetails { background-color: #fff; border-radius: 0 0 4px 4px; float: left; margin: 0 0 30px 0; padding: 0px 15px 30px 15px; width: 960px; } .fRTSDetails hr.dottedLine { border: none; margin-top: 20px; } .fRTSDetails div { color: #727272; float: left; padding: 0 0px 0 0; } .fRTSDetails div span { border: none; float: left; margin: 0px; } .fRTSDetails div h2 { color: #323232; font-family: 'VAG Rounded W01 bold'; font-size: 23px; margin: 0 0 20px 0; text-transform: uppercase; } .fRTSDetails span { border-left: 2px solid #DBDBDB; float: left; margin: 0 20px; } .fRTSDetails div .rtServ { list-style: none; margin: 0; padding: 0; } .fRTSDetails div .rtServ .startDayHeading { float: left; font-weight: bold; padding: 10px; } .fRTSDetails div h3 { color: #323232; font-family: 'VAG Rounded W01 bold'; margin: 0; text-transform: uppercase; } .fRTSDetails .rtServ li.fRTSDOdd { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #CFCFCF; float: left; padding: 10px; width: 629px; } .fRTSDetails .rtServ li.fRTSDOdd ul, .fRTSDetails ul li.fRTSDOdd ol { list-style-type: disc; margin: 10px !important; padding: 10px !important; } .fRTSDetails .rtServ li.fRTSDOdd ul li, .fRTSDetails ul li.fRTSDOdd ol li { border: none; padding: 0; width: auto; } .fRTSDetails .itineraryFromDate { color: #b7442a; cursor: pointer; float: right; text-decoration: underline; } .bsrchResFRTD { float: left; padding: 0 0 0 20px; } .bsrchResFRTD .btnBack { padding-top: 6px; } .fRTSDetailsnavigPrev, .fRTSDetailsnavigNxt { float: right; margin-top: 6px; } .fRTSDetailsnavigNxt { border-left: 1px solid #6BA9B8; border-radius: 0; height: 16px; margin: 7px 0 0 10px; padding-left: 9px; } .bsrchResFRTD .btnBack { background-position-x: 0; padding-left: 30px; } .fRTSPost { width: 240px; } .fRTSPost ul { list-style: none; margin: 0; padding: 0; } .fRTSPost ul li { background: rgba(0, 0, 0, 0) !important; border: none !important; float: none !important; padding: 0 !important; width: auto !important; text-align: left !important; } .fRTSPost h3 { float: left; margin: 39px 0 0 0 !important; width: 100%; } .fRTSPost hr { border: none; border-top: 1px solid #DBDBDB; margin: 10px 0; } .fRTSPost b { font-family: 'VAG Rounded W01 Light'; } .fRTSPost img { margin: 5px 0; } .fRTSPost h4 { font-family: 'VAG Rounded W01 Bold'; color: #6BA9B8; margin: 0; text-transform: uppercase; } .fRTSCPCont { text-align: right; width: 100%; } .fRTSCPCont hr.dottedLine { height: 2px; margin: 0; } .fRTSCP { background-color: #6BA9B6; border-radius: 4px; color: #FFF !important; float: right; margin: 10px 0 0 0; padding: 5px; text-transform: uppercase; } .fRTCPCont { background-color: #FFF; /*float: left;*/ margin: 20px 0 30px 0; width: 990px; } .fRTCPCont .innerLeftWrapper { float: left; padding: 16px; width: 700px; } .fRTCPCont .bsrchResFRTD { float: left; padding: 0; width: 100%; } .fRTCPCont .bsrchResFRTD .btnBack { margin: 0; padding: 5px 0 0 30px; } .fRTCPCont .dottedLine { float: left; margin: 10px 0; } .fRTCPCont h2 { color: #363636; font-family: 'VAG Rounded W01 Bold'; font-size: 14px; margin-top: 30px; text-transform: uppercase; } /*.fRTCPCont ul{list-style:none;margin:0;padding:0;} .fRTCPCont ul li{padding: 5px;}*/ .fRTCPCont h3 { color: #323232; font-family: 'VAG Rounded W01 bold'; margin: 0; text-transform: uppercase; } .fRTCPCont .fRTCPchg, .fRTCPCont .fRTCPadd, .fRTCPCont .fRTCPAddChg { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/edit_btn.png') right top no-repeat; color: #727272; float: right; font: normal 11px VAG Rounded W01 Bold; padding: 0 20px 7px 0; text-transform: uppercase; } a.addIco { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/add_btn.png') right top no-repeat !important; } .fRTCPCont .rs { float: left; margin: 0 0 15px 0; } .fRTCPCont .rs li { padding: 0; width: 700px; } .fRTCPCont ~ .Popup a.popupClose { top: -5px; } div.fixedFRTCPCont { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .innerWrapper { background: none repeat scroll 0 0 rgba(238, 234, 231, 0.8); } .packageOuterWrapper { clear: both; float: left; margin: 30px 0px 10px; width: 100%; } .packageOuterWrapper .innerWrapper { border: 1px solid #CFCFCF; border-radius: 0px; clear: both; float: left; margin: 0px 0px 15px; width: 100%; min-height: 270px; } .innerWrapper .startDay { background: none repeat scroll 0 0 #FF6600; border: 1px solid #FF6600; border-radius: 0px; color: #FFFFFF; float: left; padding: 10px; } .innerWrapper .startDayHeading { float: left; font-weight: bold; padding: 10px; } .innerWrapper .itinService { background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #CFCFCF; border-radius: 0px; clear: both; float: left; padding: 10px; width: 97%; } /*.innerWrapper img {float: left; width: 120px;}*/ .innerWrapper .itId, .itsvcId { display: none; } .innerWrapper .outerWrapper { float: left; width: 100%; } .innerWrapper .hotelWrapper { background: none repeat scroll 0 0 #EFEFEF; float: left; padding: 10px; width: 120px; } .innerWrapper .hotelWrapper .title { text-align: center; } .innerWrapper .hotelWrapper .boardRoomType { float: left; margin: 4px 0px; text-align: center; word-break: break-word; } .innerWrapper .hotelWrapper .readMore { float: left; margin: 0px 0px 4px; text-align: center; width: 100%; } .innerWrapper .transferWrapper { background: none repeat scroll 0 0 #EFEFEF; float: right; margin: 0px 10px 2px; padding: 10px; position: relative; width: 495px; } .innerWrapper .transferWrapper .route { float: left; margin: 0px 10px 10px; width: 350px; } .innerWrapper .transferWrapper .hotelPickupRoute { float: left; margin: 0px 10px 10px; } .innerWrapper .transferWrapper .customize { bottom: 0px; position: absolute; right: 5px; width: 100px; } .innerWrapper .transferWrapper img, .innerWrapper .hotelWrapper img, .innerWrapper .excursionWrapper img { float: left; width: 120px; } .innerWrapper .excursionWrapper { background: none repeat scroll 0 0 #EFEFEF; float: right; margin: 0px 10px 2px; padding: 10px; position: relative; width: 495px; } .innerWrapper .excursionWrapperWide { background: none repeat scroll 0 0 #EFEFEF; float: right; margin: 0px 10px 2px; padding: 10px; position: relative; width: 639px; } .innerWrapper .excursionWrapper .route, .innerWrapper .excursionWrapperWide .route { float: left; margin: 0px 10px 0px; width: 350px; } .innerWrapper .excursionWrapper a { margin: 0px 5px 0px; } .innerWrapper .excursionWrapper .customize, .innerWrapper .excursionWrapperWide .customize { bottom: 0px; position: absolute; right: 5px; width: 100px; } .innerWrapper .newService { background-color: #F5F5DC; color: #6BA9B8; float: right; margin: 0px 10px 2px; padding: 10px; text-align: right; width: 495px; } .innerWrapper .newService div { float: left; width: 375px; } .innerWrapper .newService div:first-child { width: 120px; } .innerWrapper .newService div span { color: #727272; float: right; font-family: 'VAG Rounded W01 Light'; text-transform: capitalize; } .fRTCPContR { background-color: #FFF; float: left; margin: 38px 6px; padding: 5px; width: 230px; } .fRTCPContRIn { background-color: #EFEFEF; float: left; width: 230px; } .fRTCPContRIn .fRTSSearchTl { width: 230px; } .fRTCPContRIn .fRTSSearchInCont { width: 210px; } .fRTCPContRIn .fRTSSearchCalendar { width: 196px; } .fRTCPContRIn .fRTSSearchInCont .srMoreRates { margin: 5px 0; width: 210px; } .fRTCPContR .fRTSSearchCont { float: left; margin: 0; width: 228px; } .fRTCPContR .fRTSSearchCont .fRTSSearchTl { width: 229px; } .fRTCPContR .fRTSSearchCont .fRTSSearchInCont { padding: 7px; width: 214px; } .fRTCPContR .fRTSSearchCont .loader { height: 354px; width: 228px; } .fRTCPContR .fRTSSearchCont.fixed { top: 5px !important; position: fixed; } .pckFromPrc { background: transparent url('https://d20rvt6ieiyfip.cloudfront.net/main/Images/from_bg_pack.jpg') left top no-repeat; float: left; height: 81px; margin: 80px 0 0 586px; position: absolute; width: 90px; } .pckFromPrc span { margin-left: 11px; } .pckFromPrc b { margin-left: -2px; } .svcWrapper { float: left; margin-bottom: 10px; } .svcWrap { background: center no-repeat #EFEFEF; border: 1px solid #E2E2E2; float: left; padding: 10px 10px 10px 25px; width: 617px; /*height: 600px;*/ overflow: hidden; overflow-y: auto; } .svcWrap .headerContainer { float: left; margin: 0px 0px 15px; } .svcWrap .svcWrapImg { background-color: #EFEFEF; float: left; margin: 0px 8px 0px 0px; width: 120px; } .svcWrap .svcWrapImg img { width: 120px; } .svcWrap .svcWrapTl { background-color: #EFEFEF; color: #323232; float: left; font: normal 13px/15px'VAG Rounded W01 Bold'; margin: 8px 0px 2px 0px; text-transform: uppercase; width: 470px; } .svcWrap .svcWrapTl div { float: left; margin: 0px 0px 2px; width: 280px; } .svcWrap .svcWrapTxt { background-color: #EFEFEF; float: left; text-align: justify; width: 600px; } .svcWrap .svcHotelRoomType { color: #323232; float: left; font: normal 13px/15px'VAG Rounded W01 Bold'; } .svcWrap .svcHotelNote { color: #FF6000; display: none; margin: 24px 0px 0px; text-align: center; } .svcWrap .svcWrapSepBar { background-color: #b7442a; border-radius: 0; float: left; height: 33px; margin: 10px 0px 0px -10px; width: 620px; } .svcWrap .svcWrapSepBar a { color: #FFFFFF !important; float: right; margin: 8px 6px 0 0; position: relative; text-transform: uppercase; width: auto; } .svcWrap .svcWrapSepBar div { float: left; } .svcWrap .svcWrapSepBar a.remove { padding: 0px 5px; } .svcWrap .svcWrapArr { background: rgba(0, 0, 0, 0); float: left; } .svcWrap .svcWrapSepBar span.sep { color: #FFFFFF; float: right; margin: 7px 5px 0px 0px; } .svcWrap .svcWrapAltSrv { background-color: #EFEFEF; float: left; width: 100%; } .svcWrap .svcWrapAltSrv ul.addNewExcursion input[type=image] { width: 120px; } .svcWrap .svcWrapAltSrv ul { float: left; list-style: none; margin: 10px 0px 0px 0px; padding: 0px; width: 100%; } .svcWrap .svcWrapAltSrv ul li { float: left; min-height: 170px; margin: 0px 20px 0px 0px; width: 120px; } .svcWrap .svcWrapAltSrv ul li span { color: #323232; float: left; font-family: 'VAG Rounded W01 Bold'; width: 120px; } .svcWrap .svcWrapAltSrv ul li span img { width: 120px; } .svcWrap .svcWrapAltSrv ul li span:nth-child(2) { margin: 2px 0px 0px; text-align: center; } .svcWrap .svcWrapAltSrv ul li a.excAdd { color: #323232; cursor: pointer; float: left; height: auto; margin: 0; position: initial; text-align: center; width: auto; } .svcWrap .svcWrapAltSrv ul li .excDesc { display: none; } .svcWrap .hotelRoomTypeText { background-color: #EFEFEF; float: left; text-align: justify; width: 470px; } .svcWrap .svcWrapAltSrv h3 { color: #b7442a; font: normal 14px 'VAG Rounded W01 Bold'; margin-bottom: 0; text-transform: uppercase; } .svcWrap .svcWrapAltSrv hr { border: none; border-bottom: 1px solid #C0C0C0; float: left; width: 100%; } .svcWrap select { float: left; margin: 2px 5px 0px; } /* Hotel English Bottom Template CSS START */ .dlRecentTitle { color: #0574b9; font-size: 22px; padding: 0 2px 12px; font-weight: 500; position: relative; } .dlHotelImageOrangeContainer { position: relative; font-size: 16px; height: 215px; cursor: pointer; margin-right: 6px; } .dlHotelImageOrangeText { position: absolute; z-index: 10; color: #fff; background: none repeat scroll 0 0 rgba(9,157,205,.8); top: 10px; padding: 5px; } .dlHotelImageWhiteBottom.dlHotelImageOrangeContainer { height: auto; margin-right: 11px; background-color: #fff; border: 1px solid #d8d8d8; width: 310px; margin-bottom: 10px; float: left; padding: 4px; } .dlHotelImageWhiteBottom.dlHotelImageOrangeContainer:nth-of-type(3n) { margin-right: 0; } .dlHotelImageWhiteBottom .dlHotelImageOrangeImage { position: relative; } .dlHotelImageWhiteBottom .dlHotelImageOrangeImage img { width: 310px; height: 215px; } .dlHotelImageWhiteBottom .dlHotelImageOrangeText { background: none; color: #868686; position: static; float: left; } .dlHotelImageWhiteBottom .dlHotelImageOrangeText span { float: left; } .dlHotelImageWhiteBottom .dlHotelImageOrangeText div.supplier { color: #0574b9; font-weight: bold; margin-bottom: 3px; width: 100%; } .dlHotelImageWhiteBottom .dlHotelImageOrangeText span.star { padding: 0px; width: auto; } .dlHotelImageWhiteBottom .dlHotelImageOrangeText span.star img { height: 16px !important; width: auto !important; } .dlHotelImageWhiteBottom .dlHotelImageOrangeText span.location { font-size: 12px; margin-left: 5px; } .dlHotelImageWhiteBottom.dlHotelImageOrangeContainer .dlHotelImagePrcWhitePrc { position: absolute; text-align: center; color: #4a4949; font-style: italic; background: none repeat scroll 0 0 rgba(255,255,255,.7); bottom: 1px; padding: 5px; right: 1px; } .dlHotelImageWhiteBottom.dlHotelImageOrangeContainer .dlHotelImagePrcWhitePrcAm { font-weight: bold; font-style: normal; color: #FF7802; } /* Hotel English Bottom Template CSS END */ .tblReview { width: 100%; } .tblReview th { float: left; } .tblReview p { margin-top: 5px; } .tblReview td svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); } div .reviewStars { float: right; } .reviewHr { border: dotted 0.5px #727272; } .edpgreyBoxReviews hr.reviewHr:last-of-type { display: none; } .voucherA { text-align: left; } .voucherA a { text-decoration: none; font-size: 11px; color: #008cba; text-transform: uppercase; font-family: Verdana; } tr .rowSpacer > td { padding-bottom: 10px; } .leftPadding { padding-left: 15px; } .for2people { color: #ba0000; font-size: 10px; } .bButton a { background-color: #008CBA; color: white !important; font-size: 14px; font-family: VAG Rounded W01 Bold; padding: 2px 10px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0px; text-transform: uppercase; } /* _______________________________________ 01 MENU BAR _______________________________________ */ #wrapper_menu { position: relative; z-index: 9999; display: block; float: right; height: 26px; } #wrapper_menu2 { position: relative; z-index: 9998; display: block; float: left; height: 26px; } #wrapper_menu3 { position: relative; z-index: 9997; display: block; float: left; height: 26px; } #wrapper_menu .menu { float: right; margin: 0px 0px 0px 0px; padding: 0px; width: auto; height: 26px; list-style: none; } #wrapper_menu2 .menu { float: right; margin: 0px 0px 0px 0px; padding: 0px; width: auto; height: 26px; list-style: none; } #wrapper_menu3 .menu { float: right; margin: 0px 0px 0px 0px; padding: 0px; width: auto; height: 26px; list-style: none; } #wrapper_menu_full { position: relative; z-index: 9999; display: block; margin: 0; width: 100%; } #wrapper_menu_full .menu { margin: 0px auto 0px auto; padding: 0px 20px 0px 20px; width: 940px; height: 43px; list-style: none; } .menu li { position: relative; float: left; margin-top: 0px; margin-right: 20px; border: none; text-align: center; } .menu li.fullwidth { position: static !important; } .menu li.active { border-bottom: none; } menu li.nodrop.active { padding: 4px 10px 4px 9px; border: 1px solid #ccc; background: #eeeeee; } menu li.nodrop.active a { padding: 0px; } .menu li a { display: block; padding: 5px 10px 3px 10px; outline: 0; color: #000; text-decoration: none; text-transform: uppercase; font: normal 12px VAG Rounded W01 Bold; } .menu li a:hover { color: #37AAB9; } .menu li.active a { position: relative; z-index: 11; padding: 4px 9px 4px 9px; color: #fff; -webkit-text-shadow: none; text-shadow: none; } .menu li.active div a { display: inline; } .menu li .drop { margin: 0 10px 0 0; padding-right: 25px; /*background:url("ie/dropie.png") no-repeat right 11px;*/ background: transparent url("/main/eBooking/inc/megamenu/ie/dropiehover.png") right 11px no-repeat; } .menu li .dropleft { margin: 0 0 0 10px; padding-left: 12px; /*background:url("ie/dropie.png") no-repeat right 11px;*/ background: transparent url("/main/images/dropdown_arrow-black.png") right 11px no-repeat; } .menu li.active .drop {margin: 0 10px 0 0; padding:5px 25px 3px 10px; /*background:url("ie/dropie.png") no-repeat right 11px;*/ background: transparent url("/main/eBooking/inc/megamenu/ie/dropiehover.png") right 11px no-repeat; } .menu li.active .dropleft { margin: 0 0 0 10px; padding-left: 12px; background: url("/main/eBooking/inc/megamenu/ie/dropiehover.png") no-repeat scroll left 11px transparent; } /* Right aligned menu item */ .menu .right { right: 0; float: right; margin-right: 0px; } .menu li.active.right {} .wrapper_menu2_div { float: right; } .wrapper_menu3_div { float: right; border-radius: 0 0 0 4px; background: black; } /* _______________________________________ 02 DROP DOWN MENU _______________________________________ */ /* Left & right aligned common styles */ .menu .dropdown_1column, .menu .dropdown_2columns, .menu .dropdown_3columns, .menu .dropdown_4columns, .menu .dropdown_5columns, .menu .dropdown_fullwidth { /* Fallback for web browsers that doesn't support RGBa */ /* RGBa with 0.6 opacity */ position: absolute; left: -999em; margin: -1px auto 4px; padding: 10px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8); text-align: left; } /* Drop Downs Sizes */ .menu .dropdown_1column { width: 145px; } .menu .dropdown_2columns { width: 300px; } .menu .dropdown_3columns { width: 455px; } .menu .dropdown_4columns { width: 610px; } .menu .dropdown_5columns { width: 765px; } .menu .dropdown_fullwidth { width: 920px; } .menu li .first_fullwidth { } /* Showing Drop Down on Mouse Hover - Left aligned */ .menu li.active .dropdown_1column, .menu li.active .dropdown_2columns, .menu li.active .dropdown_3columns, .menu li.active .dropdown_4columns, .menu li.active .dropdown_5columns { top: 25px; left: -1px; } .menu li.active .dropdown_fullwidth { top: 33px; left: 21px; display: block; } #wrapper_menu_full .menu li.active .dropdown_fullwidth { top: 32px; left: 50%; display: block; margin-left: -470px; } .menu li.active .align_left { top: 23px; right: auto; left: 0px; } /* Showing Drop Down on Mouse Hover - Right aligned */ .menu li .align_right { } .menu li.active .align_right { top: 23px; right: 0px; left: auto;border-radius: 0 0 4px 4px; } .menu li.right.active .dropdown_fullwidth { top: 33px; right: 18px; } /* Columns Sizes */ .menu .col_1, .menu .col_2, .menu .col_3, .menu .col_4, .menu .col_5, .menu .col_6 { position: relative; display: inline; float: left; margin-left: 10px; } .menu .col_1 { width: 145px; } .menu .col_2 { width: 300px; } .menu .col_3 { width: 455px; } .menu .col_4 { width: 610px; } .menu .col_5 { width: 765px; } .menu .col_6 { width: 920px; } /* IMPORTANT */ /* Use the firstcolumn class for the items that stick to the left edge of the dropdown */ .menu .firstcolumn { clear: left; margin-left: 0; /* Clearing margin & left */ } /* _______________________________________ 03 CONTENT STYLING _______________________________________ */ .menu p, .menu ul, .menu li, .menu h2, .menu h3 { text-align: left; font-size: 14px; font-family: VAG Rounded W01 Bold; line-height: 21px; } .menu p { margin: 0; margin-bottom: 10px; -webkit-text-shadow: 1px 1px 1px #FFFFFF; text-shadow: 1px 1px 1px #FFFFFF; font-size: 12px; line-height: 18px; } .menu .strong { font-weight: bold; } .menu .italic { font-style: italic; } .menu h2, .menu h3 { margin-top: 7px; border-bottom: 1px solid #888888; -webkit-text-shadow: 1px 1px 1px #FFFFFF; text-shadow: 1px 1px 1px #FFFFFF; } .menu h2 { margin-bottom: 18px; padding-bottom: 11px; font-weight: 400; font-size: 21px; } .menu h3 { margin-bottom: 14px; padding-bottom: 7px; font-weight: 600; font-size: 14px; } .menu li.active div a { padding: 0; border: none; text-decoration: none; -webkit-text-shadow: none; text-shadow: none; } .menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */ margin-top: 18px; } /* Standard lists styles */ .menu li ul { margin: 0 0 12px 0; padding: 0; list-style: none; } .menu li ul li { position: relative; float: left; margin: 0; padding: 0; width: auto; text-align: left; font-size: 12px; line-height: 24px; } .menu li ul li a { padding: 0; } .menu li ul li:hover { margin: 0; padding: 0; border: none; background: none; } /* 2-Levels Drop Down */ .menu .levels, .menu .levels ul { /* all lists */ margin: 0; padding: 0; list-style: none; } .menu li.active .levels a { display: block; } .menu .levels a { display: block; width: auto; } .menu .levels a.parent, .menu .levels a.parent:hover { background: url("img/drop2.png") right center no-repeat; } .menu .levels li { float: left; width: 150px; } .menu .levels li ul { /* second-level lists */ position: absolute; top: -23px; left: -999em; margin: 15px 0px 0px 4px; padding: 6px; border: 1px solid #666666; background: #EEEEEE; } .menu .levels li ul ul { top: -23px; } .menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul { left: -999em; } .menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul { left: 142px; } /* _______________________________________ 05 COLORS _______________________________________ */ /* Blue */ .menu_blue { /*background: white;*/ } .menu_blue2 { background: black; } #wrapper_menu .menu_blue { border-radius:0 0 4px 0;} #wrapper_menu2 .menu_blue { border-radius:0 0 4px 0;} #wrapper_menu3 .menu_blue { border-radius:0 0 4px 0;} #wrapper_menu_full .menu_blue { border-bottom: 1px solid #015b86; } .menu_blue li:hover div a, .menu_blue li.active div a { color: #fff; } .menu_blue li:hover div a:hover, .menu_blue li.active div a:hover { color: #666; } .menu_blue li ul li a:hover { color: #029feb; } .menu #currencies .levels a { float: left; clear: both; width: auto; white-space:nowrap; } .menu #currencies .levels li { width: auto; } .menu #currencies .col_1 { width: auto; } .menu #currencies .dropdown_1column { z-index: 10000; width: auto; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -moz-box-shadow: 0px 5px 4px #666; -webkit-box-shadow: 0px 5px 4px #666; box-shadow: 0px 5px 4px #666; } .menu #langs .levels a { width: 59px; } .menu #langs .levels li { width: 59px; } .menu #langs .col_1 { width: 64px; } .menu #langs .dropdown_1column { width: 69px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; box-shadow: 0px 5px 4px #666; } .menu #reserv .levels li { width: 300px; } .menu #reserv .col_1 { width: 305px; } .menu #reserv .dropdown_1column { width: auto; -moz-border-radius: 10px 0 10px 10px; -webkit-border-radius: 10px 0 10px 10px; border-radius: 0px 10px 10px 10px; -moz-box-shadow: 0px 5px 4px #666; -webkit-box-shadow: 0px 5px 4px #666; box-shadow: 0px 5px 4px #666; } /* .menu #reserv.active{background: #EEE;border: 1px solid #CCC;border-bottom: none;margin-right:-1px;} .menu #reserv.active a.drop{color: #161616;text-shadow: none;position: relative;z-index: 11;border-bottom: 1px solid #EEE;background: url("ie/dropiehover.png") no-repeat right 10px;padding: 5px 27px 3px 10px;} .menu #reserv.active .dropdown_1column {right: -1px;top: 25px;left: auto;} */ body.dayfade { background-image: none !important; background-color: #EEEAE7 !important; } .searchInput_textRounded_b2blogin { padding: 20px 10px; border: solid 1px #BBB; width: 100% !important; height: 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font: normal 14px Verdana; color: #777; margin-top: 5px; position: relative; z-index: 100; box-sizing: border-box; } .bSearchContainer, .bSearchContainerLog { width: 135px; height: 39px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cba, endColorstr=#008cba)"; background-color: #008cba; color: white; margin-top: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008cba),color-stop(0.69, #008cba)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .bSearchContainer:hover, .bSearchContainerLog:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cba, endColorstr=#008cba)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008cba),color-stop(0.69, #008cba)); /* For Internet Explorer 5.5 - 7 */ } a.bSearchControl:link { font: normal 14px Verdana; color: #FFF; } a.bSearchControl:active { font: normal 14px Verdana; color: #FFF; } a.bSearchControl:visited { font: normal 14px Verdana; color: #FFF; } a.bSearchControl:hover { font: normal 14px Verdana; color: #FFF; text-decoration: none; } .searchContainerTrans { width: 100%; left: 0; background-color: #FFF; } .searchWrap { -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; } .bSearchContainerTrans { width: 113px; height: 39px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cba, endColorstr=#008cba)"; background-color: #008cba; color: white; margin-top: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008cba),color-stop(0.69, #008cba)); /* For Internet Explorer 5.5 - 7 */ /* For Internet Explorer 8 */ } .bSearchContainerTrans:hover { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cba, endColorstr=#008cba)"; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, #008cba),color-stop(0.69, #008cba)); /* For Internet Explorer 5.5 - 7 */ } .ezTooltip { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; position: absolute; z-index: 1070; display: block; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; line-break: auto; width: auto !important; white-space: nowrap; padding: 5px 0; margin-top: -3px; display: block; } .ezTooltipInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 8px; text-align: center; border-radius: 4px; max-width: 100% !important; color: #F9F9F9; background-color: #3C3C3C; } .ezTooltipArrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #3C3C3C; } /*! nouislider - 13.1.4 - 3/20/2019 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } /* Offset direction */ html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background-color: #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #4a4949; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; } .daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; } .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .ranges li { font-size: 13px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background-color: #08c; border: 1px solid #08c; color: #fff; } .ranges li.active { background-color: #08c; border: 1px solid #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .calendar.right { margin-left: 0; } .daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; } .daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .calendar.right { margin-right: 0; } .daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; } .daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .calendar.left { clear: none !important; } }