/* FILTER AND TABS STYLES */

.datagrid-filters { font-size: 12px; color: #333; padding-bottom: 16px; border: 1px solid #CCC; clear: both; }

.filter-options { width: 100%; position: relative; z-index: 1000; /*fix IE7 zindex bug*/ }
.filter { display: none; width: 25%; margin-right: 3%; float: left; position: relative; list-style: none; }
    .filter h5 { font-weight: bold; margin: 10px 0 2px 0; text-transform: uppercase; }
    .filter ul { position: absolute; top: 100%; left: -1.3em; background-color: #FFF; z-index: 120; min-width: 10em; border-left: 1px solid #CCC; border-top: 1px solid #CCC; }
        .filter ul.dd-menu { visibility: hidden; max-height: 30em; overflow-x: hidden; z-index: 200; }
        .filter ul li { list-style: none; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; color: #888; padding: .5em .6em; min-width: 168px; }
            .filter ul li.last-child { margin-right: 0; }
    .filter a { display: block; color: #888; text-decoration: none; padding: .5em .6em; }
    .filter li:hover { color: #333; background: #e5e5e5; cursor: pointer; cursor: hand; }
    .filter li.dd-open { position: relative; background: #fff; }
    .filter .dropdown { position: relative; border: 1px solid #bbb; }
    .filter .textbox { position: relative; }
    .filter a.dd-show, .filter a.dd-show:hover { width: 1em; position: absolute; top: 0; right: 0; border-left: 1px solid #bbb; text-align: center; color: #006699; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 0%, #ebebeb 37%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(37%,#ebebeb), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%,#ebebeb 37%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%,#ebebeb 37%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%,#ebebeb 37%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(top, #f3f3f3 0%,#ebebeb 37%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ }

.lob_label { margin: 0 0 -.1em 0; padding: .75em .7em .4em .7em; position: relative; float: left; color: #999; background-color: #FFF; font-weight: bold; border: 1px solid #CCC; border-right-color: #FFF; cursor: pointer; cursor: hand; }
    .lob_label.last { border-right-color: #CCC; }
    .lob_label:hover { color: #333; }
.selected_tab { cursor: auto; color: #000; z-index: 5; border-bottom-color: #FFF; }
    .selected_tab:hover { background-color: #FFF; }

/* DATAGRID AND DEALS */

.datagrid { clear: both; min-height: 600px; padding-top: 15px; border: 1px solid #CCC; border-top-color: #FFF; margin-bottom: 2em; }
.datagrid .hidden {display:none !important;}
/* DEAL MODULES */
.dealBox { float: left; position: relative; top: 0px; width: 31%; background-color: #fff; border: 1px solid #CECECE; margin: 0 1% 15px 1%; overflow: hidden; cursor: pointer; -moz-box-shadow: 1px 2px 2px #CECECE; -webkit-box-shadow: 1px 2px 2px #CECECE; box-shadow: 1px 2px 2px #CECECE; }
    .dealBox .hotelthumbimage { width: 100%; max-height: 110px; }
	.dealBox p { margin: .5em 12px; line-height: 1em; }
        .dealBox p.x-small { margin-top: 0; margin-right: .25em; }
    .dealBox h4 { font-size: 12px; margin: .5em 0 .5em 12px; }
    .dealBox .rating { margin: 0 0 .3em 12px; }
    .dealBox .old { margin: 0; padding: 0; }
    .dealBox img.airline { position: absolute; top: 5px; right: 5px; }
    .dealBox img.tourop { position: absolute; width: 25%; right: 4px; top: 4px; }
.hoteldeals, .packagedeals ,.ppvdeals  { height: 280px; }
.cardeal  { height: 110px; }
#activities-datagrid .hidden {display:none !important;}
.activitydeals { margin-bottom: 2em; border-bottom: dotted 1px #CCC; }
    .activitydeals figure { width: 27.027%; float: left; text-align: center; margin: 0 2% 2em 2%; }
    .activitydeals .activityinfo { float: left; width: 68%; margin: 0; }
.activitythumbimage { max-width: 100%; }

.activitydeals li { font-size: 10px; list-style: none; margin: 0 1em; }
.activitydeals h4 { margin: 0; }

.activitydeals .activityitem { width: 30%; float: left; font-size: 18px; margin-bottom: 12px; }
    .activitydeals .activityitem a { text-decoration: none; }
.drrcolumn { float: left; width: 100%; font-size: 10px; }
    .drrcolumn p { margin-right: 5em; }
.pricecolumn { position: absolute; text-align: right; bottom: 0px; right: 5px; }
    .pricecolumn a { font-size: 26px; text-decoration: none; }

.dollar { position: relative; top: -.15em; color: #006699; padding: 0 .1em 0 0; font-size: .7em; }
.flightdeals p { margin-bottom: 0; padding-bottom: 0; }
.flightdeals .deal-origin-dest { float: left; background: url('https://images.trvl-media.com/media/content/expus/graphics/promos/deals/deals_framework_flight_arrow1_14x39.gif') no-repeat top left; font-size: 12px; font-weight: bold; margin: 24px 0 12px 14px; padding-left: 18px; height: 39px; }
.flightdeals .deal-origin { margin-top: -5px; }
.ie7 .flightdeals .deal-origin { margin-top: -2px; }
.flightdeals .deal-dest { margin-top: 16px; }
.flightdeals .airline-logo, .flightdeals .deal-price, .cardeal .car-logo, .cardeal .deal-price  { float: left; text-align: center; }
.flightdeals .airline-logo { width: 48%; padding: 30px 0 0 0; }
    .flightdeals .airline-logo img { max-width: 80px; }
.flightdeals .deal-price { width: 50%; padding: 15px 0;font-size: 25px; line-height: 1; }
.ie7 .flightdeals .deal-price { margin-top: -5px; }
.flightdeals .deal-price a { text-decoration: none; }
    .flightdeals .deal-price a span { font-size: .5em; vertical-align: middle; padding-right: .25em; }
.ie7 .flightdeals .deal-price a span { vertical-align: middle; }
.flightdeals .deal-orig-price { font-size: 18px; line-height: 1em; color: #959595; text-decoration: line-through; vertical-align: middle; }

.cardeal .car-logo { width: 48%;position: absolute;bottom: 4px;left: 0;}
.cardeal .car-logo img { max-width: 75px; }
.cardeal .deal-price { width: 50%; font-size: 25px; line-height:12px;position: absolute;bottom: 4px;right: 0; }

#scrollToTop { background: none repeat scroll 0 0 #FFFFFF; border-left: 2px solid #CCC; border-right: 2px solid #CCC; border-top: 2px solid #CCC; border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 0; color: #333; cursor: pointer; font-weight: bold; left: 890px; padding: 10px 0; position: fixed; text-align: center; width: 64px; z-index: 999; }

.loading { display: none; width: 350px; height: 60px; background-color: #FFF; position: absolute; margin: 0 0 0 50px; top: 550px; z-index: 4000; background-position: center 20px; padding: 60px 16px 30px 16px; background-image: url("https://images.trvl-media.com/media/content/expus/graphics/common/anim_spinner_large.gif"); background-repeat: no-repeat; -webkit-border-radius: 64px; -moz-border-radius: 6px; border-radius: 6px; border: 2px solid #888; }
    .loading h3 { text-align: center; color: rgb(153, 153, 153); line-height: 1.25em; font-style: oblique; }
#overlay { display: none; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: .3; z-index: 1000; filter: alpha(opacity = 30); }

@font-face { font-family: 'Geometr415BlkBTBlack'; src: url('/static/publish/region_na/fonts/tt0524m-webfont.eot'); src: url('/static/publish/region_na/fonts/tt0524m-webfont.eot?#iefix') format('embedded-opentype'), url('/static/publish/region_na/fonts/tt0524m-webfont.woff') format('woff'), url('/static/publish/region_na/fonts/tt0524m-webfont.ttf') format('truetype'), url('/static/publish/region_na/fonts/tt0524m-webfont.svg#Geometr415BlkBTBlack') format('svg'); font-weight: normal; font-style: normal; }
.preload_xml { background-position: center 20px; padding: 60px 0px 30px; text-align: center; color: rgb(153, 153, 153); line-height: 1.25em; font-style: oblique; background-image: url("https://images.trvl-media.com/media/content/expus/graphics/common/anim_spinner_large.gif"); background-repeat: no-repeat; }

.tab_menu_hotel, .tab_menu_flight, .tab_menu_package { background-image: url(https://images.trvl-media.com/media/content/expaus/images/holiday-shop/icons.png); background-repeat: no-repeat; }
.tab_menu_hotel { background-position: 12px -40px; padding-left: 35px !important; }
.tab_menu_flight { background-position: 12px -20px; padding-left: 35px !important; }
.tab_menu_package { background-position: 12px 0px; padding-left: 60px !important; }
#hero { height: 180px; width: 992px; z-index: -5; background-repeat: no-repeat; background-position: right 0px; position: relative; }
    #hero h1 { font-family: "Geometr415BlkBTBlack", Helvetica, sans-serif; font-size: 60px; font-weight: bold; position: absolute; line-height: 1; margin: 0; padding: 0; vertical-align: baseline; color: #FFF; z-index: 5; left: 232px; top: 129px; text-shadow: 3px -1px 3px rgba(0,0,0,0.4), 3px -3px 6px rgba(0,0,0,0.1), 3px -5px 12px rgba(0,0,0,0.1); }
    html.ie8 #hero {margin-bottom: 5px;}
    html.ie8 #hero h1 {filter: Shadow(Color=#666666,Direction=135,Strength=3); padding: 0 0 5px 0; margin-bottom:5px;}

.grid { margin-top: -180px; }
.span-14 { margin-top: 180px; margin-bottom: 2em; }
h2.error { text-align: center; }

/* Publishing wizard re-styling - this is not the ideal way to do it */
.emea-Wizard h1 { font-size: 13px !important; }
.fr_CA .emea-Wizard h1 { font-size: 11px !important; }
#widgetcatalogWizard .small .section-number-of-travellers .labelTextDropSpan, #widgetcatalogWizard .small .rooms .labelTextDropSpan, #widgetcatalogWizard .small .section-flight-age-group .labelTextDropSpan { width: 45px; font-size: 10px; }
#widgetcatalogWizard .uw-submit-button { padding: 1em 1.5em; }
#widgetcatalogWizard .lobSelect label { width: 18em; }

.fb_share { width:110px;float:right;margin:1em 0 1em 1em;font-size:10px;padding:5px;}
.truncate {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}