.validation-summary-errors { padding: 5px; border: solid 1px #ebccd1; color: #a94442; background-color: #f2dede; } .navbar-nav > li > .dropdown-menu .dropdown-menu { margin-top: -1px; } /**********************************************************************************************************/ /* KULULA */ /**********************************************************************************************************/ /* GENERAL STYLES ***************************************************************/ /* Global generic classes ------------------------------------------------------------- */ .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .vert-top { vertical-align: top; } .vert-mid { vertical-align: middle; } .vert-bot { vertical-align: bottom; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { border-bottom: 1px solid; } .highlight { color: #EAB543; } .wrap { width: 960px; margin: 0 auto; } .nopadding { padding: 0; } .noindent { margin-left: 0; padding-left: 0; } .block { display:block; } .flamafont { font-family:FlamaSemibold,sans-serif; } .lightgrey-back { background-color: #F9F9F9; clear:both; } .lightgrey-text { color:#999999; } .border { border: 1px solid #EEEEEE; } .border-bottom { border-bottom: 1px solid #EEEEEE; } .border-top { border-bottom: 1px solid #EEEEEE; } .little-padding { padding:10px; } .extra-padding { padding:20px; } .extra-padding .clm { padding-bottom:0; padding-top:0; } .little-margin { margin:10px; } .extra-margin { margin:20px; } .currency, .cents { font-size:12px; } .currency { margin-right:2px; } .tooltip { display:none; } .widget-aside-second { margin-bottom:20px; } /* iframe */ .video { width: 100%; border-width: 0px; } /* Validation */ /************************************************************ */ .req_text,.req_star { color: #EAB543; } .validate-message { color: #9E0000; } /* MESSAGES ***************************************************************/ .message-warning .ico-body, .message-notification .ico-body, .message-Error .ico-body, .message-Success .ico-body, .validation-summary-errors .ico-body { padding-left: 70px; } .message-warning, .message-notification, .message-Error, .message-Success, .validation-summary-errors { clear:both; box-shadow: 0 1px 7px 0 hsla(0,0%,63%,.75); margin-bottom: 20px; padding: 20px; min-height: 87px; } .message-warning:before { border-radius: 50%; float: left; width: 50px; height: 50px; text-align: center; margin-right: 20px; line-height: 1.6; } .message-notification:before, .message-Error:before, .message-Success:before, .validation-summary-errors:before { border-radius: 50%; float: left; width: 50px; height: 50px; text-align: center; margin-right: 20px; line-height: 1.2; } .message-warning span, .message-notification span, .message-Error span, .message-Success span, .validation-summary-errors span { font-weight: bold; font-size: 16px; padding-bottom: 9px; display: inline-block; } .message-warning { background-color: #fff3b8; } .message-warning:before { content: "\e122"; font-family: "Glyphicons Halflings"; font-size: 26px; background-color: #f0a328; color: #fff; border: 4px solid #b97811; } .message-warning span { color: #f0a328; } .message-notification { background-color: #cdecfa; } .message-notification:before { content: "!"; font-family: FlamaSemibold,sans-serif; font-size: 33px; background-color: #2d86b3; color: #fff; border: 4px solid #206080; } .message-notification span { color: #206080; } .message-Error { background-color: #f9dee7; } .message-Error:before { content: "!"; font-family: FlamaSemibold,sans-serif; font-size: 33px; background-color: #AC0000; color: #fff; border: 4px solid #910000; } .message-Error span { color: #910000; } .message-Error h1 { font-size: 26px; color: #910000; display: inline; } .message-Error p { display: block; margin-bottom: 5px; } .message-Error.small-message { padding: 10px; min-height: 50px; font-weight: bold; color: #910000; } .message-Error.small-message:before { font-size: 20px; width: 30px; height: 30px; margin-right: 8px; line-height: 0.9; } .message-Error.small-message .ico-body { padding-left: 40px; padding-top: 5px; } .validation-summary-errors { background-color: #f9dee7; } .validation-summary-errors:before { content: "!"; font-family: FlamaSemibold,sans-serif; font-size: 33px; background-color: #AC0000; color: #fff; border: 4px solid #910000; } .validation-summary-errors span { color: #910000; } .message-Success { background-color: #eaf6ea ; } .message-Success:before { content: "\e013"; font-family: "Glyphicons Halflings"; font-size: 22px; background-color: #3fa553; color: #fff; border: 4px solid #307E40; line-height: 1.8; } .message-Success span { color: #3fa553; } .message-Success h1 { font-size: 26px; color: #3fa553; display: inline; } .message-Success p { display: block; margin-bottom: 5px; } .message-Success.small-message { padding: 10px; min-height: 50px; font-weight: bold; color: #3fa553; } .message-Success.small-message:before { font-size: 12px; width: 30px; height: 30px; margin-right: 8px; } .message-Success.small-message .ico-body { padding-left: 40px; padding-top: 5px; } @media screen and (max-width: 380px) { .message-warning, .message-notification, .message-Error, .validation-summary-errors { padding: 10px; min-height: 60px; } .message-warning .ico-body, .message-notification .ico-body, .message-Error .ico-body, .validation-summary-errors .ico-body { padding-left: 50px; } .message-warning:before { font-size: 22px; width: 40px; height: 40px; margin-right: 10px; } .message-notification:before, .message-Error:before, .validation-summary-errors:before { font-size: 25px; width: 40px; height: 40px; margin-right: 10px; } .message-warning:before { font-size:20px; line-height:1.6; } } /* BROWSER VERSION MESSAGE & NO SCRIPT ***************************************************************/ .browser-version, .javascript-error { position:fixed; bottom:0; width:100%; z-index:98; padding:10px; min-height:52px; } .browser-version:before, .javascript-error:before { font-size: 16px; width: 35px; height: 35px; margin-right: 8px; line-height: 1.7; margin-right:10px; } .browser-version .ico-body { padding-top:6px; padding-left:50px; } @media (max-width: 768px) { .browser-version, .javascript-error { margin:0 15px 0 0; left:0;} } @media (min-width: 768px){ .browser-version, .javascript-error { width: 720px; margin:0 auto; left:auto; } } @media (min-width: 992px){ .browser-version, .javascript-error { width: 940px; } } @media (min-width: 1200px){ .browser-version, .javascript-error { width: 1140px; } } /* GENERAL BUTTONS ***************************************************************/ .button-p { margin: 20px 0; } a.content-btn, a.content-btn:visited, .banner a.FaresSelectorLinks, .banner a.FaresSelectorLinks:visited { cursor:pointer; background: #8bc63e; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn:hover, .banner a.FaresSelectorLinks:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; } a.content-btn .caps { text-transform: uppercase; } a.content-btn-small, a.content-btn-small:visited { cursor:pointer; background: #8bc63e; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-small:hover { background: #7DB137; color: #FFFFFF; text-decoration: none; } a.content-btn-small .caps { text-transform: uppercase; } a.content-btn-big, a.content-btn-big:visited { background-color: #8bc63e;/*IE 8 & 9*/ cursor:pointer; display:inline-block; background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } a.content-btn-big:hover { background-color: #7DB137;/*IE 8 & 9*/ background-position: 0 100%; } a.content-btn-big .caps { text-transform: uppercase; } a.content-btn-secondary, a.content-btn-secondary:visited { background-color: #00bce4;/*IE 8 & 9*/ cursor:pointer; display:inline-block; background-image: linear-gradient(150deg,#00bce4 50%,#00b2d8 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } a.content-btn-secondary:hover { background-color: #00A7CA;/*IE 8 & 9*/ background-position: 0 100%; } a.content-btn-secondary .caps { text-transform: uppercase; } a.content-btn-secondary-small, a.content-btn-secondary-small:visited { cursor:pointer; background: #00BCE4; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-secondary-small:hover { background: #00A7CA; color: #FFFFFF; text-decoration: none; } a.content-btn-tertiary, a.content-btn-tertiary:visited { background-color: #F1F7F8;/*IE 8 & 9*/ cursor:pointer;display:inline-block; background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%); color: #0092b3; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 17px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } a.content-btn-tertiary:hover { background-color: #CEEAF0;/*IE 8 & 9*/ background-position: 0 100%; } a.content-btn-tertiary .caps { text-transform: uppercase; } a.content-btn-tertiary-small, a.content-btn-tertiary-small:visited { cursor:pointer; background: #F1F7F8; color: #0092b3; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.content-btn-tertiary-small:hover { background: #CEEAF0; color: #0092b3; text-decoration: none; } a.content-btn.disabled , a.content-btn-small.disabled, a.content-btn-big.disabled, a.content-btn-secondary.disabled, a.content-btn-secondary-small.disabled, a.content-btn-tertiary.disabled, a.content-btn-tertiary-small.disabled { background-color:#BBBBBB; border-color: #BBBBBB; color: #666666; cursor:not-allowed; background-image:none; } input[type="submit"], input[type="button"], .button, .button:link, .button:visited { cursor:pointer; background-color:#8bc63e; background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; margin-bottom:3px; } input[type="submit"]:hover, input[type="button"]:hover, .button:hover { background-position: 0 100%; color:#FFF; text-decoration:none; background-color:#8bc63e; } input.primaryAction { background-color: #8bc63e;/*IE 8 & 9*/ background-image: linear-gradient(150deg,#8bc63e 50%,#86c139 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #71a130; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } input.primaryAction:hover { background-color: #7DB137;/*IE 8 & 9*/ background-position: 0 100%; } input.secondaryAction { background-color: #00BCE4;/*IE 8 & 9*/ background-image: linear-gradient(150deg,#00bce4 50%,#00b2d8 51%); color: #FFFFFF; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } input.secondaryAction:hover { background-color: #00A7CA;/*IE 8 & 9*/ background-position: 0 100%; } input.tertiaryAction { background-color: #F1F7F8;/*IE 8 & 9*/ background-image: linear-gradient(150deg,#F1F7F8 50%,#E5F4F7 51%); color: #0092b3; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-position .5s ease; transition: background-position .5s ease; text-overflow: ellipsis; overflow: hidden; background-size: 200% 200%; background-position: 0 50%; } input.tertiaryAction:hover { background-color: #CEEAF0;/*IE 8 & 9*/ background-position: 0 100%; color: #0092b3; } input[type="submit"][disabled], input[type="button"][disabled], .button[disabled] { background-color:#BBBBBB; border-color: #BBBBBB; color: #666666; cursor:not-allowed; background-image:none; } a.tab-content-btn, a.tab-content-btn:visited { cursor:pointer; background: #00bce4; color: #FFFFFF; display:inline-block; text-decoration: none; font-size: 16px; text-transform: uppercase; height: 36px; padding: 6px 24px; border-width: 1px 1px 3px 1px; line-height: 24px; border-style: solid; border-radius: 3px; border-color: #0092b3; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; text-overflow: ellipsis; overflow: hidden; } a.tab-content-btn:hover { background: #0092b3; color: #FFFFFF; text-decoration: none; } a.tab-content-btn.disabled { background-color:#BBBBBB; border-color: #BBBBBB; color: #666666; cursor:not-allowed; background-image:none; } /* Search form */ /************************************************************ */ .widget-search-form { float:none; } .widget-search-form .ico-menu, .widget-search-form .ico-search { display:none; } .widget-search-form button[type="submit"] { margin:0; margin-top:10px; } #layout-content .widget-search-form h1 { font-family: FlamaSemibold; font-size:32px; color:#000000; } #layout-content .widget-search-form .search-form { padding: 20px; background-color: #000000; margin-bottom:10px; } @media (min-width: 540px) { #layout-content .search-form button[type="submit"] { width: 24%; margin-top:0; margin-left:10px; } #layout-content .search-form input[type="text"] { width: 74%; } } @media (max-width: 540px) { #layout-content .search-form { padding: 10px; } #layout-content .search-form button[type="submit"] { margin-top:10px; margin-left:0; } } #layout-navigation .widget-search-form button[type="submit"], #layout-navigation .widget-search-form input[type="text"] { display:inline-block; float:none; width:auto; } #layout-navigation .widget-search-form button[type="submit"]:active { -webkit-box-shadow:none; box-shadow:none; } #layout-navigation .widget-search-form button[type="submit"] { white-space: nowrap; margin:0; margin-left:6px; border:0; padding:0; background-image: url('../Content/black/nav/ico.gif'); background-position: -416px -1px; width:40px; height:45px; text-indent: -9999px; } #layout-navigation .widget-search-form input[type="text"] { white-space: nowrap; width:170px; border:0; padding:0; border-bottom:1px solid #FFFFFF; background-color:transparent; color:#FFFFFF; -webkit-appearance: none; -webkit-box-shadow:none; box-shadow:none; border-radius: 0; margin-top:20px;} #layout-navigation .widget-search-form input[type="hidden"] { white-space: nowrap; } #layout-navigation .widget-search-form .fields { display:none; } /* do not combine these declarations with commas*/ #layout-navigation .widget-search-form input[type="text"]::-webkit-input-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form input[type="text"]::-moz-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form input[type="text"]:-ms-input-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form input[type="text"]:-moz-placeholder { color:#FFFFFF; } #layout-navigation .widget-search-form { float:right; overflow:hidden; white-space: nowrap; transition: width .5s ease; min-width:75px; height:90px; } #layout-navigation .widget-search-form #frmSearch { margin-top:5px; height:75px; overflow:hidden; } #layout-navigation .widget-search-form #frmSearch fieldset { overflow:hidden; padding-left:0; float:left; width:0; height:75px; white-space: nowrap; -moz-transition: width 0s ease, padding-left .2s ease; -webkit-transition: width 0s ease, padding-left .2s ease; transition: width 0s ease, padding-left .2s ease; -webkit-transition-delay: 0s; /* Safari */ transition-delay: 0s; border:0; } #layout-navigation .widget-search-form #frmSearch .ico-search { display:block; overflow:hidden; float:left; width:75px; -moz-transition: width 0s ease, opacity .5s ease; -webkit-transition: width 0s ease, opacity .5s ease; transition: width 0s ease, opacity .5s ease; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; /* Safari */ transition-delay: 0s;} #layout-navigation .widget-search-form #frmSearch .ico { color:#FFF; text-align:center; display: block; padding: 2px 4px 10px 5px; line-height:24px; } #layout-navigation .widget-search-form #frmSearch .ico-search .ico span { background-image: url('../Content/black/nav/ico.gif'); background-position: -367px 0; background-repeat: no-repeat; display: block; width:46px; height:46px; margin:0 auto; } #layout-navigation .widget-search-form #frmSearch .ico-menu { display:block; overflow:hidden; float:left; width:0; -moz-transition: opacity .7s ease, width .7s ease; -webkit-transition: opacity .7s ease, width .7s ease; transition: opacity .7s ease, width .7s ease; filter: alpha(opacity=0); opacity: 0; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico { display:block; padding:2px 14px 10px 15px; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span { position:relative; margin: 24px auto 16px auto; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:before, #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:after { position:absolute; content: ""; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:before { top:-8px; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:after { bottom:-8px; } #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span, #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:before, #layout-navigation .widget-search-form #frmSearch .ico-menu .ico span:after { width: 26px; height:3px; display:block; background-color: #FFFFFF; } /*focused*/ #layout-navigation.search-focused .widget-search-form #frmSearch fieldset { border-left: 1px solid #FFFFFF; width:250px; -moz-transition: width .5s ease; -webkit-transition: width .5s ease; transition: width .5s ease; -webkit-transition-delay: .2s; /* Safari */ transition-delay: .2s; } #layout-navigation.search-focused .widget-search-form #frmSearch .ico-search { width:0; filter: alpha(opacity=0); opacity: 0; -moz-transition: width .5s ease, opacity .5s ease; -webkit-transition: width .5s ease, opacity .5s ease; transition: width .5s ease, opacity .5s ease; -webkit-transition-delay: 0s; /* Safari */ transition-delay: 0s;} #layout-navigation.search-focused .widget-search-form #frmSearch .ico-menu { width:75px; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .6s; /* Safari */ transition-delay: .6s;} #layout-navigation.search-focused .widget-search-form .fields { display:block; padding-left:20px; width:235px; overflow:hidden; } #layout-navigation.search-focused .navbar-nav { display:none; } /*other*/ #aside-second .widget-search-form { display:none; } @media (max-width: 991px) { #layout-navigation .widget-search-form { display:none; } #layout-navigation.search-focused .widget-DropDownMenu { display:block; } #aside-second .widget-search-form { display:block; } } @media (max-width: 1024px) { #layout-navigation .widget-search-form { min-width:65px; } #layout-navigation .widget-search-form #frmSearch .ico-search { width:65px; } #layout-navigation .widget-search-form #frmSearch .ico-search .ico span { margin: 0 5px; } } /* Search results pages */ /************************************************************ */ .search-summary { float:none; background-color:#F9F9F9; padding:15px; font-style:normal; } .search-summary em { font-style:normal; } .no-search-results { min-height:200px; } ul.search-results { padding-left:0; list-style:none; } ul.search-results li { padding-left:0; border-bottom:1px solid #eeeeee;} /* Blog post */ /************************************************************ */ ul.blog-posts { padding-left:0; list-style:none; } ul.blog-posts li { padding-left:0; border-bottom:1px solid #eeeeee; } /* Sidebar - kulula Credit Card ***************************************************************/ .KululaCreditCard a {padding: 110px 0 0px 0; font-size:18px;} /* kulula fanmail */ /************************************************************ */ .widget-email-subscription-widget a.content-btn-small { padding:6px 20px; } .widget-email-subscription-widget .fanmail-btns .fanmail-subscrbtn, .widget-email-subscription-widget .fanmail-btns .fanmail-managelink { float:left; margin-top:15px;} .widget-email-subscription-widget .fanmail-btns .fanmail-managelink {margin-left:9px;} @media (max-width: 1199px) and (min-width: 1024px), (max-width: 390px) { .widget-email-subscription-widget .fanmail-btns .fanmail-subscrbtn, .widget-email-subscription-widget .fanmail-btns .fanmail-managelink {display:block; float:none; margin-left:0px; margin-top:10px;} .widget-email-subscription-widget a.content-btn-small { display:block; } } /* kulula fanmail Social Media Share */ /************************************************************ */ .share-buttons { height:30px;} .share-buttons a { color: #ffffff; margin-top:10px; border-radius: 3px; padding: 2px 8px 2px 24px; float: left; text-decoration:none; } .share-buttons .facebook a { background: #4267b2 url('../Content/black/ftr/fb-mini.png') no-repeat 4px 3px ; font-weight: bold; margin-right:10px;} .share-buttons .twitter a { background: #28a9e2 url('../Content/black/ftr/tw-mini.png') no-repeat 4px 3px ; font-weight: normal; } /* Login box */ /************************************************************ */ #aside-first .loginbox { width:100%; } .loginbox { background: none; width: 33.33333333%; display: block; overflow: hidden; float: left; border: 1px solid #EEEEEE; padding: 20px; margin-bottom: 20px; margin-top: 30px; } .loginbox .primaryAction { display:block; width:100%; margin-top:10px; } .loginbox h3 { margin-top:0; } h3.border { border:0; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; margin-bottom: 10px; } h4.border { border:0; border-bottom: 1px solid #72CBCB; padding-bottom: 5px; margin-bottom: 5px; } .widget-DiscLoginPageCopy, .widget-DiscManageBookingPageCopy, .widget-AddExtrasLandingPgContent, .widget-ebucksManageBookingPageCopy { width: 66.66666667%; padding-left:30px; float: left; } @media (max-width: 992px) { .loginbox, .widget-DiscLoginPageCopy, .widget-DiscManageBookingPageCopy, .widget-AddExtrasLandingPgContent, .widget-ebucksManageBookingPageCopy { width:100%; } .widget-DiscLoginPageCopy, .widget-DiscManageBookingPageCopy, .widget-AddExtrasLandingPgContent, .widget-ebucksManageBookingPageCopy { padding:0; } } /* HEADER ***************************************************************/ .navbar-header { z-index:999; position:relative; } .hdr-branding { float:left; margin-left:30px;} .hdr-branding a { display:inline-block; line-height:25px; font-size:25px; } .hdr-branding img { margin:0; width:150px; height:25px; -webkit-transition: width 2s, height 2s; transition: width 2s, height 2s; } .hdr-vitality { background-color:#FFFFFF; position:absolute; z-index:999; right:0; } @media (min-width:768px) { .hdr-branding { margin: 0; } .hdr-branding a { padding-top:28.5px;} .hdr-branding img { width:200px; height:33px; } } /* FOOTER */ /************************************************************ */ .ftr-bar { background-repeat: repeat-x; clear:both; text-align: center; position:relative; height:20px; border-top:1px solid #EEEEEE; margin-top:70px; } .ftr-bar-tag { background-image: url('../Content/black/ftr/tag.png'); background-repeat: no-repeat; width:194px; height:97px; position: absolute; top:-55px; right:10px;} #footer div.listLeftColumn ul { margin-bottom:0; } #footer div.listRightColumn ul { margin-bottom:20px; } #footer .listLinks { list-style: none; margin:0; padding:0; } #footer .listLinks li { padding-left:0; } @media (min-width: 600px) { #footer div.listLeftColumn { float: left; margin-right: 20px; } #footer div.listRightColumn { float: left; } } .widget-SafetySecurity, .widget-PaymentOptions { margin-bottom:20px; } ul#social { clear:both; padding:0; margin:0; } ul#social li { list-style: none; float:left; padding:0; margin:0;} ul#social a.socialLink { display: block; cursor: pointer; text-decoration: none; vertical-align: middle; } ul#social a:hover.socialLink { text-decoration: none; } #social span.sm { background-image: url('../Content/black/ftr/sm-28x28-v1.gif'); background-position: 0px 0px; background-repeat: no-repeat; display: block; height:28px; width:28px; vertical-align: middle; margin: 0 4px 0 0;} #social span.social1 { background-position: 0px 0px; } /* mobi */ #social span.social2 { background-position: -28px 0px; } /* facebook */ #social span.social3 { background-position: -56px 0px; } /* google+ */ #social span.social4 { background-position: -84px 0px; } /* twitter */ #social span.social5 { background-position: -112px 0px; } /* youtube */ #social span.social6 { background-position: -140px 0px; } /* instagram */ .ftrtd { background-color: #333333; color: #DDDDDD; text-align: center; margin-top: 20px; padding: 20px 15px; line-height: 20px; position:relative; } /* NAVIGATION */ /***************************************************************/ .navbar-collapse.collapse { position:relative; } .widget-DropDownMenu ul li, .widget-DropDownMenu ul li ul li { padding:0; margin:0; } .widget-DropDownMenu ul.menu-drop-down { display:inline-block; list-style:none; padding:0; height:90px;} .widget-DropDownMenu ul.menu-drop-down li.dropdown { display:block; text-align:center; background-color:transparent; margin-top:5px; border: 0; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico { display:block; color:#FFFFFF; text-align:center; padding:2px 4px 24px 5px; line-height:24px; position:relative; z-index:999;} .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span { margin:0 10px; height:46px; width:46px; text-align:center; background-image: url('../Content/black/nav/ico.gif?v=2'); background-position: 0 0; background-repeat: no-repeat; display: block;} .widget-DropDownMenu ul.menu-drop-down .dropdown-toggle { } .widget-DropDownMenu ul.menu-drop-down div.trav a.ico span { background-position: 0 0; } .widget-DropDownMenu ul.menu-drop-down div.flig a.ico span { background-position: -46px 0; } .widget-DropDownMenu ul.menu-drop-down div.hote a.ico span { background-position: -92px 0; } .widget-DropDownMenu ul.menu-drop-down div.carh a.ico span { background-position: -137px 0; } .widget-DropDownMenu ul.menu-drop-down div.pack a.ico span { background-position: -184px 0; } .widget-DropDownMenu ul.menu-drop-down div.mana a.ico span { background-position: -230px 0; } .widget-DropDownMenu ul.menu-drop-down div.info a.ico span { background-position: -276px 0; } .widget-DropDownMenu ul.menu-drop-down div.login a.ico span { background-position: -322px 0; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.trav a.ico span { background-position: 0 -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.flig a.ico span { background-position: -46px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.hote a.ico span { background-position: -92px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.carh a.ico span { background-position: -137px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.pack a.ico span { background-position: -184px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.mana a.ico span { background-position: -230px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.info a.ico span { background-position: -276px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.login a.ico span { background-position: -322px -46px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open { border-bottom:0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open a.ico { background-color:#FFFFFF; color:#8CC63F; } .widget-DropDownMenu ul.menu-drop-down ul.dropdown-menu { right:0; width:100%; padding:0; margin-top:-1px; } .widget-DropDownMenu ul.menu-drop-down div.drop { margin:0; padding:20px 0 20px 30px; background-position:bottom; background-repeat:repeat-x; background-color:#FFFFFF; } .widget-DropDownMenu div.drop .colu { float:left; border-right:1px solid #F5F5F5; padding:0; margin-right:40px;padding-right:40px;} .widget-DropDownMenu div.drop .colu.last { margin:0; padding:0; border:none;} .widget-DropDownMenu div.drop .colu.sl { min-height:120px;} .widget-DropDownMenu div.drop .colu.md { min-height:210px;} .widget-DropDownMenu div.drop .colu.lg { min-height:240px;} .widget-DropDownMenu div.drop div.head { color:#000000; font-family:FlamaSemibold; font-size:16px; line-height:20px; padding:5px 10px 5px 40px; background-image:url('../Content/black/nav/ico-grey.gif'); background-position:0 0; background-repeat:no-repeat; } .widget-DropDownMenu div.drop div.flig { background-position:0 -60px; } .widget-DropDownMenu div.drop div.hote { background-position:0 -120px; } .widget-DropDownMenu div.drop div.carh { background-position:0 -150px; } .widget-DropDownMenu div.drop div.pack { background-position:0 -180px; } .widget-DropDownMenu div.drop div.info { background-position:0 -210px; } .widget-DropDownMenu div.drop div.depa { background-position:0 -30px; } .widget-DropDownMenu div.drop div.arri { background-position:0 -90px; } .widget-DropDownMenu div.drop div.loca { background-position:0 -240px; } .widget-DropDownMenu div.drop div.inte { background-position:0 -270px; } .widget-DropDownMenu div.drop div.cabs { background-position:0 -300px; } .widget-DropDownMenu div.drop div.them { background-position:0 -330px; } .widget-DropDownMenu div.drop div.pret { background-position:0 -360px; } .widget-DropDownMenu div.drop div.check { background-position:0 -390px; } .widget-DropDownMenu div.drop ul.list { display:block; list-style:none; width:auto; margin:15px 20px 0 0; padding:0; box-shadow:none; background:none; height:auto;} .widget-DropDownMenu div.drop ul.list li { border:0; background:none; margin:0; padding:0 0 5px 0; position:relative;} .widget-DropDownMenu div.drop ul.list li a, .widget-DropDownMenu div.drop ul.list li a:active, .widget-DropDownMenu div.drop ul.list li a:link { text-decoration:none; } .widget-DropDownMenu div.drop ul.list li a:hover { } .widget-DropDownMenu div.drop li.sub { font-size:14px; font-weight:bold; margin-bottom:2px; margin-top:10px;} .widget-DropDownMenu div.drop ul.doub { float:left; min-height:130px; } .widget-DropDownMenu div.drop ul.list li i { font-style:italic; font-size:11px; margin-top:2px; color:#999999; display:block; float:right; margin-left:10px; } .widget-DropDownMenu div.drop ul.list li b { font-size:10px; color:#999999; } .widget-DropDownMenu div.drop ul.list li.inf { font-size:12px; font-weight:normal; color:#999999; line-height:16px; margin-top:15px; } .widget-DropDownMenu div.drop ul.list li.inf a { font-size:12px; line-height:13px; } .widget-DropDownMenu div.drop.manage ul.list { margin-right:0; } .widget-DropDownMenu div.drop.manage .colu { width:23%; } .widget-DropDownMenu div.drop.manage .colu.filter { width:45%; } .widget-DropDownMenu div.drop ul.tabs { border: 1px solid #BBBBBB; width: 99.99%; border-radius: 4px; margin-bottom:10px; height:38px; background-color:#FFFFFF; overflow: hidden; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .widget-DropDownMenu div.drop ul.tabs li.tab { color:#00BCE3; font-size:13px; text-align:center; padding:0; line-height:37px; border:0; display:block; } .widget-DropDownMenu div.drop ul.tabs li.tab.manageCarrierMenu { width: 33.33%; } .widget-DropDownMenu div.drop ul.tabs li.tab.manageTypeMenu { width: 25%; } .widget-DropDownMenu div.drop ul.tabs li.tab::before, .widget-DropDownMenu div.drop ul.tabs li.tab:before { content:''; display:block; background-color: #BBBBBB; float:left; height:37px; width:1px; } .widget-DropDownMenu div.drop ul.tabs li.tab::after, .widget-DropDownMenu div.drop ul.tabs li.tab:after { content:''; display:block; background-color: #FFFFFF; float:right; height:37px; width:1px; } .widget-DropDownMenu div.drop ul.tabs li:first-child:before, .widget-DropDownMenu div.drop ul.tabs li:first-child::before { padding-left:1px; margin-left:-1px; } .widget-DropDownMenu div.drop ul.tabs li:last-child:after, .widget-DropDownMenu div.drop ul.tabs li:last-child::after { padding-right:1px; margin-right:-1px; } .widget-DropDownMenu div.drop ul.tabs li.tab.selected { background-color:#0092B3; color:#FFFFFF; } .widget-DropDownMenu div.drop ul.tabs li.tab.selected::after, .widget-DropDownMenu div.drop ul.tabs li.tab.selected:after { background-color: #0092B3; } .widget-DropDownMenu div.drop div.tab-content { padding:0; background-color:transparent; border:0; } .widget-DropDownMenu div.drop div.tab-content ul.list { margin:0; } .widget-DropDownMenu div.drop div.tab-content ul.doub { min-height:initial; width:50%; } .widget-DropDownMenu div.drop div.tab-content li.inf { margin-right:10px; margin-top:5px; } .widget-DropDownMenu div.more { position:absolute; bottom:0; right:0;} .widget-DropDownMenu div.more:before { position: absolute; content: ""; top: 0; left: -20px; width: 0; height: 0; border-right: 20px solid #00BCE3; border-top: 32px solid transparent; } .widget-DropDownMenu div.more a { text-decoration:none; line-height:24px; font-size:12px; color:#FFFFFF; display:block; background-color:#00BCE3; padding:4px 10px 4px 10px;} .widget-DropDownMenu div.more a:hover { text-decoration:underline;} .widget-DropDownMenu span.more { position: absolute; bottom:20px; } .widget-DropDownMenu span.more a { padding:0; text-decoration:none;} .widget-DropDownMenu span.more a:hover { } .widget-DropDownMenu div.drop .colu.hide-desk { display:none; } @media (max-width:767px) { .widget-DropDownMenu ul.menu-drop-down { display:block; height:auto;} .widget-DropDownMenu ul.menu-drop-down li.dropdown { margin-top:0; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico { line-height:32px; vertical-align:middle; display: block; text-align:left; padding:10px 20px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span { float:left; height:29px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico:after { content: "\e259"; color:#FFFFFF; font-family: 'Glyphicons Halflings'; margin-right:10px; float:right; } .widget-DropDownMenu ul.menu-drop-down div.trav a.ico span { background-position: 0 -7px; } .widget-DropDownMenu ul.menu-drop-down div.flig a.ico span { background-position: -46px -7px; } .widget-DropDownMenu ul.menu-drop-down div.hote a.ico span { background-position: -92px -7px; } .widget-DropDownMenu ul.menu-drop-down div.carh a.ico span { background-position: -138px -7px; } .widget-DropDownMenu ul.menu-drop-down div.pack a.ico span { background-position: -184px -7px; } .widget-DropDownMenu ul.menu-drop-down div.mana a.ico span { background-position: -230px -7px; } .widget-DropDownMenu ul.menu-drop-down div.info a.ico span { background-position: -276px -7px; } .widget-DropDownMenu ul.menu-drop-down div.login a.ico span { background-position: -322px -7px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.trav a.ico span { background-position: 0 -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.flig a.ico span { background-position: -46px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.hote a.ico span { background-position: -92px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.carh a.ico span { background-position: -138px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.pack a.ico span { background-position: -184px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.mana a.ico span { background-position: -230px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.info a.ico span { background-position: -276px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open div.login a.ico span { background-position: -322px -53px; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open { background-image:none; } .widget-DropDownMenu ul.menu-drop-down li.dropdown.open a.ico:after { content: "\e260"; color:#8CC63F; } .widget-DropDownMenu ul.menu-drop-down div.drop { padding:15px 40px 10px; background-color:#f9f9f9; -webkit-box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.23); -moz-box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.23); box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,0.23); } .widget-DropDownMenu div.drop .colu { display:none; margin:0; padding:0; width:100%; border:0; } .widget-DropDownMenu div.drop .colu.md, .widget-DropDownMenu div.drop .colu.lg { min-height:initial; } .widget-DropDownMenu div.drop .colu.display-mobi { display:block; } .widget-DropDownMenu div.drop .colu.display-mobi .head { background-image:none; padding-left:0; } .widget-DropDownMenu div.drop ul.list { margin-top:0; } .widget-DropDownMenu div.drop ul.list li i { position:relative; top:auto; left:auto; float:none; margin-bottom:10px; margin-left:0; } .widget-DropDownMenu div.more { display:none; } .widget-DropDownMenu div.drop.manage .filter { width:100%; } } @media (max-width:1024px) { .widget-DropDownMenu ul.menu-drop-down li.dropdown a.ico span { margin:0 5px;} } @media (max-width:991px) { .widget-DropDownMenu div.drop.manage .colu { width:100%; padding-right:20px; border-right:0; padding-bottom:10px; border-bottom:1px solid #CCCCCC; margin-bottom:15px; } .widget-DropDownMenu div.drop.manage .colu.filter { width:100%; } .widget-DropDownMenu div.drop.manage .colu.last { border-bottom:0; margin-bottom:0;} .widget-DropDownMenu div.drop.manage .colu.lg { height:auto; } } @media (max-width:600px) { .widget-DropDownMenu div.drop.manage .list.doub { float:none; width:100%; } .widget-DropDownMenu div.drop.manage .inf.text-center { text-align:left; } .widget-DropDownMenu div.drop.manage .tab-mobi { background-color:#FFFFFF; padding:8px 10px; border: 1px solid #BBBBBB; border-bottom:0; color:#00BCE3; } .widget-DropDownMenu div.drop.manage .tab-mobi.first { border-top-left-radius:4px; border-top-right-radius:4px;} .widget-DropDownMenu div.drop.manage .tab-mobi.last { border-bottom: 1px solid #BBBBBB; margin-bottom:15px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .widget-DropDownMenu div.drop.manage .tab-mobi.selected { background-color:#0092B3; color:#FFFFFF; } .widget-DropDownMenu div.drop.manage .tab-mobi:after { display:none; } } @media (min-width:768px) and (max-width:1199px) { .widget-DropDownMenu div.drop .colu { padding-right: 20px; } .widget-DropDownMenu div.drop ul.list { margin-right: 10px; } } @media (min-width:768px) and (max-width:991px) { .widget-DropDownMenu ul.menu-drop-down div.drop { padding-left:15px; padding-right:15px;} .widget-DropDownMenu div.drop .colu { width: 50%; padding:0 0 0 20px; margin:0 0 20px 0; } .widget-DropDownMenu div.drop .colu.last { padding:0 0 0 20px; } .widget-DropDownMenu span.more { position: relative; } } .menu-discovery { float:left; } /*profile navigation ------------------------------------------------------------- */ .widget-VitalityNavSum { position:absolute; right:9px; bottom:0; display:block; z-index:999; /*reset default:*/ width:auto; background:none; } .nav-profile { } .nav-profile ul { list-style: none; padding:0; margin:0; /*reset default:*/ background:none; height:auto;} .nav-profile ul li { color:#FFFFFF; /*reset default:*/ border:0; float:none; margin:0; background:none; padding:0;} .nav-profile > ul > li { background-color:#00BCE4; padding:9px 25px 8px 45px; font-size:14px; position:relative; cursor:pointer; background-image:url('../Content/grey/nav/profile-ico.gif');background-repeat:no-repeat; background-position:20px 10px;} .nav-profile > ul > li > ul { display:none; width:250px; padding:5px; background-color:#00BCE4; position:absolute; right:0; top:34px;} .nav-profile > ul > li:hover > ul { display:block; } .nav-profile h2 { color:#FFFFFF; padding: 5px 12px 10px; margin: 0; font-size:16px;} .nav-profile .member-profile { background-color:#FFFFFF; padding:15px; color:#666666; } .nav-profile table { margin:0 0 10px;} .nav-profile .stat { font-weight:bold; } .nav-profile .stat-val { font-weight:bold; color:#00BCE4; } .nav-profile span { display:block; color: #8CC63F; margin-top:2px;} .nav-profile .logout { margin-top:20px;} .nav-profile ul.list-members { background-color:#F9F9F9; padding:10px 10px 0 10px; margin:5px 0; cursor:auto; color: #666;} .nav-profile ul.list-members li { font-size:11px; color:#666666; font-weight:normal;} .nav-profile ul.list-members > li { font-weight:bold; margin-bottom:7px; } .nav-profile ul { clear:both; } .nav-profile ul.list-members ul > li { display:block; width:99px; float:left; padding-bottom:10px; font-weight:normal; } .nav-profile a.link { position:relative; /*reset default:*/ color: #8CC63F; padding:0; } .nav-profile a.content-btn-small { /*reset default:*/ padding:4px 15px; } .nav-profile .exp-ico { position:absolute; top:-1px; left:85px;} /* SOCIAL MEDIA BOX */ /************************************************************ */ .widget-FeaturedSocialMedia { position:absolute; top:150px; right:0; background-color:#FFF; z-index:499; } .widget-FeaturedSocialMedia ul#social { padding:15px 10px 5px 15px; margin:0; } .widget-FeaturedSocialMedia ul#social li { clear:both; margin-bottom:5px; } /* LOGIN - DROPDOWN ***************************************************************/ .drop.login { padding-top:30px; } .drop.login div.image { background-image:url("../Content/black/sel/selector-sprite.png"); background-repeat:no-repeat; display:block; margin-bottom:15px; } .drop.login div.opt-kulula-id { background-position: -355px 0; width:116px; height:33px; } .drop.login div.opt-vitality { background-position: -42px 0; width:87px; height:45px; float:left; margin-right:30px; margin-bottom:15px; } .drop.login .info { font-size:16px; margin-right:30px; } .widget-DropDownMenu div.drop.login .colu { margin:0; padding:20px; } .widget-DropDownMenu div.drop.login .colu.last { padding-left:50px; } .drop.login form { margin-right:30px; clear:both; } .drop.login form input.primaryAction { height:36px; line-height:24px; font-size:16px; padding: 6px 24px;} @media (max-width:767px) { .drop.login div.opt-vitality { margin-right:10px; } .widget-DropDownMenu div.drop.login { } .widget-DropDownMenu div.drop.login .colu { padding:0 0 20px 0; } .widget-DropDownMenu div.drop.login .colu.last { padding:20px 0; border-top:1px solid #CCCCCC; } } @media (max-width:1024px) { .drop.login .info { font-size:12px; margin-right:0; } } /* GENERAL BANNERS ***************************************************************/ .banner { background: url("../Content/black/gen/bg-loading.gif") center no-repeat #F0F0F0; position:relative; padding:10px;} .banner .tagline { background-image:url("../Content/black/gen/bg-50blk.png"); color:#FFFFFF; float:left; padding:10px; } .banner .tagline.darker { background-image:url("../Content/black/gen/bg-70blk.png"); } .banner .tagline a { text-decoration:none; color:#8CC63F;} .banner .tagline a span { text-decoration:underline; } .banner .tagline a.content-btn, .banner .tagline a.FaresSelectorLinks { color:#FFFFFF; display:inline-block; margin-top:10px; } .banner .tagline.right { float:right; text-align:right; right:10px; } .banner .tagline .xlrg { font-size:32px; } .banner .tagline .lrg { font-size:25px; } .banner .tagline .med { font-size:20px; } .banner .tagline .sml { font-size:18px; } .banner .tagline .xsml { font-size:16px; } .banner .tagline .xxsml { font-size:13px; } .banner .tagline .ssml { font-size:11px; } @media (max-width: 375px) { .banner .tagline, .banner .tagline.right { float:none; } } #layout-main-container .banner { margin-bottom:20px; } /* Aside banner styles ------------------------------------------------------------- */ .aside-banner { border-bottom:1px solid #E0E0E0; } .aside-banner img { float: left; margin: 0px 20px 20px 0; } .aside-banner .text { margin-bottom:20px; } .aside-banner .text-r { margin: 0 0 20px 100px; } .aside-banner:after, .aside-banner::after { clear:both; display:block; content:""; } /* Small banners - marketing ------------------------------------------------------------- */ .SmlBanners h2, .SmlBanners p { margin:0 20px 10px; padding:0;} .SmlBanners .clm { padding:0 0 10px 0; width:33.3%; height:370px; margin-bottom:30px;} .SmlBanners .altn { background-color:#F9F9F9;} .SmlBanners .banner { height:190px; margin:10px; } @media (max-width: 640px) { .SmlBanners .clm { width:50%;} } @media (max-width: 460px) { .SmlBanners .clm { width:100%;} } /* Package banners ------------------------------------------------------------- */ .PackageBanners .clms-box { margin-bottom:20px;} .PackageBanners .banner { height:230px; padding:0; } .PackageBanners .tagline { bottom:12px; width:100%; position:absolute; padding:0; } .PackageBanners p { margin:10px; line-height:16px; font-size:14px; } .PackageBanners .tagline a { color:#FFFFFF; font-size:14px; line-height:16px; } @media (max-width: 560px) { .PackageBanners .clms-box .clm { width: 100%; } } /* FLIGHT, CAR HIRE, HOTELS - FEATURED BANNER ***************************************************************/ /* Featured Layout ------------------------------------------------------------- */ .FeaturedLayout > .container { width:auto; padding:0; } /* Featured banner ------------------------------------------------------------- */ .FeaturedBanner { float:none; } .FeaturedLayout .row { margin:0; } .FeaturedBanner { padding:0; } .FeaturedBanner .tagline { padding:20px; font-size:16px; } .FeaturedBanner .tagline.right { right:15px; } .FeaturedBanner a { } .FeaturedBanner .banner { padding:30px 0; height: 520px; background-image:none; background-color: transparent; background-position:50% 50%; background-size:cover; -webkit-box-shadow: inset -31px 79px 14px -76px rgba(0,0,0,0.5); -moz-box-shadow: inset -31px 79px 14px -76px rgba(0,0,0,0.5); box-shadow: inset -31px 79px 14px -76px rgba(0,0,0,0.5); } .featured-banners { background: url("../Content/black/gen/bg-loading.gif") center no-repeat #F0F0F0; } .banner .container { position:relative; } /* Featured Widgets ------------------------------------------------------------- */ article.widget-featured.widget-featured.widget-selector-widget { position:relative; margin-top:-50px; } /* Flight Fares Selector Banner - Featured & Content zone ------------------------------------------------------------- */ .FaresSelectorBanner .banner { min-height:345px; } .FaresSelectorBanner .banner .headline { font-size: 25px; line-height:1; margin-bottom:10px; } .FaresSelectorBanner .banner .price { font-weight:bold; font-size:26px; } .FaresSelectorBanner .banner .currency, .FaresSelectorBanner .banner .cents { font-size:14px; font-weight:normal; } .FaresSelectorBanner .banner .quickselector { min-height:auto; } .FaresSelectorBanner .banner .FaresSelector.selector { min-height:215px; } @media only screen and (max-width: 515px) { .FeaturedBanner .FaresSelectorBanner .banner { padding:15px 0; } } @media only screen and (max-width: 430px) { .FeaturedBanner .FaresSelectorBanner .banner { height:345px; } } /* Featured Info ------------------------------------------------------------- */ .FeaturedInfo { margin-bottom:150px; } @media (max-width:992px) { .FeaturedBanner .banner { height:350px; } article.widget-featured.widget-featured.widget-selector-widget { margin-top:0; } .banner.tab-focus-left { background-position:left; } .banner.tab-focus-right { background-position:right; } .banner .tagline .xlrg { font-size:25px; } .banner .tagline .lrg { font-size:20px; } .banner .tagline .med { font-size:18px; } .banner .tagline .sml { font-size:16px; } .banner .tagline .xsml { font-size:13px; } .banner .tagline .xxsml { font-size:11px; } .banner .tagline .tab-xlrg { font-size:32px; } .banner .tagline .tab-lrg { font-size:25px; } .banner .tagline .tab-med { font-size:20px; } .banner .tagline .tab-sml { font-size:18px; } .banner .tagline .tab-xsml { font-size:16px; } .banner .tagline .tab-xxsml { font-size:13px; } } @media (max-width:600px) { article.widget-featured.widget-featured.widget-selector-widget { margin-top:15px; } .banner.mobi-focus-left { background-position:left; } .banner.mobi-focus-right { background-position:right; } .banner .tagline .xlrg { font-size:25px; } .banner .tagline .lrg { font-size:20px; } .banner .tagline .med { font-size:18px; } .banner .tagline .sml { font-size:16px; } .banner .tagline .xsml { font-size:13px; } .banner .tagline .xxsml { font-size:11px; } .banner .tagline .mobi-xlrg { font-size:32px; } .banner .tagline .mobi-lrg { font-size:25px; } .banner .tagline .mobi-med { font-size:20px; } .banner .tagline .mobi-sml { font-size:18px; } .banner .tagline .mobi-xsml { font-size:16px; } .banner .tagline .mobi-xxsml { font-size:13px; } } @media (max-width:430px) { .FeaturedBanner .banner { height:250px; padding:15px 0; } .FeaturedBanner .tagline, .FeaturedBanner .tagline.right { float:none; text-align:left; } } @media (min-width:993px) { @media (max-height: 520px){ .FeaturedBanner .banner { height:400px; } } } @media (min-width:1024px) { @media (max-height: 620px){ .FeaturedBanner .banner { height:450px; } } @media (max-height: 520px){ .FeaturedBanner .banner { height:400px; } } } /* FEATURED SELECTOR ***************************************************************/ /* Selector ------------------------------------------------------------- */ .selector { border-bottom: 3px solid #333333; background-color:#000000; padding: 0 0 0 20px;} #div-journey-type { position:relative; } #div-journey-type ul { display:block; height:48px; margin:0; padding:0; z-index: 0; position:absolute; top:-48px; background-image:url("../Content/black/gen/bg-50blk.png"); width:100%;} #div-journey-type ul li { list-style:none; display:inline-block; margin:0; padding:12px 41px; cursor:pointer; border: 1px solid #88C03D; font-size: 12px; color: #FFFFFF; height: 48px; background: url("../Content/black/sel/selector-sprite.png") repeat-x 0 0 #88C03D; width: auto; float: left; margin:0 1px 0 0; } #div-journey-type ul li span { } #div-journey-type #li-flight { background-position: -1px -92px; } #div-journey-type #li-car { background-position: -285px -92px; } #div-journey-type #li-acc { background-position: -368px -92px; } #div-journey-type #li-event { background-position: -451px -92px; } #div-journey-type #li-combo { background-position: -84px -92px; width:200px; padding:12px 10px;} #div-journey-type #li-combo span { position:absolute; top:-25px; font-size:11px; background-color:#00bce4; display:block; padding:5px 16px; color:#FFFFFF; text-align:center;} #div-journey-type ul li.selected { background-color:#000000; border: 1px solid #333333; border-bottom: 1px solid #000000; color: #666666; padding:12px 41px 17px; height:53px; } #div-journey-type #li-flight.selected { background-position: -1px -162px; } #div-journey-type #li-car.selected { background-position: -285px -162px; } #div-journey-type #li-acc.selected { background-position: -368px -162px; } #div-journey-type #li-event.selected { background-position: -451px -162px; } #div-journey-type #li-combo.selected { background-position: -84px -162px; padding:12px 10px 17px; } #div-journey-type ul li input[type="radio"] { -webkit-appearance: none; display:none; } .sel-tab-content { border-top:5px solid #333333; width: auto; height: auto; z-index:0; } .selector .display-one { display:block; } .selector .display-two { display:block; } .selector h2 { color: #FFFFFF; font-size:20px; font-weight:bold; border-bottom: 1px solid #CFCFCF; margin:0 20px 15px 0; padding:0 0 5px 0; } .selector fieldset { width:33.3%; float:left; margin:0;} .selector label { font-weight:normal; display:block; color: #ddd; } .selector fieldset div.field { padding:0 20px 0 0; } .selector select { color: #666666; /*-webkit-appearance: menulist-button;*/-moz-appearance: none; font-size: 14px; -webkit-appearance: none; border: 1px solid #BBBBBB; width:100%; line-height:49px; height:60px; vertical-align:middle; background: url("../Content/black/sel/selector-sprite.png") no-repeat scroll right -212px #FFFFFF; padding:6px 30px 6px 12px; padding:\0 6px 12px; /* specifically for IE8/9 */} .selector select::-ms-expand { display: none; } .selector input[type="text"] { padding-bottom:0; font-size:14px; padding:0 12px; border: 1px solid #E4E4E4; width:100%; height:60px; line-height:58px; margin:0; box-sizing: border-box; } .selector .greyed-search-btn { display:none; } .selector .btn-expand { display: block; text-decoration:none; color: #8CC63F; font-size: 11px; cursor: pointer; width:70px; position:absolute; bottom:15px;} .selector .btn-expand .icon { display:block; width:11px; height:11px; float:left; margin:0 5px 0 0; } .selector .btn-expand .icon:before { content: "\e260"; color:#FFFFFF; font-family: 'Glyphicons Halflings'; color: #8CC63F;} .selector input.hasDatepicker { background: url("../Content/black/sel/selector-sprite.png") no-repeat scroll right -273px #FFFFFF; cursor:pointer; } .selector input.hasDatepicker[type=text]::-ms-clear, .selector input.hasDatepicker[type=text]:-ms-clear { display:none; /*IE fix*/} .selector .prod { float:left; width:75%; padding-top:20px; padding-bottom:20px;} .selector .prod h2 { } .selector #SelQuestion { float:left; padding-top:20px; padding-bottom:20px; } .selector #SelQuestion h2 { margin-right:0;} .selector #SelQuestion .head { margin-right:20px;} /*radio button tabbed effect ------------------------------------------------------------- */ ul.tabbed { float:left; border-radius:4px; overflow:hidden; border:1px solid #BBBBBB; list-style-type: none; padding:0; margin:0; width:99.99%; clear:both; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color:#FFFFFF;} ul.tabbed li { display:block; float:left; padding:0; margin:0; background-color:#ffffff; } ul.tabbed li.selected { background-color:#0092B3; } ul.tabbed > li:first-child > label { margin-left:-1px; padding-left:1px; } ul.tabbed li label, ul.tabbed li a { display:block; margin-bottom:0; text-align:center; border-left:1px solid #BBBBBB; /*border-right:1px solid #BBBBBB; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB;*/ cursor:pointer; color:#00BCE3; text-decoration:none; line-height:58px; font-size:14px; font-weight:normal; } ul.tabbed li.selected label, ul.tabbed li.selected a { color:#ffffff; } ul.tabbed input[type="radio"] { -webkit-appearance: none; display:none; margin:0; padding:0; } ul.tabbed.three li { width:33.33%; } ul.tabbed.two li { width:50%; } #div-combo .combos { display:none; } #div-combo .combos.displaydiv { display:block; } #div-combo > div.display-one { } #div-combo > div.display-one fieldset { width:66.66%; } #div-combo .combos .display-one, #div-combo .combos .display-two { clear:both;} /* minified selector ------------------------------------------------------------- */ .selector.mini .display-two { display:none; } .selector.mini .btn-expand { clear:both; } .selector.mini .btn-expand .icon { background-position:-850px -1px;} .selector.mini .btn-expand .icon:before { content: "\e259"; } .selector.mini .greyed-search-btn { width:33.33%; float:left; display:block; padding-top:23px; padding-right:20px;} .selector.mini .greyed-search-btn .content-btn { display:block; background: #bbb; color: #666; font-size: 16px; text-transform: uppercase; height: 60px; padding: 18px 24px; line-height: 24px; text-align: center; cursor: not-allowed; border-radius: 3px; /*display: block; float:left; font-size: 18px; background-image: none; border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); background: -moz-linear-gradient(top , #f6f6f6, #e3e3e3); background: #f6f6f6 url(../Content/black/gen/grey-gradient.jpg) repeat-x center; color: #bbb; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 4px 20px; text-align: center; width: 100%; margin-right:20px; */} .selector #div-combo .display-one fieldset { width:66.66%; } .selector.mini #div-combo .combos .display-one { clear:none; width:30%; } .selector.mini .action { display:none; } .selector.mini .text { width:75%; float:left; } #paxholder { clear:both; } #pax-adult, #pax-child, #pax-infant { float:left; width:33.3%; } .childInfantMessage fieldset { background-color:#333333; margin-top:23px; width:44%; } .childInfantMessage p { margin:10px; line-height:16px; color:#FFFFFF; font-size:11px; } #flight-segments-multi { clear:both; } #flight-segments-multi .field { position:relative; } #flight-segments-multi input[type="text"].hasDatepicker { width:80%; } #flight-segments-multi .multi-add { clear:both; float:right; padding-right:75px; } #flight-segments-multi .multi-segment { clear:both; } .VitalityTravellers { clear:both; margin-right:20px; } .help-text { color: #999999; font-size:11px; font-style:italic; margin-top:5px; display:block; line-height:12px; } .selector .action { display:block; clear:both; border-top:1px solid #CFCFCF; padding:10px 0; margin-right:20px; text-align:right;} .selector .text { float:left; margin-right:20px;} .car-save-info { display:none; } .accommodation { border-top:1px solid #333333; clear:both; margin-right:20px;} .accommodation div.rooms { border-bottom:1px solid #333333; clear:both; padding:15px 0 0; } .accommodation div.rooms fieldset { width:12%;} .accommodation div.rooms .room { border-right:1px solid #333333; margin-right:20px; padding:44px 15px 33px 10px; clear:both; } .accommodation div.rooms .children { float:left; border-left:1px solid #333333; padding-left:20px; } .accommodation .div-acc-chd-rooms { width:100%; clear:both;} .accommodation .children .child { float:left; margin-right:15px; } .selector-acc .message-notification { margin-right:20px; } .event { clear:both; } .event fieldset { width:16%; } .event .children { width:50%; float:left; border-left:1px solid #EEEEEE; padding-left:20px; } .event .children .child { float:left; margin-right:20px; } div.more-search-options { clear:both; padding:10px 0 5px; } div.more-search-options .more-opt { margin:0 20px 0 0; text-align:right; } div.more-search-options .more-opt label { display:inline; vertical-align:top; line-height:20px; } div.more-search-options .more-opt input[type="checkbox"] { margin: 5px; } div.more-options { padding:10px 0 0 0; } ul.question { width:auto;} ul.question li label { height:58px; } ul.question li span { background:url("../Content/black/sel/selector-sprite.png") no-repeat 0 0; display:block; text-align:center; padding:0; margin:0 auto; } ul.question li span.opt-discovery { width:87px; height:45px; background-position: -42px 0; } ul.question li span.opt-ebucks { width:43px; height:45px; background-position: -130px 0; } ul.question li span.opt-no-thanks { background:none; vertical-align:middle; line-height:15px; } ul.question li span.opt-no-thanks b { font-weight:normal; font-size:11px; display:block; color:#666; } ul.question li.selected span.opt-no-thanks b { font-weight:normal; font-size:11px; display:block; color:#FFF; } ul.question li.selected span.opt-discovery { background-position: -214px 0; } ul.question li.selected span.opt-ebucks { background-position: -302px 0; } #li-option-vitality-login label, #li-option-vitality label { padding:7px 10px; } #li-option-ebucks-login label, #li-option-ebucks label { padding:6px 10px; } #li-option-no label { padding:14px 10px; } .selector .primaryAction { float:right; padding:4px 20px; margin-bottom:0; margin-left:20px; width:200px;} .selector .req_text { display:block; float:right; line-height:60px; font-weight: bold; } .selector #btn-flight-cancel { display:none; } .selector .options { } .selector .options .field { margin-top:30px; } .selector .options label { display:inline; vertical-align:top; margin-top:5px; } .selector .options input[type="checkbox"] { margin:0 5px 0 0; margin-bottom:0;} .selector-login { border:1px solid #BBBBBB; border-top:4px solid #0092B3; background-color:#F9F9F9; padding:20px 20px 0; margin-right:20px;} .selector-login p { margin:0 0 1em;} .selector-login label { color: #666666; font-weight:bold; } .selector-login input.primaryAction { float: left; margin-left: 0; margin-top:23px; } .VitalityTravellers { clear:both; } #VitalityStatus { background-color:#FFFFFF; padding:15px 30px; margin-bottom:20px; margin-right:20px; } #VitalityStatus div.image { width:60px; height:60px; background:url("../Content/black/sel/vitality-status-sprite.gif") no-repeat 0 0; float:left; margin-right:20px;} #VitalityStatus div.text { float:left; line-height:16px; } #VitalityStatus .discount { float:left; width:50%; border-right:1px solid #EEEEEE; margin-right:40px; } #VitalityStatus .discount div.image { background-position: 0 0; width:59px; height:59px; } #VitalityStatus .discount span { color: #00B8E5; font-size:18px; display:block;} #VitalityStatus .discount span b { font-size:30px; line-height:30px; font-weight:normal; } #VitalityStatus .card div.image { background-position: -8px -62px; width:43px; height:44px; margin-top:5px; } #VitalityStatus .card div.text { margin-top:8px; } #VitalityStatus .card b { color: #662C91; } /* Vitality logged in ------------------------------------------------------------- */ .selector.isVitality .selector-flight fieldset { width:50%; } .selector.isVitality .flight-segments-multi fieldset { width:33.3%; } .selector.isVitality #flight-segments-second { float:left; width:50%; } .selector.isVitality .btn-expand { display:none; } .selector.isVitality .prod { width:100%; } .vitality-text { min-height:150px;} .vitality-text p { margin-left:0; } .vitality-text a.content-btn-small { width:80%; display:block; } #vit-Min-Date { margin-right:20px; margin-bottom:15px; } /* FEATURED SELECTOR ***************************************************************/ .booking-selector #selectorPanel { min-height:120px; border-top:5px solid #333333;} .booking-selector { min-height:170px; margin-bottom:30px; } #homepageselector ul.question { float:left; margin-right:20px; width:260px; } #homepageselector ul.question li { width:50%;} #homepageselector ul.question li label { } #homepageselector ul.question > li:first-child > label { padding-top:6px;} #homepageselector .selector-login { clear:both; top:-4px; position:relative; /*border:1px solid #BBBBBB; border-left:4px solid #0092B3; float:left; margin:0 20px 0 -23px; width:878px; min-height:180px; */} #homepageselector.booking-selector { margin-bottom:0; } /* Vitality Domestic & International Flight Selector & Modify - old id:vitalitypageselector*/ #VitalityInternationalSelector .selector.isVitality fieldset { width:33.3%; } #VitalityInternationalSelector .selector.isVitality #flight-segments-second { float:none; width:auto; } #VitalityInternationalSelector .accommodation div.rooms fieldset { width:12%; } /* CONTENT SELECTOR ***************************************************************/ #GenericPageSelector .greyed-search-btn, #GenericPageSelector .btn-expand, #ModifySelector .btn-expand { display:none; } #GenericPageSelector .selector .prod { width:100%;} #ModifySelector .selector .prod, #GenericPageSelector .selector #SelQuestion { float:none; width:auto; } #GenericPageSelector .selector.mini .display-two, #GenericPageSelector .selector.mini #flight-segments-first, #GenericPageSelector .selector.mini .action { display:block; } #GenericPageSelector .selector.mini .prod .display-one { width:100%; float:none; } #GenericPageSelector .sel-tab-content { padding:15px 0 15px 15px;} #GenericPageSelector .selector fieldset { width:50%; } #GenericPageSelector .selector fieldset div.field { } #GenericPageSelector #flight-segments-multi fieldset { width:33.3% } #GenericPageSelector #div-journey-type { height:48px; margin-top:40px; } #GenericPageSelector .journey-type { position:relative; top:0; } #GenericPageSelector #flight-segments-multi input[type="text"].hasDatepicker, #ModifySelector #flight-segments-multi input[type="text"].hasDatepicker { width:80%; } #GenericPageSelector #flight-segments-multi { border-top:1px solid #333333; padding-top:10px; padding-bottom:25px;} #GenericPageSelector #flight-segments-multi .multi-add { width:100%; text-align:right; margin-bottom:10px; } #GenericPageSelector .childInfantMessage { width:50%; float:left; padding-right:15px; } #GenericPageSelector .childInfantMessage fieldset { width:100%; } #GenericPageSelector ul.question { } #GenericPageSelector ul.question li { width:120px; } #GenericPageSelector ul.question li label { } #GenericPageSelector .selector .selector-login { padding-top:15px; clear:both; position:relative; top:-4px; } #GenericPageSelector .selector .selector-login fieldset { width:33.3%; } #GenericPageSelector .selector .selector-login fieldset div.field { padding-bottom:15px;} #GenericPageSelector .accommodation div.rooms .room { margin-right:10px;} #GenericPageSelector .accommodation div.rooms fieldset { width:14%; } #GenericPageSelector .accommodation div.rooms fieldset div.field { padding-right:10px; } #GenericPageSelector .accommodation div.rooms .children { width:55%; padding-left:10px;} #GenericPageSelector .accommodation .children .child { margin-right:10px; } #GenericPageSelector .accommodation .children .child select { width:63px; padding-left:5px; } #GenericPageSelector #div-combo > div.display-one { width:100%; } #GenericPageSelector #div-combo .combos .display-one { clear:both; width:auto; } #GenericPageSelector .selector.mini .combos fieldset, #GenericPageSelector .selector .combos fieldset, #GenericPageSelector .selector .selector-car fieldset, #GenericPageSelector .selector .selector-acc fieldset, #ModifySelector .selector.isVitality fieldset { width:33.3%; } #GenericPageSelector .selector .combos .passengers fieldset { width:50%;} #GenericPageSelector #selector-option-error { clear:none; float:left; margin-top:0; margin-left:15px; margin-bottom:0; } /* Modify Selector - old id:vitalitypageselector ------------------------------------------------------------- */ #ModifySelector #btn-flight-cancel { float:left; display:block; margin-left:0; } #ModifySelector .selector.isVitality #flight-segments-second { float:none; width:auto; } #ModifySelector .VitalityLocation { display:none; } /* SIDEBAR SELECTOR ***************************************************************/ #aside-second #div-journey-type { height:48px; } #aside-second .journey-type { position:relative; top:20px; } #aside-second #div-journey-type #li-flight.selected { margin-left:0; } #aside-second .greyed-search-btn, #aside-second .btn-expand { display:none; } #aside-second .selector fieldset div.field { padding-right:15px; } #aside-second .selector .options .field { margin-top: 20px; margin-bottom:10px; margin-right:15px;} #aside-second .selector h2 { margin-right:15px; } #aside-second .selector .prod, #aside-second .selector #SelQuestion { float:none; width:auto; } #aside-second .selector #SelQuestion .head { margin-right:0; } #aside-second .selector #SelQuestion h2 { margin-right:0; } #aside-second div.more-search-options .more-opt { text-align:left;} #aside-second .selector fieldset, #aside-second .selector .display-one, #aside-second .selector.mini .display-one, #aside-second .selector.mini .combos .display-one { width:100%; } #aside-second .selector.mini .action { display:block; } #aside-second .selector .req_text { line-height:initial; margin-bottom:10px;} #aside-second .selector .primaryAction { width:100%; min-width:90px; padding:4px 10px; margin-bottom:10px;} #aside-second .selector .childInfantMessage { padding-right:15px; margin-bottom:5px;} #aside-second .selector .childInfantMessage fieldset { float:none; } #aside-second .selector .display-two { display:block; } #aside-second .selector { padding:0 0 20px 15px; margin-bottom:20px; margin-top: 20px;} #aside-second .selector #SelQuestion { width:auto; margin-right:15px; padding-bottom:0;} #aside-second .selector #SelQuestion .display-two { border-top:0; padding-top:0; margin-top:0; } #aside-second .selector #div-combo .display-one fieldset { width:100%; } #aside-second .passengers .field, #aside-second .rooms .field { padding-right:15px; } #aside-second .rooms fieldset { width:33.3%;} #aside-second .children { width:100%; padding:10px 0 5px 10px; border:0; background-color: #333333;} #aside-second .children .child { margin-right:15px; margin-bottom:10px; } #aside-second #selectorPanel ul#combo-type.tabbed { } #aside-second #selectorPanel ul#combo-type.tabbed.three li { width:99.9%; } #aside-second #selectorPanel #combo-type.tabbed li label { border-top:1px solid #BBBBBB; border-left:0; } #aside-second #selectorPanel #combo-type.tabbed > li:first-child > label { margin-left:0; padding-left:0; margin-top:-1px; padding-top:1px; } #aside-second #div-journey-type ul li { padding:12px 30px; } #aside-second #div-journey-type ul li.selected { padding-bottom:17px; } #aside-second #div-journey-type #li-flight { background-position: -12px -92px; } #aside-second #div-journey-type #li-car { background-position: -297px -92px; } #aside-second #div-journey-type #li-acc { background-position: -379px -92px; } #aside-second #div-journey-type #li-event { background-position: -461px -92px; } #aside-second #div-journey-type #li-flight.selected { background-position: -12px -162px;} #aside-second #div-journey-type #li-car.selected { background-position: -297px -162px;} #aside-second #div-journey-type #li-acc.selected { background-position: -379px -162px;} #aside-second #div-journey-type #li-event.selected { background-position: -461px -162px;} #aside-second #div-journey-type li#li-combo { background-image:none; width:106px; padding:9px 10px;} #aside-second #div-journey-type li#li-combo.selected { padding-bottom:17px;} #aside-second #div-journey-type li#li-combo span { background:none; top:0; position:relative; padding:0; font-size:11px; text-align:left; line-height:14px; } #aside-second #div-journey-type li#li-combo.selected span { color:#88C03D; font-weight:bold; } #aside-second #flight-segments-multi { margin-right:15px;} #aside-second #flight-segments-multi input[type="text"].hasDatepicker { width:80%; } #aside-second #flight-segments-multi .multi-segment { border-top:1px solid #333333; padding-top:10px; } #aside-second #flight-segments-multi .field { padding-right:0;} #aside-second #flight-segments-multi .multi-add { margin:0 0 10px 0; padding:0 0 10px 0; float:left; width:100%; border-bottom:1px solid #333333; text-align:left;} #aside-second .accommodation { margin-right:15px; } #aside-second ul.question li { width:104px; } #aside-second ul.question li label { width:auto; border-top:0; border-left: 1px solid #BBBBBB; } #aside-second ul.question > li:first-child > label { margin-top:0; margin-left:-1px; padding-left:7px;} #aside-second .action { margin-right:15px; border:0; } #aside-second .isVitality .action { display:none; } #aside-second .selector-login { padding:15px; width:100%; clear:both; position:relative; top:-4px;} #aside-second .selector .selector-login fieldset .field { padding-right:0;} #aside-second .selector-login input.primaryAction { margin-top:0;} /* group selector */ #aside-second .widget-group-selector-widget #paxholder .ui-spinner.ui-corner-all { border:0; } #aside-second .widget-group-selector-widget #paxholder .ui-spinner input.ui-spinner-input { width:100%; height:60px; padding: 6px 30px 6px 12px; } #aside-second .widget-group-selector-widget #error-message { margin-right:15px; } /* combine and save selector - sidebar ------------------------------------------------------------- */ #combinesaveselector #div-journey-type { display:none; } /* needs to be after selector styles ------------------------------------------------------------- */ .selector fieldset div.field.no-bottom-pad { padding-bottom:0; } .selector fieldset div.field.extra-bottom-pad { padding-bottom:33px;} .dest-list { margin: 0; padding: 0px; } .dest-list li { list-style: none; margin: 0; padding: 5px 10px 5px 10px; cursor:pointer; } .dest-list li:hover { background-color: #cccccc; } a.multi-add { display: block; clear: both; margin-bottom: 5px; width: 33.33%; text-align:right; } a.multi-add:before, a.multi-add::before { content: "\002B"; font-family: 'Glyphicons Halflings'; margin-right:10px; font-size:12px;} a.multi-remove { color:#FFFFFF; text-align:center; border-radius: 3px; background-color: #8bc63e; display: inline-block; height: 21px; overflow: hidden; text-decoration: none; width: 24px; position:absolute; top:24px; right:20px; } a.multi-remove:before, a.multi-remove::before { content: "\e014"; line-height:22px; font-family: 'Glyphicons Halflings'; } .car-save-img { float: left; } .vitality-travellers { margin-bottom: 5px; padding-right: 0; margin-right: 0; font-weight:normal; font-size:14px; } #vitality-travellers-table { border-collapse: collapse; margin-bottom: 15px; background-color: #ffffff; width:100%; } #vitality-travellers-table th, #vitality-travellers-table td { text-align: center; vertical-align: middle; } #vitality-travellers-table th { background-color: #333333; border: 1px solid #BBBBBB; color: #FFFFFF; padding: 5px 3px; } #vitality-travellers-table td { border: 1px solid #E0E0E0; padding: 4px; } #vitality-travellers-table label { display: block; text-align: center; } #vitality-travellers-table input { display: block; margin: 2px auto; } #vitality-travellers-table th.firstname, #vitality-travellers-table th.lastname { } #vitality-travellers-table th.dob { width: 73px; } #vitality-travellers-table select { margin: 2px; } #vitality-travellers-table .allocation { width:140px; } #vitality-travellers-table input[type="checkbox"] { font-size:18px; line-height:0.8; width:20px; height:20px; cursor:pointer; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -webkit-box-sizing: border-box;} #selector-option-error { display: none; width:260px; margin-top:10px; float:left; } .form-error, input.form-error, select.form-error { border: 1px solid #910000 !important; background-color:#f9dee7; color:#910000; } /* Fares Selector ------------------------------------------------------------- */ .quickselector { min-height:320px; } .FaresSelector.selector { z-index: 999; position: absolute; padding-top:12px; } .FaresSelector.selector h2 { color: #FFF; margin-right:20px; padding-left:0; font-size:16px; margin-bottom:10px; font-weight:bold; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .FaresSelector.selector fieldset { width:50%; } .FaresSelector.selector fieldset > div { margin-bottom:0; } .FaresSelector.selector label { margin-bottom:2px; } .FaresSelector.selector div.field { margin-bottom:10px; } .FaresSelector.selector .tabbed { float:none;} .FaresSelector.selector .action { padding:0 20px 0 0; margin:0 0 12px 0; border-top:0; width:50%; line-height:38px; clear:none; float:left; } .FaresSelector.selector ul.tabbed li label, .FaresSelector.selector ul.tabbed li a { height:36px; line-height:36px; font-size:13px; margin-bottom:0; } .FaresSelector.selector ul.question li { width:50%;} .FaresSelector.selector ul.question li#lifares-option-vitality label{ padding: 5px 10px; } .FaresSelector.selector ul.question li span.opt-discovery { width:52px; height:27px; background-position:-37px -47px; } .FaresSelector.selector ul.question li#lifares-option-vitality.selected span.opt-discovery {background-position:-209px -47px; } .FaresSelector.selector ul.question li#lifares-option-no label{ padding:4px 10px; } .FaresSelector.selector select { height:36px; line-height:24px; padding: 6px 30px 6px 12px; background:url("../Content/black/sel/selector-sprite.png") no-repeat scroll right -224px #FFFFFF; padding: \0 6px 12px; } .FaresSelector.selector .content-btn-small, .FaresSelector.selector .content-btn-tertiary-small {font-size:13px; } .FaresSelector.selector .FaresSelectorFlightPanel .content-btn-small, .FaresSelector.selector .FaresSelectorFlightPanel .content-btn-tertiary-small { margin-left:10px; margin-top:5px; } .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top:18px; } .FaresSelector.selector .FaresSelectorLoginPanel { padding-bottom:20px; clear: both;} .FaresSelector.selector .FaresSelectorLoginPanel fieldset, .FaresSelector.selector .FaresSelectorLoginPanel .action { width:auto; } .FaresSelector.selector .FaresSelectorLoginPanel .action { clear:both; text-align:left; } .FaresSelector.selector .FaresSelectorLoginPanel .action .content-btn-small { margin-left:0; } @media only screen and (max-width: 1024px) { .FaresSelector.selector .action { padding:0 15px 0 0; margin:0 0 15px 0; } } /* Listed Fares and Banner Fares Selector ------------------------------------------------------------- */ .col-sm-6 .FaresSelector.selector fieldset, .col-sm-6 .FaresSelector.selector .action { width:100%; } .col-sm-6 .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top:0; } @media (max-width: 530px) { .FaresSelector.selector fieldset, .FaresSelector.selector .action { width:100%; } .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top:0; } } @media only screen and (min-width: 516px) and (max-width: 670px) { .col-sm-6 .FaresSelector.selector fieldset, .col-sm-6 .FaresSelector.selector .action { width:50%; } .col-sm-6 .FaresSelector.selector .FaresSelectorFlightPanel .action { clear:none; float:left; padding-top:18px; } } /* Featured Banner Fares Selector ------------------------------------------------------------- */ .FeaturedBanner .FaresSelector.selector { right:15px; } .FeaturedBanner .FaresSelector.selector fieldset, .FeaturedBanner .FaresSelector.selector .action { width:100%; } @media only screen and (min-width: 601px) and (max-width: 992px) { .FeaturedBanner .FaresSelector.selector .FaresSelectorLoginPanel .action { padding-top: 0; clear:both; } } @media (min-width: 993px) { @media (max-height: 620px) { .FeaturedBanner .FaresSelector.selector fieldset, .FeaturedBanner .FaresSelector.selector .action { width:50%; } .FeaturedBanner .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top:18px; } } } @media only screen and (min-width: 516px) and (max-width: 992px) { .FeaturedBanner .FaresSelector.selector fieldset, .FeaturedBanner .FaresSelector.selector .action { width:50%; } .FeaturedBanner .FaresSelector.selector .FaresSelectorFlightPanel .action { padding-top:18px; } } @media only screen and (max-width: 515px) { .FeaturedBanner .FaresSelector.selector fieldset > div.field { margin-bottom:10px; } .FeaturedBanner .FaresSelector.selector .action { padding-top:0; margin-bottom:10px; padding-right:15px; } } /* holiday package selector ------------------------------------------------------------- */ #layout-content .sidebar .selector fieldset { width: 100%; } #layout-content .campaignpackageddeals-term .sidebar .selector, #layout-content .package-term .sidebar .selector { } #layout-content .destination .sidebar .selector, #layout-content .tourandcruisepackages-term .sidebar .selector { margin-top:20px; } .content-banners .selector .prod { width:100%; } /* Hierarchy AutoComplete /* HOTELS SEARCH new styles ------------------------------------------------------------- */ .ui-autocomplete { max-height:initial; width:200px;} .ui-autocomplete-category { font-weight: bold; padding: 4px 0 4px 5px; width: 100%; cursor: default; background-color: #EEEEEE; } .ui-autocomplete-subcategory { font-weight: bold; padding: 4px 0 4px 15px; width: 100%; cursor: default; } ul.ui-autocomplete li.ui-menu-item { padding: 8px 12px !important; color: #666666; border-bottom: 1px solid #e0e0e0; cursor: pointer; } ul.ui-autocomplete li.ui-menu-item a {color: #666666;} ul.ui-autocomplete span { background: #efefef; color:#999999; font-size: 13px; font-style:italic; display: block; padding: 8px 12px !important; } ul.ui-autocomplete span.ui-state-focus { background: #efefef; color:#999999; cursor:default; border:1px solid #e0e0e0; } ul.ui-autocomplete li.ui-state-focus, li.ui-menu-item:hover { color: #FFFFFF !important; background-color: #00bce4; border-bottom:1px solid #00bce4; !important; background-image: none; border: 0; margin: 0; } .ui-state-focus a {color: #FFFFFF !important;} div[class^="journey-type-mobi"] { display:none; clear:both; font-size:16px; color:#8BC63E; padding:0 15px; margin-left:-15px; line-height:60px; margin-bottom:1px; } div[class^="journey-type-mobi"]:before, div[class^="journey-type-mobi"]::before { background-image:url("../Content/black/sel/selector-sprite.png"); background-repeat:no-repeat; float:left; content:""; width:45px; height:40px; margin-right:10px; margin-top:10px; } .journey-type-mobi-flight:before, .journey-type-mobi-flight::before { background-position: -20px -167px; } .journey-type-mobi-car:before, .journey-type-mobi-car::before { background-position: -304px -167px; } .journey-type-mobi-combo:before, .journey-type-mobi-combo::before { background-position: -529px -167px; } .journey-type-mobi-acc:before, .journey-type-mobi-acc::before { background-position: -387px -167px; } div[class^="journey-type-mobi"]:after, div[class^="journey-type-mobi"]::after { content: "\e259"; font-family: 'Glyphicons Halflings'; float:right; } div[class^="journey-type-mobi"].selected:after, div[class^="journey-type-mobi"].selected::after { content: "\e260"; } @media (max-width:1200px) { .selector #SelQuestion { float:none; padding-bottom:0; } .selector .prod { width:100%; } #GenericPageSelector ul.question li label, #homepageselector ul.question li label { border-top:0; border-left: 1px solid #BBBBBB;} #GenericPageSelector ul.question > li:first-child > label, #homepageselector ul.question > li:first-child > label { margin-top:0; margin-left:-1px; padding-left:7px; } } @media (min-width:1024px) and (max-width:1200px){ #GenericPageSelector .selector-login input.primaryAction { width:100%; } #GenericPageSelector .accommodation div.rooms .children { width:100%; border-left:0; border-top: 1px solid #333333; padding-top:10px; margin-bottom:10px;} #aside-second #div-journey-type ul li { padding: 12px 29px; } } @media (max-width:1024px){ .selector { padding:0 0 0 15px; } .selector fieldset div.field { padding:0 15px 0 0; } .selector .action { margin-right:15px; } .selector .btn-expand { display:none; } .selector.mini .prod .display-one, .selector.mini #div-combo .display-one, .selector.mini #div-combo .combos .display-one, .selector.mini .greyed-search-btn , .selector.mini .greyed-search-btn .content-btn { width:100%; float:none; } .selector.mini .prod h2 { margin-left:0; } .selector.mini .prod .display-one fieldset { width: 33.33%; } .selector.mini .greyed-search-btn { display:none; } .selector.mini .display-two, .selector.mini .action { display:block; } #div-combo > div.display-one { width:100%; } .accommodation, .accommodation div.rooms .room { margin-right:15px; } .accommodation div.rooms .room { padding-left:0; } .accommodation div.rooms fieldset { width:14%;} } @media (max-width: 992px) { #homepageselector .accommodation div.rooms .children { width:100%; border-left:0; border-top: 1px solid #333333; padding-top:10px; margin-bottom:10px; padding-left:0;} } @media (max-width: 768px) { .selector fieldset, .selector .prod fieldset, .selector.mini .prod .display-one fieldset, .selector #div-combo .display-one fieldset, #GenericPageSelector .selector fieldset { width:100%; } #GenericPageSelector .selector.mini .combos fieldset, #GenericPageSelector .selector .combos fieldset, #GenericPageSelector .selector .selector-car fieldset, #GenericPageSelector .selector .selector-acc fieldset, #ModifySelector .selector.isVitality fieldset { width:100%; } #GenericPageSelector .selector .selector-login fieldset, #homepageselector .selector .selector-login fieldset { width:100%; } #GenericPageSelector .selector .selector-login fieldset .field, #homepageselector .selector .selector-login fieldset .field { padding-right:0; } .selector-login input.primaryAction { margin-top:0; margin-bottom:15px; width: 100%; } #GenericPageSelector #flight-segments-multi fieldset { width:100%; } #GenericPageSelector #flight-segments-multi div.field { padding:0; } #GenericPageSelector .accommodation div.rooms .children, #homepageselector .accommodation div.rooms .children { width:100%; border-left:0; border-top: 1px solid #333333; padding-top:10px; margin-bottom:10px; padding-left:0;} #GenericPageSelector .accommodation div.rooms fieldset, #homepageselector .accommodation div.rooms fieldset { width:33.33%; } #homepageselector .childInfantMessage { margin-right:15px; margin-bottom:10px;} #homepageselector .childInfantMessage fieldset { float:none; } #flight-segments-multi { padding-right: 15px;} #flight-segments-multi .multi-add { border-bottom: 1px solid #333333; width: 100%; margin: 0 15px 10px 0; padding: 0 0 10px 0; float:none; text-align:left; } #flight-segments-multi .field { padding:0; } #GenericPageSelector .childInfantMessage { width:100%; } } @media (max-width:600px) { #div-journey-type ul { display:none; } .selector #SelQuestion{padding-top:0; } #selectorPanel #LoginDetail #SelQuestion { display:none; } #selectorPanel .selector-flight { display:none; } div[class^="journey-type-mobi"] { display:block; } #homepageselector .selector-login { margin-right:15px; padding:15px 15px 0 15px; } .selector ul#combo-type.tabbed { } .selector ul#combo-type.tabbed.three li { width:99.99%; } .selector #combo-type.tabbed li label { border-top:1px solid #BBBBBB; border-left:0; } .selector #combo-type.tabbed > li:first-child > label { margin-left:0; padding-left:0; margin-top:-1px; padding-top:1px; } #homepageselector .accommodation .children .child { margin-bottom: 8px; } #aside-second .selector { padding-bottom:0; } #GenericPageSelector #selector-option-error { clear:both; margin-top:10px; margin-left:0; } #GenericPageSelector #div-journey-type { margin-top:20px; height:0;} } @media (min-width:600px) and (max-width:1023px) { #layout-content .sidebar .selector fieldset { width: 33.3%; } #aside-second #selector-option-error { margin-left:15px; } } @media (min-width:600px) and (max-width:1200px) { #selector-option-error { clear:none; margin-top:0; } } @media (max-width:480px) { .selector .primaryAction { width:100%; margin-bottom:10px; } .selector .req_text { line-height: initial; } } /* FLIGHT SCHEDULE ***************************************************************/ /* Sidebar - flight schedule search ------------------------------------------------------------- */ #flight-schedule.selector { padding:15px 0 15px 15px; } #flight-schedule.selector .one-way-sel input { margin-top:5px;} #flight-schedule.selector .one-way-sel label{ display:inline; vertical-align:top; line-height: 20px; } .widget-after-content #flight-schedule.selector .one-way-sel { margin-top:20px; } /* Timetable - flight schedule ------------------------------------------------------------- */ .flight-schedule div.clm.fl-no { width: 30.6%; } .flight-schedule div.clm.fl-times { width: 10.7%; } .flight-schedule div.clm.fl-date { width: 8%; } div.def-table.borders.flight-schedule div.cnt, div.def-table.borders.flight-schedule div.cnt1, div.def-table.borders.flight-schedule div.clm .cnt1 .vert-mid{ line-height: 26px; } div.def-table.flight-schedule div.clm > div.hide-mobi, div.def-table.flight-schedule div.clm.hide-mobi { display: table; } div.def-table.flight-schedule div.clm > div.hide-desk, div.def-table.flight-schedule div.clm.hide-desk { display: none; } .flight-schedule .carrier { margin-right:20px;} .flight-schedule .fl-sch-img { margin:0px; height:21px; width:20px; background-image: url('../Content/black/icons/flight-schedule/fl-sched-black.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .flight-schedule .fl-sch-img.fl-sch-MNc { background-position: 0 0px; } .flight-schedule .fl-sch-img.fl-sch-MN { background-position: -21px 0; } .flight-schedule .fl-sch-img.fl-sch-BA { background-position: -42px 0; } .flight-schedule .fl-sch-img.empty { background-image:none; } @media only screen and (min-width: 521px) { div.def-table.clms-box.flight-schedule div.clm > div.rowspan-2 { height: 48px; line-height:40px; } } @media only screen and (max-width: 600px) { div.def-table.flight-schedule div.clm > div.hide-mobi, div.def-table.flight-schedule div.clm.hide-mobi { display: none; } div.def-table.flight-schedule div.clm > div.hide-desk, div.def-table.flight-schedule div.clm.hide-desk { display: table; } .flight-schedule div.clm.fl-no { width: 40%; } .flight-schedule div.clm.fl-times, .flight-schedule div.clm.fl-date { width: 20%; } } @media only screen and (max-width: 450px) { .flight-schedule .carrier { display:block; margin:0 auto;} div.def-table.borders.flight-schedule div.cnt { height:65px; line-height:56px;} div.def-table.borders.flight-schedule div.cnt1 { height:65px; line-height:56px;} div.def-table.borders.flight-schedule div.cnt1 .vert-mid { display:table-cell; } } /* FLIGHT STATUS ***************************************************************/ /* header begin ------------------------------------------------------------- */ #flight-status { margin-bottom: 20px; } #todayTomorrow { height:60px; background-color:#FFFFFF; border: 1px solid #BBBBBB; border-radius: 4px; } #todayTomorrow div { width:50%; float:left; line-height:58px; text-align:center; font-size:16px;} #today { display:block; float: left; color: #8CC63F; cursor:pointer; } #tomorrow { display:block; color: #8CC63F; cursor:pointer; } #flight-status.selector { padding:15px 0 15px 15px; } #flight-status.selector fieldset { width:50%; } #flight-status.selector .message-notification { background-color:#FFFFFF; } @media (max-width:480px) { #flight-status.selector fieldset { width: 100%; } } #divPayLoader { text-align:center;} #divPayLoader span { text-align:center; vertical-align: inherit; float:none; } /* flight status bar ------------------------------------------------------------- */ .flbgrey, .flbgrey-c { color:#999999; border-top:solid 2px; width:5.8%; margin-top:13px; float:left; } .flbgreen { color:#A7D59D; border-top:solid 2px; width:5.8%; margin-top:13px; float:left; } .flaircaft { min-width:28px; width:6%; height:29px; background-image: url("../Content/black/gen/aicraft.png"); background-position-x:50%; background-color: transparent; background-repeat: no-repeat; float:left; } #timeLine { margin-top:10px; text-align: center; padding:10px 10px 8px 10px; background-color:#f9f9f9; border:1px solid #D2D2D2; } #operatingInfo { margin-top:10px; } #respTimeToArrival { font-size:16px; color:#666666; font-weight:normal; } .respTimeToArrival { font-size:16px; color:#72CBCB; font-weight:bold; } .timelineappend { min-width:12px; width:3%; height:12px; margin-top: 8px; background-image: url("../Content/black/gen/dot.png"); background-position-x:50%; background-color: transparent; background-repeat: no-repeat; float:left; } .timelineappendg { min-width:12px; width:3%; height:12px; margin-top: 8px; background-image: url("../Content/black/gen/dotgrey.png"); background-position-x:50%; background-color: transparent; background-repeat: no-repeat; float:left; } .DepartureAirportCode, .ArrivalAirportCode { color: #999999; font-size: 18px; float:left; min-width:14%; } #flight-progressBar { height: 60px;} .fl-bar-grey-c { color:#999999; border-top:solid 2px; width:27.8%; margin-top:13px; float:left; } .fl-bar-green { color:#A7D59D; border-top:solid 2px; width:27.8%; margin-top:13px; float:left; } .progress-bar-text { display: block;margin: 30px -40px;text-align: center; } /* FlightFares ***************************************************************/ .FlightFares { } .FlightFares h2 { font-size:10px; margin:0; padding:0 0 10px 0; color:#666666; font-weight:normal; border-bottom: 1px solid #E0E0E0; } .FlightFares h2.champ { float: left; width: 50%; } .FlightFares h2 a { font-size:16px; line-height:28px; } .FlightFares .fare { float:left; width:50%; margin:10px 0 0; border-bottom: 1px solid #E0E0E0; padding:0 5px 10px 0;} .FlightFares .fare .route, .FlightFares .fare b { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold;} .FlightFares span.price { font-size:24px; font-weight:bold; color:#000000; } .FlightFares .more { text-align: left; padding-top: 10px; clear: none; float: left; width: 50%;} .FlightFares .image { display: block; height: 289px} .FlightFares .space.clm { float: left; width: 50%; } .FlightFares .route { } .FlightFares .route .from { display:none; } .FlightFares .oneway { display:none; } .FlightFares .routes:after, .FlightFares .routes::after { content:''; display:block; clear:both; } .FlightFares a.FaresSelectorLinks { color:#00bce4; } .FlightFares a.FaresSelectorLinks:hover, .FlightFares a.FaresSelectorLinks:focus { text-decoration:none; color:#00A7CA; } .FlightFares span.FaresSelectorPrice { display:none; } .FlightFares a span.price { color:inherit; } /* Specific to destination fares - destination pages*/ .FlightFares.FaresFrom .container, .FlightFares.DestFares .container { background-color:#F9F9F9; padding:20px; margin-top:20px; } .FlightFares.FaresFrom h2, .FlightFares.DestFares h2 { border-bottom:0px; font-weight:bold; } .FlightFares.FaresFrom .fare { width:22.8%; } .FlightFares.DestFares .fare { width:18%; } .FlightFares.FaresFrom .fare .from, .FlightFares.FaresFrom .fare .route .to { display:none; } .FlightFares.FaresFrom .fare .route { } .FlightFares.FaresFrom .fare .route .from { display:inline; font-weight:normal; } .FlightFares.FaresFrom .oneway, .FlightFares.DestFares .oneway { display:block; font-size:11px; } .FlightFares.FaresFrom .routes, .FlightFares.DestFares .routes { padding:5px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; overflow:hidden;} .FlightFares.FaresFrom .routes .fare, .FlightFares.DestFares .routes .fare { border-bottom:0; border-right:1px solid #E0E0E0; margin:10px 20px 10px 0; padding:0 15px 0 0; } .FlightFares.FaresFrom .routes .fare:nth-child(4n), .FlightFares.DestFares .routes .fare:nth-child(5n) { border-right:0; margin-right:0; padding-right:0; } /* flight fares management */ .col-sm-6.FlightFares { width:50%; float:left; margin-bottom:20px;} .col-sm-6 .col-sm-6.FlightFares { float:left; width:50%; margin-bottom:0;} .col-sm-6 .col-sm-6.FlightFares h2.champ, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { width:100%; } .col-sm-6.FlightFares .row { padding:0 15px; } .col-sm-6.FlightFares .row .FlightFares { padding:0; } @media only screen and (max-width: 1199px) { .FlightFares.FaresFrom .fare { width:21.8%; } } @media only screen and (max-width: 991px) { .FlightFares.DestFares .routes .fare { width:22.6%; } .FlightFares.DestFares .routes .fare:nth-child(5n) { border-right:1px solid #E0E0E0; margin-right:20px; padding-right:15px; } .FlightFares.DestFares .routes .fare:nth-child(4n) { border-right:0; margin-right:0; padding-right:0; } } @media only screen and (max-width: 720px) { .FlightFares.DestFares .routes .fare { width:30.6%; margin-right:15px; } .FlightFares.DestFares .routes .fare:nth-child(5n) { margin-right:15px; } .FlightFares.DestFares .routes .fare:nth-child(4n) { border-right:1px solid #E0E0E0; margin-right:15px; padding-right:15px; } .FlightFares.DestFares .routes .fare:nth-child(3n) { border-right:0; margin-right:0; padding-right:0; } } @media only screen and (max-width: 670px) { .FlightFares .clm { width: 100%; } .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 13%; } /* flight fares management */ .col-sm-6.FlightFares { width:100%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 28%; } .FlightFares.FlightFares h2, .FlightFares.FlightFares .fare, .FlightFares.FlightFares .more { padding-left:0;} .FlightFares.FaresFrom .fare { width:29.6%; } .FlightFares.FaresFrom .routes .fare:nth-child(4n) { border-right:1px solid #E0E0E0; margin-right:20px; padding-right:15px; } .FlightFares.FaresFrom .routes .fare:nth-child(3n) { border-right:0; margin-right:0; padding-right:0; } } @media only screen and (max-width: 600px) { .FlightFares.DestFares .routes .fare { width:47.6%; } .FlightFares.DestFares .routes .fare:nth-child(3n) { border-right:1px solid #E0E0E0; margin-right:15px; padding-right:15px; } .FlightFares.DestFares .routes .fare:nth-child(2n) { border-right:0; margin-right:0; padding-right:0; } } @media only screen and (max-width: 520px) { .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 9%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 19%; } } @media only screen and (max-width: 440px) { .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 5%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 11%; } .FlightFares.FaresFrom .container, .FlightFares.DestFares .container { padding:15px; } .FlightFares.FaresFrom .fare { width:46%; } .FlightFares.FaresFrom .routes .fare { margin-right:15px; } .FlightFares.FaresFrom .routes .fare:nth-child(3n) { border-right:1px solid #E0E0E0; margin-right:15px; padding-right:15px; } .FlightFares.FaresFrom .routes .fare:nth-child(2n) { border-right:0; margin-right:0; padding-right:0; } } @media only screen and (max-width: 380px) { .FlightFares.DestFares .container { padding:10px; } .FlightFares.DestFares .routes .fare { width:46.3%; margin-right:10px; padding-right:10px; } .FlightFares.DestFares .routes .fare:nth-child(5n) { margin-right:10px; } .FlightFares.DestFares .routes .fare:nth-child(3n) { margin-right:10px; padding-right:10px; } } @media only screen and (max-width: 360px) { .FlightFares h2, .FlightFares .fare, .FlightFares .more { padding-left: 0%; } .col-sm-6 .col-sm-6.FlightFares h2, .col-sm-6 .col-sm-6.FlightFares .fare, .col-sm-6 .col-sm-6.FlightFares .more { padding-left: 0%; } .FlightFares span.price { font-size:18px; } } /* Latest Fares ***************************************************************/ #latest-fares .farefrom span.price { font-size:24px; font-weight:bold; color:#000000; } #latest-fares .overflow { white-space: nowrap; } #latest-fares div.def-table div.clm > div.hd4 { text-align: center; } #latest-fares div.def-table div.clm > div.fare { height: 33px; } #latest-fares div.def-table div.clm > div.farefrom { height: 33px; } #latest-fares div.def-table div.clm > div { text-align: left; } #latest-fares .banner-book:before { display: inline-block; content:''; overflow: hidden; width: 110%; height: 0; border-top: 94px solid #F3F3F3; border-left: 45px solid transparent; position: absolute; right: 0px; z-index: -1; } #latest-fares .banner-book { position: absolute; z-index: 2; right: 15px; width: 45%; } #latest-fares .disc-login { width: 60%; } #latest-fares .book-now { width: 40%; } #latest-fares .disc-login .disc-text { padding: 0px 30% 8px 10px; } #latest-fares .disc-btn { padding: 0 8%; } #latest-fares .book-btn { padding: 10px 20%; } #latest-fares .half.clm.text-right { margin-bottom: 10px; margin-top: 20px; } #latest-fares .bar-top, #latest-fares .disc-text { background-color: #d2d2d2; } #latest-fares .disc-text { font-size: 10px; color: #666666; font-weight: bold; } #latest-fares .routes:after, #latest-fares .routes::after { clear:both; display:block; content:''; } #latest-fares .col-sm-12.FlightFares.quickselector .routes .fare { padding:2px 5px 5px; margin:0; } #latest-fares .col-sm-6.FlightFares.quickselector .routes .fare { padding:2px 5px 5px; margin:0; width:100%; } #latest-fares .routes .fare .route { display:inline-block; vertical-align:text-top; margin-right:5px; } #latest-fares .col-sm-12.FlightFares.quickselector .routes .fare .route { width:48%; } #latest-fares .col-sm-6.FlightFares.quickselector .routes .fare .route { width:50%; } #latest-fares a span.price { color:inherit; } @media only screen and (max-width: 590px) { #latest-fares .routes .fare { width: 100%; } } @media only screen and (min-width: 768px) { #latest-fares .row.hide-desk { display:none; } } @media only screen and (max-width: 768px) { #latest-fares div.def-table div.clm > div.fare { padding-left: 10%; } #latest-fares .from-price { padding-left: 12%; } #latest-fares .disc-login { width: 100%; text-align: center; } #latest-fares .book-now { width: 100%; } #latest-fares .disc-login .disc-text { padding: 0px 10px 8px 10px; } #latest-fares .banner-book { position: initial; width: 100%; background-color: #F3F3F3; text-align: center;} #latest-fares .banner-book:before { display: none; } #latest-fares .book-btn { padding: 15px 15px 25px; } } @media only screen and (max-width: 440px) { #latest-fares a.content-btn-small { /* display:block; */} #latest-fares div.def-table div.clm > div.hd4.rowspan-2 { line-height: 40px; height: 48px; } #latest-fares div.def-table div.clm > div.fare { padding-left: 10%; } #latest-fares .from-price { padding-left: 5%; } #latest-fares .disc-btn { padding: 15px 15px; } #latest-fares .book-btn { padding: 15px 15px; } } @media only screen and (max-width: 520px) { #latest-fares .half.clm.text-right { margin-bottom: 10px; margin-top: 10px; } #latest-fares .clm.col-6 > .clms-box > .clm.half { width: 50%; } #latest-fares .clm.forth { width: 50%; } #latest-fares .clm.col-6 > .clms-box { margin-left: -5px; } #latest-fares div.def-table div.clm > div.fare { padding-left: 0%; } #latest-fares .from-price { padding-left: 4%; } } /* FLEXSLIDER ***************************************************************/ /* Browser Resets ------------------------------------------------------------- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: 219px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; height: 219px; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme ------------------------------------------------------------- */ #container { width: 100%; height: 219px; margin: 0 auto; z-index: 0; position:relative;} .flexslider {border: 1px solid #ccc; position: absolute; top: 0; width: 100%; background: url("../Content/black/gen/bg-loading.gif") center no-repeat #F0F0F0; height: 219px; } .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative; padding-left: 0px; } .flexslider .slides li a { cursor: pointer; text-decoration: none; } .flex-container {zoom: 1; position: relative; } .flexslider .image { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; display: block; height: 219px; } /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 606px; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} .ban-text { padding: 20px 35px 10px; margin: 0; position: absolute; right: 0; top: 0; height: 193px; color: #666; font-size: 40px; line-height: 40px; font-family: Arial; text-align: right; text-decoration: none; } .ban-text-left { padding: 20px 35px 10px; margin: 0; position: absolute; left: 0; top: 0; height: 193px; color: #666; font-size: 40px; line-height: 40px; font-family: Arial; text-align: left; text-decoration: none; } /* Direction Nav */ .flex-direction-nav { height: 0; display: none; } .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .next {background-position: -52px 0; right: -21px;} .flex-direction-nav li .prev {left: -20px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav { position: absolute; bottom: 10px; text-align: center; right: 12px; display: flex; } .flex-control-nav li { margin: 0 2px; padding-left: 0px; } .flex-control-nav li a { width: 19px; height: 19px; border-radius:50%; display: block; background: #00bce4; border: 0.5px solid #666; cursor: pointer; text-indent: -999em;} .flex-control-nav li a:hover { background: #0092b3; } .flex-control-nav li a.active { background: #0092b3; cursor: default; } /* Car groups slider ***************************************************************/ .bx-prev { background: url(../Content/black/cars/btn-prev.gif) no-repeat scroll 0 -31px transparent; height: 31px; left: -55px; position: absolute; text-indent: -999999px; top: 78px; width: 31px;} .bx-next { background: url(../Content/black/cars/btn-next.gif) no-repeat scroll 0 -31px transparent; height: 31px; position: absolute; right: -25px; text-indent: -999999px; top: 78px; width: 31px;} .bx-wrapper { width: 90% !important; position: relative; left: 60px; padding-top: 5px; } .bx-window { width: 100% !important; position: relative; left: -23px; } .h_group-heading { } .h_group-sub-heading { background-color: #000000; font-size: 16px; text-align: center; padding: 10px; font-weight: bold; color: #ffffff;} #groupslider { padding-bottom: 40px; width: 930px; } #slider1 { width: 657px; height: 178px; left: -202px; padding: 0; margin: 0; vertical-align: middle;} #slider1 li { width: 185px; float:left; margin: 10px 5px; list-style: none outside none; text-align: center; font-size: 14px; font-weight: bold; position:relative;} #slider1 img { padding: 0px; height: 109px; } #slider1 .text_car_small { font-size: 13px; font-weight: normal;} #ad_space { width: 118px; height: 178px; float: left; background-color: #a7d59d;} #ad_space .ad_block { margin-top: 32px; text-align: center; color: #fff; font-size: 23px;} @media (max-width: 460px) { .bx-wrapper { width: 75% !important; } } /* AKITA SPEECH BUBBLE ***************************************************************/ /** * This plugin was developed by Paul Yuan * This plugin create a speech bubble tooltip base on the specified options * This plugin requires jquery.akita.js * This plugin is released under the MIT license and anyone can use and modify without any restriction * http://www.paulyuan.ca */ .akitaSpeechBubble { position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 999999999; -moz-box-shadow: 0px 2px 5px #777777; -webkit-box-shadow: 0px 2px 5px #777777; box-shadow: 0px 2px 5px #777777; } .akitaSpeechBubble .akita_content_container { position: relative; overflow: hidden; z-index: 2; } .akitaSpeechBubble .akita_content_background { position: absolute; overflow: hidden; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; } .akitaSpeechBubble .akita_content { position: relative; overflow: hidden; font-size: 11px; line-height: 13px; padding: 10px; } .akitaSpeechBubble .akita_speech_bubble_tip { position: absolute; overflow: hidden; z-index: 1; } /* CONTAINER ***************************************************************/ .selector-container { width: 100%; height: auto; background: #000 none repeat scroll 0 0; color: #ffffff; margin: 0 0 10px 0; display: inline-block; padding: 1px; } .selector-container > fieldset { padding: 0 14px; } /* DYNAMIC - Radio button/ tab effect ***************************************************************/ ul.dynRad { padding:0; margin:0; list-style:none; } .dynRadGroup div.item { display:none; } .dynRadGroup div.displaydiv { display: block; } /*Manage booking page ------------------------------------------------------------- */ #ManageBookingSelector { margin-top:10px; } #ManageBookingSelector ul.tabs .tab.selected { background-color: #000000; color: #8BC63E; border: 1px solid #000000; border-bottom:1px solid #000000; } #ManageBookingSelector .tab-content { background-color: #000000; min-height:300px; border: 1px solid #000000; color:#DDDDDD; } #ManageBookingSelector .dynRad-options > label { color:#DDDDDD; margin-top:15px; font-weight:normal; } #ManageBookingSelector ul.dynRad { border-radius: 4px; width: 99.99%; border: 1px solid #BBBBBB; overflow: hidden; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color:#FFFFFF;} #ManageBookingSelector ul.dynRad::after { clear:both; content:''; display:block; } #ManageBookingSelector ul.dynRad li { padding:0; margin:0; } #ManageBookingSelector ul.dynRad li.type { float:left; width:25%; } #ManageBookingSelector ul.dynRad li.selected { background-color:#0092B3; } #ManageBookingSelector ul.dynRad input[type="radio"] { -webkit-appearance: none; display: none; margin: 0; padding: 0; } #ManageBookingSelector ul.dynRad label { margin-bottom:5px; font-weight:normal; cursor:pointer; color: #FFFFFF; padding:7px 0; height:60px; display:block; color:#00BCE3; margin:0; border-left: 1px solid #BBBBBB;} #ManageBookingSelector ul.dynRad li.selected label, #ManageBookingSelector h2, #ManageBookingSelector h3 { color:#FFFFFF; } #ManageBookingSelector .default { margin-top:20px; } #ManageBookingSelector ul.dynRad > li:first-child > label { margin-left: -1px; padding-left: 1px; } #ManageBookingSelector ul.dynRad li.type.manageCarrier { width:33.33%; } #ManageBookingSelector .manageCarrier > label > span, #ManageBookingSelector .manageType > label > span { background: url('../Content/black/sel/selector-sprite.png?v=2') no-repeat; display:block; margin:0 auto; } #ManageBookingSelector .manageCarrier.mn > label > span { background-position: -669px 0; width:115px; height:19px; margin:14px auto;} #ManageBookingSelector .manageCarrier.ba > label > span { background-position: -668px -25px; width: 131px; height: 22px; margin: 11px auto; } #ManageBookingSelector .manageCarrier.other > label > span::before, #ManageBookingSelector .manageCarrier.other > label > span:before { float:left; margin-right:5px; background: url('../Content/black/sel/selector-sprite.png?v=2') no-repeat; display:block; background-position: -821px 0; width:21px; height:22px; display:block; content:''; } #ManageBookingSelector .manageCarrier.other > label > span { line-height:22px; margin-left:5px; font-size:16px; background:none; margin:12px auto; width:129px;} #ManageBookingSelector .manageCarrier.mn.selected > label > span { background-position: -482px 0; } #ManageBookingSelector .manageCarrier.ba.selected > label > span { background-position: -481px -25px; } #ManageBookingSelector .manageCarrier.other.selected > label > span::before, #ManageBookingSelector .manageCarrier.other.selected > label > span:before { background-position: -635px 0; color: #FFFFFF; } #ManageBookingSelector .manageType.none > label > span, #ManageBookingSelector .manageType.bizdeals > label > span { font-size:16px; line-height:22px; margin:12px auto; width:70px; background:none; display:block; } #ManageBookingSelector .manageType.vitality > label > span { background-position: -42px 0; width: 87px; height: 45px; } #ManageBookingSelector .manageType.ebucks > label > span { background-position: -130px 0; width: 43px; height: 45px; } #ManageBookingSelector .manageType.vitality.selected > label > span { background-position: -214px 0; } #ManageBookingSelector .manageType.ebucks.selected > label > span { background-position: -302px 0; } #ManageBookingSelector .manageType.bizdeals.selected > label > span { background-position: -214px 0; } #ManageBookingSelector span.sub-text { display:block; margin-top:10px; text-align:center; } #ManageBookingSelector .info-tooltip { color: #8BC63E; float:right; margin-bottom: 5px; margin-top:15px;} #ManageBookingSelector h2 { margin:0; color:#FFFFFF; } @media (max-width: 768px) { #ManageBookingSelector ul.dynRad li.type, #ManageBookingSelector ul.dynRad li.type.manageCarrier { float:none; width:100%; border-bottom: 1px solid #BBBBBB;} #ManageBookingSelector ul.dynRad label { border-left:0; } } @media (max-width: 420px) { #ManageBookingSelector .info-tooltip { float:none; margin-bottom: 5px; margin-top:15px; display:block; } } /* Check-in online ------------------------------------------------------------- */ #checkin h3 { margin-top: 0px;} #checkin .box { border: 0; margin-top: 0; padding-top: 0; } #checkin .box .tabcontent-title { float: left; width: 50%; padding: 0 18px; } #checkin .box .info-tooltip { width: 50%; color: #8cc63f; display: block; float: right; margin-bottom: 10px; padding: 12px 18px 0; text-align: right; text-decoration: underline; } #checkin .side { width: 100%; clear: both; display: block; float: left; margin: 0px; padding: 0 18px; } #checkin .sub-text { font-size: 10px; font-weight: normal; display: block; position: relative; text-align: center; color: #999999;} #checkin .dynRadGroup { border: none;} #checkin .ba-logo { width: 145px; height: 30px; display: block; background: url("../Content/black/gen/ba-logo.png") no-repeat;} #checkin .kulula-logo { width: 145px; height: 18px; display: block; background: url("../Content/black/gen/kulula_logo_smaller.png") no-repeat;} #checkin .type { float: left; } .dynRadGroup .checkin-btn { width: auto; display: block; float: left; margin: 0px 16px 0px 0; } ul.dynRad input { margin-top: 10px; vertical-align: sub; } ul.dynRad.flightnos { width: auto; float: right; padding-bottom: 18px; } /* Media query ***************************************************************/ @media (max-width: 560px) { #checkin .box .tabcontent-title { float: none; width: 100%; } #checkin .box .info-tooltip { width: 100%; float: none; text-align: left;} /*ul.dynRadGroup div.checkin { width: 100%;} ul.dynRad label { padding: 0 4px 0 14px; } ul.dynRad input { margin-top: 10px; vertical-align: sub; } ul.dynRad li.type { width: 100%; height: 48px; padding: 0px; }*/ ul.flightnos { padding-left: 0px; } } /* TAXONOMY - global styling ***************************************************************/ .more-info-wrapper { padding: 0px; margin-top: 20px; height: auto; width: 100%; position: relative; } .more-info-wrapper ul { clear: left; margin: 0; padding: 10px; width: 100%; background-color: #f9f9f9; z-index: -2; } .more-info-wrapper li.taxonomy-link { margin: 5px 0; padding-left: 0; width: 49%; display: inline-block; color:#8CC63F; } .more-info-wrapper li.taxonomy-link a { font-size: 13px; text-decoration: none; padding: 5px 10px 5px 2px;} .more-info-wrapper li.taxonomy-link a:hover { font-size: 13px; text-decoration: underline; } @media only screen and (max-width: 500px) { .more-info-wrapper li.taxonomy-link { width: 100%; } } .more-info-heading { padding: 15px 10px; background: #efefef; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000; z-index: -1; } .more-info-wrapper .heading-shadow { position: relative; z-index: 0; } .more-info-heading:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 1px; width: 320px; top: 15px; max-width: 90%; box-shadow: 0 15px 5px #ccc; transform: rotate(-1.5deg); background: #f5f5f5 !important; } .related-info-heading { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #666; } .content-picker-field.content-picker-field-related-to { padding: 15px 10px; background: #F9F9F9; position: relative; margin-top: 20px;} .descriptive-image a {display: inline;} /* Taxonomy - content ------------------------------------------------------------- */ /* Taxonomy - category ------------------------------------------------------------- */ @media only screen and (max-width: 768px) { .category .clm.col-5 { width: 41.66666667%; } .category .clm.col-7 { width: 58.33333333%; } #kulula-credit-card .clm.col-4 { margin-bottom: 15px; } } @media only screen and (max-width: 520px) { .category .clm.col-5, .category .clm.col-7 { width: 100%; } } /* Taxonomy - index ------------------------------------------------------------- */ .index .image { height: 172px; } .info-page h3 { background-color: #fff; margin: 0px; padding: 10px; border: 1px solid #eee; line-height: 2; white-space:nowrap; } .info-page h3 a { color: #666; display: block; overflow: hidden; text-overflow: ellipsis; } .info-page .clm:hover h3 { background-color: #f3f3f3; background-position: 0 100%; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; } .info-page .clm:hover h3 a { text-decoration: none; } .info-page .info-block { box-shadow: .125rem .125rem .125rem rgba(0,0,0,.25); } /* Taxonomy - pcc */ /* Taxonomy - destinations */ @media only screen and (max-width: 480px) { .info-page .clm { width: 100%; } } /* CONTENT COLUMNS ***************************************************************/ .clms-box { margin-left:-15px; margin-right:-15px; clear:both; } .clms-box:after, .clms-box::after { clear:both; display:block; content:""; } .clm { float:left; width:100%; padding:15px; } .half { width: 50%; } .third { width: 33.33333333%; } .forth { width: 25% } .fifth { width: 20%; } .sixth { width: 16.66666667%; } .clms-box .image { background-position:50% 50%; background-size:cover; display:block; margin:0 auto; background-repeat:no-repeat; } .clms-box .clms-box .clm { padding-top:0; padding-bottom:0; } @media (max-width: 768px){ .third, .forth, .fifth { width:50%; } .sixth { width: 33.33333333%; } } @media (max-width: 600px) { .sixth { width:50%; } } @media (max-width: 520px){ .half, .third, .forth, .fifth, .sixth { width: 100%; } } @media (min-width:769px){ .clms-box .col-12 { width: 100%; } .clms-box .col-11 { width: 91.66666667%; } .clms-box .col-10 { width: 83.33333333%; } .clms-box .col-9 { width: 75%; } .clms-box .col-8 { width: 66.66666667%; } .clms-box .col-7 { width: 58.33333333%; } .clms-box .col-6 { width: 50%; } .clms-box .col-5 { width: 41.66666667%; } .clms-box .col-4 { width: 33.33333333%; } .clms-box .col-3 { width: 25%; } .clms-box .col-2 { width: 16.66666667%; } .clms-box .col-1 { width: 8.33333333%; } .clms-box .col-15 { width: 20%; } } /* TABLES ***************************************************************/ /* Custom table for for infomation display ---------------------------------------- */ TABLE.def-table { padding: 0; width: 100%; margin: 15px 0; border-collapse: collapse;} /* RESET CONTAINER */ TABLE.def-table TD.container { padding: 0; } TABLE.def-table TD.container TABLE { padding: 0; margin: 0; width: 100%; border-collapse: collapse;} TABLE.def-table TD.container TABLE TH { border-top: 0; border-left: 0;} TABLE.def-table TD.container TABLE TD { border-top: 0; border-left: 0;} TABLE.def-table TD.td_spacer { height: 8px; padding: 0; } TABLE.def-table TD.vert-top { vertical-align: top; } /*TR.CONTENT>TH&TD*/ /* TH.HEADER */ TABLE.def-table TH { background-color: #000000; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff; text-align: center; } TABLE.def-table TH.hd1 { background-color: #000000; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; font-size: 13px; font-weight: bold; color: #fff; } TABLE.def-table TH.hd2 { background-color: #333333; } TABLE.def-table TH.hd3 { background-color: #666666; } TABLE.def-table TH.hd4 { background-color: #888888; } /* TD.CONTENT */ TABLE.def-table TD { background-color: #F3F3F3; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; text-align: center; } TABLE.def-table TD.cnt1 { background-color: #F3F3F3; border: 1px solid #fff; padding: 4px 5px; vertical-align: middle; } TABLE.def-table TD.cnt2 { background-color: #EBEBEB; padding: 4px 5px; vertical-align: middle; } TABLE.def-table TD.cnt3 { background-color: #E2E2E2; padding: 4px 5px; vertical-align: middle; } TABLE.def-table TD.cnt4 { background-color: #D2D2D2; padding: 4px 5px; vertical-align: middle; } .table-responsive TABLE.def-table { margin:0; } /* tables styles combined with clm-box ---------------------------------------- */ div.def-table.clms-box { margin:0; margin-left:-1px; padding-top:0; padding-bottom:0; width:100%; margin-top:15px; margin-bottom:20px;} div.def-table.clms-box.borders { border-top:1px solid #D2D2D2; margin-left:0; border-left:1px solid #D2D2D2; } div.def-table div.clm { padding:0; padding-left:1px; /*display:table; */} div.def-table.borders div.clm { padding-left:0; border-right:1px solid #D2D2D2; } div.def-table.mobi-margin div.clm { margin-bottom:20px; } div.def-table div.clm.head { margin-bottom:0; } div.def-table div.clm div { line-height:20px; vertical-align: middle; } div.def-table div.clm > div { display:table; width:100%; padding:4px 5px; margin-bottom:1px; text-align:center; } div.def-table.borders div.clm > div { border-bottom:1px solid #D2D2D2; margin-bottom:0; } div.def-table div.clm div.clms-box { padding:0 5px; } div.def-table .row, div.def-table .row div.clm, div.def-table.mobi-margin div.row div.clm { margin:0; } div.def-table.mobi-margin div.row { margin-bottom:20px; } div.def-table .row:after, div.def-table .row::after { clear:both; display:block; content:""; } div.def-table div.hd { background-color: #000000; color:#FFFFFF; } div.def-table div.hd1 { background-color: #000000; color:#FFFFFF; } div.def-table div.hd2 { background-color: #333333; color:#FFFFFF; } div.def-table div.hd3 { background-color: #666666; color:#FFFFFF; } div.def-table div.hd4 { background-color: #888888; color:#FFFFFF; } div.def-table div.cnt { background-color: #FFFFFF; } div.def-table div.cnt1 { background-color: #F3F3F3; } div.def-table div.cnt2 { background-color: #EBEBEB; } div.def-table div.cnt3 { background-color: #E2E2E2; } div.def-table div.cnt4 { background-color: #D2D2D2; } .def-table ul, .def-table ol { line-height:20px; text-align:left; padding-left:30px; } .def-table p { line-height:20px; } .def-table li{ padding-left:0; } .def-table .overflow { display: table-cell; text-overflow: ellipsis; overflow: hidden; max-width:0; }/* needs to be 0 for ellipsis to display in table-cell */ @media (min-width:769px) { div.def-table .row { margin:0; } div.def-table .row:last-child { margin:0 0 20px 0; } div.def-table.clms-box div.clm .vert-mid, div.def-table.clms-box div.clm .vert-top { padding:0; margin:0; display: table-cell; } div.def-table.clms-box div.clm .vert-top { vertical-align:top; } div.def-table.mobi-margin div.clm { margin-bottom:0; } div.def-table.mobi-margin div.row { margin-bottom:0; } /* span cells */ div.def-table.clms-box div.clm > div.rowspan-2 { line-height:40px; height:48px; } div.def-table.clms-box div.clm > div.rowspan-3 { line-height:60px; height:68px; } div.def-table.clms-box div.clm > div.rowspan-4 { line-height:80px; height:88px; } div.def-table.clms-box div.clm > div.rowspan-5 { line-height:100px; height:108px; } div.def-table.clms-box div.clm > div.rowspan-6 { line-height:120px; height:128px; } div.def-table.clms-box div.clm > div.rowspan-7 { line-height:140px; height:148px; } div.def-table.clms-box div.clm > div.rowspan-8 { line-height:160px; height:168px; } div.def-table.clms-box div.clm > div.rowspan-9 { line-height:180px; height:188px; } div.def-table.clms-box div.clm > div.rowspan-10 { line-height:200px; height:208px; } div.def-table.clms-box div.clm > div.rowspan-11 { line-height:220px; height:228px; } div.def-table.clms-box div.clm > div.rowspan-12 { line-height:240px; height:248px; } div.def-table.clms-box div.clm > div.rowspan-13 { line-height:260px; height:268px; } div.def-table.clms-box div.clm > div.rowspan-14 { line-height:280px; height:288px; } div.def-table.clms-box div.clm > div.rowspan-15 { line-height:300px; height:308px; } div.def-table.clms-box div.clm > div.rowspan-16 { line-height:320px; height:328px; } div.def-table.clms-box div.clm > div.rowspan-17 { line-height:340px; height:348px; } div.def-table.clms-box div.clm > div.rowspan-18 { line-height:360px; height:368px; } div.def-table.clms-box div.clm > div.rowspan-19 { line-height:380px; height:388px; } div.def-table.clms-box div.clm > div.rowspan-20 { line-height:400px; height:408px; } div.def-table.clms-box div.clm > div.rowspan-21 { line-height:420px; height:428px; } div.def-table.clms-box div.clm > div.rowspan-22 { line-height:440px; height:448px; } div.def-table.clms-box div.clm > div.rowspan-23 { line-height:460px; height:468px; } div.def-table.clms-box div.clm > div.rowspan-24 { line-height:480px; height:488px; } div.def-table.clms-box div.clm > div.rowspan-25 { line-height:500px; height:508px; } div.def-table.clms-box div.clm > div.rowspan-26 { line-height:520px; height:528px; } div.def-table.clms-box div.clm > div.rowspan-27 { line-height:540px; height:548px; } div.def-table.clms-box div.clm > div.rowspan-28 { line-height:560px; height:568px; } div.def-table.clms-box div.clm > div.rowspan-29 { line-height:580px; height:588px; } div.def-table.clms-box div.clm > div.rowspan-30 { line-height:600px; height:608px; } div.def-table.clms-box div.clm > div.rowspan-31 { line-height:620px; height:628px; } div.def-table.clms-box div.clm > div.rowspan-32 { line-height:640px; height:648px; } div.def-table.clms-box div.clm > div.rowspan-33 { line-height:660px; height:668px; } div.def-table.clms-box div.clm > div.rowspan-34 { line-height:680px; height:688px; } div.def-table.clms-box div.clm > div.rowspan-35 { line-height:700px; height:708px; } div.def-table.clms-box div.clm > div.rowspan-36 { line-height:720px; height:728px; } div.def-table.clms-box div.clm > div.rowspan-37 { line-height:740px; height:748px; } div.def-table.clms-box div.clm > div.rowspan-38 { line-height:760px; height:768px; } div.def-table.clms-box div.clm > div.rowspan-39 { line-height:780px; height:788px; } div.def-table.clms-box div.clm > div.rowspan-40 { line-height:800px; height:808px; } div.def-table.clms-box div.clm > div.rowspan-41 { line-height:820px; height:828px; } div.def-table.clms-box div.clm > div.rowspan-42 { line-height:840px; height:848px; } div.def-table.clms-box div.clm > div.rowspan-43 { line-height:860px; height:868px; } div.def-table.clms-box div.clm > div.rowspan-44 { line-height:880px; height:888px; } div.def-table div.clm.hide-desk, div.def-table div.clm > div.hide-desk { display:none; } /*hide on desktop */ } @media (max-width:768px) { div.def-table div.clm > div.hide-mobi, div.def-table div.clm.hide-mobi { display:none; } } /* TABS ***************************************************************/ /* Default Tabs ------------------------------------------------------------- */ ul.tabs { display:block; height:47px; margin:0; position:relative; padding:0; z-index: 2; } ul.tabs li { list-style:none; display:inline-block; margin:0; padding:12px 22px; border:1px solid #7EB13A; border-bottom:1px solid #8BC63E; cursor:pointer; font-size: 16px; color: #FFFFFF; line-height: 21px; background-color: #8BC63E; width: auto; float: left; } ul.tabs li.selected { border: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; color: #666666; background-color: #FFFFFF; padding-bottom:13px;} .tab-content { display:none; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 15px; z-index:1; } .displaydiv { display:block; } .tab-mobi { display:none; padding:12px 10px; font-size: 13px; color: #FFFFFF; line-height: 22px; background-color: #8BC63E; border-bottom:1px solid #FFFFFF;} .tab-mobi.selected { background: #EEEEEE; color: #666666; font-weight:bold; border-bottom:0;} .tab-mobi:after, .tab-mobi::after { float:right; text-align:center; content: "\e259"; line-height:25px; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal;} /* check-in panel ------------------------------------------------------------- */ #checkinPanel { background-color:#1A1A1A; position:relative; padding:2px; } #checkinPanel .tabs { height:46px; } #checkinPanel .tab { border:0; background-color:#1A1A1A; color:#00BCE4; padding:10px 22px; line-height:25px; border-bottom: 1px solid #000000; } #checkinPanel .tab:before { content: "\e259"; width: 25px; height: 25px; border: 2px solid #00bce4; font-family: 'Glyphicons Halflings'; border-radius: 100%; line-height:1.9; display:block; font-size: 12px; text-align:center; float:left; margin-right:10px; } #checkinPanel .tab.selected:before { content: "\e260"; border: 2px solid #0092B3; } #checkinPanel .selected { background-color:#F9F9F9; border-bottom: 1px solid #F9F9F9; color:#0092B3; } #checkinPanel .tab-content{ border:0; padding:10px 22px; background-color:#F9F9F9; min-height:126px; /*border:0; height:185px; position:absolute; bottom:47px; width:99.50%; */} #checkinPanel .tab-mobi { border:0; background-color:#1A1A1A; color:#00BCE4; font-size:16px; padding:12px 13px; } #checkinPanel .tab-mobi.selected { color:#0092B3; background-color: #F9F9F9; } #checkinPanel .tab-mobi.selected:after { content: "\e260"; } #checkinPanel .flight-itinerary input[type="text"] { height:60px; } #checkinPanel .clms-box { width:91%; } #checkinPanel .flight-itinerary fieldset > div { margin:0; } #checkinPanel .flight-itinerary .action { margin-top:23px; } #checkinPanel .check-in .clms-box { margin-top:10px; } #checkinPanel .link { border:0; background-color:transparent; padding:0; line-height:1; border-bottom: 1px solid #000000; } #checkinPanel .link a { color:#00BCE4; text-decoration:none; padding:10px 22px; display:block; line-height:25px;} #checkinPanel .link a:before { content: "\e258"; width: 25px; height: 25px; border: 2px solid #00bce4; font-family: 'Glyphicons Halflings'; border-radius: 100%; line-height:1.9; display:block; font-size: 12px; text-align:center; float:left; margin-right:10px; } #checkinPanel .link-mobi { border:0; background-color:#1A1A1A; color:#00BCE4; padding:0; display:none; } #checkinPanel .link-mobi a { padding:12px 13px; font-size:16px; display:block; color:#00BCE4;} #checkinPanel .link-mobi a:after { content: "\e258"; font-family: 'Glyphicons Halflings'; float:right; line-height: 25px; } @media (max-width:1024px) { #checkinPanel .tab, #checkinPanel .link a { padding: 10px 13px; } #checkinPanel .clms-box { width:100%; } #checkinPanel .tab-content { padding:10px 13px;} #checkinPanel .check-in .clms-box { margin-top:0; } } @media (max-width:991px) { #checkinPanel .check-in .col-6 { width:100%; } #checkinPanel .check-in .col-3 { width:30%; } #checkinPanel .tab, #checkinPanel .link a { padding-right:0; font-size:13px; } } @media (max-width:768px) { #checkinPanel .flight-itinerary .action { margin-top:0; } #checkinPanel .check-in .col-3 { width:100%; } } @media (max-width:680px) { #checkinPanel .tab-mobi, #checkinPanel .link-mobi { display:block; } #checkinPanel ul.tabs { display:none; } #checkinPanel .button-p { margin:0; } #checkinPanel .content-btn-big { display:block; } #checkinPanel .tab-content { /*position:relative; bottom:auto; height:auto;*/ width:auto; border-top: 1px solid #CCCCCC;} } /* Content tab styles ------------------------------------------------------------- */ #copytabs ul.tabs { height:39px; position: relative; } #copytabs ul.tabs li { font-size: 13px; line-height: 13px; } #copytabs ul.tabs li.selected { background-color:#F9F9F9; border-bottom: 1px solid #F9F9F9;} #copytabs .tab-content { background-color:#F9F9F9; width: auto; height: auto; } /* Side tabs - flight page - information banners ------------------------------------------------------------- */ .SideTabs { border: 1px solid #CCCCCC; background-color:#F9F9F9; } .SideTabs ul.tabs { width:30%; height:233px; position:relative; float:left; margin-left:-1px; margin-top:-1px; margin-right:-1px;} .SideTabs ul.tabs li { width:100%; display:block; font-size: 13px; line-height: 13px; } .SideTabs ul.tabs li.selected { border-color: #CCCCCC #FFFFFF #CCCCCC #CCCCCC; background-color:#FFFFFF; } .SideTabs .tab-content { float:left; padding: 0 15px 15px 15px; height: 233px; overflow:hidden; position:relative; background-color:#FFFFFF; width:70%; border: 1px solid #FFFFFF; border-left: 1px solid #CCCCCC; } @media (max-width:600px) { ul.tabs { display:none; } .tab-content { padding:10px; } .tab-mobi.selected { border: 1px solid #CCCCCC; border-bottom: 0; } .tab-mobi:last-child { border:0; } .SideTabs { background-color:#FFFFFF; border:0;} .SideTabs .tab-content { float:none; width:100%; border: 1px solid #CCCCCC; height:auto; padding:0 10px; } .SideTabs .tab-mobi.selected { border: 1px solid #CCCCCC; border-bottom: 0; } .tab-mobi { display:block; } } /* SHOWHIDE - content ***************************************************************/ .showHideInfo .showInfo { background: url(../Content/black/login/maximize.jpg) no-repeat scroll left top transparent; cursor:pointer; color:#8CC63F; font-size:14px; padding:1px 30px; margin-bottom:10px; font-weight:bold; } .showHideInfo .selected { background: url(../Content/black/login/minimize.jpg) no-repeat scroll left top transparent; } .showHideInfo .showInfo-body { display:none; min-height:0; height:auto; margin-bottom:20px; margin-left:30px; } .showHideInfo .displaydiv { display:block; } /* SPONSORSHIPS AND CSI INITIATIVES ***************************************************************/ .initiatives .image { height: 130px; box-shadow: .125rem .125rem .125rem rgba(0,0,0,.25); border: 1px solid #eee; } .support-cause { text-align: center; padding: 10px 0; } .support-cause h2 { font-size: 18px; } .support-cause .support-logo { display: block; height: 130px; background-repeat: no-repeat; background-position: 50% 50%; } .support-cause .content-btn-small { margin: 10px 15px 5px 15px; } @media only screen and (max-width: 768px) { .support-cause .support-logo, .support-cause .support-cause-text { width: 35%; display: inline-block; vertical-align: middle; } .support-cause .support-cause-text h2 { margin-top: 0px; } } @media only screen and (max-width: 630px) { .support-cause .support-logo, .support-cause .support-cause-text { width: 48%; } .support-cause .support-cause-text h2 { margin-top: 0px; } } @media only screen and (max-width: 400px) { .support-cause .support-logo, .support-cause .support-cause-text { width: 100%; } .support-cause .support-cause-text h2 { margin-top: 10px; } } /* OUR ADS ***************************************************************/ .video.ads { height: 180px; } /* Glyphs tick ***************************************************************/ .glyphicon-tick li:before { content: "\e013"; font-family: 'Glyphicons Halflings'; position: relative; right: 15px; color: black; } ul.glyphicon-tick li { text-indent: -12px; } /* KULULA 101 ***************************************************************/ .kulula101 .clm .box { min-height: 220px; } .kulula101 .clm .main-text a { min-height: 76px; padding: 5px 10px 10px; line-height: 30px; font-size: 26px; color: #8cc63f; text-decoration: none; } .kulula101 .clm .sub-text { padding: 6px 0px; color: #999999; vertical-align: middle; } @media (max-width: 600px) { .kulula101 .half { width: 100%} } /* HOLIDAY PACKAGES ***************************************************************/ /* theme holidays block ------------------------------------------------------------- */ .theme-block { text-align: center; } .theme-block:hover a.content-btn-small { background: #7DB137; } .theme-block a.content-btn-small { margin-right: 0; display: block; padding: 6px 10px; } .theme-block .image { height: 172px; display: block; } .holiday-themes h2 { margin: 30px 0 6px; padding: 0 0 5px; border-bottom: 1px solid #E0E0E0; } /* holiday package deal term summary ------------------------------------------------------------- */ .hol-package-block { } .HotelPageAfterContentThemes h2 { color: #000; font-size: 32px; font-family: FlamaSemibold; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px; margin-bottom: 0px; } .holiday-packages h2 { margin: 30px 0 6px; padding: 0 0 5px; border-bottom: 1px solid #E0E0E0; } .hol-package-block h3 { padding:0; margin-bottom: 5px; color: #000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .hol-package-block h4 { margin-top: 0px; margin-right: 0; margin-bottom: 10px; padding-right: 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .hol-package-block p { margin: 20px 0; } .hol-package-block .stay { display: block; border-bottom: 0.25px solid #666; padding-top: 10px; font-size: 11px; color: #00bce4; clear:both; } .hol-package-block .star-rating { margin-bottom:5px; height:20px; } .hol-package-block .star-rating span { display:block; height:19px; } .hol-package-block .price { color: #000; font-weight: bold; } .hol-package-block .includes { margin-bottom:15px; vertical-align:middle; float: left; } .hol-package-block .includes img { height:20px; vertical-align:middle;} .hol-package-block .includes .icons { margin:0px; height:21px; width:21px; background-image: url('../Content/black/icons/includes-icons-sprite-sml-black.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .hol-package-block .includes .icons.flights { background-position: 0 1px; } .hol-package-block .includes .icons.flights-car-hire { background-position: 0 -21px; width: 42px; } .hol-package-block .includes .icons.flights-car-hire-hotel { background-position: 0 -42px; width: 63px; } .hol-package-block .includes .icons.flights-hotel { background-position: 0 -63px; width: 42px; } .hol-package-block .includes .icons.flight-airport-transfers-hotel-rail { background-position: 0 -84px; width: 84px; } .hol-package-block .includes .icons.flight-hotel-rail { background-position: 0 -105px; width: 63px; } .hol-package-block .includes .icons.car-hire { background-position: 0 -127px; } .hol-package-block .includes .icons.car-hire-hotel { background-position: 0 -148px; width: 42px; } .hol-package-block .includes .icons.hotel { background-position: 0 -169px; } .hol-package-block .includes .icons.hotel-rail { background-position: 0 -190px; width: 42px; } .hol-package-block .includes .icons.cruise { background-position: 0 -211px; } .hol-package-block .includes .icons.cruise-car-hire-hotel { background-position: 0 -232px; width: 63px; } .hol-package-block .includes .icons.cruise-airport-transfers { background-position: 0 -253px; width: 42px; } .hol-package-block .includes .icons.flight-cruise { background-position: 0 -275px; width: 42px; } .hol-package-block .includes .icons.flight-airport-transfers-hotel { background-position: 0 -296px; width: 63px; } .hol-package-block .includes .icons.flight-airport-transfers-cruise { background-position: 0 -317px; width: 63px; } .hol-package-block .includes .icons.flight-airport-transfers { background-position: 0 -338px; width: 42px; } .hol-package-block .includes .icons.airport-transfers { background-position: 0 -360px; } .hol-package-block .includes .icons.airport-transfers-hotel { background-position: 0 -381px; width: 42px; } .hol-package-block .includes .icons.airport-transfers-hotel-rail { background-position: 0 -402px; width: 63px; } .hol-package-block .includes .icons.flight-airport-transfers-hotel-cruise { background-position: 0 -424px; width: 84px; } .hol-package-block .includes .icons.cruise-hotel { background-position: 0 -446px; width: 42px; } .hol-package-block .includes .icons.cruise-hotel-airport-transfers { background-position: 0 -467px; width: 63px; } .hol-package-block .view-package { text-align: right; line-height:38px; padding-bottom: 8px; margin-top: 10px; border-bottom: 1px solid #e0e0e0; } .hol-package-block .image { height: 200px; display: block; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } @media only screen and (min-width: 1024px) and (max-width: 1199px){ .hol-package-block .view-package .content-btn-small { padding-left:15px; padding-right:15px; } } @media only screen and (max-width: 1024px) { .package-term.content-item .col-sm-8.contentbar { margin-bottom: 65px; } .package-term .col-sm-8.contentbar { margin: 0 -15px; } .package-term .hol-package-block { width: 46.9%; margin: 0 15px; float: left; } } @media only screen and (max-width: 991px) { .package-term .hol-package-block { width: 100%; margin: 0px; } .package-term .col-sm-8.contentbar { margin: 0px; } } @media only screen and (max-width: 710px) { .HotelPageAfterContentThemes .half { width: 100%; } } @media only screen and (max-width: 400px) { .hol-package-block a.content-btn-small { width: 100%; display: block; } } /* holiday package deal term ------------------------------------------------------------- */ .hol-package-block .stay { color: #666; padding-bottom: 10px; } /* star ratings ------------------------------------------------------------- */ .star-rating .stars { margin:0px; height:16px; width:17px; background-image: url('../Content/black/icons/stars-black.png'); background-position: 0 0; background-repeat: no-repeat; display: inline-block;} .star-rating .stars.s1-star { width: 17px; } .star-rating .stars.s2-star { width: 36px; } .star-rating .stars.s3-star { width: 55px; } .star-rating .stars.s4-star { width: 74px; } .star-rating .stars.s5-star { width: 93px; } /* holiday package deal term detail ------------------------------------------------------------- */ article.destination hr, article.tourandcruisepackages-term hr { margin-bottom:20px; } article.destination .intro, article.tourandcruisepackages-term .intro { font-size:16px; margin: 20px 0;} article.destination .map, article.tourandcruisepackages-term .map { width: 100%; height:250px; margin: 0; border: solid 1px #E0E0E0; } article.destination .map iframe, article.tourandcruisepackages-term .map iframe { width: 100%; } article.destination .star-rating { margin-bottom: 5px } article.destination .intro { margin: 20px 0; } #deals h1 { display:none; } .packagedDeal { background: #f9f9f9; overflow: hidden; padding: 20px; margin: 0 0 20px 0; } .packagedDeal .deal-dates { float: left; width: 70%; } .packagedDeal h2 { float: left; width: 100%; margin:0; padding:0; font-family: FlamaSemibold; color: #000; } .packagedDeal h6 { font-weight: bold; } .packagedDeal .dates { text-align: left; vertical-align: middle; float: left; width: 100%; padding: 14px 0px 0px; } .packagedDeal .dates b { display:block; } .packagedDeal .includes-cost { width: 30%; float: left; } .packagedDeal .includes { text-align: right; width: 100%; float: right; } .packagedDeal .includes .icons { margin:0px; height:31px; width:31px; float:right; background-image: url('../Content/black/icons/includes-icons-sprite-med-black.png'); background-position: 0 0; background-repeat: no-repeat; display: block;} .packagedDeal .includes .icons.flights { background-position: 0 0px; } .packagedDeal .includes .icons.flights-car-hire { background-position: 0 -32px; width: 63px; } .packagedDeal .includes .icons.flights-car-hire-hotel { background-position: 0 -64px; width: 95px; } .packagedDeal .includes .icons.flights-hotel { background-position: 0 -96px; width: 63px; } .packagedDeal .includes .icons.flight-airport-transfers-hotel-rail { background-position: 0 -129px; width: 127px; } .packagedDeal .includes .icons.flight-hotel-rail { background-position: 0 -161px; width: 95px; } .packagedDeal .includes .icons.car-hire { background-position: 0 -193px; } .packagedDeal .includes .icons.car-hire-hotel { background-position: 0 -225px; width: 63px; } .packagedDeal .includes .icons.hotel { background-position: 0 -257px; } .packagedDeal .includes .icons.hotel-rail { background-position: 0 -289px; width: 63px; } .packagedDeal .includes .icons.cruise { background-position: 0 -321px; } .packagedDeal .includes .icons.cruise-car-hire-hotel { background-position: 0 -354px; width: 95px; } .packagedDeal .includes .icons.cruise-airport-transfers { background-position: 0 -386px; width: 63px; } .packagedDeal .includes .icons.flight-cruise { background-position: 0 -418px; width: 63px; } .packagedDeal .includes .icons.flight-airport-transfers-hotel { background-position: 0 -450px; width: 95px; } .packagedDeal .includes .icons.flight-airport-transfers-cruise { background-position: 0 -482px; width: 95px; } .packagedDeal .includes .icons.flight-airport-transfers { background-position: 0 -514px; width: 63px; } .packagedDeal .includes .icons.airport-transfers { background-position: 0 -546px; } .packagedDeal .includes .icons.airport-transfers-hotel { background-position: 0 -578px; width: 63px; } .packagedDeal .includes .icons.airport-transfers-hotel-rail { background-position: 0 -611px; width: 95px; } .packagedDeal .includes .icons.flight-airport-transfers-hotel-cruise { background-position: 0 -644px; width: 127px; } .packagedDeal .includes .icons.cruise-hotel { background-position: 0 -677px; width: 63px; } .packagedDeal .includes .icons.cruise-hotel-airport-transfers { background-position: 0 -709px; width: 95px; } .packagedDeal .cost { text-align: right; vertical-align: middle; float: right; width: 100%; padding: 10px 0px; } .packagedDeal .cost .price { font-size: 30px; width: 100%; } .packagedDeal .currency { font-size: 15px; } .packagedDeal .currency:after { content: ' '; } .packagedDeal .showHideInfo { clear:both; float: none; border-bottom: 1px solid #ccc; margin: -20px -20px 0 -20px; } .packagedDeal .showHideInfo .showInfo { color: #00bce4; padding: 0px; display: inline-block; margin-bottom: 20px; width: 100%; } .packagedDeal .showHideInfo .showInfo { background: none; } .packagedDeal .glyphicon-menu-down { width: 25px; height: 25px; margin: 0 8px 0 20px; text-align: center; font-size:12px; color: #f9f9f9; line-height: 2; background: #00bce4; border-radius: 100%; } .packagedDeal .showInfo.selected .glyphicon-menu-down:before { content: "\e260"; } .packagedDeal .showInfo-body { padding-top:5px; } .packagedDeal .showInfo-body.displaydiv { background: #efefef; padding: 32px; overflow: hidden; box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.5); animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both; margin: 0px; } .packagedDeal .legal { width: 100%; float: right; padding: 10px 0px; color:#666; } .packagedDeal .legal p { margin-left:0; margin-right:0; line-height:14px; } .packagedDeal .details { float:left; width:48%; margin-right:10px;} .packagedDeal .details ul { list-style: disc; padding-left: 20px; } .packagedDeal .logo { clear:both; } .packagedDeal .call-back { padding-top:20px; margin-right:10px; float:right; } .packagedDeal .call-back .fa { margin-right:5px;} .packagedDeal .call-button { } .packagedDeal .action { clear:both; float: right; padding-top:20px; display: block; } .packagedDeal .content-btn-small, .packagedDeal .content-btn-tertiary-small { display: block; } .deal-expired-btn { margin: 20px 0; } @media only screen and (max-width: 480px) { .packagedDeal h2, .packagedDeal .deal-dates, .packagedDeal .dates, .packagedDeal .includes-cost-center, .packagedDeal .details, .packagedDeal .action { width: 100%; padding-top:10px; } .packagedDeal .call-back { position:relative; padding-top:10px; width:100%; margin-right:0; } .packagedDeal .includes-cost-center { text-align: center; display: inline-block; float: left; } .packagedDeal .includes-cost { width: auto; padding: 10px 0; float: none; } .packagedDeal .includes { width: auto; text-align: -webkit-center; margin-right: 20px; display: inline-block; float: none; vertical-align: middle; } .packagedDeal .includes .icons { float: none; } .packagedDeal .cost { width: auto; display: inline-block; float: none; text-align: left; } .packagedDeal .nights, .packagedDeal .from { display: inline-block; } } @media only screen and (max-width: 340px) { .packagedDeal .includes { margin-right: 0px; display: block; } .packagedDeal .cost { padding-bottom: 0px; } } /* campaign package deals ***************************************************************/ .campaignpackageddeals-term #deals { margin: 0 -10px; } .campaignpackageddeals-term .hol-package-block { width: 50%; padding: 0 10px; float: left; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1023px) { .campaignpackageddeals-term .col-sm-8.contentbar { margin-bottom: 20px; } } @media only screen and (max-width: 991px) { .campaignpackageddeals-term .hol-package-block { width: 100%; margin: 0px; } } /* ACCORDION - override jquery-ui.kulula.css ***************************************************************/ #accordion { background: #f9f9f9 none repeat scroll 0 0; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; height: auto; display: block; margin-bottom: 40px; } #accordion h3 { cursor:pointer; font-family:'Open Sans', sans-serif; border:0; background-image:none; background-color: #000000; border-radius:0; font-weight:normal; margin:0; font-weight:bold; padding:15px 0 15px 15px; border-top: 1px solid #333333; color: #00bce4; font-size:14px;} #accordion h3 .ui-icon { display:none; } #accordion .ui-accordion-header-active { background-color: #f9f9f9; color: #999999; outline:none; cursor:auto; } #accordion .body { font-family:'Open Sans', sans-serif; font-size:13px; background:none; border:0; overflow:hidden; padding:15px 0 0 0; margin:0 15px 15px 15px; border-top: 1px solid #E0E0E0; display:none; height:220px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #accordion .glyphicon-menu-down { width: 25px; height: 25px; margin: 0 8px 0 0; text-align: center; font-size: 0.8em; line-height: 1.9; border: 2px solid #00bce4; border-radius: 100%;} #accordion .ui-accordion-header-active .glyphicon-menu-down { border: 2px solid #999999; } /* check-in ------------------------------------------------------------- */ .check-in a.content-btn-small { background: #00bce4; color: #ffffff; border-color: #0092b3; display:block; } .check-in a.content-btn-small:hover { background: #00A7CA} .check-in > p { margin:0 0 10px 0; } /* Your flight ------------------------------------------------------------- */ .your-flight { clear:both; margin-bottom:20px; } .your-flight a { display:block; font-size:14px; text-decoration:none; margin-bottom:5px; } .your-flight .image { background:url("../Content/black/icons/your-flight-sprite.gif") no-repeat 0 0; width:50px; display:block; padding:0; margin:5px 15px 0 0; float:left; } .your-flight .flight-itinerary { background-position: 0 0; height:44px;} .your-flight .flight-status { background-position: 0 -47px; height:52px; } .your-flight .flight-schedule { background-position: 0 -101px; height:68px; } .your-flight .info { } /* flight itinerary ------------------------------------------------------------- */ #accordion .flight-itinerary { height: 230px; } #accordion .flight-itinerary label { font-weight:bold; display:block; padding: 0 0 4px 0; font-size:13px;} #accordion .flight-itinerary fieldset { margin:0; } #accordion .flight-itinerary .field { margin-bottom:10px; } #accordion .flight-itinerary input[type="submit"] { font-family:'Open Sans', sans-serif; background: #00bce4; border-color: #0092b3; width: 100%; display:block; height: 36px; padding: 6px 24px; float:left; margin:0; -webkit-transition: background-color .5s ease; transition: background-color .5s ease; font-size:16px; } #accordion .flight-itinerary input[type="submit"]:hover { background: #0092b3; } /* airline network ***************************************************************/ #network { display:block; border:1px solid #E5E5E5; background-color:#F8F8F8; padding:15px 15px; } #network p { margin:0 0 10px 0; } #network .head { font-size:16px; font-weight:bold; padding-left:35px; height:30px; line-height:30px; background-image:url("../Content/black/icons/net-ico.gif"); background-repeat:no-repeat; display:block; } #network .subh { font-size:13px; font-weight:bold;} #network ul { list-style:none; margin:10px 0 0 0; padding:0;} #network ul li { color:#8CC63F; margin-bottom:2px;} #network ul li a { text-decoration:none; } /* Hide Empty objects */ /************************************************************ */ article.homepage header, article.VitalityInternationalFlight header, article.VitalityDomesticFlight header, article.VitalityHotelCollection header, article.featured-banners header, article.content-banners header { display:none; } /**********************************************************************************************************/ /* MEDIA QUERY */ /***** Screen Bigger than 960px *****/ @media only screen and (min-width: 1100px) { .check-in p.mobi { display:none; } } /***** Tablet (Smaller than 959px) *****/ @media only screen and (max-width: 1100px) { .widget-FeaturedSocialMedia { display:none; } .check-in p.desktop { display:none; } } .clear { clear:both; } /* JQUERY UI - jquery-ui.kulula.css */ div.ui-dialog button.ui-dialog-titlebar-close:before { content: "\e014"; color:#FFFFFF; font-family: 'Glyphicons Halflings'; font-size:11px; display:block; line-height:11px; } div.ui-dialog button.ui-dialog-titlebar-close:hover, div.ui-dialog button.ui-dialog-titlebar-close:focus { background-color: #7DB137; background-image:none; } div.ui-dialog button.ui-button.ui-dialog-titlebar-close { background-color: #8bc63e; background-image:none; border-color: #71a130; border-width: 1px 1px 3px 1px; border-radius: 3px; border-style: solid; } div.ui-dialog button.ui-button.ui-dialog-titlebar-close:before { line-height:16px; } div.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-icon-closethick { background-image:none; } div.ui-dialog h1 { margin-top:0; margin-bottom:0; } div.ui-dialog .div-btn { margin:15px 0;} .ui-datepicker .ui-datepicker-title { color:#000000; font-family: FlamaSemibold,sans-serif; } .ui-datepicker, .ui-datepicker.ui-datepicker-multi, .ui-datepicker.ui-datepicker-multi .ui-widget-content { background:#EFEFEF none; } .ui-datepicker .ui-state-default { background:#FFFFFF none; color: #8bc63e; border:1px solid #FFFFFF; } /* DISCOVERY VITALITY - my benefits */ /**********************************************************************************************************/ #VitBenefits {} #VitBenefits h3 { margin:25px 0 0 0; padding-bottom:0; } #VitBenefits .def-table { margin: 5px 0; } #VitBenefits .def-table th { padding:10px; } #VitBenefits .def-table td { padding:4px 10px; } #VitBenefits .def-table th, #VitBenefits .def-table td { text-align:left; } #VitBenefits .DiscVit-stat { font-size:18px; font-weight:bold; text-align:right; width:300px; display:block; } #VitBenefits .DiscVit-stat span { color:#00BCE4; } #VitBenefits .DiscVit-beni { border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; padding:20px 18px;} #VitBenefits .prod { width:25%; text-align:center; float:left; padding:10px 0;} #VitBenefits .img { margin:0 auto 10px; background: url("../Content/grey/icons/discovery-vitality/sprite-benefits.gif") no-repeat left top; height:38px;} #VitBenefits .domFlights .img { width:30px; } #VitBenefits .intFlights .img { width:43px; background-position:-30px 0; } #VitBenefits .carHire .img { width:28px; background-position:-73px 0; } #VitBenefits .VitHotel .img { width:35px; background-position:-101px 0; } #VitBenefits .head { text-align:center; font-size:20px; margin-bottom:15px;} #VitBenefits .desc { text-align:center; font-size:12px; font-weight:bold; margin-bottom:5px; } #VitBenefits .sav { text-align:center; font-size:50px; } #VitBenefits .sav span { font-size:35px; line-height:50px;} #VitBenefits .btn { text-align:center; margin:10px 0;} #VitBenefits .border { border-right:1px dotted #E0E0E0;} #VitBenefits TABLE.def-table TH.hd3 { background-color:#000000;} /* Progress Bar ***************************************************************/ .widget-progress-bar-widget .progress-bar { background: url("../Content/grey/gen/gradient-back-progress.jpg") repeat-x scroll 0 0 transparent; border: 1px solid #EEEEEE; clear: left; display: block; height: 41px; margin-bottom: 20px; width:100%; float:none;} .widget-progress-bar-widget .progress-bar ol { margin: 0 0 0 10px; min-height: 41px; padding: 0; } .widget-progress-bar-widget .progress-bar li { display: inline-block; font-size: 12px; margin-bottom:0; padding-left:0; } .widget-progress-bar-widget .progress-bar li.stepPast { background: url("../Content/grey/gen/progress-icon.png") no-repeat scroll 0 7px transparent; } .widget-progress-bar-widget .progress-bar li.stepCurrent { background: url("../Content/grey/gen/progress-icon-current.png") no-repeat scroll 0 7px transparent; } .widget-progress-bar-widget .progress-bar li.stepFuture { background: url("../Content/grey/gen/progress-icon.png") no-repeat scroll 0 7px transparent; } .widget-progress-bar-widget .progress-bar a { display: inline-block; font-weight: bold; margin: 10px 12px 9px 30px; padding: 0; text-decoration: none; } .widget-progress-bar-widget .progress-bar li.stepCurrent a { color: #00BCE4; } .widget-progress-bar-widget .progress-bar li.stepFuture a { color: #666666; cursor: default; } .widget-progress-bar-widget .progress-bar span.order { display: none; } /* CALENDAR FLIGHT SEARCH ***************************************************************/ .menu-dates { border:solid 1px #F7F7F7 ;margin:2px; text-align:center; display:block; width:11.1%; height: 63px; float:left; } .menu-day span.menu-date-text { text-align:center; color: #8CC63F;background-color: #f7f7f7; font-size:11px; font-weight:bold;padding-top: 2px; display:block; height:18px; cursor:pointer;} .menu-price { text-align:center; color: #8CC63F; cursor:pointer;} .menu-price div { text-align:center; color: #8CC63F; font-weight:normal;font-size:12px;padding-top: 5px;margin-bottom: 5px;margin-top: 5px;cursor:pointer; } .CalCurrency { display: block; text-align: center; font-size: 10px; color: #666; } .menu-dates-active { margin:2px 2px -1px 2px; text-align:center; display:block; width:11.1%; height: 63px;color:#00BAE4; float:left;} .menu-price-active { text-align:center; color: #999999; height:100%; } .menu-price-active div { text-align:center; color: #00BAE4;font-weight:normal;font-size:12px;padding-top: 7px; border-left:solid 3px #00BAE4; border-right:solid 3px #00BAE4; height:33px; } div.menu-dates-active { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../../../media-sub/theme/b2c/images/beak-bottom.gif"); background-origin: padding-box; background-position: 50% 100%; background-repeat: no-repeat; background-size: auto auto; padding-bottom: 10px; margin-bottom:15px; } .menu-date-text-active { color: #ffffff;background-color: #00BAE4; text-align:center; font-size:11px; font-weight:bold;padding: 4px 2px 2px 2px; display:block; height:18px;} .menu-date-inactive { border:solid 1px #F7F7F7;margin:2px; text-align:center; display:block; width:11.1%; height: 63px; float:left; } .menu-day-inactive { text-align:center; color: #999999;font-size:11px; font-weight:bold;} .menu-price-inactive { text-align:center; color: #999999; } .menu-price-inactive div { text-align:center; color: #999999;font-weight:normal;font-size:12px;padding-top: 5px;margin-bottom: 5px;margin-top: 5px; width:100%; display:block;} .menu-date-text-inactive { background-color: #f7f7f7; text-align:center; font-size:11px; font-weight:bold;padding: 3px 2px 2px 1px; display:block; height:18px; } .dates-next, .dates-prev { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../../../media-sub/theme/b2c/images/button-sprite.png"); background-origin: padding-box; background-position: -88px -142px; background-repeat: no-repeat; background-size: auto auto; height: 74px !important; margin-right: 1px; position: relative; width: 46px !important; display:block; float:left; cursor: pointer; } .dates-next { background-position: -137px -142px; float: right !important; margin-right: 0; } /* Flight Results Table ***************************************************************/ .divContainer { vertical-align: middle; } h3.airports { font-weight: normal; height: 20px; } .AirpToFrom { width: 100px; display: inline-block; float: left; } table.tblFlight { border-collapse: collapse; width: 100%; margin-top: 0; } table.tblFlight th, table.tblFlight td { text-align: center; vertical-align: middle; } table.tblFlight th { background-color: #000000; border: 1px solid #000000; color: #FFFFFF; padding: 8px 5px; } table.tblFlight th.hPrice { padding: 5px 6px; } table.tblFlight td { border: 1px solid #EEE; padding: 3px 5px 3px 6px; } table.tblFlight input { display: block; margin: 2px auto; } .hPrice { width: 94px; padding: 5px 6px; } tr.frt-row td { padding-top: 6px; padding-bottom: 6px} td.ftr-col-rs { background-color: #f7f7f7; } td.ftr-col-sf { } td.ftr-col-fl { } td.ftr-col-bs { } .frt-time { color: #666; font-size: 14px; font-weight: bold; text-align: center } .ftr-sector-grp { padding: 0 0 6px 0} .ftr-sector-wrap { padding: 10px 0;} .frt-airport-code { font-size: 10px; text-align: center} .frt-duration { font-size: 10px;} .frt-duration-total { font-size: 10px; font-weight: bold} .frt-unavailable, .frt-invalid, .frt-sold-out { font-size: 10px; color: #cccccc;} .seats-rem { font-size: 9px; color: #666; font-weight: normal; } .flCarrier { width: 105px; } .pricefrom { color: #999999; font-size: 12px; } .flPrice { color: #00BCE4; font-weight: bold; font-size: 14px; } .branded-fares { text-align: center} #imgLoader { margin-top: 10px; } .tblFlight .flight-info { text-align: left;} .filter-options { border-bottom: 1px solid #ffffff; padding-top: 8px; background-color: #EEEEEE; margin-top: 15px; padding: 8px 10px 0px 10px; } .non-stop-input { margin: 10px 0 0 0; width: 20px} #infoDisplay { border: 1px solid #CCC; padding-right: 8px; } #flightDisplay { border: 1px solid #CCC; padding: 8px;} .close { background: url("../Content/grey/gen/button-sprite.png") no-repeat scroll -262px -142px transparent; float: right; height: 21px; width: 24px; cursor: pointer; margin: 8px 5px 0px 5px} #flightinfo a { cursor: pointer} .multi-city-description { font-weight: normal; font-size: 14px; color:#999999 } .multi-city-departure,.multi-city-arrival { font-weight: bold; color: #72CBCB; font-size: 14px;} /* Sidebar ***************************************************************/ .sidebar-block { } .widget-category-help-widget, .widget-CategoryHelpWidget { margin-bottom: 20px; } .contactno { padding-top: 10px; } .contactno h4 { margin: 6px 0 0; padding: 0; } /* Flight Rules popup ***************************************************************/ .flrules_route_selected { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; border-color: #EEEEEE #EEEEEE #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-style: solid; border-width: 1px; display: inline-block; float: left; color: #8CC63F; font-size: 14px; font-weight: normal; padding: 10px; text-decoration: none; position: relative; top: 1px; cursor: pointer; } .flrules_route { background: url("../Content/grey/gen/green-gradient.jpg") repeat-x scroll 0 0 #8CC63F; border-left: 1px solid #8CC63F; border-right: 1px solid #8CC63F; border-top: 1px solid #8CC63F; display: inline-block; float: left; margin: 0 4px 0 0; padding: 0; position: relative; top: 1px; color: #FFFFFF; font-size: 14px; font-weight: normal; height: auto; margin: 0; padding: 10px; text-decoration: none; position: relative; top: 1px; cursor: pointer; } .flrules_block { background-color: #FFFFFF; border: 1px solid #EEEEEE; clear: left; height: 300px; margin: 0; padding: 15px; font-size: 12px; } .frules_text { padding: 0 0 10px 15px; } /* Basket ***************************************************************/ .BdivContainer { border:1px solid #EEEEEE; text-align:left; padding: 15px; } .BdivHead { color: #999999; font-size: 17px; font-weight: bold; margin: 0; padding: 0 0 8px; border-bottom: 1px solid #E0E0E0; } .BdivHead a#showModifySearch { font-weight: normal; float: right; } .BdivContentHead { background-color:#e2ebef; padding:5px; } .BdivContent { } .widget-basket-widget, .widget-BasketWidget { background: url("../Content/grey/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; } #baskTrip { padding-top: 10px; font-weight: bold; } #tbodyBaskFlights { margin-bottom: 10px; display: block; border-collapse: collapse; } #tbodyBaskFlights th { font-weight: bold; } #tbodyBaskFlights td { text-align: left; } .tblSector { } .BaskClass { text-transform: lowercase; font-weight: bold; padding-bottom: 5px; } .BaskFlNumber { padding-bottom: 10px; } .BaskDepAirport { padding-bottom: 5px; } .BaskDepDate { padding-bottom: 10px; } .BaskArrAirport { padding-bottom: 5px; } .BaskArrDate {} #baskPassengers { padding: 10px 0; font-size: 16px; color: #72CBCB; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; margin-top: 10px; } #baskPassengerDetail, #baskTaxDetail, #baskContributionDetail, #baskExtraDetail { font-weight: normal; text-align: right; padding-bottom: 4px; font-size: 10px; } .baskPassNames { color: #666666; font-size: 12px; padding: 5px 0 0; } #baskFareSummary { margin-top: 4px; } #baskFareSummary td { text-align: left; font-weight: bold; padding-bottom: 4px; } #baskFareSummary .price { color: #00BCE4; text-align: right; font-weight: bold; font-size: 12px; } #baskFareSummaryTitle.baskHead { margin-top: 10px; } .baskExpPassenger { float: left; padding-left: 5px; width: auto; display: inline-block; max-width: 150px; clear: both; text-transform: lowercase; } .baskExpPrice { float: right; color: #00BCE4; width: auto; text-align: right; display: inline-block; } #baskTotalAmount.BdivHead { border-top: 1px dotted #4CD0EC; color: #00BCE4; font-size: 20px; margin: 3px 0 ; padding: 9px 0 0; border-bottom: none; font-weight: bold; display: inline-block; width: 100%; } .baskTotalLabel { float: left; } .baskTotalPrice { float: right; } .baskHead { font-size: 16px; font-weight: bold; color: #72CBCB; padding: 0 0 5px; display: inline-block; } .flBorder { width: 100%; border-bottom: 1px solid #E0E0E0; margin: 5px 0; display: inline-block; } .widget-basket-widget #baskFareRules, .widget-BasketWidget { text-align: right; } div#baskFareSummary .vit-info { margin-left: 4px; } /* Traveller Details ***************************************************************/ table.traveller_table { border-collapse: collapse; width: 100%; margin-bottom: 25px; } table.traveller_table th, table.traveller_table td { vertical-align: middle; } table.traveller_table th { background-color: #000000; border: 1px solid #000000; color: #FFFFFF; padding: 3px; width: 50%; } table.traveller_table td { border: 1px solid #EEE; padding: 4px; } table.traveller_table label { display: block; text-align: center; } table.traveller_table input { display: block; margin: 2px auto; } table.tbl_border { border:1px solid #EEEEEE; padding: 5px; display: block; height: auto; } #travellerdetail.traveller_table th { background-color: transparent; border: none; color: #666; font-weight: bold; padding: 10px; } #travellerdetail.traveller_table td { border: none; padding: 10px; } table.traveller_table td.travNum label { width: 0; padding: 0; font-weight: bold; width: 5px; } table.traveller_table td.firstname { width: 140px; } table.traveller_table td.lastname { width: 140px; } table.traveller_table td.agegroup { width: 80px; } table.traveller_table td.dob { width: 100px; } div.contact_table { border:1px solid #EEEEEE; padding: 15px; display: inline-block; height: auto; min-width: 100%; } div.contact_table label { font-weight: bold; width: 100px; display: inline-block; } div.contact_phone { display: block; width: 50%; float: left; } div.contact_phone label { font-weight: bold; width: 90px; display: inline-block; } select#PhoneCodeDropDown { margin-bottom: 10px; } div.contact_email { display: block; width: 50%; float: left; } .instruct_text { font-size: 12px; margin: 6px 0; color: #666; font-weight: normal; } .instruct_text_sm { font-size: 11px; display: block; margin: 10px 0 15px; } .vit_contr { color: #00BCE4; font-weight: bold; font-size: 14px; } #freq-fly select { height: 23px; } #freq-fly input { display: inline; height: auto; margin: 0 0 0 5px; } #trav-ba-exec { } #trav-ba-exec input { float: left; } .ba-exec-label { text-align: left; font-weight: bold; padding: 5px 20px 5px 0; } .ba-exec-fields { padding-bottom: 10px; height: 25px; } .vit-info { display: inline-block; height: 16px; } /* Ancillary Products ***************************************************************/ #ancillary-name { margin-bottom: 10px; } #ancillary-name h4 { float: left; width: 350px; margin-top: 0; } .ancillary-content { border:1px solid #EEEEEE; padding: 15px 15px 0; display: inline-block; height: auto; margin-bottom: 15px; overflow: hidden; } .ancillary-image { float: left; margin-right: 15px; } #ancillary-descr { width: 483px; float: left; } #ancillary-descr p { margin-left: 0; margin-top: 0; width: 350px; float: left; } #ancillary-price { float: left; margin-left: 32px; } #anclist input { margin-left: 10px; } .ancillary-details { border:1px solid #EEEEEE; padding: 15px; display: block; height: auto; margin-bottom: 15px; overflow: hidden; } .ancillary-route { border: 1px solid #EAEAEA; display: block; font-weight: bold; padding: 4px 0 3px 10px; vertical-align: middle; margin: 15px 0 5px 0; } img.anc-airline { float: left; padding-right: 10px; } input#chkSelectAll, input#chkItem { margin: 8px 0 0; } #checkboxes label { font-weight: bold; padding-left: 5px; } #checkboxes div.price { float: right; } #checkboxes span.anc-total-text { float: right; margin-right: 10px; } input#btnClose { font-size: 12px; background: none; color: #8CC63F; border: none; text-decoration: underline; padding: 0; margin: 0; text-align: right; float: right; } #paxItem label { padding-left: 2px; padding-right: 10px; } .ancillary-total { float: right; margin-top: 10px; } .anc-total-text { font-size: 16px; font-weight: bold; } #selectedList { padding: 5px 0 0 15px; } #selectedList .price { color: #00BCE4; font-weight: bold; font-size: 12px; } #anc-message label { color: #EAB543; } .ancillary-details #checkboxes #divCurrency.currency { float: right; line-height: 22px; } /* Seatmap ***************************************************************/ .seatmap-header-links { width: 100%; float: right; text-align: right; padding-right: 4px; } .seatmap-header-links a { float: left; } .seatmap-header-links input.primaryAction { float: right; width: 210px; } .seatmap-header-links .content-btn-small a, .seatmap-header-links .content-btn-small:visited a { background-color: #8CC63F; border: 0 none; cursor: pointer; font-size: 14px; font-weight: normal; text-decoration: none; letter-spacing: 0; margin: 0 0 0 10px; padding: 8px 15px; vertical-align: middle; color: #ffffff; border-radius: 5px; float: right; } .seatmap-header-links .content-btn-small:hover a { background: #7DB137; color: #FFFFFF; text-decoration: none; } .seatmap-footer-links { width: 100%; float: right; margin: 30px 0 20px; text-align: right; } .seatmap-footer-links a { float: left; } .seatmap-footer-links input.primaryAction { float: right; width: 210px; } .seatmap-head { float: left; } .seatmap-details-left { display:inline-block; width: 290px; float: left; } .seatmap-details-left .BdivHead { margin: 0 12px 10px 0; } .seatmap-right { display:inline-block; width: 320px; float: right; padding: 0; } .seat-selection-key { height: 28px; padding-top: 2px; } .seat-key-default { display:inline-block; height: 29px; width: 29px; float: left; margin: 0 10px 0 0; position: relative; top: -7px; cursor: default; } .seat-selection-key .seat-key-default { margin: 0 10px 0 0; } .seat-unavail, .seat-exit { height: 29px; width: 29px; margin: 3px; background-image: url(../Content/grey/seatmap/seat-unavailable.gif); background-position: center; background-repeat: no-repeat; text-align:center; } .seat-premium { height: 29px; width: 29px; margin: 3px; background-image: url(../Content/grey/seatmap/seat-available-premium.gif); background-position: center; background-repeat: no-repeat; color:White; text-align:center; cursor: pointer; } .seat-pax-selected { background-image: url(../Content/grey/seatmap/seat-selected-traveller.gif); background-position: center; background-repeat: no-repeat; color:#fff; font-weight: bold; text-align:center; vertical-align:bottom; display:inline-block; height: 28px; width: 33px; padding-top: 5px; cursor: pointer; } .seat-avail { height: 29px; width: 29px; margin: 3px; background-image: url(../Content/grey/seatmap/seat-available.gif); background-position: center; background-repeat: no-repeat; color:White; text-align:center; cursor: pointer; } .seat-row-exit-left { background: url("../Content/grey/seatmap/seat-map-lt-row-exit.gif") repeat-y scroll left top white; text-align:center; } .seat-row-exit-right { background: url("../Content/grey/seatmap/seat-map-rg-row-exit.gif") repeat-y scroll 2px top white; text-align:center; } .seat-row-exit-wing-left, .seat-row-exit-wing-right { background: url("../Content/grey/seatmap/seat-map-row-exit-label.gif") no-repeat center white; text-align:center; } .seat-row-wing { background-color:#fff; text-align:center; } .seat-row-wing-start-left { background: url("../Content/grey/seatmap/seat-map-plain-lt-wing-begin.png") no-repeat scroll -4px top white; text-align:center; } .seat-row-wing-start-right { background: url("../Content/grey/seatmap/seat-map-plain-rg-wing-begin.png") no-repeat scroll 8px top white; text-align:center; } .seat-row-wing-end-left { background: url("../Content/grey/seatmap/seat-map-plain-lt-wing-end.png") no-repeat scroll -4px bottom white; text-align:center; } .seat-row-wing-end-right { background: url("../Content/grey/seatmap/seat-map-plain-rg-wing-end.png") no-repeat scroll 8px bottom white; text-align:center; } .seat-row-blank-left { background: url("../Content/grey/seatmap/seat-map-plain-lt-side.png") repeat-y scroll 12px top white; text-align:center; } .seat-row-blank-right { background: url("../Content/grey/seatmap/seat-map-plain-rg-side.png") repeat-y scroll 8px top white; text-align:center; } .seat-col { padding: 13px 0; text-align:center; font-weight: bold; } .seat-aisle { width:29px; height:21px; padding-top: 8px; background-color:#fff; text-align:center; font-weight: bold; } .seat-header { width:29px; height:29px; background-color:white; text-align:center; } .seat-cabinfacility { width:29px; height:29px; background-color:white; text-align:left; font-size:8px; } .seat-paxInfo-default { margin: 1px 0; padding-right: 11px; border-top: 1px solid #EEEEEE; font-weight: bold; cursor: pointer; height: 33px; font-size: 11px; } .seat-paxInfo-infant { margin: 1px 0; padding-right: 11px; border-top: 1px solid #EEEEEE; font-weight: bold; cursor: pointer; height: 33px; color: #999999; font-size: 11px; } .seatinfant { line-height: 33px; float: left; margin: 0 10px; font-weight: normal; font-style: italic; } .seat-paxInfo-selected { background: url("../Content/grey/seatmap/seat-map-boxnavi-selected.png") no-repeat scroll right center #72CBCB; color: #FFFFFF; margin: 1px 0; padding-right: 11px; border-top: 1px solid #EEEEEE; font-weight: bold; height: 33px; } .seat-paxInfo-selected #payableamount, .seat-paxInfo-selected #payablecurrency { color: #FFFFFF; } .seat-paxInfo-selected-tick { background: url("../Content/grey/seatmap/seat-map-icon-checked.png") no-repeat scroll right center transparent; width:17px; height:16px; display: inline-block; margin-left: 7px; padding-top: 12px; } #paxList { margin-bottom: 25px; width: 308px; } .seat-pax-indicator { width: 18px; height: 18px; line-height: 18px; background-color: #CCC; color: #FFF; font-weight: bold; text-align: center; margin: 0 6px; float: left; margin-top: 6px; } .seat-pax-ind-selected { width: 18px; height: 18px; line-height: 18px; background-color: #00BCE4; color: #FFF; font-weight: bold; text-align: center; margin: 0 6px; float: left; margin-top: 6px; } .paxName { width: 110px; text-overflow: ellipsis; display: inline-block; line-height: 33px; overflow: hidden; white-space: nowrap; margin-right: 6px; float: left; } #seatnumber, #payableamount, #payablecurrency { line-height: 33px; float: left; } #seatnumber { margin: 0 10px; } #payablecurrency { margin: 0 10px 0 5px; } #payableamount, #payablecurrency { color: #00BCE4; } .deleteSeat { display:inline-block; color: #999; background: url("../Content/grey/seatmap/seat-map-icon-cancel.png") no-repeat scroll center center transparent; height: 18px; width: 10px; float: left; padding-top: 13px; } #openPaxList { background: url("../Content/grey/login/maximize.jpg") no-repeat scroll left top transparent; width: 21px; height: 19px; cursor: pointer; } .flight-carrier, .flight-details { cursor: pointer; } .flight-details { font-size: 12px; margin-bottom: 10px; color: #8CC63F; } table.seat-map-planemap { border-collapse: collapse; margin: 0 auto 10px 12px; *margin: 0 auto 10px 5px; clear: both; } table.seat-map-planemap td { width: 33px !important; height: 33px; display: inline-block; float: left; } table.seat-map-planemap td span { display: inline-block; height: 29px; margin: 3px; } .no-seatmap { background: url("../Content/grey/seatmap/no-seatmap-bg.gif") no-repeat scroll center top transparent; text-align: center; font-weight: bold; width: 289px; height: 317px; width: 100%; padding-top: 270px; margin-top: 20px; } .no-seatmap span { padding: 0 55px; display: block; text-align: center; } .no-seatmap input { float: none; } #prev-next-flight-btns { text-align: center; display: inline-block; } #prev-next-flight-btns a.content-btn-small-grey { background-color: #DDD; border: 1px solid #DADADA; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: default; font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 4px 15px; text-align: center; text-decoration: none; text-transform: lowercase; width: 220px; display: block; } #prev-next-flight-btns a.content-btn-small { border-radius: 5px 5px 5px 5px; color: #FFFFFF; font-size: 16px; font-weight: normal; margin-bottom: 10px; padding: 4px 15px; text-align: center; text-decoration: none; text-transform: lowercase; width: 220px; display: block; } #divIsPaid { font-weight: normal;font-size: 11px;padding-top: 4px; } .seatmap-details-left h4 { color: #999999; font-size: 14px; } .seatmap-details-left h4.border { border-color: #999999; } .flight-list-details-grey { background-color: #f9f9f9; padding: 15px 0 15px 10px; margin-bottom: 20px; width: 300px; } .flight-list-details-grey .seat-paxInfo-selected { background: url("../Content/grey/seatmap/seat-map-boxnavi-selected-greybg.png") no-repeat scroll right center #72CBCB; } .flight-list-details-grey #paxList { margin-bottom: 25px; width: 298px; } .flight-list-details-grey #payablecurrency { margin: 0 5px; } .flight-list-details-grey #seatnumber { width: 20px; } .flight-list-details-grey #payableamount { width: 33px; } /* enhanced seating styles */ .seat-green, .seat-darkgreen, .seat-darkblue, .seat-purple, .seat-gold { height: 29px; width: 29px; margin: 3px; color:White; text-align:center; cursor: pointer; } .seat-green { background-image: url(../Content/grey/seatmap/seat-available-std-back.gif); background-position: center; background-repeat: no-repeat; } .seat-darkgreen { background-image: url(../Content/grey/seatmap/seat-available-std-front.gif); background-position: center; background-repeat: no-repeat; } .seat-purple { background-image: url(../Content/grey/seatmap/seat-available-stretchzone.gif); background-position: center; background-repeat: no-repeat; } .seat-darkblue { background-image: url(../Content/grey/seatmap/seat-available-exitrow.gif); background-position: center; background-repeat: no-repeat; } .seat-gold { background-image: url(../Content/grey/seatmap/seat-available-frontrow.gif); background-position: center; background-repeat: no-repeat; } .seat-selection-key .price { font-size: 12px; display: inline; } .seat-selection-key .currency { display: inline-block; padding-top: 2px; } /** seats info table **/ .seats-info-table { width: auto; height: inherit; display: inline-block; border: 1px solid #e6e6e6; background-color: #ffffff; } .seats-info-table .col-1-4 { width: 156px; float: left; } .seats-info-table .h-std-back, .seats-info-table .h-std-front, .seats-info-table .h-stretchzone, .seats-info-table .h-exitrow, .seats-info-table .h-frontrow { font-size: 16px; font-weight: bold; padding: 13px 10px; color: #fff; } .seats-info-table .h-std-back { background-color: #8CC63F; } .seats-info-table .h-std-front { background-color: #58872E; } .seats-info-table .h-stretchzone { background-color: #46008C; background-image: url('../Content/grey/seatmap/img-seats-info-stretchzone-icon.png'); background-repeat: no-repeat; background-position: 125px center; } .seats-info-table .h-exitrow { background-color: #0059B2; background-image: url('../Content/grey/seatmap/img-seats-info-exitrow-icon.png'); background-repeat: no-repeat; background-position: 125px center; } .seats-info-table .h-frontrow { background-color: #BAA267; background-image: url('../Content/grey/seatmap/img-seats-info-frontrow-icon.png'); background-repeat: no-repeat; background-position: 125px center; } .seats-info-table .col-1-4-content { padding: 10px; border-right: 1px solid #e6e6e6; height: 174px; font-size: 11.5px; } .seats-info-table .col-1-4-content-h1-2 { padding: 10px; border-right: 1px solid #e6e6e6; height: 55px; font-size: 11.5px; } .seats-info-table .col-1-4-content.last { border: none; } .seats-info-table .seats-info-price { font-size: 18px; color: #00BCE4; font-weight: bold; margin-bottom: 5px; } .seats-info-table ul { margin-top: 0; padding: 0 0 0 16px; font-size: 11.5px; } .seats-info-table ul li { padding-bottom: 8px; } div.def-table.seats-info-dx div.clm > div { padding: 11px 4px; } div.def-table.seats-info-dx div.hd { height: 46px; } .seats-info-dx { border: 1px solid #e6e6e6; } .seats-info-dx .hd { font-family: FlamaSemibold,sans-serif; font-size: 17px; } .seats-info-dx .hd > span { top: -2px; position: relative; } .seats-info-dx .price { font-size: 25px; } .seats-info-dx .stretch-zone .hd:after { content:url('../Content/grey/seatmap/img-seats-info-stretchzone-icon.png'); } .seats-info-dx .exit-row .hd:after { content:url('../Content/grey/seatmap/img-seats-info-exitrow-icon.png'); } .seats-info-dx .front-row .hd:after { content:url('../Content/grey/seatmap/img-seats-info-frontrow-icon.png'); } @media only screen and (max-width: 768px) { div.def-table.seats-info-dx div.clm > div.seats-mq, div.def-table.seats-info-dx div.clm > ul.seats-mq { width: 50%; display: inline-block; vertical-align: middle; } } @media only screen and (max-width: 420px) { div.def-table.seats-info-dx div.clm > div.seats-mq { width: 100%; } div.def-table.seats-info-dx div.clm > ul.seats-mq { width: auto; } div.def-table.seats-info-dx div.clm.col-3 { text-align: center; } #pre-paid-seats a.content-btn, #pre-paid-seats a.content-btn:visited { display: block; } } /* Payment Page ***************************************************************/ /*hide tabs until it's all loaded properly*/ div.paymentblock { display: block; height: inherit; background: none; padding: 15px; border: 1px solid #EEEEEE; border-radius: 0 0 0 0; margin: 0; min-width: 596px;} div.paymentblock input { margin: 0 5px 10px 0; } div.paymentblock input.primaryAction { float: left; } div.paymentblock label { font-weight: bold; } div.paymentblock h4 { margin-top: 15px; } .creditcards { margin-top: 15px; display: inline-block; } .credit-card-item { width: 100px; float: left; margin-right: 5px; padding: 0; border: none; } .credit-card-item input { display: inline; float: left; margin-right: 10px; } #CreditCardDetail { clear: both; display: inline-block; width: 100%; margin-top: 20px; } #CreditCardDetail h4 { border-bottom: 1px solid #EEEEEE; clear: left; margin: 15px 0; padding-bottom: 5px; } #CreditCardDetail label { display: block; float: left; margin-right: 5px; padding-right: 10px; text-align: left; width: 100px; font-weight: bold; } #CreditCardDetail select { margin-bottom: 10px; } #CreditCardDetail h4.amount-charged { padding: 10px 0 0 0; margin: 0; font-size: 16px; border-top: 1px solid #EEEEEE; border-bottom: none; } .payment-amount-left { color: #666666; } .payment-amount-right { color: #00BCE4; } .baskTotalCurrency { color: #666; font-size: 14px; font-weight: normal; } .tb_login { clear: both; margin-top: 12px; } .tb_login label { font-weight: bold; padding: 3px 0; display: block; } .tb_login_btn { height: 38px; } #divTBCardDetail { margin-top: 10px; } #payment-tabs { display: none; } #payment-tabs div { } #payment-footer { display: none; padding: 5px; text-align:right; } #payment-error { display: none; } #milesTable th, #milesTable td { width: 110px; margin-right: 15px; display: inline-block; text-align: left; } #milesTable th { width: 107px; } #milesTable td { vertical-align: middle; } #milesInfoList input { width: 90px; margin-top: 10px; } #milesInfoList .miles-total { color: #00BCE4; font-size: 14px; font-weight: bold; margin-right: 0; width: auto; } #eBucksTable th, #eBucksTable td { width: 110px; margin-right: 15px; display: inline-block; text-align: left; } #eBucksTable th { width: 107px; } #eBucksTable td { vertical-align: middle; } #eBucksInfoList input { width: 90px; margin-top: 10px; } #eBucksInfoList .miles-total { color: #00BCE4; font-size: 14px; font-weight: bold; margin-right: 0; width: 90px; } #eBucksMessage { color: #EAB543; font-weight: bold; margin-bottom: 5px; display: block; } .total-warning, .total-message { color: #EAB543; font-size: 12px; font-weight: bold; } .confirm_terms { font-weight: bold; } div.confirm_terms input#chkAccept { margin: 0; padding: 0; } #payment-footer .primaryAction { width: 200px; } .payment-processing { float: right; padding-top: 11px; padding-left: 5px; color: #999; } /* Confirmation page ***************************************************************/ div.itinerary_confirmation { display: inline-block; background: none; padding: 15px; border: 1px solid #EEEEEE; border-radius: 0 0 0 0; margin: 0; width: 96%; background: url("http://www.kulula.com/Themes/kulula-responsive/Content/bskt/gradient-back.jpg") repeat-x scroll 0 0 transparent; margin-bottom: 20px; } div.itinerary_confirmation .itinerary_confirmation_part { display: inline-block; width: 100%; } div.itinerary_confirmation .flight-summary-1 { padding-bottom: 10px; } div.itinerary_confirmation .flight-summary-2 { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; padding: 10px 0; } div.itinerary_confirmation .flight-summary-3 { margin-bottom: 15px; border-bottom: 4px double #EEEEEE; padding-bottom: 10px; } div.itinerary_confirmation .flight-particulars { padding-top: 10px; } div.itinerary_confirmation .flight-particulars { padding-left: 140px; width: 220px; float: left; } div.itinerary_confirmation .flight-particulars span { font-size: 12px; font-weight: normal; } div.itinerary_confirmation .flight-passengers { float: left; margin-right: 14px; margin-top: 10px; } div.itinerary_confirmation input { margin: 0 5px 10px 0; } div.itinerary_confirmation label { font-weight: bold; } div.itinerary_confirmation .view-itinerary-code { display: inline; float: left; margin: 0; padding: 0; width: 200px; } div.itinerary_confirmation .view-itinerary-code span { font-size: 20px; line-height: 20px; } div.itinerary_confirmation .trip-summary { width: 220px; float: left; } div.itinerary_confirmation .flight-summary { width: 200px; float: left; } div.itinerary_confirmation .flight-summary span { font-size: 16px; font-weight: bold; line-height: 20px; } div.itinerary_confirmation .trip-dates { float: left; width: 220px; } div.itinerary_confirmation .trip-extras { width: 200px; } div.itinerary_confirmation .trip-extras-hd { width: 200px; font-weight: bold; } div.itinerary_confirmation .trip-extras-qty { text-align: right; } div.itinerary_confirmation .trip-extras-qty-hd { font-weight: bold; } div.itinerary_confirmation .trip-travellers h4 { margin-top: 0; } div.itinerary_confirmation .trip-summary span, div.itinerary_confirmation .trip-dates span { font-size: 16px; font-weight: bold; line-height: 20px; } div.itinerary_confirmation h3 a, div.itinerary_confirmation h3 a:hover, div.itinerary_confirmation h3 a:visited, div.itinerary_confirmation h3 a:focus { font-size: 12px; text-decoration: underline; } div.itinerary_confirmation .details-content { border-bottom: 1px solid #EEEEEE; margin: 0; padding: 0 0 10px; } div.itinerary_confirmation .details { padding-left: 5px; width: 130px; } div.itinerary_confirmation .trip-summary .currency { line-height: 12px; color: #666; font-weight: normal; font-size: 10px; } .confirmation_payment_total { font-size: 22px; color: #00BCE4; font-weight: bold; } #flights_confirmation table.tblFlight td { padding: 4px; } /* Avios Funds Transfer ***************************************************************/ div.def-table.clms-box.travelbank div.clm > div.hd, div.def-table.clms-box.travelbank div.clm > div.cnt1 { padding:8px 0; } div.def-table.clms-box.travelbank div.clm > div.hd .clm.col-6, div.def-table.clms-box.travelbank div.clm > div.cnt1 .clm.col-6 { padding-left:15px; } .def-table.clms-box.avios div.clm > div { text-align:left; padding:8px 15px; } .def-table.clms-box.avios #Balance, .def-table.clms-box.avios #Balance, .def-table.clms-box.avios #Name { font-size: 20px; } #aviosRandValue { font-size: 25px; vertical-align: middle; } #divTransfer div.confirm_terms { } #divTransfer div.confirm_terms input { } #divAviosDetail h2 { background-image: url('../../../Media/Default/info/flights/Avios/avios_32x32.gif'); background-repeat: no-repeat; padding-left: 40px; } /* AVIOS RETRO CLAIM */ /**********************************************************************************************************/ #avios-claim #flight-progressBar { margin: 25px 0 5px; } .fl-summary-icon { background-image: url(../Content/black/gen/fl-summary-icon.png); background-repeat:no-repeat; background-position:0 4px; padding: 0 0 0 36px;} /* PROMOTION MANAGER */ /**********************************************************************************************************/ .promo {margin:20px 0; } .promo .head {border-bottom:1px solid #E0E0E0; margin:0 0 10px 0; height:auto; padding-bottom: 5px;} .promo .pax {margin-top:5px;} .promo h2 {display:block; line-height:20px; margin:0; padding:0; } .promo .head span { font-size: 20px; font-weight: normal; display:inline-block; float:right; vertical-align:middle; height:20px; background-image:url("../Content/black/icons/includes-icons-sprite-sml-black.png"); background-repeat:no-repeat;} .promo .head span.HFV { background-position:0 -42px; width:63px;} .promo .head span.HF { background-position:0 -63px; width:42px;} .promo .head span.VF { background-position:0 -21px; width:42px; } .promo .head span.H { background-position:0 -169px; width:21px;} .promo .head span.V { background-position:0 -80px; width:21px;} .promo a { font-size: 14px; text-decoration:none; } .promo .cost { font-size: 14px; line-height:18px; float:right; margin-top:0px; margin-bottom:10px; text-align:right;} .promo .cost .currency {font-size:12px; color:#000000;} .promo .cost .amount {font-size:20px; color:#000000;} .promo .cost .date {font-size:12px;} /* multiple destination list & multiple property list */ .promo .mdl .dest, .promo .mpl .dest { float:left; margin-bottom:10px; width:65%; clear:both; } /* single property list */ .promo .spl .dest {float:left;} .promo .spl .dest h3 {font-size:20px; padding: 0; margin: 0 0 5px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .promo .spl .dest h4 {font-size:18px; padding: 0; margin:0 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .promo .spl .prop { font-size:16px; } .promo .spl .desc { margin:10px 0 10px 0; } .promo .spl .pic .image {display: block; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .promo .spl .cost { float:left; margin:2px 10px 0 0; line-height:14px; display:inline-block; text-align:left;} .promo .spl .content-btn-small { display:inline-block; float:right; font-weight:normal; } /*col-sm-4*/ .col-sm-4 .promo h2 span{display:none;} .col-sm-4 .promo .mdl .dest, .col-sm-4 .promo .mpl .dest {width:55%;} .col-sm-4 .promo .mdl .dest .mdl-origin {display:block;} /*col-sm-6*/ .col-sm-6 .promo .spl .pic {float:left; width:100%;} .col-sm-6 .promo .spl .pic .image {height: 150px;} .col-sm-6 .promo .spl .dest {width:100%;} /*col-sm-12*/ .col-sm-12 .promo .spl .pic {float:right; width:45%;} .col-sm-12 .promo .spl .pic .image {height: 250px;} .col-sm-12 .promo .spl .dest {width:50%;} /*Sidebar - Property page*/ .sidebar .col-sm-12 .promo .spl .pic {float:left; width:100%;} .sidebar .col-sm-12 .promo .spl .pic .image {height: 150px;} .sidebar .col-sm-12 .promo .spl .dest {width:100%;} /*widget*/ .widget-promotion-manager-widget { float:left; } .widget-content.widget-promotion-manager-widget {width:50%;} .widget-after-content.widget-promotion-manager-widget {width:auto;} .widget-aside-second.widget-promotion-manager-widget {width:100%;} .widget-aside-second.widget-promotion-manager-widget:nth-of-type(1){margin-top:65px;} /*aside second*/ #aside-second .promo .spl .pic .image{height:150px;} #aside-second .promo .spl .dest {float:none;} /*after content*/ #after-content .widget-promotion-manager-widget {margin:0 10px;} #after-content .promo .mdl, #after-content .promo .mpl {width: 355px;} #after-content .promo .spl {width: 100%;} #after-content .promo .spl .dest {width:50%;} #after-content .promo .spl .pic {width:45%; float:right;} #after-content .promo .spl .pic .image{ height:250px;} /**** Screen size bigger than 1024px*****/ @media only screen and (min-width: 1024px) { .col-sm-4 .promo h2 {font-size:16px; display: block; padding: 0; margin:0 0 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .sidebar .col-sm-12 .promo h2 span{display:inline-block;} } /***** Screen size between 1022px and 1200px *****/ @media only screen and (min-width: 1022px) and (max-width:1200px) { .promo .mdl-origin{display:block;} .promo .mdl .dest, .promo .mpl .dest {width:55%;} .col-sm-4 .promo .mdl .dest, .col-sm-4 .promo .mpl .dest {width:100%; margin-bottom:0px;} .col-sm-4 .promo .mdl .cost, .col-sm-4 .promo .mpl .cost {float:left;} #after-content .promo .mdl, #after-content .promo .mpl {width: 285px;} } /***** Screen smaller than 768px *****/ @media only screen and (max-width: 768px) { .promo h2 {font-size:16px;} .promo h2 span {margin-top:0px;} .widget-content.widget-promotion-manager-widget {width:100%;} .widget-after-content.widget-promotion-manager-widget { width: 100%;} .promo { margin-right: 0px; margin-bottom: 20px;} } /***** Screen bigger than 600px smaller than 1023px *****/ @media only screen and (min-width: 600px) and (max-width:1023px){ .col-sm-6 .promo .spl .pic {float:right; width:45%;} .col-sm-6 .promo .spl .pic .image {height: 250px;} .col-sm-6 .promo .spl .dest {width:50%;} /*after content*/ .widget-after-content.widget-promotion-manager-widget {width:100%;} #after-content .promo .mdl, #after-content .promo .mpl {width: 100%;} /*aside second*/ #aside-second .promo .spl {width: 100%;} #aside-second .promo .spl .dest {width:50%; float:left;} #aside-second .promo .spl .pic {width:45%; float:right;} #aside-second .promo .spl .pic .image{ height:250px;} } /***** Screen smaller than 600px *****/ @media only screen and (max-width: 600px) { /*SPL col-sm-12*/ .col-sm-12 .promo .spl .pic {float:left; width:100%;} .col-sm-12 .promo .spl .pic .image {height: 150px;} .col-sm-12 .promo .spl .dest {width:100%;} #after-content .promo .mdl, #after-content .promo .mpl {width: 100%;} #after-content .promo .spl .dest {width:100%; float:left;} #after-content .promo .spl .pic {width:100%; float:left;} #after-content .promo .spl .pic .image{ height:150px;} #aside-second .promo .mdl, #after-content .promo .mpl {width: 100%;} #aside-second .promo .spl .dest {width:100%; float:left;} #aside-second .promo .spl .pic {width:100%; float:left;} #aside-second .promo .spl .pic .image{ height:150px;} } /***** Screen smaller than 468px *****/ @media only screen and (max-width: 468px) { .promo .mdl .dest, .promo .mpl .dest {width:50%;} .promo .mdl-origin{display:block;} .fl-bar-grey-c, .fl-bar-green { width: 22.8%; } }