#booking-engine form .controls .date { margin-left: 0; } #booking-engine input{ padding:0px 5px !important;} #booking-engine input{ border-radius: 5px 0px 0px 5px; line-height:30px; height: 28px;} #booking-engine .flight_number input{ border-radius:5px; width: 66% !important;} .datepicker { z-index: 2001 !important; } .datepicker td.disabled{pointer-events: none; color: #F3F3F3;} select{cursor: pointer;} @media screen and (max-width: 600px){ #booking-engine form .controls .date { margin-right: 5px;} } .input-append .add-on{ font-size: 21px; height: 20px; } .padding {padding: 20px 0 20px 0;} #airporthotelsbanner{margin-top:-18px;} .h2 { padding-bottom: 10px;} h3.red{color: #E0145D;} #hotel-push strong {color: #e0145d;} #lead-banner .row-fluid [class*="span"] { margin-left: 0;} .row-fluid [class*="span"]{ float: left; } blockquote .quote{ font-family: Helvetica,Tahoma,sans-serif; font-size: 15px;} p.h3{margin-buttom:10px;} .hero-unit #main-banner img { max-width: 63% !important;} #wistia_e20fa29rt5 { margin-top: 12px; margin-bottom: -18px; } .promoCode input { outline-offset:-2px; outline: -moz-focus-ring-color auto 5px; outline: -webkit-focus-ring-color auto 5px; outline-color: #fee934 !important; background:#fefbda; } li .caret { border-top-color: #FFF; border-bottom-color: #FFF; margin: 0px -9px 0px 3px; } .navbar .pull-right > li > .dropdown-menu{ left: 0% !important; width: 42%; min-width: 249px; } .navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before { right: auto !important; left: 10px !important; } .navbar .nav > li > .airportHotelsUl:after, .navbar .nav > li > .airportHotelsUl:before { right: auto !important; left: 105px !important; } @media \0screen { [class^="icon-"]:before, [class*=" icon-"]:before { margin-top: 3px;} } *+html [class^="icon-"]:before, [class*=" icon-"]:before { margin-top: 3px;} [class*=" icon-"]:before { margin: 0 0 0 -1px;} .hero-unit #main-banner { padding: 0 0px 0px 0px; position: absolute; bottom: -5px; right: 15px; clear: right; width: 58% !important; } @media screen and (max-width: 999px) { #booking-engine .flight_number input{ width:100% !important;} #lead-banner .row-fluid #booking-engine .date{width: 67.957% !important;} #booking-engine a{position:relative;} .p-m{ margin-top: 0px !important; position:absolute; right:0px; top:-55px;} } @media screen and (max-width: 880px) { .navbar .nav > li > a { padding:0px 3px 0px 3px; } .submitContainer{padding-top:19px !important;} .navbar-top .help-inline { margin-top: -4px;} label { margin-bottom: 0;} #lead-banner #booking-engine { padding: 8px 20px 20px;} .tell{margin-top:-8px;} .navbar .brand { height: 70px; width: 224px; background-size: 224px 78px; } li .caret {margin: 17px -3px -4px -7px;} } @media screen and (max-width: 800px)and (min-width: 400px){ .navbar .nav {margin: 0 0 0 171px;} .navbar li {font-size: 11px !important;} } @media screen and (max-width: 750px){ .hero-unit #main-banner img { -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50; } } @media screen and (max-width: 600px){ #booking-engine input.dD{ height:33px !important;} #booking-engine input.dA{ height:33px !important;} select.l { height: 33px !important; } select.terminal { height: 33px !important; width: 151px !important;} .input-append .add-on{ height: 23px;} .navbar .brand a { height: 48% !important; width: 65% !important; } .navbar-bottom {min-height:32px !important} .navbar .dropdown { padding: 5px 10px; } .navbar .brand { background-size: 62% 94% !important; height: 38px;} } @media screen and (max-width: 580px) { #booking-engine input.dA {width: 160px !important; height: 33px !important; line-height: 29px;} #booking-engine input.dD { width: 160px !important; height: 33px !important; line-height: 29px;} select.terminal {width: 160px !important;} select.l { width: 250px !important;} } #alertMsg a{color:#ffffff;} .p-m{ background: url("/images/bcp-parking/price-match.png") no-repeat scroll left top transparent; float: right; height: 66px; margin: -65px 2px 0 0; width: 67px; } @media screen and (min-width: 880px) {.hero-unit { background: linear-gradient(to bottom,#1CA4FF 11%,#ACDDFE 76%,#E0A5D1 102%);}} @media screen and (max-width: 880px) { .hero-unit #main-banner img{ margin-left: 92px !important; max-width: 100% !important;} #booking-engine {min-width:39.515% !important;} .p-m { margin-right: -8px; margin-top: -86px;} .datepicker { left: 17% !important;} .hero-unit {background: linear-gradient(to bottom,#1CA4FF 27%,#ACDDFE 80%,#E0A5D1 106%);} } @media screen and (max-width: 738px){ .hero-unit {background: linear-gradient(to bottom,#1CA4FF 50%,#ACDDFE 85%,#E0A5D1 101%); } .hero-unit #main-banner { padding: 0px 0px 0px 15px; position: relative; bottom: -6px; width: 100% !important; } } @media screen and (max-width: 600px){ .p-m { margin-right: 71px; margin-top: -50px;} #booking-engine { min-width: 40.915% !important;} } @media screen and (max-width: 460px) { .p-m { position:relative;margin-right: -4px; margin-top: -50px; } } @media only screen and (min-device-width: 870px) and (max-device-width: 630px){ .p-m{float: left; margin: -6px 0px -7px 62px;} } @media screen and (max-width: 500px){ ol {width: 300px !important;} #booking-engine input.dA {width: 160px !important; height: 33px !important; line-height: 29px;} #booking-engine input.dD { width: 160px !important; height: 33px !important; line-height: 29px;} select.time {margin-left: 0px !important; height: 33px !important;} select.l { width: 264px !important;} } .mobileDropdownEngine #booking-engine h2.bestParkingPrice {display: none; margin-bottom: 10px; text-align: center;} .mobileDropdownEngine #booking-engine h2.bestParkingPrice span {color: #e0145d; font-weight: bold;} @media screen and (max-width: 768px) { .mobileDropdownEngine #booking-engine {width: 100% !important; padding-top: 23px !important;} .mobileDropdownEngine #booking-engine h2.bestParkingPrice {display: block;} .mobileDropdownEngine #booking-engine ol { width: 100% !important; max-width: 60%; margin-left: auto; margin-right: auto; } .mobileDropdownEngine #booking-engine select.l, .mobileDropdownEngine #booking-engine select.terminal { width: 100% !important;} .mobileDropdownEngine #booking-engine select.time {float: right; width: 30%; min-width: 0;} .mobileDropdownEngine #booking-engine .flightLookupInputWrapper { position: relative; } .mobileDropdownEngine #booking-engine .flightLookupInputWrapper #hxEmbedflight_number { width: 100%; height: 33px; box-sizing: border-box; max-width: none; padding-right: 40px; } .mobileDropdownEngine #booking-engine .flightLookupInputWrapper #flightClearInput { position: absolute; right: 10px; top: 0; height: 33px; line-height: 33px; cursor: pointer; } .mobileDropdownEngine #booking-engine .p-m {display: none;} .mobileDropdownEngine #booking-engine .flight_number .help-block {margin-top: 0;} .mobileDropdownEngine #booking-engine label {margin-top: 10px;} .mobileDropdownEngine #booking-engine .submitContainer {padding-top: 10px !important;} .mobileDropdownEngine #booking-engine .submit {width: 100%;} .mobileDropdownEngine #booking-engine .date {width: 70% !important; margin-right: 0 !important;} .mobileDropdownEngine #booking-engine .date input.dA, .mobileDropdownEngine #booking-engine .date input.dD {width: 80% !important; -webkit-appearance: none;} #flightsModal select[name="airline"], #flightsModal #destination {margin-bottom: 10px !important;} .mobileDropdownEngine #main-banner { position: static !important; width: 100% !important; padding: 0 !important; } .mobileDropdownEngine #main-banner iframe { margin-top: 10px; } } @media screen and (max-width: 600px) { .mobileDropdownEngine #flightsModal {width: 100%;} .mobileDropdownEngine #booking-engine h2.bestParkingPrice {font-size: 18px;} .mobileDropdownEngine #booking-engine ol { max-width: none; } } @media screen and (max-width: 460px) { ol {width: 290px !important;} #booking-engine input.dA {width: 160px !important; height: 33px !important;} #booking-engine input.dD { width: 160px !important; height: 33px !important;} select.time {margin-left: 0px !important; height: 33px !important; min-width: 69px !important;} select.l { width: 237px !important;} } @media screen and (max-width: 450px){ .hero-unit {background: linear-gradient(to bottom,#1CA4FF 63%,#ACDDFE 90%,#E0A5D1 103%);} .hero-unit #main-banner { padding: 0px 0px 0px 15px; position: relative; bottom: -6px; width: 100% !important; } } *+html #lead-banner{float:left !important;} .navbar .brand a { color: #ffffff; line-height: 40px; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } #booking-engine{ width:35% !important\0; } .hero-unit #main-banner img{margin-left:300px !important\0;} *+html #booking-engine {margin-left:-450px !important;} *+html #main-banner{right:125px !important; width:35% !important;} *+html #lead-banner #booking-engine {width:280px !important;} *+html .nav li a { padding-buttom: 0px !important; padding-top: 10px !important;} *+html form.hxEmbed{ } *+html .hero-unit #main-banner img{margin:-300px 0px 3px -110px !important; float:left !important; width:700px !important; height:400px !important; } *+html ul.unstyled, ol.unstyled {list-style: none outside none; margin-left: 0;} *+html .icon-calendar{width:20px !important; padding:7px 0px 0px 1px !important; font-size: 16px !important;} *+html .input-append .add-on {height: 20px;} *+html .time {margin-top:0px !important;} *+html select.terminal{ margin-left:0px !important; width:120px !important;} *+html input.dA { min-height:20px !important; padding: 0px 0px 0px 2px !important; width:105px !important; line-height:20px !important; } *+html input.dD { min-height:20px !important; padding: 0px 0px 0px 2px !important;width:105px !important; line-height:20px !important; } *+html .hero-unit{margin-top:-20px !important;position:relative;} *+html span.add-on { padding: 0px !important;} *+html .l { width: 250px !important; margin-left:0px !important;} *+html .nav li a { padding-buttom: 0px !important; padding-top: 10px !important;} *+html .datepicker{width: 25% !important;} #booking-engine{filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');} *+html .brand a {display:none !important;} *+html form.hxEmbed{ width:380px !important;} @media \0screen { select {min-height:25px !important; padding: 0px !important; margin: 0px !important; height: 20px !important; line-height: 20px !important;} input.dA { min-height:25px !important; padding: 0px 0px 0px 10px !important; line-height:25px !important;} input.dD {min-height:25px !important; padding: 0px 0px 0px 10px !important; line-height:25px !important;} select.l {min-height:20px !important; padding: 4px !important;} select.time{ min-height:15px !important; padding: 0px !important;} select.terminal{ min-height:15px !important; padding: 4px !important;} span.add-on { padding: 3px !important;} .icon-calendar { margin-top: -5px; margin-left:-2px;} #searchSite { min-width: 180px; !important; } .navbar-top .help-inline { line-height: 40px; padding: 0 85px;} .breadcrumb li {min-width: 52px !important;} .input-append .add-on{ height:19px;} } #alertDiscount { margin-top: 0px; width: 300px !important; left: 34%; position: absolute; background: #fee934; padding-top: 6px; padding-bottom: 0px; border: 0; -webkit-box-shadow: 1px 1px 10px 2px rgba(10,10,10,0.1); box-shadow: 1px 1px 10px 2px rgba(10,10,10,0.1); -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; color: #212121; text-align: center; } .partner-box {margin-top:30px;} .partner-box p {font-size:12px; margin-top:-5px;} .fixVoucherPosition {position:relative !important; margin-top:-15px;} @media screen and (min-width:739px) { .fixVoucherPosition {left:45px !important;} } button.close {padding-right: 6px !important; font-size:16px;} #alertDiscount h4{padding:0px 2px 2px 2px; font-size:14px;} @media screen and (max-width: 883px) { #alertDiscount { float: right !important; position: relative !important; left: 0px !important; margin-bottom: -77px; } } @media screen and (max-width: 738px){ #booking-engine{ width: 100% !important;} #booking-engine .flight_number input { max-width: 98% !important;} } @media screen and (max-width: 600px){ ol.unstyled, select.l{ width:100% !important;} #booking-engine .date input{width: 64% !important;} select.time{ width:30% !important; float:right;} .terminal select{ width: 49% !important;} } @media screen and (max-width: 398px) { #alertDiscount { float: right !important; position: relative !important; left: 0px !important; margin-bottom: -114px !important; width: 17% !important; padding: 0px !important; } #alertDiscount h4 { padding: 0px !important; font-size: 12px !important; } button.close { width: 48px !important;} } #flightsModal #flightResults button { background: #f58ba5; background: -moz-linear-gradient(top,#f58ba5 0%,#e42f65 50%,#e00053 51%,#850038 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f58ba5),color-stop(50%,#e42f65),color-stop(51%,#e00053),color-stop(100%,#850038)); background: -webkit-linear-gradient(top,#f58ba5 0%,#e42f65 50%,#e00053 51%,#850038 100%); background: -o-linear-gradient(top,#f58ba5 0%,#e42f65 50%,#e00053 51%,#850038 100%); background: -ms-linear-gradient(top,#f58ba5 0%,#e42f65 50%,#e00053 51%,#850038 100%); background: linear-gradient(to bottom,#f58ba5 0%,#e42f65 50%,#e00053 51%,#850038 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e42f65',endColorstr='#850038',GradientType=0); border: 1px solid #c61252; color: #ffffff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); border-color: #e0145d #e0145d #9a0e40; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); } @media screen and (max-width: 600px) { #flightsModal #destination select {margin-left:10px !important;}} @media \0screen {#alertDiscount {left: 44% !important;width: 24% !important;}} *+html #alertDiscount {left: 44% !important;width: 24% !important;} *+html button.close { line-height:25px !important;} @media screen and (max-width: 768px) { #booking-engine-hotels { width: 100%; } #booking-engine-hotels input{ width:100%; } #booking-engine-hotels select{ width:100%; } #booking-engine-hotels .submitContainer button { width:100%; } #booking-engine-hotels .allProducts li.ho.radio, #booking-engine-hotels li.hcp.radio { padding:5px; margin-left:6px;} #booking-engine-hotels .allProducts li.ho.radio input, #booking-engine-hotels li.hcp.radio input { width: auto !important;} #booking-engine-hotels .allProducts li.ho.radio label, #booking-engine-hotels li.hcp.radio label { line-height:24px;} html body #phone-top-nav-menu.dropdown-menu { min-width:220px; } html body #phone-top-nav-menu.dropdown-menu li a{ font-size:15px !important; padding:7px 20px; } html body #parking .dropdown-toggle { font-size:14px !important; } #phone-top-nav-menu.dropdown-menu { right: 0px !important; left:auto !important; } #phone-top-nav-menu.dropdown-menu a{ padding-left:20px; font-size:12px !important; } .mobileDropdownEngine .typeahead.dropdown-menu { z-index: 2001;} ul.pull-left.dropdown-menu { width: 300px;} ul.pull-left.dropdown-menu li { margin-left: -7px !important;} ul.pull-left.dropdown-menu li a{ font-size:14px !important;} } @media only screen and (max-width: 400px) { html body #phone-top-nav-menu.dropdown-menu li a{ font-size:14px !important;} html body .hero-unit #main-banner img{display: none !important;} #product .product_map{height: 400px;} .breadcrumb li { display: inline !important;} .hero-unit #main-banner {right: 5px;} #main-banner h2{ font-size: 29px !important;} }