/* ---------------------------------------------------------------------------------------
	01. RESET
--------------------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
cite,
del,
dfn,
em,
font,
q,
s,
samp,
strike,
strong,
ol,
ul,
li,
fieldset,
form,
label,
legend,
tbody,
tfoot,
thead,
tr {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
input.invalid-data[type=text] {
  background-color: pink;
}
td.invalid-data.red-text {
  color: red !important;
}
td.invalid-data {
  background-color: pink;
}
body {
  background-color: #FFFFFF;
  color: #666666;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  -webkit-background-size: cover;
  /* For WebKit*/
  -moz-background-size: cover;
  /* Mozilla*/
  -o-background-size: cover;
  /* Opera*/
  background-size: cover;
  /* Generic*/
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  position: relative;
  display: block;
  font-weight: 600;
  border-left: 3px solid #F47E3E;
  padding: 0px 25px 0px 15px;
  margin: 0 0 20px 15px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote cite a,
q cite a {
  color: #fff;
}
blockquote cite:before,
q cite:before {
  content: "- ";
}
dt {
  font-weight: bold;
}
a {
  border-style: none;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
a img {
  border: 0;
}
.clearboth {
  width: 100%;
  clear: both;
  display: block;
}
.clear {
  clear: both;
}
/* ---------------------------------------------------------------------------------------
	02. GLOBAL
--------------------------------------------------------------------------------------- */
body,
button,
input,
select,
textarea {
  line-height: 1.8;
  word-wrap: break-word;
}
body {
  background: #FFF;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.heading,
.subtitle,
.subheading {
  color: #1E1E1E;
  clear: both;
  margin: 0 0 .8em;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.title,
.heading,
h1 {
  font-size: 28px;
  margin-bottom: 8px;
  display: block;
}
.subtitle,
.subheading,
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
  border-bottom: 1px solid #1e1e1e;
  text-transform: uppercase;
}
h4 {
  font-size: 16px;
  margin: 0 0 0;
}
h5 {
  font-size: 14px;
  margin: 0 0 0;
}
h6 {
  font-size: 12px;
  margin: 0 0 0;
}
hr {
  background-color: #E6E6E6;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* Text elements */
p {
  margin-bottom: 10px;
}
ul,
ol {
  margin: 0 0 20px 20px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
code,
pre {
  line-height: 25px;
  padding: 2px 8px;
  margin-bottom: 10px;
  border: 1px solid #efefef;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 50%, #fdfdfd 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f8f8f8), color-stop(50%, #fdfdfd));
  background: -webkit-linear-gradient(top, #f8f8f8 50%, #fdfdfd 50%);
  background: -o-linear-gradient(top, #f8f8f8 50%, #fdfdfd 50%);
  background: -ms-linear-gradient(top, #f8f8f8 50%, #fdfdfd 50%);
  background: linear-gradient(to bottom, #f8f8f8 50%, #fdfdfd 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#fdfdfd', GradientType=0);
  background-size: 50px 50px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: inherit;
  *overflow: visible;
  outline: 0px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  padding: 7px 26px;
}
input.searchsubmit {
  padding: 10px 25px;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  margin-right: 5px;
  vertical-align: middle;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=text],
input[type=email],
input[type=password],
input[type=search],
select,
textarea {
  background: white;
  border: 1px solid #ccc;
  -webkit-appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  background: #fff;
}
textarea {
  overflow: auto;
  vertical-align: top;
  width: 100%;
  padding: 5px 5px;
}
input[type=text],
input[type=email],
input[type=password],
input[type=search] {
  min-width: 200px;
}
select,
input[type=text],
input[type=email],
input[type=password],
input[type=search] {
  height: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
select {
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
.checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}
.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-custom-label,
.radio-custom-label {
  position: relative;
}
.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  width: 32px;
  margin-bottom: 5px;
  text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
  content: '✓';
  color: #666;
  font-weight: bold;
  font-size: 18px;
}
.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
  color: #bbb;
}
#langWarning {
  color: red;
}
/* Tables */
table {
  text-align: left;
  margin: 0 0 25px;
  width: 100%;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
}
caption {
  font-style: italic;
  color: #888;
}
th,
td {
  padding: 0 2px 0 0;
  border: none;
  border-left: none;
}
th {
  font-weight: bold;
}
td {
  border-top: none;
}
#footer table,
#footer th,
#footer td {
  margin-bottom: 0px;
}
/* Links */
a {
  color: #F47E3E;
  cursor: pointer;
  text-decoration: none;
  outline: 0 none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: inherit;
}
a,
a:visited {
  text-decoration: none;
  color: #F47E3E;
}
br {
  padding: 0px;
  margin: 0px;
  line-height: 0px;
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
}
.alignright {
  display: inline;
  float: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 20px auto;
}
/* ---------------------------------------------------------------------------------------
	03. STRUCTURE
--------------------------------------------------------------------------------------- */
#headerwrap {
  background: #f5f5f5;
  min-height: 100px;
  height: auto;
  overflow: auto;
  overflow: hidden;
  margin: none;
  padding: none;
}
#headercontent,
#menu,
#main,
#sliderSection,
#content,
#topbarcontent,
#footer {
  max-width: 1000px;
  min-width: 750px;
  margin: 0 auto;
  position: relative;
}
#content,
.pagewidth {
  width: 100%;
  padding: 20px 20px 40px 20px;
  min-width: 750px;
  max-width: 960px;
  background-color: #ffffff;
}
#searchMap.pagewidth {
  width: 90%;
  margin: 0 auto;
}
#menu {
  /* container */
  color: #fff;
  cursor: pointer;
  position: relative;
}
#menu ul {
  list-style: none;
}
#menu > a {
  display: none;
}
#menu a:hover,
#menu a:active,
#menu a {
  color: #fff;
}
#menu li {
  position: relative;
}
/* first level */
#menu > ul {
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#menu > ul > li {
  width: 13.9%;
  height: 45px;
  display: inline-block;
}
#menu > ul > li a {
  width: 100%;
  height: 26px;
  padding: 12px 0 7px;
  vertical-align: middle;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
  font-size: .9em;
  display: inline-block;
}
/* second level */
#menu ul ul {
  display: none;
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 45px;
  z-index: 99999;
  width: 100%;
}
#menu li:hover ul {
  display: block;
}
#menu li li {
  background-color: #1E1D27;
}
#menu li ul li {
  border-top: 1px solid #fff;
  width: 100%;
  white-space: nowrap;
  text-align: left;
  display: block;
}
#menu li ul li.disabled {
  display: none;
}
#pagefooter {
  background: #000;
  width: 100%;
  min-height: 200px;
  margin: none;
  padding: none;
}
#footer {
  padding: 20px 20px;
}
#footer,
#footer h3 {
  color: #ffffff;
}
#footer .left {
  display: inline-block;
  width: 49%;
  height: 100%;
  vertical-align: top;
}
#footer .right {
  display: inline-block;
  width: 49%;
  height: 100%;
  text-align: right;
  vertical-align: top;
}
/* -----------  option info and booking transactions layout ------------ */
#optioninfo,
#supplierinfo,
#bookingtransactions,
#optioninfo_pdf,
#supplierinfo_pdf {
  background-color: white;
}
#supplierinfo #pagewrap,
#bookingtransactions #pagewrap,
#supplierinfo_pdf #pagewrap {
  width: auto;
  background-image: none;
  height: auto;
  background-color: #ffffff;
}
#optioninfo #pagewrap,
#optioninfo_pdf #pagewrap {
  background-image: none;
  height: auto;
}
#optioninfo #logo,
#optioninfo #banner,
#optioninfo #topbar,
#optioninfo #menu,
#optioninfo #menu,
#supplierinfo #logo,
#supplierinfo #banner,
#supplierinfo #topbar,
#supplierinfo #menu,
#supplierinfo #menu,
#bookingtransactions #logo,
#bookingtransactions #banner,
#bookingtransactions #topbar,
#bookingtransactions #menu,
#bookingtransactions #menu {
  display: none;
}
#optioninfo #rates,
#optioninfo #product,
#optioninfo #gallery,
#optioninfo_pdf #rates,
#optioninfo_pdf #product,
#optioninfo_pdf #gallery {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#optioninforesults,
#supplierinfo,
#bookingtransactions,
#supplierinfo_pdf {
  background-color: white;
}
#optioninforesults #pagewrap,
#supplierinforesults #pagewrap,
#bookingtransactions #pagewrap {
  width: auto;
  background-image: none;
  height: auto;
}
#optioninforesults #logo,
#optioninforesults #banner,
#optioninforesults #topbar,
#optioninforesults #menu,
#optioninforesults #menu,
#optioninforesults #rates,
#optioninforesults #product,
#optioninforesults #gallery {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
/*   OptionInfo   TABS         */
#optioninforesults {
  margin-top: 20px;
}
ul#tabNavigation {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .8em;
  vertical-align: middle;
  text-align: left;
  list-style: none;
  list-style-position: inside;
  padding: 0;
  margin: 0 10px;
  height: 30px;
  margin-top: 20px;
}
#tabNavigation li {
  display: inline-block;
  padding: 0;
  margin: 0 5px 0 0;
  position: relative;
  top: 4px;
}
#tabNavigation a {
  color: #ccc;
  cursor: pointer;
  padding: 10px 40px;
  text-decoration: none;
  height: 34px;
}
#tabNavigation a:hover {
  color: #666;
}
#tabNavigation a.selected {
  background-color: #FFFFFF;
  color: #666666;
  border-top: 5px solid #666666;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#tabNavigation a.selected:hover {
  background-color: #FFFFFF;
}
.rateDetailsHeading {
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
}
tr.rateDetailSection td {
  border-bottom: none;
  padding: 0px;
}
tr.rateDetailSection {
  background-color: #eee;
}
#rateDetailsTable {
  margin-bottom: 10px;
}
#tabNavigation a:focus {
  outline: 0;
}
.tab_content {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 10px 10px 10px;
  background-color: #ffffff;
  text-align: left;
}
/* end tabs */
.bg_td {
  background-image: url('images/td_bg.jpg');
  background-repeat: repeat-y;
}
.tx_smaller {
  font-size: 0.8em;
}
.optionparams td {
  padding: 1px;
}
table.room {
  width: 100%;
  text-align: left;
  border: 1px solid #ccc;
  background-color: #ffffff;
}
table.room.active {
  background-color: #eeeeee;
}
table.room tr.roomHeader td.info {
  width: 150px;
}
table.room td.paxnum {
  width: 60px;
}
table.room td.roomtype {
  width: 135px;
}
table.room td.maxadults {
  width: 90px;
}
table.room td.maxpax {
  width: 130px;
}
#paxRoomHeading .roomType {
  font-weight: bold;
}
#quoteOrBooking input,
#optOutstandingPayment input,
#optFutureBillingExpected input,
#optTravelDate input {
  border: none;
  padding-right: 5px;
}
#optOutstandingPayment b,
#optFutureBillingExpected b,
#optTravelDate b {
  text-transform: uppercase;
  font-size: .9em;
}
#rates #destinationService {
  display: none;
}
table.pax {
  width: 600px;
}
table.pax input[type="text"] {
  width: 125px;
}
table.pax .paxtitle input[type="text"] {
  width: 50px;
}
.paxtitle {
  width: 55px;
  text-align: left;
}
.pax .info {
  width: 70px;
  text-align: left;
}
.firstname,
.surname {
  width: 100px;
  text-align: center;
}
td.dob {
  width: 200px;
}
.dob input {
  border: none;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 5px;
}
.ui-widget-overlay {
  background-color: #000;
  opacity: 0.4;
  background-image: none;
}
/*----------------------------- OptionInfo.aspx rates grid -------------------------------------------*/
.rateGridLabelColumn {
  white-space: nowrap;
  min-width: 150px;
}
#optrates .rateCell {
  white-space: nowrap;
  min-width: 60px;
  text-align: right;
}
td.freerate {
  text-decoration: line-through;
  color: red;
}
table#rateGridValueAdds,
.valueAddList.valueAddHeading,
.rateDetailSection .canelPoliciesCtrl {
  margin-left: 20px;
  width: 96%;
}
.rateDetailSection .canelPoliciesCtrl td,
.rateDetailSection .valueAddList td {
  padding: 0 0 0 5px;
}
.valueAddHeading {
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 3px 0 3px 0;
}
.valueAddList td,
.valueAddList th {
  padding: 0 5px;
}
#rateGridValueAdds .dateFrom,
#rateGridValueAdds .dateTo,
#rateGridValueAdds .valueAddType {
  white-space: nowrap;
}
#rateGridValueAdds .valueAddDescription {
  width: 70%;
}
.availCol {
  text-align: right;
}
.plusMinusButton {
  padding: 5px 10px;
  width: 35px;
  border: 1px solid #eee;
  background-color: #666;
  color: #ffffff;
  cursor: pointer;
  line-height: normal;
}
th.rateCol {
  text-align: right;
}
td.rateCol {
  text-align: right;
}
.rateCol {
  width: 90px;
}
.availCol {
  width: 100px;
}
td.availCol {
  text-align: right;
}
th.descrCol {
  text-align: left;
}
.actionCol {
  width: 150px;
  text-align: right;
}
.rateBreakdown {
  margin-left: 20px;
}
/* ----------- blockUI message ----------- */
div.blockMsg {
  padding: 0;
  margin: 0;
  width: 30%;
  top: 40%;
  left: 35%;
  text-align: center;
  color: #000;
  opacity: 1;
  border: 3px solid #FFF;
  background-color: #fff;
  cursor: wait;
  border-radius: 10px;
}
.blockMessageImage {
  background: url(images/loading.gif);
  background-repeat: round;
  height: 150px;
  /*width: 450px;*/
  margin: 0px auto 2px auto;
}
/*-----------------------------sub login manager -------------------------------------------*/
#subloginmanagement tr td:last-child {
  text-align: right;
  padding-right: 5px;
}
/*-----------------------------PDF wrapper -------------------------------------------*/
#pdfWrapper {
  background-color: white;
}
/*-----------------------------ACCOUNT -------------------------------------------*/
#tbAccountRefine {
  margin-bottom: 0px;
  width: auto;
}
#tbAccountRefine td {
  padding: 0px 5px 5px;
}
#accountSearch {
  margin-bottom: 10px;
}
/*-----------------------------AGENT DIALOGUE -------------------------------------------*/
.agentDialogue {
  width: 100%;
  min-height: 500px;
}
/*-----------------------------SUB LOGIN -------------------------------------------*/
#subLoginEditButtons {
  text-align: right;
}
/* -----------  the rest of the styles ------------ */
.labelColumn {
  font-size: .9em;
  text-transform: uppercase;
  font-weight: bold;
  width: 20%;
  min-width: 150px;
  padding-right: 0;
}
.dataColumn {
  padding-left: 0;
}
#addService_detailsLeft #addService_fromDateSection,
#addService_detailsLeft #addService_toDateSection,
#addService_detailsLeft #addService_scuSection,
#addService_detailsLeft #availability,
#addService_detailsLeft #rateDescription,
.externalAdditionalDetails {
  display: flex;
}
.info > span {
  font-size: 100%;
}
.costexcluded {
  text-decoration: line-through;
  color: red;
}
.bracket {
  display: none;
}
.iButton,
.iButton:link,
.iButton:visited,
.iButton:disabled {
  background: #666666;
  border: 3px solid #eee;
  color: #FFFFFF;
  margin: 0;
  padding: 7px 26px;
  text-decoration: none;
  cursor: pointer;
  line-height: normal;
  text-transform: uppercase;
  font-size: .9em;
}
.iButton:hover {
  text-decoration: none;
  background-color: #333333;
  color: #ffffff;
}
.info .iButton {
  margin: 2px 0;
  padding: 7px 26px;
  border: none;
  background-position: 0 -65px;
}
.iButton:disabled {
  pointer-events: none;
  background: #666666;
  border: 3px solid #eee;
  color: #FFFFFF;
  margin: 0;
  padding: 7px 26px;
  text-decoration: none;
  line-height: normal;
  text-transform: uppercase;
  font-size: .9em;
}
.resultList .iButton {
  border: 1px solid #eee;
}
.secondaryButton {
  cursor: pointer;
  border: 1px solid #3d82ab;
  background-color: #FFF;
  color: #3d82ab;
  padding: 5px 10px;
}
.secondaryButton:hover {
  border: 1px solid #3d82ab;
  background-color: #3d82ab;
  color: #FFF;
}
.secondaryButton:disabled {
  pointer-events: none;
  border: 1px solid #2f2f2f;
  color: #2f2f2f;
}
button.paymentButton,
a.ButtonAnchor,
a.ButtonAnchor:link,
a.ButtonAnchor:visited,
a.ButtonAnchor:active,
.paymentButton {
  display: block;
  background: #666666;
  width: auto;
  text-decoration: none;
  text-align: center;
  border: 1px solid #ccc;
  padding: 3px 20px;
  color: #FFFFFF;
  font-weight: normal !important;
  text-transform: uppercase;
  font-size: .9em;
}
button.paymentButton,
.paymentButton {
  padding-top: 7px;
  padding-bottom: 7px;
}
button.paymentButton:not([disabled]),
.paymentButton:not([disabled]) {
  background-color: #3d82ab;
  color: #ffffff;
}
button.paymentButton:hover:not([disabled]),
.paymentButton:hover:not([disabled]) {
  background-color: #2b607f;
  color: #ffffff;
}
a.ButtonAnchor:hover,
a.ButtonAnchor:active {
  background-color: #eee;
}
div.navigation a.ButtonAnchor {
  color: #ffffff;
}
a.buttonaction,
a.buttonaction:link,
a.buttonaction:visited,
a.buttonaction:active {
  display: block;
  width: auto;
  text-decoration: none;
  text-align: center;
  border: 3px solid #ccc;
  padding: 7px 0px;
  color: #666666;
  font-weight: normal !important;
  text-transform: uppercase;
  font-size: .9em;
}
a.buttonaction:hover,
a.buttonaction:active {
  border-color: #666;
  color: #fff;
}
.bookingActionButtonItem {
  width: 17.8%;
  display: inline-block;
  margin: 0px 2% 10px 0;
  text-transform: uppercase;
  font-size: .9em;
}
#bookingActionButtons b {
  display: block;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
#slideshow img {
  border: 1px solid #ccc;
}
#searchResults,
#tariffResults {
  clear: both;
  margin-top: 10px;
}
#bookingActionButtons .bookingActionButtonItem:last-child {
  margin-right: 0%;
}
#bookingActionButtons th,
#bookingActionButtons td,
td.subheading {
  padding: 0px;
}
.searchConsoleButton {
  background-color: #EEEEEE;
  border: 1px solid #CCC;
  padding: 5px;
}
#searchMap {
  text-align: center;
}
#mapImage {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 8px;
  -webkit-box-shadow: 1px 2px 1px #d1d1d1;
  -moz-box-shadow: 1px 2px 1px #d1d1d1;
  box-shadow: 1px 2px 1px #d1d1d1;
}
/* --------------------------------------------------------------------------------------
    Payment Start
------------------------------------------------------------------------------------------ */
td.paymentStartColumn1 {
  width: 20%;
  min-width: 150px;
}
img.paymentDescriptionPic {
  height: 30px;
  padding-top: 10px;
}
/* ---------------------------------------------------------------------------------------
	SEARCH REFINE
--------------------------------------------------------------------------------------- */
.center {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.shoppingcart-center {
  align-items: center;
}
#waitImg img {
  border: none !important;
  box-shadow: none !important;
}
#ucSearchRefine_fromDate,
#ucSearchRefine_toDate,
#ucSearchAddService_fromDate,
#ucSearchAddService_toDate {
  position: relative;
  right: 3px;
}
#ucSearchRefine_fromDate_calendar,
#ucSearchRefine_toDate_calendar,
#ucSearchAddService_fromDate_calendar,
#ucSearchAddService_toDate_calendar {
  right: 0px;
  position: absolute;
}
#ucSearchRefine_paxChildrenSection label {
  white-space: nowrap;
}
#divResultsHeader #searchActionsTop {
  display: inline-block;
  width: auto;
  float: right;
}
#divSearch_SearchCriteria {
  font-size: 18px;
  color: #1e1e1e;
  display: inline-block;
  max-width: 760px;
}
#divSearch_SearchCriteriaCustom {
  font-size: 15px;
  color: #1e1e1e;
  display: inline-block;
  width: 80%;
}
#divResultsHeader {
  background: #eee;
  padding: 10px;
  margin-bottom: 10px;
}
#ucSearchRefine {
  border: 1px solid #cccccc;
  background-color: #eee;
  padding: 10px;
}
#ucSearchRefine label {
  width: 150px;
  display: inline-block;
}
#ucSearchRefine select {
  width: 200px;
}
#ucSearchRefine #ucSearchRefine_serviceGroupSection,
#ucSearchRefine #ucSearchRefine_locationGroupSection,
#ucSearchRefine_fromDateSection,
#ucSearchRefine_toDateSection,
#ucSearchRefine_scuSection {
  width: 47%;
  display: inline-block;
  vertical-align: top;
}
#ucSearchRefine div,
#ucSearchRefine div {
  margin-bottom: 5px;
}
#ucSearchRefine #ucSearchRefine_roomSection,
#ucSearchRefine #ucSearchRefine_sortSection,
#ucSearchRefine #ucSearchRefine_minAvailabilitySection {
  width: 100%;
}
#ucSearchRefine .roomQuantity,
#ucSearchRefine #ucSearchRefine_scu {
  width: 50px;
}
#ucSearchRefine_roomSGSection,
#ucSearchRefine_roomTWSection,
#ucSearchRefine_roomDBSection,
#ucSearchRefine_roomTRSection,
#ucSearchRefine_roomQDSection {
  display: inline-block;
  margin-right: 5px;
}
#ucSearchRefine_roomSGSection label,
#ucSearchRefine_roomTWSection label,
#ucSearchRefine_roomDBSection label,
#ucSearchRefine_roomTRSection label,
#ucSearchRefine_roomQDSection label {
  width: 50px;
  font-size: 10px;
  text-transform: uppercase;
  display: block;
}
#ucSearchRefine #ucSearchRefine_fromDate_day,
#ucSearchRefine #ucSearchRefine_fromDate_month,
#ucSearchRefine #ucSearchRefine_fromDate_year,
#ucSearchRefine #ucSearchRefine_toDate_day,
#ucSearchRefine #ucSearchRefine_toDate_month,
#ucSearchRefine #ucSearchRefine_toDate_year {
  width: 50px;
  margin-right: 5px;
}
#ucSearchRefine_fromDate_icon,
#ucSearchRefine_toDate_icon,
#ucSearchRefine_mapToggleIcon {
  position: relative;
  top: 10px;
}
#ucSearchRefine input {
  margin-left: 0px;
}
#SearchRefineFilter {
  Display: inline-block;
  width: 205px;
  vertical-align: top;
  margin-right: 10px;
}
#SearchRefineFilter .subtitle {
  margin-bottom: 0px;
  font-size: 20px;
}
#searchRefineResults.searchRefineWideLayout,
#pageSelectTop.searchRefineWideLayout,
#pageSelectBottom.searchRefineWideLayout {
  Display: inline-block;
  max-width: 940px;
  min-width: 710px;
  width: auto;
}
#searchRefineResults.searchRefineNarrowLayout,
#pageSelectTop.searchRefineNarrowLayout,
#pageSelectBottom.searchRefineNarrowLayout {
  Display: inline-block;
  max-width: 740px;
  min-width: 550px;
  width: 100%;
}
.SearchRefineFilter_filterSection {
  margin-bottom: 10px;
  background: #f4f4f4;
  border: 1px solid #ccc;
}
.SearchRefineFilter_filter {
  padding: 0 5px;
}
.SearchRefineFilter_heading {
  font-size: 0.9em;
  padding: 5px 10px;
  text-transform: uppercase;
  width: 183px;
  background-color: #eee;
}
.SearchRefineFilter_item label {
  font-size: 0.9em;
}
#searchRefineResults .pageSelect {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.pageSelect .extend {
  font-size: 16px;
  margin: 2px 5px;
  min-width: 20px;
  text-align: center;
}
div[class=pageSelect] .secondaryButton {
  font-size: .9em;
  padding: 2px 0px;
  margin: 0px 4px;
  min-width: 35px;
  max-width: 35px;
  max-height: 28px;
}
.pagination {
  list-style: none;
}
div[class=inline] {
  display: inline-flex;
  justify-content: center;
}
#searchRefineResults .resultList.description {
  text-align: left;
  width: 30%;
}
#searchRefineResults #searchResults .supplierImage {
  width: 30%;
  margin-right: 10px;
}
#searchRefineResults #searchResults .supplierNote,
#searchRefineResults #searchResults .supplierHeader,
#searchRefineResults #searchResults .supplierNoteLink {
  width: 67%;
}
#searchRefineResults #searchResults .supplierAmenities {
  clear: both;
  width: 100%;
  display: block;
}
/*
RESULTLIST

*/
.right {
  text-align: right;
}
.resultList.right {
  text-align: right;
}
table.resultList {
  margin: 0 0 15px 0;
  width: 100%;
  position: relative;
  margin-bottom: 0px;
}
th.resultList {
  padding: 5px 10px 5px 0;
  text-align: left;
  height: 100%;
  vertical-align: bottom;
}
table.optionList {
  margin-bottom: 0px;
}
.resultList > tbody > tr > td {
  padding: 6px 4px;
  border-bottom: 1px solid #ccc;
}
table.resultList tr.invalid td {
  padding: 2px 4px;
  border-bottom: none;
}
table.resultList .servicelineview.invalid {
  color: red;
  line-break: anywhere;
}
td.resultList .cancellationFeeLabel {
  color: red;
}
.cancelledServiceDetails .warningLine {
  color: red;
}
table.resultList tr.invalid td.lineprice,
table.resultList tr.invalid td.agentprice {
  color: red;
  text-decoration: line-through;
}
table.resultList tr td.costexcluded:after,
table.resultList tr.invalid td.lineprice:after,
table.resultList tr.invalid td.agentprice:after {
  content: ")";
}
table.resultList tr td.costexcluded:before,
table.resultList tr.invalid td.lineprice:before,
table.resultList tr.invalid td.agentprice:before {
  content: "(";
}
#addService_headerDetails .subtitle {
  font-size: .9em;
  text-transform: uppercase;
  font-weight: bold;
  min-width: 300px;
  margin: 20px 0 4px 0;
}
.totalColumn td {
  padding: 2px 4px;
  border-bottom: none;
  font-weight: bold;
}
.resultList th,
.optionList th {
  font-weight: bold;
  border-bottom: 2px solid #666;
  text-transform: uppercase;
  font-size: .9em;
  padding: 0px 5px;
}
th.resultList a {
  text-decoration: none;
  color: #333;
}
th.w10 {
  width: 10%;
}
th.w15 {
  width: 15%;
}
th.W40 {
  width: 40%;
}
.viewBookingExtraHeader,
.viewBookingArrangementHeader {
  font-style: italic;
}
.viewBookingExtraContent,
.viewBookingArrangementContent {
  padding-left: 1.5em;
}
.resultList td.optionDetails {
  border-bottom: none;
}
.resultsItem th {
  /*background-color: #ccc*/
}
#searchRefineResults th.resultList {
  background-color: #fff;
}
table.resultList .highlight {
  background-color: #f6f6f6;
}
.supplierAmenities ul li {
  display: inline-block;
  width: 30%;
  background: url("images/amenity.png") no-repeat;
  margin-left: 0px;
  padding-left: 20px;
}
.resultItem {
  margin-bottom: 40px;
}
TR.resultList {
  padding: 2px;
  background-color: #fff;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}
.optionFilter {
  margin-bottom: 10px;
  border-bottom: 2px solid #ccc;
}
tr.contractRate td,
tr.externalRate td {
  border-bottom: 1px solid #ccc !important;
  padding: 2px 4px;
  height: auto;
}
/*
tr.contractRate
{
    background-color: #f4f4f4;
}
tr.externalRate {
    background-color: #eeeeee;
}
*/
.optionDescription {
  font-size: 0.9em;
  text-transform: uppercase;
}
.resultList.description {
  width: 40%;
  text-align: left;
}
.resultList span.optionNotes {
  font-weight: normal;
}
.resultList.moreinfolink {
  width: 15%;
  text-align: left;
}
#optioninforesults .resultList.rate {
  vertical-align: middle;
}
.resultList.rate {
  width: 20%;
  text-align: right;
}
.resultList.availability {
  width: 10%;
  text-align: center;
}
td.resultList.availability {
  font-style: italic;
  font-size: .9em;
  vertical-align: middle;
  text-align: center;
}
.availabilityChecked {
  color: #a94442;
  font-weight: bold;
}
.resultList.action {
  width: 12%;
  text-align: right;
  /* padding: 5px 2px; */
  min-width: 120px;
}
#optioninfo .resultList.description,
#optioninfo .resultList.action {
  /*width:inherit;*/
  min-width: 140px;
}
td.resultList.action {
  vertical-align: middle;
}
TR.serviceRow {
  padding: 2px;
  background-color: White;
}
TR.NewServiceRow {
  padding: 2px;
  background-color: #eeeeee;
}
td.subheading {
  vertical-align: bottom;
}
.supplierDetail {
  vertical-align: bottom;
  text-align: right;
}
#searchResults .locality {
  padding-right: 15px;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: none;
}
#searchResults .class {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 15px;
}
#searchResults .optionDetails .optionComment {
  display: none;
}
#searchResults td.resultList .optionComment::after {
  content: ", ";
}
#searchResults .agePolicy {
  float: right;
}
#searchResults .showDetail {
  font-size: .8em;
  font-weight: bold;
  text-decoration: underline;
  display: block;
}
#searchResults .optionNotes {
  font-size: .9em;
}
#searchResults .supplierDetails {
  width: 100%;
  margin-bottom: 10px;
}
#searchResults .supplierImage,
#searchResults .supplierNote,
#searchResults .supplierHeader,
#searchResults .supplierAmenities,
#searchResults .supplierNoteLink {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  position: relative;
}
#searchResults .supplierImage {
  width: 24%;
  float: left;
}
#searchResults .supplierNote,
#searchResults .supplierHeader,
#searchResults .supplierAmenities {
  width: 75%;
}
.turnedOff {
  display: none;
}
#searchPanel .turnedOff {
  display: none;
}
.error_text {
  font-size: 1.1em;
  color: #fb0202;
  margin-bottom: 10px;
  display: block;
}
.bold_text {
  font-weight: bold;
}
.tableborder {
  border: #ccc 1px solid;
  background-color: #EEEEEE;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.tableborder > tbody > tr > td {
  padding: 5px 10px;
}
.box {
  border: #ccc 1px solid;
  background-color: #eee;
  width: 100%;
  max-width: 960px;
}
.box td {
  padding: 10px 5px 5px;
}
.box .iButton {
  float: right;
}
#searchType label {
  display: inline;
}
#searchType label b {
  text-transform: uppercase;
  font-size: .9em;
}
.roomheader {
  font-size: 10px;
}
.big_error_text {
  font-size: 18pt;
  color: Red;
  font-weight: bold;
}
.fyi {
  margin-bottom: 10px;
}
.fyi:last-child {
  margin-bottom: 0;
}
.fyistyle {
  background-color: #ffffd0;
  border: 1px solid black;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}
#divNoResults,
.noRefineResultsMsg {
  font-size: 1.1em;
}
#toggleSearchPanel,
#toggleSearchPanel a {
  text-align: right;
  font-size: 10px;
  text-decoration: none;
}
#loginPanel {
  margin: 10px;
}
#loginPanel td {
  padding: 3px;
}
#loginPanel #tbSwitchSystem_switchSystemButton,
#loginPanel #tSwitchLanguageLogin_switchLanguageButton {
  width: 200px;
}
.resultsItem {
  margin-bottom: 20px;
}
.spacerRow {
  display: none;
}
/* ---------- TARIFF PAGE -------------- */
/* Obscured tariff */
.xslgray {
  margin: 5px 5px 60px 5px;
  border-collapse: collapse;
  background-color: #f7f5f5;
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}
.xslgray tr {
  font-style: italic;
}
.xslgray a {
  color: #999;
  font-weight: bold;
}
/* Main Tariff table */
.tariffresults table:last-child {
  margin: 0 0 20px 0;
}
table.xsl {
  /*    border: medium groove #C0C0C0; */
  /*margin: 0px 0px 20px 0px;*/
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}
/* headings */
.xsl th {
  padding: 7px 0;
  color: #666666;
  font-size: .9em;
  text-transform: uppercase;
}
.tariffHeader {
  min-width: 50px;
  text-align: center;
}
.xsl th .name,
.xsl th .name .tariffHeader {
  width: 200px;
}
.xsl th.blank {
  min-width: 10px;
}
.xsl td {
  border: 1px solid #ccc;
  background-color: #eee;
  font-size: 1.1em;
  padding: 0 4px 0 4px;
}
/* info section */
.info .supplier,
.info .description,
.info .comment,
.info .class,
.info .moreinfourl {
  padding: 5px 15px 0 0;
  font-size: 100%;
}
.optcode {
  text-align: left;
  font-size: 12px;
}
.info .label {
  font-weight: bold;
}
/* rateset section */
.xsl td.name,
.ratename {
  text-align: left;
}
.minscu,
.staypay,
.currency,
.single,
.twin,
.double,
.triple,
.quad,
.extraadult,
.extrachild,
.adult,
.child,
.infant,
.childbreak1,
.childbreak2,
.childbreak3,
.childbreak4,
.childbreak5,
.infantbreak1,
.infantbreak2,
.infantbreak3,
.infantbreak4,
.infantbreak5,
.paxbreak1,
.paxbreak2,
.paxbreak3,
.paxbreak4,
.paxbreak5,
.paxbreak6,
.paxbreak7,
.paxbreak8,
.paxbreak9,
.paxbreak10,
.paxbreak11,
.paxbreak12,
.extras_adult1,
.extras_adult2,
.extras_adult3,
.extras_adult4,
.extras_adult5,
.extras_child1,
.extras_child2,
.extras_child3,
.extras_child4,
.extras_child5,
.extras_infant1,
.extras_infant2,
.extras_infant3,
.extras_infant4,
.extras_infant5,
.offsetmulti,
.offsetunit,
.rultunit,
.ruletype,
.maxscu,
.bookedunittype,
.minbooked,
.maxbooked,
.adultages,
.childages,
.infantages,
.sellbefore,
.chargedextras,
.focextras,
.generic,
.mpfcu,
#tariffResults .offset {
  text-align: center;
}
.tariffresults .NA {
  color: #aaa;
  text-align: center;
}
/* extra nights */
.xsl tr.extranightrate td {
  font-style: italic;
}
.unknown td {
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  font-style: italic;
  color: #FF0000;
}
/* Search  */
/* searchActions */
#searchActionsTop,
#searchActions {
  width: 100%;
  overflow: hidden;
}
#searchActions {
  margin: 10px 0 0 0;
  text-align: right;
}
#tariffbutton,
#expandAll,
#selectAll {
  display: inline-block;
  text-align: left;
  height: 18px;
  margin: 0 5px 0 0;
}
#expandAll span,
#selectAll span {
  padding: 2px 2px 2px 0;
}
#searchbutton {
  display: block;
  float: right;
}
#accounts #searchbutton {
  width: 100%;
}
#expandAllLabel {
  color: #777;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 20px;
}
#selectAllLabel {
  color: #333;
  font-weight: bold;
  font-style: italic;
}
#searchbutton {
  display: inline-block;
  text-align: right;
}
#tariffsearch .grouping .option {
  padding: 5px 5px 5px 32px;
}
#tariffsearch .groupinfo span,
#tariffsearch .detail span {
  margin-right: 10px;
}
#tariffsearch .checkbox {
  width: 50px;
  vertical-align: middle;
}
#tariffsearch .checkbox,
#tariffsearch .detail {
  display: inline-block;
}
#tariffsearch .detail .line {
  display: inline-block;
}
#tariffsearch .detail .label {
  display: none;
}
.expander,
.expander img,
.expander img,
.checkbox,
.checked img,
.unchecked img {
  margin-right: 5px;
  vertical-align: baseline;
}
.expanded .expand,
.collapsed .collapse {
  display: none;
}
.expanded .collapse,
.collapsed .expand {
  display: inherit;
}
.checked .check,
.unchecked .uncheck {
  display: inherit;
}
.checked .uncheck,
.unchecked .check {
  display: none;
}
#tariffActionsTop,
#tariffActions,
#seachActions {
  margin: 10px 0;
  width: 100%;
  display: block;
  overflow: hidden;
}
#tariffFooterInclude {
  border-top: 1px solid #666666;
  padding-top: 10px;
  margin-top: 10px;
}
#printButtonTop,
#printButton {
  margin: 0 5px 0 0;
  float: left;
}
#tariffActionsTop button,
#tariffActions button {
  float: left;
}
button#searchAgainButtonTop,
button#searchAgainButton {
  float: right;
}
/*-------------------------------Tarrif---------------------------------------*/
#tariffResults {
  width: 100%;
  min-height: 600px;
  overflow: auto;
}
.tariffresults {
  width: 100%;
}
table.xslSupplier {
  margin: 0px 0px 10px 0px;
  border: none;
  font-size: 12px;
  width: 100%;
}
#tariffResults .xslSupplier .suppliername {
  font-size: 24px;
  color: #1e1e1e;
  line-height: 1.5;
  margin: 0 0 0.8em;
  transition: all 0.3s ease 0s;
}
#tariffResults .productContentText {
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
}
#tariffResults .label {
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
  vertical-align: top;
  padding-top: 2px;
}
#tariffResults .toggleNote {
  padding-left: 5px;
}
#tariffResults .xsl th {
  border-bottom: 2px solid #666666;
  vertical-align: bottom;
}
#tariffResults .xsl td {
  vertical-align: top;
}
#tariffResults .options .xsl td.optionInfo {
  border: none;
  background-color: #ffffff;
}
#tariffResults .options .xsl td.optionInfo .suppliername {
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
}
#tariffResults .options .xsl td {
  font-size: 12px;
}
#tariffResults .options .xsl td.name {
  white-space: nowrap;
  padding-left: 2px;
}
#tariffResults .options table.xsl {
  margin: 20px 0 5px;
}
#tariffsearch .grouping {
  margin: 0 0 20px 0;
}
#tariffsearch .option {
  border-top: 1px solid #ccc;
  padding: 3px;
}
#tariffResults .TarifNote,
#tariffResults .suppliernote {
  font-weight: normal;
}
#tariffResults .suppliers .options .optcode {
  font-size: 10px;
  font-weight: normal;
}
#tariffResults .suppliers .options .description {
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px;
  white-space: nowrap;
}
.msgnote {
  display: inline-block;
}
tariffResults .suppliers table.xsl {
  margin: 0 0 10px;
}
#tariffResults .suppliers .options table.xsl {
  margin: 0px;
}
#tariffResults .suppliers .options .option {
  margin: 0px 0 10px;
  border-top: none;
}
#tariffResults .suppliers .xsl td {
  padding: 2px 8px 2px 0;
}
#tariffsearch .options,
#tariffsearch .groupfooter {
  font-weight: normal;
}
#tariffsearch .groupfooter {
  padding: 0 35px;
  border-top: 1px solid #ccc;
}
#tariffResults .supplierpinnote,
#tariffResults .msgnote {
  font-weight: normal;
}
#resultsPanel.onlineTariff .grouping {
  border: 2px solid #ccc;
}
#resultsPanel.onlineTariff .group {
  border: none;
  background-color: #eee;
  padding: 5px 2px;
  color: #666;
  padding-bottom: 5px;
  font-size: 1.1em;
}
/************************  SearchParams **********************/
#ucSearch {
  position: relative;
  top: 0;
  left: 0;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
}
/* Groupings */
#ucSearch p,
#ucSearchRefine p {
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
#ucSearch_serviceGroupSection,
#ucSearch_locationGroupSection {
  width: 47%;
  padding: 10px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0 !important;
}
#ucSearch_serviceGroupSection {
  border-right: 1px solid #cccccc;
}
#ucSearch_filterGroupSection,
#ucSearch_medialibraryGroupSection {
  position: relative;
  border-top: 1px solid #cccccc;
  padding: 10px;
  clear: both;
}
/* margins between sections */
#ucSearch_serviceGroupSection div,
#ucSearch_locationGroupSection div {
  margin: 3px 0;
}
#ucSearch_serviceGroupSection select,
#ucSearch_locationGroupSection select {
  width: 200px;
}
#ucSearch_filterGroupSection {
  clear: both;
}
#ucSearch div {
  margin-bottom: 5px;
}
#ucSearch_fromDateSection,
#ucSearch_toDateSection,
#ucSearch_scuSection {
  width: 47%;
  display: inline-block;
  vertical-align: top;
}
#ucSearch_toDateSection {
  padding-left: 30px;
}
#ucSearch_fromDate_icon,
#ucSearch_toDate_icon,
#ucSearch_mapToggleIcon {
  position: relative;
  top: -5px;
}
#ucSearch_filterGroupSection .ui-datepicker-inline div {
  margin: 0 0 0;
}
#ucSearch_searchAllSection label {
  white-space: nowrap;
  width: 250px;
}
#ucSearch_fromDateSection span#ucSearch_fromDate,
#ucSearch_toDateSection span#ucSearch_toDate {
  display: inline-block;
  vertical-align: baseline;
  line-height: normal;
}
#ucSearch_fromDate_calendar,
#ucSearch_toDate_calendar,
#ucSearchAddService_fromDate_calendar,
#ucSearchAddService_toDate_calendar {
  position: absolute;
  z-index: 1000000;
}
#ucSearch_fromDateSection select,
#ucSearch_toDateSection select,
#ucSearch_fromDateSection IMG,
#ucSearch_toDateSection img {
  vertical-align: middle;
}
#ucSearch_fromDate select,
#ucSearch_toDate select {
  width: 50px;
  margin-right: 5px;
}
#ucSearch_scuSection select#ucSearch_scu,
#ucSearch_roomSection select {
  width: 50px;
}
#ucSearch_priceCodeSection select,
#ucSearch_sortSection select {
  width: 200px;
}
/* other filters */
#ucSearch_mapToggleIcon {
  vertical-align: middle;
  width: 30px;
}
ucSearch_searchRooms,
#ucSearch_roomSection,
#ucSearch_sortSection {
  width: 100%;
}
#ucSearch label {
  display: inline-block;
  width: 150px;
}
#ucSearch_sortSection span {
  display: inline-block;
  margin-right: 10px;
}
#ucSearch_medialibrarySection #ucSearch_medialibraryKeywordSection {
  display: inline-block;
  width: 350px;
  width: 47%;
  padding-right: 30px;
}
#ucSearch_medialibrarySection #ucSearch_medialibraryTypeSection {
  display: inline-block;
  width: 270px;
}
#ucSearch_minAvailabilitySection {
  clear: both;
}
#ucSearch_minAvailabilitySection input {
  margin-right: 5px;
  border: none;
  vertical-align: middle;
}
#ucSearch_searchAllSection {
  padding: 3px 5px 3px 120px;
  overflow: auto;
}
#ucSearch_searchAllSection input {
  margin-top: 2px;
}
#ucSearch_searchAllSection input,
#ucSearch_searchAllSection label {
  line-height: normal;
  float: left;
  vertical-align: middle;
  margin-right: 5px;
}
.large {
  width: 70px !important;
}
.paxSelect {
  display: inline-block !important;
  margin-right: 10px;
}
/* --- Styling for room and pax select (new in 4.1.xx) ---*/
div[class^=tp-room-row-] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
div[class=tp-pax-select-row] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
div[class=tp-pax-select-row] label {
  width: 60px !important;
  font-size: 10px;
  text-transform: uppercase;
  display: block !important;
}
div[class=tp-pax-select-row] input {
  min-width: 50px !important;
  max-width: 50px !important;
  display: inline-block !important;
  margin-right: 10px;
}
div[class=tp-pax-select-row] .disabled {
  background: #e5e5e5;
}
div[class=tp-pax-select-row] label.large {
  width: 70px !important;
}
div[class=room-label] {
  padding-top: 20px;
}
div[class=room-button] {
  padding-top: 18px;
  padding-left: 10px;
}
div[class=room-button] .iButton {
  font-size: .8em;
  padding: 5px 12px;
}
.roomQuantity.error,
.calendarYear.error,
.calendarMonth.error,
.calendarDay.error {
  border: 1px solid red;
}
/* ------------------------ MORE INFO PAGE ---------------------------- */
#optioninfo,
#optioninforesults,
#supplierinfo,
#bookingtransactions,
#optioninfo_pdf,
#supplierinfo_pdf {
  background-image: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}
#optioninfo #content,
#optioninfo_pdf #content {
  width: inherit;
}
#supplierinfo #pagewrap,
#bookingtransactions #pagewrap,
#supplierinfo_pdf #pagewrap {
  width: auto;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div.description {
  font-weight: normal;
  font-size: 80%;
}
#optioninfo #pagewrap,
#optioninforesults #pagewrap {
  width: auto;
  min-width: 100%;
  display: inline-block;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
}
#optioninfo #pagewrap #main,
#supplierinfo #pagewrap #main,
#bookingtransactions #pagewrap #main {
  width: auto;
  border: none;
}
#optioninfo #pagewrap #footer,
#optioninforesults #pagewrap #footer,
#supplierinfo #pagewrap #footer,
#bookingtransactions #pagewrap #footer {
  display: none;
}
.compulsoryExtraLabelColumn::after {
  content: " **";
}
#bookingTransactionsDiv {
  padding: 20px;
}
.dataTables_wrapper {
  padding-top: 20px;
}
#optioninfo .banner_logo,
#optioninforesults .banner_logo,
#supplierinfo .banner_logo {
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.compulsoryExtraText,
.stayPayFocText {
  font-style: italic;
  font-size: 0.9em;
}
#optioninforesults #ratesContent label {
  width: 100px;
  display: inline-block;
}
#optioninforesults #ratesContent .roomQuantity {
  width: 50px;
}
#searchParametersPanel {
  padding: 5px;
  background: #eee;
  border: #ccc solid 1px;
  width: 450px;
}
#optionInfo_roomSection .room-button {
  display: flex;
}
#optionInfo_roomSection .room-button input {
  width: 40px;
  padding: 7px;
}
#rateSearch .content {
  width: 50%;
}
/*-------------------------------------More info---------------------------------------------*/
.supplierblock {
  margin-top: 10px;
}
.productblock {
  margin-top: 10px;
}
#productContent #divLanguage,
#supplierContent #divLanguage,
#productContent_pdf #divLanguage,
#supplierContent_pdf #divLanguage {
  float: right;
}
#productContent .title .button,
#supplierContent .title .button,
#productContent .title .class,
#supplierContent .title .class,
#productContent_pdf .title .button,
#supplierContent_pdf .title .button,
#productContent_pdf .title .class,
#supplierContent_pdf .title .class {
  font-size: 16px;
  color: #999999;
  font-weight: normal;
}
#productContent .locationdescription,
#supplierContent .locationdescription,
#productContent_pdf .locationdescription,
#supplierContent_pdf .locationdescription {
  text-transform: uppercase;
}
#supplierContent .info,
#productContent .info,
#supplierContent_pdf .info,
#productContent_pdf .info {
  margin-bottom: 10px;
}
#supplierContent .title,
#productContent .title,
#supplierContent_pdf .title,
#productContent_pdf .title {
  margin-bottom: 10px;
}
#productContent img,
#supplierContent img,
#productContent_pdf img,
#supplierContent_pdf img {
  box-shadow: 1px 2px 1px #d1d1d1;
  width: 98.5%;
}
.moreInfoImageContainer {
  margin-bottom: 16px;
}
span.moreInfoImageLabel {
  text-align: center;
  font-size: .9em;
  display: block;
  width: 100%;
  line-height: 1.4;
}
#productContent .notes,
#supplierContent .notes,
#productContent_pdf .notes,
#supplierContent_pdf .notes {
  border-bottom: none;
}
#productContent .images .sideblock,
#supplierContent .images .sideblock,
#productContent_pdf .images .sideblock,
#supplierContent_pdf .images .sideblock {
  text-align: left;
}
#productContent .images .mainblock,
#supplierContent .images .mainblock,
#productContent_pdf .images .mainblock,
#supplierContent_pdf .images .mainblock {
  text-align: right;
}
#productContent .subheading,
#productContent .subtitle,
#supplierContent .subheading,
#supplierContent .subtitle,
#productContent_pdf .subheading,
#productContent_pdf .subtitle,
#supplierContent_pdf .subheading,
#supplierContent_pdf .subtitle {
  font-weight: normal;
}
#productContent .productContentText,
#productContent_pdf .productContentText {
  font-weight: normal;
  font-size: 1.3em;
}
/* Zenrin map CSS fix */
#productContent .googlemap img,
#supplierContent .googlemap img,
#productContent_pdf .googlemap img,
#supplierContent_pdf .googlemap img {
  border: initial;
  max-width: initial;
  height: initial;
  width: initial;
}
/* ------------------------ PRODUCT CONTENT ---------------------------- */
#productContent,
#supplierContent,
.option,
#productContent_pdf,
#supplierContent_pdf {
  overflow: hidden;
}
#productContent .mainblock,
#supplierContent .mainblock,
#productContent_pdf .mainblock,
#supplierContent_pdf .mainblock {
  float: left;
  width: 50%;
  padding: 0px;
}
#productContent .sideblock,
#supplierContent .sideblock,
#productContent_pdf .sideblock,
#supplierContent_pdf .sideblock {
  float: right;
  width: 40%;
  padding: 0 0px 5px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#productContent .halfblock,
#supplierContent .halfblock,
#productContent_pdf .halfblock,
#supplierContent_pdf .halfblock {
  float: left;
  width: 44%;
  margin: 3px;
}
#productContent .productContentText,
#productContent_pdf .productContentText {
  margin: 0 0 15px;
}
.separator {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spacer {
  margin-bottom: 10px;
}
.alignright {
  text-align: right;
}
.bold {
  font-weight: bold;
}
#productContent .info,
#productContent_pdf .info {
  margin-top: 0px;
  margin-bottom: 12px;
  padding-left: 10px;
  padding-bottom: 10px;
}
#productContent .notes,
#supplierContent .notes,
#productContent_pdf .notes,
#supplierContent_pdf .notes {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
#productContent .notes .note,
#supplierContent .notes .note,
#productContent_pdf .notes .note,
#supplierContent_pdf .notes .note {
  padding: 0px 0px 10px 0px;
}
#productContent .mainblock .note,
#supplierContent .mainblock .note,
#productContent_pdf .mainblock .note,
#supplierContent_pdf .mainblock .note {
  padding-bottom: 10px;
}
#productContent .notes table,
#supplierContent .notes table,
#productContent_pdf .notes table,
#supplierContent_pdf .notes table {
  width: auto;
}
#productContent .logos img,
#supplierContent .logos img,
#productContent_pdf .logos img,
#supplierContent_pdf .logos img {
  max-width: 100%;
  max-height: 100%;
}
#productContent .amenities.supplier ul,
#productContent .amenities.product ul,
#supplierContent .amenities ul,
#supplierContent .amenities ul,
#productContent div.amenity,
#supplierContent div.amenity,
#productContent_pdf .amenities.supplier ul,
#productContent_pdf .amenities.product ul,
#supplierContent_pdf .amenities ul,
#supplierContent_pdf .amenities ul,
#productContent_pdf div.amenity,
#supplierContent_pdf div.amenity {
  background-color: #eee;
  margin: 0 0 0 10px;
  padding: 10px 0 0 10px;
}
#productContent .amenities.supplier,
#productContent .amenities.product,
#supplierContent .amenities,
#supplierContent .amenities,
#productContent_pdf .amenities.supplier,
#productContent_pdf .amenities.product,
#supplierContent_pdf .amenities,
#supplierContent_pdf .amenities {
  padding-bottom: 10px;
}
#productContent div.amenities .amenities,
#supplierContent div.amenities .amenities,
#productContent_pdf div.amenities .amenities,
#supplierContent_pdf div.amenities .amenities {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 10px;
}
#productContent div.amenity,
#supplierContent div.amenity,
#productContent_pdf div.amenity,
#supplierContent_pdf div.amenity {
  display: list-item;
  list-style-image: url("theme/images/amenity.png");
  list-style-position: inside;
}
#productContent .amenity,
#productContent_pdf .amenity {
  font-weight: normal;
}
#productContent .sideblock .images,
#productContent_pdf .sideblock .images {
  background-color: #fff;
  padding: 10px;
}
#productContentEnd {
  clear: both;
}
#productContent .label,
#supplierContent .label,
#productContent_pdf .label,
#supplierContent_pdf .label {
  font-weight: bold;
}
#productContent #errorText,
#productContent_pdf #errorText {
  font-size: 16px;
}
#optioninfo #close,
#optioninforesults #close,
#supplierinfo #close {
  text-align: center;
  margin-left: 45%;
  padding-bottom: 10px;
}
#optioninfo .banner_logo,
#optioninfo .banner_logo_repeat,
#optioninforesults .banner_logo,
#optioninforesults .banner_logo_repeat,
#supplierinfo .banner_logo,
#supplierinfo .banner_logo_repeat {
  display: none;
}
#ucRateDate,
#ucTravelDate,
#dateFrom,
#dateTo,
#ucServiceDate,
#ucDateEnteredFrom,
#ucDateEnteredTo {
  position: relative;
  top: 0;
  left: 0;
}
#ucRateDate_calendar,
#ucTravelDate_calendar,
#dateFrom_calendar,
#dateTo_calendar,
#ucServiceDate_calendar,
#ucDateEnteredFrom_calendar,
#ucDateEnteredTo_calendar {
  position: absolute;
  z-index: 1000000;
}
#ucRateDate select,
#ucTravelDate select,
#dateFrom select,
#dateTo select,
#ucServiceDate select,
#ucRateDate img,
#ucTravelDate img,
#dateFrom img,
#dateTo img,
#ucServiceDate img,
#ucDateEnteredFrom select,
#ucDateEnteredTo select,
#ucDateEnteredFrom img,
#ucDateEnteredTo img {
  vertical-align: middle;
  margin-right: 2px;
}
/*  GALLERY */
.productContentList {
  text-align: left;
  width: 100%;
}
.gallery_left {
  float: left;
  width: 400px;
  padding-left: 20px;
}
.gallery_thumbnails {
  float: right;
  width: 200px;
}
.gallery {
  padding: 3px;
  width: 400px;
}
.img_gallery {
  border: solid 1px #ccc;
  width: 200px;
}
.gallery_thumbnail {
  padding: 3px;
  border: solid 1px #ccc;
  width: 150px;
  text-align: center;
  vertical-align: middle;
}
.resize {
  width: 300px;
  height: auto;
}
.resize_thumbnail {
  width: auto;
  height: 50px;
}
/*----------------------------------------Gallery-------------------------------------------*/
#slideshow img {
  max-width: 500px;
  min-width: 300px;
}
/* ------------------------ Availability ---------------------------- */
.group {
  border: 2px solid #ccc;
}
.grouping,
.grouping {
  margin-top: 10px;
}
.grouping .option {
  /*padding: 5px 10px; */
  border-top: 1px solid #ccc;
}
.groupheader .locality,
.groupheader .class,
.groupheader .supplierpostcode {
  margin-left: 10px;
  font-size: 1em;
}
.grouping .highlight {
  background-color: #f6f6f6;
}
.groupheader {
  background-color: #eee;
  padding: 5px 2px;
  color: #666;
  padding-bottom: 5px;
  font-size: 1.1em;
}
.groupheader a,
.groupheader a:visited {
  color: #666;
  text-decoration: none;
}
.groupheader a:hover {
  color: #3d82ab;
}
.expander img {
  position: relative;
  top: 4px;
  left: 3px;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding: 0px !important;
  background-color: transparent !important;
}
.expander,
.next,
.previous {
  cursor: pointer;
}
.group .label {
  font-weight: bold;
  display: inline;
}
#availGrid {
  padding: 0px;
  margin: 0px;
  width: 100%;
  border-spacing: 0;
}
.availOpt {
  width: 17px;
  height: 17px;
}
#availGrid tr {
  padding: 0px;
  margin: 0px;
}
#availGrid tr td {
  margin: 0px;
  padding: 5px 2px;
}
#availGrid .label {
  width: 20%;
  padding: 5px 2px;
  font-weight: normal;
}
#availGrid .availablity {
  width: 15px;
  text-align: center;
  border-left: 1px solid #ccc;
}
.navigation {
  width: 100%;
  overflow: hidden;
}
.next {
  float: right;
  width: 50%;
  text-align: right;
}
.previous {
  float: left;
  width: 50%;
}
#availGrid .month {
  text-align: center;
  border: none;
}
#availGrid th.day {
  text-align: center;
}
#availGrid .availablity a,
#availGrid {
  text-decoration: none;
}
#availGrid .availablity a:hover {
  text-decoration: none;
}
#availGrid .RQ {
  background-color: #fdc689;
}
#availGrid .OK,
#availGrid .FS {
  background-color: #c4df9b;
}
#availGrid .NO {
  background-color: #fbc6c8;
}
#availGrid .highlight {
  background-color: #f6f6f6;
}
#availGrid .highlight .RQ {
  background-color: #fea340;
}
#availGrid .highlight .OK,
#availGrid .highlight .FS {
  background-color: #45d058;
}
#availGrid .highlight .NO {
  background-color: #f68d91;
}
#availabilitysearchresults .option {
  padding: 0px;
}
#availabilitysearchresults .normal,
#availabilitysearchresults .highlight {
  border-top: 1px solid #ccc;
}
/* ------------------------ Product Search ---------------------------- */
/*.supplierThumbNail {
    width: 205px;
}*/
#divResults img.supplierThumbNail {
  box-shadow: 1px 2px 1px #d1d1d1;
  margin-top: 8px;
  width: 98%;
}
#divResults span.supplierTumbNailLabel {
  text-align: center;
  font-size: .9em;
  display: flex;
  width: 100%;
  justify-content: center;
}
#productsearchresults .group {
  border: none;
}
#productsearchresults .grouping {
  border: 1px solid #ccc;
}
#productsearchresults .grouping .option {
  border-top: 1px solid #ccc;
  padding: 5px;
}
#productsearchresults .comment {
  margin-left: 20px;
  font-style: italic;
}
/*-------------------------------------Media Library----------------------------------------*/
#medialibrary .parent,
#mediaContent .parent {
  background-color: #eee;
  border: 1px solid #ccc;
  margin-top: 20px;
}
#medialibrary .parent td {
  padding: 3px 0;
  margin: 0 0 0 0;
}
table#medialibrarytable {
  width: 100%;
  /*border-collapse: collapse;*/
  border-spacing: 0 3px;
}
table#medialibrarytable td {
  margin: 0;
}
table#medialibrarytable .initialized td {
  border-bottom: 1px solid #CCCCCC;
  padding: 3px;
}
.galleryLink,
.galleryLink a {
  text-align: right;
  padding-right: 5px;
  min-width: 100px;
}
.treeTable tr.collapsed td .expander {
  width: 20px;
}
/*-----------------------------Media LibraryGallery-------------------------------------------*/
#medialibrarygallery #resultsPanel {
  margin-top: 10px;
}
#galleryMediaLibrary {
  margin: 10px;
  padding: 5px;
  width: 80%;
}
#galleryList {
  width: 100%;
}
.galleryItem {
  width: 200px;
  height: 250px;
  display: inline-block;
  padding: 10px;
  margin: 5px;
}
.galleryItemAuto {
  display: inline-block;
  padding: 10px;
  margin: 5px;
}
.galleryImageAuto {
  width: 277px;
  height: 200px;
}
#closeLink {
  text-align: center;
}
/*-----------------------------AGENT AREA -------------------------------------------*/
.advertContainer {
  max-width: 980px;
  min-width: 740px;
  margin-top: 20px;
}
.advertItem {
  display: inline-block;
  max-width: 306px;
  width: 30%;
  margin-right: 4%;
  position: relative;
  background-color: #1e1d27;
  margin-bottom: 20px;
}
.advertItem:last-child {
  margin-right: 0px;
}
.advertItem:hover {
  opacity: 0.5;
}
.advertHeader {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  background-color: #1e1d27;
  color: #fff;
  padding: 10px 5px;
  text-align: center;
}
/*-----------------------------ADD SERVICE -------------------------------------------*/
#addServicePage .title {
  display: inline-block;
}
#divSearchAddService {
  border: 1px solid #cccccc;
  background-color: #eee;
  padding: 10px 10px 15px;
  margin-top: 10px;
}
#ucSearchAddService label,
#divSupplierOnly label {
  display: inline-block;
  width: 150px;
}
#ucAmendServiceDateSection label {
  display: inline-block;
  width: 150px;
}
#ucAmendServiceDateSection_fromDateSection,
#ucAmendServiceDateSection_toDateSection,
#ucAmendServiceDateSection_scuSection {
  width: 47%;
  display: inline-block;
  margin-bottom: 5px;
}
#ucAmendServiceDateSection_fromDateSection.turnedOff,
#ucAmendServiceDateSection_toDateSection.turnedOff,
#ucAmendServiceDateSection_scuSection.turnedOff {
  display: none;
}
#ucSearchAddService #ucSearchAddService_fromDate_day,
#ucSearchAddService #ucSearchAddService_fromDate_month,
#ucSearchAddService #ucSearchAddService_fromDate_year,
#ucSearchAddService #ucSearchAddService_toDate_day,
#ucSearchAddService #ucSearchAddService_toDate_month,
#ucSearchAddService #ucSearchAddService_toDate_year {
  margin-right: 5px;
  width: 50px;
}
#ucAmendServiceDateSection #ucAmendServiceDateSection_fromDate_day,
#ucAmendServiceDateSection #ucAmendServiceDateSection_fromDate_month,
#ucAmendServiceDateSection #ucAmendServiceDateSection_fromDate_year,
#ucAmendServiceDateSection #ucAmendServiceDateSection_toDate_day,
#ucAmendServiceDateSection #ucAmendServiceDateSection_toDate_month,
#ucAmendServiceDateSection #ucAmendServiceDateSection_toDate_year,
#ucAmendServiceDateSection_scu {
  margin-right: 5px;
  width: 50px;
}
#ucSearchAddService_roomSGSection,
#ucSearchAddService_roomTWSection,
#ucSearchAddService_roomDBSection,
#ucSearchAddService_roomTRSection,
#ucSearchAddService_roomQDSection {
  display: inline-block;
  margin-right: 5px;
  left: -2px;
  position: relative;
}
#ucSearchAddService_roomSGSection label,
#ucSearchAddService_roomTWSection label,
#ucSearchAddService_roomDBSection label,
#ucSearchAddService_roomTRSection label,
#ucSearchAddService_roomQDSection label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  width: 50px;
}
#ucSearchAddService_fromDate_icon,
#ucSearchAddService_toDate_icon {
  position: relative;
  top: 10px;
}
#ucAmendServiceDateSection_fromDate_icon,
#ucAmendServiceDateSection_toDate_icon {
  position: relative;
  top: 10px;
}
#ucAmendServiceDateSection_fromDate,
#ucAmendServiceDateSection_toDate {
  position: inherit;
  right: 3px;
}
#ucAmendServiceDateSection_scu {
  right: 3px;
  top: 10px;
}
#ucAmendServiceDateSection_fromDate_calendar,
#ucAmendServiceDateSection_toDate_calendar {
  right: 0px;
  position: absolute;
  z-index: 1000000;
}
#ucSearchAddService_serviceGroupSection,
#ucSearchAddService_locationGroupSection,
#ucSearchAddService_priceCodeSection,
#ucSearchAddService_sortSection,
#ucSearchAddService_minAvailabilitySection,
#ucSearchAddService_dateRangeSection {
  display: none;
}
#ucSearchAddService_fromDateSection,
#ucSearchAddService_toDateSection,
#ucSearchAddService_scuSection,
#ucSearchAddService_paxSection,
#ucSearchAddService_roomSection {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
#ucSearchAddService_roomSection {
  display: block;
  width: 100%;
}
#ucSearchAddService_roomSection .roomQuantity,
#ucSearchAddService_paxSection .roomQuantity {
  width: 50px;
}
#divSupplierOnly {
  display: inline-block;
}
#addService_BottomMessage {
  text-align: right;
}
.cancelPolicyWarning {
  margin-bottom: 0;
}
table.resultList .center {
  text-align: center;
}
#addService_SaveButton {
  float: right;
}
#shoppingCart_SaveButton .iButton {
  margin-left: 832px;
}
#shoppingCart_SaveButton .h4Label {
  padding-left: 500px;
}
#shoppingCart_SaveButton h4 {
  padding-bottom: 10px;
  padding-right: 10px;
  font-weight: bold;
  text-align: right;
}
#passsengerDetailsSection .addService_ChangeSearch {
  float: right;
}
#optionDetailsSection {
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
}
#addServiceBookingExtra,
#expandStartBookingArrangement,
#editQuoteRoomConfigs,
.editQuoteBookingExtra,
.editQuoteBookingArrangement {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}
#addServiceBookingExtra table,
#expandStartBookingArrangement table,
#editQuoteRoomConfigs table,
.editQuoteBookingExtra table,
.editQuoteBookingArrangement table {
  margin-bottom: 0;
}
#optionDetailsSection,
#addServiceBookingDetails,
#addServiceBookingExtra,
#expandStartBookingArrangement,
#passsengerDetailsSection,
#editQuoteBookingDetails,
.editQuoteBookingExtra,
.editQuoteBookingArrangement {
  margin: 10px 0 30px;
}
#optionDetailsSection .labelColumn,
#addServiceBookingDetails .labelColumn,
#addServiceBookingExtra .labelColumn,
#expandStartBookingArrangement .labelColumn,
#passsengerDetailsSection .labelColumn,
#editQuoteBookingDetails .labelColumn,
.editQuoteBookingExtra .labelColumn {
  width: 150px;
  display: inline-block;
}
#optionDetailsSection > div,
#addServiceBookingDetails > div,
#addServiceBookingExtraWrapper > div,
#expandContentBookingArrangement > div,
#passsengerDetailsSection > div,
#editQuoteBookingDetails > div {
  margin-bottom: 5px;
}
#addServiceBookingExtraWrapper,
#expandContentBookingArrangement,
#editQuoteBookingExtraWrapper {
  margin-top: 15px;
}
#addService_headerDetails {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
#addService_detailsLeft,
#addService_detailsRight {
  display: flex;
  flex-flow: column nowrap;
}
#addService_detailsLeft > div,
#addService_detailsRight > div {
  padding-bottom: 5px;
}
#addService_detailsRight {
  align-self: flex-end;
}
.addService_ChangeSearch a {
  /*text-decoration: underline;*/
  text-transform: uppercase;
  font-size: .9em;
  margin-left: 20px;
  font-weight: bold;
}
.extraPricingLink a {
  /*text-decoration: underline;*/
  text-transform: uppercase;
  font-size: .9em;
  margin-left: 38px;
  font-weight: bold;
}
.optionparams h3 {
  border-bottom: 1px solid #1e1e1e;
  color: #1e1e1e;
}
table.rblQuoteOrBooking {
  margin-bottom: 0px;
  display: inline-block;
}
.rblQuoteOrBooking label {
  margin-right: 10px;
}
.totalPrice {
  display: inline-block;
  float: right;
  font-size: 20px;
  color: #1e1e1e;
  font-weight: bold;
}
div#totalPriceSecondaryLabel {
  display: inline-block;
  text-align: right;
  font-size: .9em;
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  top: -7px;
  color: #1e1e1e;
}
.optionNameHeading {
  font-size: 16px;
}
.searchCriteria {
  display: block;
  text-align: right;
  font-size: 14px;
}
.addServiceProductNote {
  margin-bottom: 5px;
}
.addServiceProductNoteQuestion {
  border: 1px solid black;
  padding: 5px;
}
#paxTypeRbDob {
  margin-left: 10px;
}
.paxRowLabel {
  float: left;
  width: 100px;
}
.paxRowValue {
  margin-left: 100px;
}
#paxFieldSet {
  display: inline;
  width: 500px;
}
#roomsFieldSet {
  display: inline;
  width: 100%;
}
#paxInBookingDiv {
  padding: 10px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 7px 0;
}
#paxList {
  margin-left: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-padding-start: 0px;
}
#roomsDiv {
  margin-top: 8px;
}
.roomDiv {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px;
  background-color: #eee;
  border: 1px solid #ccc;
}
#paxRoomHeading {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.roomHeading,
#paxLimitsDiv,
.roomTypeHeading,
#paxnumDiv {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  display: inline-block;
  margin-right: 20px;
}
#deleteRoom {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  display: inline-block;
  margin-right: 2px;
  float: right;
}
#roomsDiv .plusMinusButton {
  margin-right: 5px;
}
.roomDiv legend {
  margin-bottom: 5px;
}
#btnRemoveRoom {
  float: Right;
}
#paxSelection {
  /*float: left;*/
  margin: 10px;
}
.paxnum {
  float: left;
  vertical-align: middle;
  margin-right: 7px;
}
.roomtype {
  float: left;
  vertical-align: middle;
  margin-right: 7px;
}
.maxadults {
  margin-right: 20px;
  display: inline-block;
}
.paxRow {
  /*float:none;*/
  margin-bottom: 3px;
}
.ui-dialog-titlebar-close {
  float: right;
}
.paxRow input[type="text"] {
  width: 250px;
}
.addServicePaxDialog {
  overflow: visible !important;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}
.paxButton {
  padding: 0.2em 0.5em;
  background: #fff;
  cursor: pointer;
  display: inline-block;
  width: 500px;
  color: #000;
  border: 1px solid #CCCCCC;
}
.paxButtonError {
  padding: 0.2em 0.5em;
  background: #FFC4C4;
  cursor: pointer;
  display: inline-block;
  width: 500px;
  color: #000;
  border: 1px solid #CCCCCC;
}
.paxButton .paxInfo,
.paxEntry .paxInfo {
  font-size: 0.8em;
  color: #666666;
}
.paxButton .paxInfo .paxDOB,
.paxEntry .paxInfo .paxDOB {
  float: right;
}
.clearPassenger {
  padding: 0;
  margin: 16px 0;
  vertical-align: top;
}
#paxdialog {
  overflow: visible;
  padding: 10px;
  background-color: #eee;
  border: 1px solid #ccc;
}
#paxselectiondialog .paxEntry {
  background: #EEE;
  margin: 5px 0;
  padding: 0.2em 0.5em;
}
#paxselectiondialog .paxEntry:hover {
  background: #CCC !important;
}
#paxselectiondialog .paxEntry.selected {
  border: 2px solid #3D82AB;
}
#paxselectiondialog .paxName.newPax {
  width: 250px;
  display: inline-block;
  vertical-align: top;
}
#paxselectiondialog .paxEntry .paxEdit {
  float: right;
}
#paxselectiondialog #newPassengerButton {
  float: right;
}
.rblQuoteOrBooking {
  width: 150px;
}
#btnSave {
  float: right;
}
#addService_PaxAgePolicy {
  height: 20px;
}
#addService_PaxAgePolicy .labelColumn {
  width: 180px;
}
/*-----------------------------EDIT SERVICE -------------------------------------------*/
.extraCompulsory {
  display: inline-block;
  font-style: italic;
  margin-left: 10px;
  font-size: .9em;
}
#addService_DropoffTime #dropoffTimeHours,
#addService_DropoffTime #dropoffTimeMinutes {
  margin-bottom: 0px;
}
#addservice .AmendBookedServiceMode #ucAmendServiceDateSection_toDate_day {
  pointer-events: none;
}
#addservice .AmendBookedServiceMode #ucAmendServiceDateSection_toDate_month {
  pointer-events: none;
}
#addservice .AmendBookedServiceMode #ucAmendServiceDateSection_toDate_year {
  pointer-events: none;
}
#addservice .AmendBookedServiceMode #ucAmendServiceDateSection_toDate_icon {
  pointer-events: none;
}
#addservice .AmendBookedServiceMode #ucAmendServiceDateSection_scu {
  pointer-events: none;
}
/*-----------------------------EDIT QUOTE-----------------------------*/
#editQuoteServiceHeader {
  width: 100%;
  display: -webkkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  font-weight: bold;
  border-bottom: 2px solid #666;
  text-transform: uppercase;
  font-size: .9em;
  padding: 0px 5px;
}
#editQuoteServiceHeader #headerDate {
  -webkit-flex: 1;
  flex: 1;
}
#editQuoteServiceHeader #headerService {
  -webkit-flex: 6;
  flex: 6;
}
#editQuoteServiceHeader #headerAction {
  -webkit-flex: 1;
  flex: 1;
}
.editQuoteServiceRow {
  width: 100%;
  display: -webkkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-bottom: 15px;
}
.editQuoteServiceRow .dateSCU {
  /*border-right:  1px solid red; */
  /*border-left: 1px solid red;*/
  -webkit-flex: 1;
  flex: 1;
}
.editQuoteServiceRow .serviceSupplier {
  /*border-right:  1px solid red; */
  -webkit-flex: 5;
  flex: 5;
}
.editQuoteServiceRow .deleteServiceButton {
  /*border:  1px solid red; */
  /*padding: 7px;*/
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  /*align-self: center;*/
}
.deleteServiceButton .dataColumn {
  float: right;
}
div[id^="paxRoomHeading-"] {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
div[id^="paxRoomHeading-"] .roomType {
  font-weight: bold;
}
div[id^="paxRoomHeading-"] .roomHeading,
.roomTypeHeading {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  display: inline-block;
  margin-right: 20px;
}
div[id^="paxnumDiv-"] {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  display: inline-block;
  margin-right: 20px;
}
div[id^="paxLimitsDiv-"] {
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  display: inline-block;
  margin-right: 20px;
}
div[id^="paxSelection-"] {
  margin: 10px;
}
div[id^="editQuoteServiceSection-"] {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
  background: #fcfcfc;
  border: 1px solid #ccc;
}
.col2-1 {
  width: 58%;
  display: inline-table;
}
.col2-2 {
  width: 38%;
  display: inline-table;
  margin-left: 20px;
}
.col2-1-x {
  width: 48%;
  display: inline-table;
}
.col2-2-x {
  width: 48%;
  display: inline-table;
  margin-left: 20px;
}
.col2_label {
  width: 180px;
}
.labelColumn .required,
.col2_label .required,
.textbox_widget .required,
.checkboxlist_widget .required {
  color: red;
}
.vertical-middle {
  vertical-align: middle;
}
.long-input {
  width: 56%;
  margin-bottom: 20px;
}
.col2-align-bottom-right {
  vertical-align: bottom;
}
#agentregistration .iButton {
  margin-right: 15px;
  margin-bottom: 4px;
}
.checkboxlist_widget {
  margin-bottom: 18px;
}
.checkboxlist_fields label {
  padding-right: 32px;
}
.pickupdropoff_display,
.resultList .remarks_display,
.resultList .extras_display,
.resultList .roomconfig_display,
.resultList .ratedescription_display,
.externalAdditionalDetails {
  display: flex;
}
.ui-dialog.tpDialog {
  border: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.ui-dialog.tpDialog .ui-widget-content {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.ui-dialog.tpDialog .ui-dialog-titlebar {
  display: none;
}
.ui-dialog.tpDialog button {
  background-color: #3d82ab;
  color: #ffffff;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 5px 20px;
  text-transform: uppercase;
  min-width: 80px;
}
.ui-dialog.tpDialog div {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
}
.ui-dialog.tpDialog button.ui-state-hover {
  background-color: #2b607f;
  border: 1px solid white;
}
/* google map styling fix */
#productContent .googlemap img {
  box-shadow: inherit;
  border: inherit;
  border-radius: inherit;
  background: inherit;
  margin: 0;
  padding: 0;
}
#supplierContent .googlemap img {
  box-shadow: inherit;
  border: inherit;
  border-radius: inherit;
  background: inherit;
  margin: 0;
  padding: 0;
}
#tpConfirmDialog {
  white-space: pre-wrap;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
}
html,
body {
  min-height: 100%;
  height: 100%;
}
/* center the main pagewrap */
#pagewrap {
  width: 100%;
  height: 100%;
}
#content {
  min-height: 200px;
}
#branding {
  float: left;
}
#headerlinks {
  float: right;
  bottom: 5px;
  height: 100%;
  margin: 20px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  max-width: 850px;
}
#headerLoggedInPanel,
#headerLoginPanel {
  margin: 10px;
}
#headerlinks a,
#headerlinks a:hover,
#headerlinks a:visited,
#headerlinks a:link {
  color: #fff;
}
.topbar_title {
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
  margin-right: 5px;
}
#currentAgentName,
#btnLogout {
  display: inline-block;
}
#currentDetails {
  padding: 3px 10px 3px 5px;
  display: flex;
  opacity: 1;
}
#headerLoggedInPanel #currentDetails {
  padding-top: 0;
  padding-bottom: 8px;
  display: flex;
  opacity: 1;
  text-align: end;
  float: right;
}
#headerLoggedInPanel #currentDetails.withoutSwitching {
  padding-top: 3px;
  padding-bottom: 8px;
  opacity: 1;
  text-align: end;
  float: left;
}
#headerLoggedInPanel #currentDetails.withoutSwitching #currentBookingName {
  margin-left: 10px;
}
#headerLoggedInPanel #currentDetailsLabels {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#headerLoggedInPanel #currentDetailsLabels#currentBookingName {
  padding: 0px;
}
#headerLoggedInPanel #currentDetails_firstline {
  justify-content: flex-end;
}
#headerLoggedInPanel #currentDetails_firstline.switchSystemOnly {
  flex-direction: row-reverse;
}
#headerLoginPanel #currentDetails_firstline {
  justify-content: flex-end;
}
#headerLoginPanel #currentDetails_firstline.switchSystemOnly {
  flex-direction: row-reverse;
}
#headerLoginPanel #tPassword {
  margin-right: 10px;
}
#headerLoginPanel #lbl_Password,
#headerLoginPanel #lbl_Username,
#headerLoginPanel #lbl_SwitchSystemLogin {
  margin: 0px 2px 0px 5px;
}
#headerLoginPanel input[type="text"],
#headerLoginPanel input[type="password"] {
  min-width: 120px;
  width: 120px;
  margin-bottom: 0px;
}
#headerLoginPanel #tSwitchSystemLogin_switchSystemButton {
  margin-top: 5px 0 5px 0;
  min-width: 120px;
  width: 120px;
}
#btnLogout,
#btnLogin {
  display: inline-block;
  margin-left: 10px;
}
#headerLoggedInPanel #btnLogout {
  margin-left: 10px;
}
#topbar {
  height: 45px;
  padding: 0;
  background: #1e1d27;
  margin: none;
  padding: none;
}
#headerLoginPanel #tSwitchSystem_switchSystemButton {
  width: 120px;
  margin: 0px 10px 0px 10px;
}
#headerLoginPanel #tSwitchLanguageLogin_switchLanguageButton {
  margin: 5px 0 5px 0;
}
#headerLoggedInPanel #tSwitchSystemLogged_switchSystemButton {
  width: 120px;
  vertical-align: top;
  margin: 0px 10px 0px 10px;
}
#headerLoggedInPanel #lbl_SwitchSystemLogged {
  vertical-align: top;
  line-height: 30px;
}
#headerLoggedInPanel #SwitchLanguageLogged_switchLanguageButton {
  vertical-align: top;
  margin: 0px 10px 0px 10px;
}
#headerLoggedInPanel #lbl_SwitchLanguageLogged {
  vertical-align: top;
  line-height: 30px;
}