#booking-engine li { margin-bottom: 0px !important; padding: 0px;} #booking-engine form {width:100%; position:relative;} #booking-engine form select.time{ width: 100%;} #booking-engine input { border-radius: 5px; line-height: 30px; height: 28px; border: #e9dfdc 1px solid !important; background: #fff; color:#1a3a83; cursor:pointer; } #main-banner ul.unstyled{ width:auto !important;} .p-m{ position:relative;} body #lead-banner #booking-engine .lOT label{width:100% !important;} #booking-engine form.hxEmbed .hasDatepicker{ width:100% !important;} #booking-engine form.hxEmbed select, #booking-engine form.hxEmbed input{ border: 1px solid #e9dfdc;} #booking-engine form .l{ width: 70% !important;} .aci select{ width: 100% !important;} .aci .hxEmbedLabel{ float: none !important;} .aci div{width: 30% !important;padding-right:5%;} .aci div.lI{padding-right:0;} .datePicker{float:left;width: 33%;position:relative;} img.ui-datepicker-trigger{ position:absolute; right:0.2em; top:7px;} .add-on{display:none;} .lA span, .lC span, .lI span{ font-size: 12px;} .lA select, .lC select, .lI select{ margin-bottom: 0px;} .btn { border-color:#c5c5c5; border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25); } .hx-btn-ultimate { color:#ffffff; text-shadow:0 -1px 0 rgba(0,0,0,0.25); background-color:#eb4781; background-image:-moz-linear-gradient(top,#f2689a,#e0145d); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2689a),to(#e0145d)); background-image:-webkit-linear-gradient(top,#f2689a,#e0145d); background-image:-o-linear-gradient(top,#f2689a,#e0145d); background-image:linear-gradient(to bottom,#f2689a,#e0145d); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f16899', endColorstr='#00e0145d', GradientType=0); 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); *background-color:#e0145d; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false); } .hx-btn-ultimate:hover, .hx-btn-ultimate:active, .hx-btn-ultimate.active, .hx-btn-ultimate.disabled, .hx-btn-ultimate[disabled] { color:#ffffff; background-color:#e0145d; *background-color:#c91253; } .hx-btn-ultimate:active, .hx-btn-ultimate.active { background-color:#b1104a \9; } .hx-btn-ultimate{ 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; } .hx-btn-ultimate:hover { background:#ea4f81; background:-moz-linear-gradient(top,#ea4f81 0%,#e72867 50%,#e00a58 51%,#b20a4a 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ea4f81),color-stop(50%,#e72867),color-stop(51%,#e00a58),color-stop(100%,#b20a4a)); background:-webkit-linear-gradient(top,#ea4f81 0%,#e72867 50%,#e00a58 51%,#b20a4a 100%); background:-o-linear-gradient(top,#ea4f81 0%,#e72867 50%,#e00a58 51%,#b20a4a 100%); background:-ms-linear-gradient(top,#ea4f81 0%,#e72867 50%,#e00a58 51%,#b20a4a 100%); background:linear-gradient(to bottom,#ea4f81 0%,#e72867 50%,#e00a58 51%,#b20a4a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea4f81',endColorstr='#b20a4a',GradientType=0); } #booking-engine button.hx-btn-ultimate{ margin-left: 0px !important; width: 65%; padding:10px;} .ui-state-default, .ui-widget-content .ui-state-default{ border: 0px !important;background: #fff !important; color:#1a3a83 !important;} .ui-state-active, .ui-widget-content .ui-state-active{ background:#f2686c !important; color:#fff !important; border-radius: 2px; padding: 2px 0px;} .ui-widget-content, .ui-widget-header{color:#1a3a83 !important;} .ui-widget-header{ border: 0px !important; background: #fff !important;} .ui-datepicker td span, .ui-datepicker td a{ text-align: center !important;} .ui-widget-header .ui-icon { background-image: url(https://static1.parkbcp.co.uk/css/general/images/ui-icons_888888_256x240.png) !important;} @media only screen and (max-width: 999px) { #booking-engine form .l{ width: 100% !important; } #booking-engine .time{ width:30%; float: right; } .datePicker{ width: 65%; } } @media only screen and (max-width: 700px) { #booking-engine button.hx-btn-ultimate{ width: 100%;} } @media only screen and (max-width: 640px) { img.ui-datepicker-trigger{ right: 15px;} } @media only screen and (max-width: 600px) { img.ui-datepicker-trigger{ right: 10px; top: 8px;} #booking-engine input{ height: 31px; border-radius: 2px;} } @media only screen and (max-width: 601px) and (min-width: 481px){} ul.unstyled { margin-top: 12px !important; width: 100% !important; } }