/**********SdL 22/07/22************* 


**********************************/




/*********************************************************

    MAIN PAGE ADJUSTMENTS

*********************************************************/


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=PT+Sans:wght@400;700&family=Roboto:ital,wght@0,400;1,700&display=swap');




/* ---------------------------------------------------------------------------------------
	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;  
}
html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	width: 100%; 
}
body {background-color: #FFFFFF; color: #1C233F;font-family: 'PT Sans', Open Sans, sans-serif; font-size: 13px;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*/}
html, body {
    min-height: 100%;
    height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, q:before,
blockquote:after, q:after {
}
blockquote:before, q:before {
}
blockquote:after, q:after {
}


/* TEST THIS */

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: normal;
}
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: #FFFFFF;
}

/* Headings */
h1,h2,h3,h4,h5,h6, .title, .heading,.subtitle, .subheading {
	color: ;
	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;color: #262F55;font-family: 'Oswald', open sans, sans-serif;text-transform: uppercase;
}
.subtitle, .subheading, h2 {
	font-size: 18px;color: #262F55;
}
h3 {
	font-size: 16px;
	border-bottom: none;
	text-transform: uppercase;
}
h4 {
	font-size: 15px;font-family: 'Oswald', open sans, sans-serif;text-transform: uppercase; color: #6C727F;
	margin: 0 0 0;
}
h5 {
	font-size: 14px;
	margin: 0 0 0;
}
h6 {
	font-size: 12px;
	margin: 0 0 0;
}
hr {
	background-color: #FFFFFF;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 5px; margin-top: 0;
}
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: normal;
}
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 #E5E5E5;font-family: 'PT Sans', open sans, sans-serif;color: #1C233F;
	-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 #cccccc;
    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;
}


/* 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: normal;
}
td {
	border-top: none;
}
#footer table,
#footer th,
#footer td

{
    margin-bottom: 0px;
}









/* Links */
a {
	color: #E54E35;
	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: #6C727F;
}
a,
a:visited, a:active  {
	text-decoration: none;	
	color: #E54E35; 
}

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
--------------------------------------------------------------------------------------- */

/* center the main pagewrap */
#pagewrap {width: 100%; height: 100%; background-color: #FFFFFF;}

#headerwrap{background: #FFFFFF; background-image:  url(images/xxx.jpg);min-height: 120px; height: auto; overflow: auto; overflow:hidden; margin: none; padding: none; background-repeat:no-repeat;}



/*ticket #612510, by 20180320:start*/
#headerwrap { 
background-size:cover; 
} 
/*ticket #612510, by 20180320:end*/




#headercontent, #menu, #main, #sliderSection, #content, {max-width: 1000px; min-width:750px; margin: 0 auto; position: relative;}

/* ------supplier and product page------*/
#content, .pagewidth {margin-top: 10px; width: 100%; padding:20px 20px 40px 20px; min-width: 750px; max-width: 960px; background-color: #FFFFFF;}

#searchMap.pagewidth{ width: 90%; margin: 0 auto; }

#topbarcontent, #footer {max-width: 1000px;}

#content{min-height: 200px;}

#branding{float:left;}

#logoimage
{
    background-image:  url(images/logo.png);background-repeat:no-repeat;
    width:300px;
    height:62px;
    margin: 30px 20px;
 }



/* ------top login panel------*/

#headerlinks{float:right; bottom:5px; height:100%; margin: 20px 5px 0; color:#374850; background: #FFFFFF none repeat scroll 0 0; min-width: 450px; max-width: 600px;}
#headerLoggedInPanel, #headerLoginPanel{margin: 10px;}
#headerlinks a, #headerlinks a:hover, #headerlinks a:visited {color: #FFFFFF;}


/* ------current booking name------*/
#headerlinks a:link {color: #1C233F;}


.topbar_title{font-weight: normal; font-size: .9em; text-transform: uppercase; margin-right: 5px;}
#currentAgentName, #logoutbutton  {display:inline-block;color: #1C233F;}
#currentDetails{ padding: 3px 10px 3px 5px; display: inline-block; opacity: 1;background-color: #FFFFFF;color: #1C233F;}

#headerLoginPanel #tPassword {margin-right:10px;}
#headerLoginPanel #lbl_Password, #headerLoginPanel #lbl_Username  {margin: 0px 2px 0px 5px;}
#headerLoginPanel input[type="text"], #headerLoginPanel input[type="password"]{ min-width: 100px; width: 100px; margin-bottom: 0px;}
#logoutbutton, #btnLogin{float: right; margin-left: 10px;background-color:#E54E35;font-family:'PT Sans', Open Sans, sans-serif;font-size:12px;}
#topbar {height:45px;padding:0;background:#DDDDDD;margin:none; padding:none;}




#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: #262F55;
}
#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: 15px;
    display: inline-block;
    font-family: 'Oswald', open sans, sans-serif;
}


#menu ul li a:hover
{
     background: ;color: #E54E35;
}



 
/* 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: #DDDDDD;
}

#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;
}

#slider_container
{
  position: relative; 
  top: 0px; left: 0px; 
  margin-top: 1px;
}





/*Large white arrow*/
.sliderarrowleft, .sliderarrowright {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url(images/sliderarrow.png) center center no-repeat;
    overflow: hidden;
}
.sliderarrowleft { background-position: -10px -31px; }
.sliderarrowright { background-position: -70px -31px; }
.sliderarrowleft:hover { background-position: -130px -31px; }
.sliderarrowright:hover { background-position: -190px -31px; }
.sliderarrowleft.jssora22ldn { background-position: -250px -31px; }
.sliderarrowright.jssora22rdn { background-position: -310px -31px; }
                      
#pagefooter{background: #262F55;width: 100%; min-height: 200px;margin:none; padding:none;background-image:  url(images/.jpg);}

#footer  {padding:20px 20px;}
#footer {color: #FFFFFF;}
#footer h3{color: #E54E35;border: none;font-size:16px; font-family: 'Oswald', open sans, sans-serif;}
#footer .copytext {}
#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 {background-color: #F4F4F4;}
#supplierinfo #pagewrap, #bookingtransactions #pagewrap {width:auto;background-image: none;height:auto; background-color: #F4F4F4;}
#optioninfo #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 {position:absolute;top:0;left:0;display:none;}

#optioninforesults, #supplierinfo, #bookingtransactions {background-color: white;}
#bookingtransactions {background-color: #F4F4F4;}
#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;}

/* ----------- blockUI message ----------- */

div.blockMsg
{
    padding: 0;
    margin: 0;
    width: 30%;
    top: 40%;
    left: 35%;
    text-align: center;
    color: #000;
    opacity: 1;
    border: 3px solid #aaa;
    background-color: #fff;
    cursor: wait;
} 

.blockMessageImage 
{
	background:url(images/loading.gif);
	height: 150px;
	width: 450px;
	margin: 0px auto 2px auto; 
}

/* -----------  the rest of the styles ------------ */

.labelColumn{font-size: .9em; text-transform: uppercase; font-weight: bold; width: 20%; min-width: 150px;}

.info > span {font-size:100%;}
.optionalRate {text-decoration: line-through; color: red;}
.bracket{display: none;}

.iButton, .iButton:link, .iButton:visited {background:#DDDDDD;border: none;color: #1C233F;margin: 1px;padding: 7px 26px;text-decoration: none;cursor:pointer;line-height:normal; text-transform:uppercase; font-size:12px;font-family: 'PT Sans', Open Sans, sans-serif;border-radius: 20px;}
.iButton:hover {text-decoration:none;background-color:#E54E35; color:#FFFFFF;border: none;}
.info .iButton {margin:2px 0;padding: 7px 26px;border: none;background-position:0 -65px;}
.resultList .iButton{border: none;}



/* --------  logout button / allocation buttons --------- */

a.ButtonAnchor, a.ButtonAnchor:link, a.ButtonAnchor:visited, a.ButtonAnchor:active  { 
    display:block;
    background:#262F55;
    width: auto;   
	text-decoration:none;
	text-align:center;
	border: none;
	padding: 3px 20px;
	color:#6C727F;
	font-weight: normal !important;
	text-transform:uppercase;font-family:'PT Sans', Open Sans, sans-serif;font-size:12px;border-radius:20px;
}
a.ButtonAnchor:hover, a.ButtonAnchor:active
{
	background-color: #E54E35;
}

div.navigation a.ButtonAnchor
{
    color: #FFFFFF;
}




/**Booking & Itinerary buttons**/


a.buttonaction, a.buttonaction:link, a.buttonaction:visited, a.buttonaction:active { 
    display:block;
    width: auto;   
	text-decoration:none;
	text-align:center;
	border: none;background:#DDDDDD;
	padding: 7px 0px;
	color: #1C233F;
	font-weight: normal !important;
	text-transform:uppercase; 
	font-size: .9em;border-radius: 20px;
}

a.buttonaction:hover, a.buttonaction:active
{
	border-color: none;background: #262F55;
	color: #FFFFFF;
}




.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; 
}

#productContent img, #supplierContent img, #divResults img, #slideshow img, .galleryImage img {
    border: none; 
}  

#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:#FF0000;
    border: 1px solid #ccc;
    padding:5px;
}

#searchMap
{
    text-align: center;
}

#mapImage
{
    border : 1px solid #ccc;
    background: #ff0000;
    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;
}




/* ---------------------------------------------------------------------------------------
	SEARCH REFINE - ONLINE BOOKINGS
--------------------------------------------------------------------------------------- */



#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_paxSection span, #ucSearchAddService_paxSection span {
    display: inline-block;
    margin-right: 10px;
}


#ucSearchRefine_paxSection div label, #ucSearchRefine_paxSection span label, #ucSearchAddService_paxSection div label, #ucSearchAddService_paxSection span label  {
    display: block;
    position: static;
    width: 60px;
    font-size:10px;
    text-transform: uppercase;
}


#ucSearchRefine_paxChildrenSection label
{
    white-space: nowrap;
}

#divResultsHeader #searchActionsTop
{
    display: inline-block;
    width: auto;
    float: right;
}

#divSearch_SearchCriteria
{
    font-size: 18px;
    color: #1C233F;
    display: inline-block;


}

#divResultsHeader
{
    background: #F4F4F4;border: none;
    padding: 10px;
    margin-bottom: 10px;

}

/*----online bookings search screen----*/


#ucSearchRefine
{
    border: none;
    background-color: #F4F4F4;
    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: 200px;    
    vertical-align: top;
    margin-right: 10px;
    
}

#SearchRefineFilter .subtitle
{
    margin-bottom: 0px;
    font-size: 20px;
}

#searchRefineResults.searchRefineWideLayout
{
    Display :inline-block;
    max-width: 940px;   
    min-width: 710px;
    width: auto;
}

#searchRefineResults.searchRefineNarrowLayout
{
    Display :inline-block;
    max-width: 740px;   
    min-width: 550px;
    width: 100%;
}

.SearchRefineFilter_filterSection
{
    margin-bottom: 10px;
    background:#FFFFFF;
    border: 1px solid #CCCCCC;-moz-box-shadow: 0 0 5px #CCCCCC;-webkit-box-shadow: 0 0 5px #CCCCCC; -box-shadow: 0 0 5px #CCCCCC;
    font-size: 12px;

}

.SearchRefineFilter_filter
{
    padding: 0 5px;
}


.SearchRefineFilter_heading
{
    font-size: 0.9em;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 178px;  
    background-color: #F4F4F4;
    color: #374850;  
    font-size: 13px;
}


#searchRefineResults .resultList.description {
    text-align: left;
    width: 30%;
}



#searchRefineResults #searchResults .supplierImage
{
    width: 30%;
    margin-right: 10px; 
}



#searchRefineResults #searchResults .supplierNote, #searchRefineResults #searchResults .supplierHeader
{
    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 td { padding: 2px 4px;  border-bottom: 1px solid #E5E5E5;}
.totalColumn td { padding: 2px 4px;  border-bottom: 1px solid #E5E5E5;font-weight: bold;}
.resultList th, .optionList th { font-weight: bold; border-bottom: 2px solid #E5E5E5; text-transform: uppercase; font-size: .9em;  padding: 0px 5px;}
th.resultList a {text-decoration: none;color: #262F55;}
th.w10 {width:10%;}
th.w15 {width:15%;}
th.W40 {width:40%;}

.resultList td.optionDetails { border-bottom: none;}

.resultsItem th
{
   background-color: #FF0000;
}


/* online search result header background*/

#searchRefineResults th.resultList
{
    background-color: #FFFFFF;
}



/* list bookings highlight*/

table.resultList .highlight {background-color: #FFFFFF;}



.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: #F4F4F4;
    vertical-align: top;
    border-bottom: 1px solid #E5E5E5;
}

.optionFilter
{
    margin-bottom: 10px;
    border-bottom: none;
}

tr.contractRate td, tr.externalRate td
{
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 2px 4px;
    height: auto;
}

tr.contractRate
{
    background-color: #FFFFFF;
}

tr.externalRate {
    background-color: #F4F4F4;
}

.optionDescription
{
    font-size: 13px;
    text-transform: uppercase;  


}




.resultList.description
{
    width:40%;
    text-align:left;
}

.resultList span.optionNotes {
   font-weight: normal;
}



.resultList.moreinfolink
{
    width:15%;
    text-align: left;
}

.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;
}



/**Action label on SearchRefine hidden**/

.resultList.action
{
    width:12%;
    text-align:right;
    padding: 5px 2px;
}



td.resultList.action
{
    vertical-align: middle;
}

TR.serviceRow
{
    padding: 2px;
    background-color: #FFFFFF;
}


TR.NewServiceRow
{
    padding: 2px;
    background-color: #FFFFFF;
}

td.subheading
{
     vertical-align:bottom;
}

.supplierDetail
{
    vertical-align: bottom;
    text-align: right;
}

#searchResults .locality
{
    padding-right: 15px; padding-left: 10px;
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: none;
}

#searchResults .class
{
   font-weight: bold;
/*display: none; */
   position: absolute; 
   right: -220px; 
   top: 15px; 
}

#searchResults .optionDetails .optionComment {
    display:none;
}

#searchResults td.resultList .optionComment::after {
    content: ", ";
} 


#searchResults .agePolicy
{

        float: none;
        display: block; 
}

#searchResults .showDetail
{
    font-size: .8em;
    font-weight: bold;
    text-decoration: underline;
    display: block;
}

#searchResults .optionNotes
{
    font-size: 13px;
}

#searchResults .supplierDetails
{
    width: 100%;
}


#searchResults .supplierImage, #searchResults .supplierNote, #searchResults .supplierHeader, #searchResults .supplierAmenities
{
    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  !important;  
}

.error_text 
{
    font-size: 1.1em;
	color: #CA0C0C;
	margin-bottom: 10px;
	display: block;
}

.bold_text
{
	font-weight:bold;
}


.tableborder {border: none;background-color:#F4F4F4;padding:5px;width:100%; margin-bottom: 10px;}
.tableborder td {padding:5px 10px;}

.box
{
    border: none;
    background-color:#F4F4F4;
    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 : #CA0C0C;
	font-weight : bold;
}

.fyistyle
{
	background-color:#FFFFFF;
	border: none;
	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;
}


.resultsItem
{
    margin-bottom: 20px;
}


.spacerRow
{ display:none;
}








/* ---------- TARIFF PAGE -------------- */

/* Obscured tariff */

.xslgray
{
	margin: 5px 5px 60px 5px;
	border-collapse: collapse;	
	background-color: #f7f7f7;
	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: 11px;
    width:100%;
}


/* headings */

.xsl th
{
	padding: 7px 0;
	color: #1C233F;font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;background-color: #F4F4F4;

}

.tariffHeader
{
	min-width: 50px;
	text-align: center;

}

.xsl th .name, .xsl th .name .tariffHeader
{
    width: 200px;
}

.xsl th.blank
{
    min-width: 10px;
}



/* borders */

.xsl td
{
    border: 1px solid #E5E5E5;
    background-color: #F4F4F4;
    font-size: 1.1em;
    padding: 0 4px 0 4px;
}



/* info section */

.info .supplier, .info .description, .info .comment, .info .class, .info .moreinfourl
{
    padding: 50px 15px 0 0;
}

.optcode
{
    text-align: left;
    font-size: 13px;
}

.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,
.adultages, .childages, .infantages, .sellbefore, .chargedextras, .focextras
{
    text-align: center;
}

.tariffresults .NA
{
	color: #CCCCCC;
	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;
}
#tariffActions {border-top:2px solid #E5E5E5;padding-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-top: 2px solid #E5E5E5;
    font-size: 12px;
    width:100%;;
}

#tariffResults .xslSupplier .suppliername
{ 
	font-size: 20px; 
	color: #1e1e1e;
    line-height: 1.5;
    margin: 0 0 0.8em;
    transition: all 0.3s ease 0s;
}




#tariffResults .productContentText, #tariffResults .label
{
    font-weight: bold;
    font-size: .9em;
    text-transform: uppercase;
}






#tariffResults .xsl th
{
    border-bottom: 1px solid #E5E5E5;
    vertical-align: bottom;
}

#tariffResults .xsl td
{
	vertical-align: top;
}


#tariffResults .options .xsl td.optionInfo
{
    border:none;
    background-color: #F4F4F4;
}

#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 #E5E5E5;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 #E5E5E5;
}

#tariffResults  .supplierpinnote, #tariffResults .msgnote
{
	font-weight: normal;	
}

#resultsPanel.onlineTariff .grouping {
    border: 2px solid #CCCCCC;
}

#resultsPanel.onlineTariff .group {
    border:none;
    background-color: #FF0000;
    padding: 5px 2px;
    color: #666;
    padding-bottom: 5px;
    font-size: 1.1em;
}










/************************  SearchParams/ What & Where **********************/

#ucSearch
{
    position:relative;
    top:0;
    left:0;
    background-color: #F4F4F4;
    border: none;
    margin: 0 0 10px 0;
}

/* Groupings */
#ucSearch p
{
    font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#ucSearch_serviceGroupSection, #ucSearch_locationGroupSection {width: 47%;padding: 10px;text-align:left;float:left;}
#ucSearch_serviceGroupSection {border-right: 1px solid #E5E5E5;}
#ucSearch_locationGroupSection {float:left;}
#ucSearch_filterGroupSection, #ucSearch_medialibraryGroupSection {position:relative;border-top: 1px solid #E5E5E5;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_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_roomSection select{width: 40px;}
#ucSearch_scuSection select#ucSearch_scu {width:50px;}
#ucSearch_roomSGSection label, #ucSearch_roomTWSection label, #ucSearch_roomDBSection label, #ucSearch_roomTRSection label, #ucSearch_roomQDSection label
{
	font-size: .8em;
}

#ucSearch_paxSection span
{
    display:inline-block;
    margin-right:10px;
}

#ucSearch_paxSection div label, #ucSearch_paxSection span label
{
    position:static;
    display:block;
    width:50px;
}
#ucSearch_paxAdultsSection label, #ucSearch_paxChildrenSection label, #ucSearch_paxInfantsSection label
{
	font-size: .8em;
}


/* other filters */
#ucSearch_mapToggleIcon
{
    vertical-align: middle;
    width:30px; 
}

#ucSearch_roomSection span
{
    display:inline-block;
    margin-right:10px;
}

#ucSearch_roomSection div label, #ucSearch_roomSection span label
{
    position:static;
    display:block;
    width:40px;
}

#ucSearch label {display: inline-block;width:120px;}
#ucSearch_sortSection {}


#ucSearch_sortSection span
{
    display: inline-block;
    width: 142px;
    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 label
{
    width: 70px;
}

label#ucSearch_minAvailabilitySectionLabel
{
    width: 120px;
}
#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;}





/* ------------------------ MORE INFO PAGE ---------------------------- */

/* --------ticket 583919 inline text-------- */
#supplierinfodiv p { 
display:inline; 
} 




#optioninfo, #optioninforesults, #supplierinfo, #bookingtransactions
{
    background-image: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;  
}

#supplierinfo #pagewrap, #bookingtransactions #pagewrap {
width:auto;border:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;background-color: #F4F4F4;
}
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:#F4F4F4;
}
#optioninfo #pagewrap #main, #supplierinfo #pagewrap #main, #bookingtransactions #pagewrap #main {
width:auto;border:none;background-color: #F4F4F4;
}

#optioninfo #pagewrap #footer,#optioninforesults #pagewrap #footer, #supplierinfo #pagewrap #footer, #bookingtransactions #pagewrap #footer {
display:none;background-color: #F4F4F4;
}


.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: .9em
}








/*-------------------------------------More info---------------------------------------------*/

.supplierblock
{
	margin-top: 10px;
}
.productblock
{
	margin-top: 10px;
}

#productContent #divLanguage, #supplierContent #divLanguage {float:right;}

#productContent .title .button, #supplierContent .title .button, #productContent .title .class, #supplierContent .title .class
{
font-size:16px;color:#6C727F;font-weight:normal;
}

#productContent .locationdescription, #supplierContent .locationdescription
{
	text-transform:uppercase
}
#supplierContent .info, #productContent .info {margin-bottom:10px;}

#supplierContent .title, e#productContent .title {margin-bottom:10px;}

#productContent img, #supplierContent img
{
	margin: 5px 0;	
	max-width: 440px;
}

#productContent .notes, #supplierContent .notes
{
    border-bottom: none;
}

#productContent .images .sideblock , 
#supplierContent .images .sideblock
{
    text-align: left;
}

#productContent .images .mainblock , 
#supplierContent .images .mainblock
{
    text-align: right;
}

#productContent .subheading, #productContent .subtitle, 
#supplierContent .subheading, #supplierContent .subtitle
{
	font-weight: normal;
}

#productContent .productContentText
{
	font-weight: normal;
	font-size: 1.3em;
}









/* ------------------------ PRODUCT CONTENT ---------------------------- */



#productContent, #supplierContent, .option
{ 
overflow:hidden;
}

#productContent .mainblock, #supplierContent .mainblock
{
    float:left;
    width:50%;
    padding: 0px;
    text-align: justify;
}

#productContent .sideblock, #supplierContent .sideblock
{
    float:right;
    width:45%;
    padding: 0 0px 5px 15px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
     box-sizing: border-box; 
}
 
#productContent .halfblock, #supplierContent .halfblock
{
    float:left;
    width:44%;
    margin: 3px;
}

#productContent .productContentText
{
    margin: 0 0 15px;    
}

.separator
{
	border-bottom: 1px solid #E5E5E5;	
	margin-bottom: 10px;
	margin-top: 5px;
}

.spacer
{
	margin-bottom: 10px;
}

.alignright
{
	text-align: right;
}

.bold
{
	font-weight: bold;
}

#productContent .info
{
	margin-top: 0px;
	margin-bottom: 12px;
	padding-left:10px;
	padding-bottom: 10px;
}

#productContent .notes, #supplierContent .notes
{
    border-bottom: none;
    margin-bottom: 10px;
}

#productContent .notes .note, #supplierContent .notes .note
{
    padding: 0px 0px 10px 0px;
}

#productContent .mainblock .note, #supplierContent .mainblock .note
{
	padding-bottom: 10px;
}

#productContent .notes table, #supplierContent .notes table
{
    width:auto;
}

#productContent .logos, #supplierContent .logos
{
}

#productContent .logos img, #supplierContent .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
{
        background-color: #E5E5E5;
        margin:0 0 0 10px;
    	padding:10px 0 0 10px;
}

#productContent .amenities.supplier, #productContent .amenities.product, 
#supplierContent .amenities, #supplierContent .amenities
{
	padding-bottom: 10px;
}

#productContent div.amenities .amenities, #supplierContent div.amenities .amenities
{
    background-color: #F4F4F4;color: #1C233F;
    border: 1px solid #F4F4F4;
    padding:10px;
}

#productContent div.amenity, #supplierContent div.amenity
{
    display: list-item;
    list-style-image: url("theme/images/amenity.png");
    list-style-position: inside;
}

#productContent .amenity
{
	font-weight: normal;
}


#productContent .sideblock .images
{
background-color: #fff;
padding: 10px;
}


#productContentEnd
{
    clear:both;
}

#productContent .label, #supplierContent .label
{
	font-weight: bold;text-transform:uppercase;
}

#productContent #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
{
    position:relative;
    top:0;
    left:0;
}

#ucRateDate_calendar, #ucTravelDate_calendar, #dateFrom_calendar, #dateTo_calendar
{
	position: absolute;
	z-index:1000000;colour: #FF0000;
}

#ucRateDate select, #ucTravelDate select, #dateFrom select, #dateTo select,
#ucRateDate img, #ucTravelDate img, #dateFrom img, #dateTo 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 #E5E5E5;
	width: 200px;
}

.gallery_thumbnail
{
	padding:3px;
	border: solid 1px #E5E5E5;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}

.resize {
	width: 300px;
	height : auto;
}

.resize_thumbnail {
	width: auto;
	height : 50px;
}

/*   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: #262F55;
	cursor: pointer;
    padding: 10px 40px;
    text-decoration: none;
    height: 34px;
    
}
#tabNavigation a:hover {
    color: #E54E35;
}

#tabNavigation a.selected
{
    background-color: #FFFFFF;
    color: #262F55;
    border-top:5px solid #E54E35;
    border-right:1px solid #E5E5E5;
    border-left:1px solid #E5E5E5;
}

#tabNavigation a.selected:hover
{
    background-color: #EEEEEE;
}

.rateDetailsHeading
{
    font-weight: bold;
    font-size: .9em;
    text-transform: uppercase;
}

tr.rateDetailSection td
{
    border-bottom: none;
    padding: 0px;
}

tr.rateDetailSection
{
    background-color: #F4F4F4; 
}

#rateDetailsTable
{
    margin-bottom: 10px;
}


#tabNavigation a:focus 
{
    outline: 0;
}

.tab_content 
{
	border: 1px solid #E5E5E5;
	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 #E5E5E5;
    background-color:#ffffff;
}
table.room.active
{
    background-color:#F4F4F4;
}
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;
}











/* ------------------------ Availability ---------------------------- */


/* --- Availability, Tariff and Product Search Headers---- */

.group
{
    border: none;background-color: #F4F4F4;border-bottom: 1px solid #E5E5E5;
}

.grouping, .grouping
{
    margin-top: 10px;
}

 .grouping .option
{
   /* padding: 5px 10px; */
    border-top: 1px solid #FFFFFF;
}

.groupheader .locality, .groupheader .class, .groupheader .supplierpostcode
{
    margin-left: 10px;
    font-size: 1em;
}

.grouping .highlight
{
	background-color: #FFFFFF;
}


 .groupheader
{
	background-color: #F4F4F4;
	padding: 5px 5px 0px 5px;
	color: #374850;
	padding-bottom: 5px;
	font-size: 1.1em;
}

/*-------supplier name in header-------*/

.groupheader a, .groupheader a:visited
{
	color: #E54E35;
	text-decoration: none;
}

.groupheader a:hover
{
	color: #6C727F;
}



#tariffsearch .location
{ 
	padding-right: 10px; 
	padding-left: 10px; 
	font-weight: normal; 

}

#tariffsearch .class
{ 

	padding-right: 10px; 
	padding-left: 10px;
	font-weight: normal; 

} 


#tariffsearch .button
{ 
	padding-left: 10px;
	font-weight: normal;


} 




.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: 1px solid #E5E5E5;
}

.navigation
{
	width: 100%;
	overflow: hidden;
}

.next
{
	float: right;
	width: 50%;
	text-align: right;
}

.previous
{
	float: left;
	width: 50%;
}

#availGrid .month
{
	text-align: right;
	padding-right: 10px;
	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: #FFFFFF;
}

#availGrid  .OK, #availGrid  .FS
{
	background-color: #FFFFFF;
}

#availGrid .NO
{
	background-color: #CA5A2B;
}

#availGrid .highlight
{
	background-color: #EEEEEE;
}

#availGrid .highlight .RQ
{
	background-color: #EEEEEE;
}

#availGrid .highlight .OK, #availGrid .highlight .FS
{
	background-color: #9CCF69;
}

#availGrid .highlight .NO
{
	background-color: #D17751;
}

#availabilitysearchresults .option
{
    padding: 0px;
}

#availabilitysearchresults .normal, #availabilitysearchresults .highlight
{
    border-top: 1px solid #E5E5E5;
}








/* ------------------------ Product Search ---------------------------- */


#productsearchresults .group
{
    border: none;
}

#productsearchresults .grouping 
{
    border: none;border-bottom: 1px solid #E5E5E5;
}

#productsearchresults .grouping .option
{
    border-top: 1px solid #E5E5E5;
    padding: 5px;
}



#productsearchresults .comment
{
    margin-left: 20px;  font-style: normal; 

}









/*----------------------------------------product search------------------------------------------*/
/*
#productsearch .option, #productsearchresults .option
{
	text-indent:25px; 
}

#productsearch .option a, #productsearchresults .option a
{
	color: #FF0000;
}
#productsearch .supplier a, #productsearchresults .supplier a
{
	text-decoration: underline;
}
*/










/*-------------------------------------Media Library----------------------------------------*/
#medialibrary .parent, #mediaContent .parent
{
	background-color: #F4F4F4;
	border: none;
	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 #E5E5E5;
    padding: 3px;
}


.galleryLink, .galleryLink a
{
	text-align: right;
	padding-right: 5px;
}

.treeTable tr.collapsed td .expander
{
    width: 20px;
}







/*-----------------------------Media LibraryGallery-------------------------------------------*/

#medialibrarygallery #resultsPanel
{
	margin-top: 10px;
}





#galleryMediaLibrary
{
	margin: 10px;
	padding: 5px;
	width:100% - 20px;
}

#galleryList
{
	width: 100%;
}

.galleryItem
{
	width: 250px;
	height: 250px;
	display: inline-block;
	padding: 20px;
	margin: 5px;
	background-color: #F4F4F4;
}


#closeLink
{
	text-align: center;
}

}





/*----------------------------------------Gallery-------------------------------------------*/

#slideshow img
{
	max-width: 500px;
	min-width: 300px;
}






/*----------------------------- 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;
}

td.compulsoryExtra
{
}

table#rateGridValueAdds
{
    margin-top: 25px;
    margin-bottom: 0px;
}


.valueAddHeading {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

.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: none;
    background-color: #E54E35;
    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;
}



/*-----------------------------sub login manager -------------------------------------------*/

#subloginmanagement tr td:last-child
{
    text-align: right;
    padding-right: 5px;
}

/*-----------------------------PDF wrapper -------------------------------------------*/

#pdfWrapper
{
    background-color: white;    
    
}


/*-----------------------------AGENT AREA -------------------------------------------*/

.advertContainer
{
    /*max-width: 650px;*/
    min-width: 600px;
    margin-top: 15px;
}

.advertItem
{
    display: inline-block;
    /*max-width: 306px;*/
    max-width: 200px; 
    width: 40%;
    margin-right: 2%;
    position: relative;
    background-color: #F4F4F4;
    margin-bottom: 10px;
    background-image: ;
    text-align: center;
    padding: 10px;
  
}

.advertItem:last-child
{
    margin-right: 0px;
}

.advertItem:hover
{
     opacity: 0.5;
}

.advertHeader
{
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    background-color: #F4F4F4;
    color: #262F55;
    padding: 10px 5px;
    text-align: center;
    font-family: 'Oswald', open sans, sans-serif; 
}

.advertImg
{ 
    text-align: center; 
}





/*-----------------------------ACCOUNT -------------------------------------------*/


#tbAccountRefine
{
    margin-bottom: 0px;
    width: auto;
}

#tbAccountRefine td {
    padding: 0px 5px 5px;
}

#accountSearch
{
    margin-bottom: 10px;
}


/*-----------------------------AGENT DIALOGUE -------------------------------------------*/
.agentDialogue
{
    min-width: 700px;
    max-width: 900px;
}

/*-----------------------------SUB LOGIN -------------------------------------------*/
#subLoginEditButtons
{
    text-align: right;
}


/*
MEDIA SECTION
*/


@media only screen and ( max-width: 40em ) /* 640 */
{
    #menu
    {
        position: relative;
    }
    #menu > a
    {
    }
    #menu:not( :target ) > a:first-of-type,
    #menu:target > a:last-of-type
    {
        display: block;
    }
 
    /* first level */
 
    #menu > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
    #menu:target > ul
    {
        display: block;
    }
    #menu > ul > li
    {
        width: 100%;
        float: none;
    }
 
    /* second level */
 
    #menu li ul
    {
        position: static;
    }
}









/***************NEW VERSION 4.1.0****************/




/**amend service delete room disabled button**/

.iButton:disabled{
	pointer-events: none;
	background:#EEEEEE;
	border: none;
	color: #1C233F;
	margin: 0;
	padding: 7px 26px;
	text-decoration: none;
	line-height:normal;
	text-transform:uppercase;
	font-size: 12px;
}





/*-----------------------------ADD SERVICE -------------------------------------------*/


#addServicePage .title
{
    display: inline-block;
}



/****Modify Search****/

#divSearchAddService
{
    border: none;
    background-color: #F4F4F4;
    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;
}


#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: #F4F4F4;
    border: none;
    padding: 10px;
}


#addServiceBookingExtra
{
    border: none;background: #F4F4F4;
    padding: 10px;
}





#editQuoteRoomConfigs, .editQuoteBookingExtra
{
    border: none;background-color: #FFFFFF;
    padding: 10px;
}





#optionDetailsSection, #addServiceBookingDetails, #addServiceBookingExtra, #passsengerDetailsSection, #editQuoteBookingDetails, .editQuoteBookingExtra
{
    margin: 10px 0 30px;
}




#optionDetailsSection .labelColumn, #addServiceBookingDetails .labelColumn, #addServiceBookingExtra .labelColumn, #passsengerDetailsSection .labelColumn, #editQuoteBookingDetails .labelColumn, .editQuoteBookingExtra .labelColumn
{
    width: 160px;
    display:inline-block;
}




#optionDetailsSection > div, #addServiceBookingDetails > div, #addServiceBookingExtraWrapper > div, #passsengerDetailsSection > div, #editQuoteBookingDetails > div
{
    margin-bottom: 5px;
}




#addServiceBookingExtraWrapper, #editQuoteBookingExtraWrapper
{
    margin-top: 15px;
}





#addService_headerDetails
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#addService_detailsLeft, #addService_detailsRight
{
    display: flex;
    flex-flow: column nowrap;
}

#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 #E5E5E5;
    color: #E5E5E5;
}


table.rblQuoteOrBooking
{
    margin-bottom: 0px;
    display: inline-block;
}



.rblQuoteOrBooking label
{
    margin-right: 5px;font-size: 18px;color: #262F55; font-weight: bold;
}


.totalPrice
{
    display: inline-block;
    float: right;
    font-size: 20px;
    color: #222222;
    font-weight: bold;
}



div#totalPriceSecondaryLabel
{
    display: inline-block;
    text-align: right;
    font-size: .9em;
    width: 100%;
    margin-bottom: 0px;
    position: relative;
    top: -7px;
    color: #262F55;
}



.optionNameHeading
{
    font-size: 16px;
}


.searchCriteria
{
    display: inline-block;
    float: right;
    font-size: 14px;
}

.addServiceProductNote
{
    margin-bottom: 5px;
}



.addServiceProductNoteQuestion
{
	border: none;background-color: #FFFFFF;color:#262F55;
	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: #F4F4F4;
	border: none;
	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: 10px;
	background-color: #F4F4F4;
	border: none;
	
}

#paxRoomHeading
{
    border-bottom: 1px solid #E5E5E5;
    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;
}




#addservice .ui-dialog-titlebar { 
background: #F4F4F4;border: none;color: #1C233F; 
} 


/**added code for edit quote**/

#editquote .ui-dialog-titlebar { 
background: #F4F4F4;border: none;color: #1C233F;
} 



.paxRow input[type="text"] {width: 250px;}




.addServicePaxDialog
{
	overflow: visible !important;
	background-color: #fff;
	border: 1px solid #E5E5E5;
	padding: 20px;
}





/**added code for edit quote**/

.editQuotePaxDialog
{
	overflow: visible !important;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	padding: 20px;
}






.paxButton 
{
    padding:0.2em 0.5em;
    background:#fff;
    cursor:pointer;
    display:inline-block;
    width:500px;
    color:#1C233F;
    border: 1px solid #E5E5E5; 
}






.paxButtonError
{
	padding:0.2em 0.5em;
    background: #FFC4C4;
    cursor:pointer;
    display:inline-block;
    width:500px;
    color:#000;
    border: 1px solid #ff0000;
}





.paxButton .paxInfo,
.paxEntry .paxInfo
{
    font-size:0.9em;
    color:#E54E35;
}

.paxButton .paxInfo .paxDOB,
.paxEntry .paxInfo .paxDOB
{
    float:right;
}

.clearPassenger 
{
    padding:0;
    margin:16px 0;
    vertical-align:top;
}

#paxdialog
{
	overflow: visible;
	padding: 10px;
	background-color: #F4F4F4;
	border: 1px solid #E5E5E5;
}

#paxselectiondialog
{

    
}

#paxselectiondialog .paxEntry 
{
    background:#FFFFFF;border:none;
    margin:5px 0;
    padding:0.2em 0.5em;
}

#paxselectiondialog .paxEntry:hover
{
    background:#F4F4F4 !important;
}

#paxselectiondialog .paxEntry.selected 
{
    border:none;background:#F4F4F4;
}

#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;

}





/*-----------------------------EDIT SERVICE -------------------------------------------*/

.extraCompulsory
{
    display: inline-block;
    font-style: italic;
    margin-left: 10px;
    font-size: .9em;
}


#addService_DropoffTime #dropoffTimeHours, #addService_DropoffTime #dropoffTimeMinutes
{
    margin-bottom: 0px;
}










/*-----------------------------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: 1px solid #71573B;
    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 #E5E5E5;
    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: #F4F4F4;
	border: none;
}

.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;
}

.col2_label .required, 
.textbox_widget .required, 
.checkboxlist_widget .required {
    color: red;
}

.vertical-middle {
    vertical-align: middle;
}

.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 {
    display: flex;
}





/***Dialogue/ warning box***/


.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: #E54E35;
	color: #FFFFFF;
	border-radius: 0;border: none;
	font-family:'PT Sans', open sans, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:400;
	padding: 5px 20px;
    text-transform: uppercase;
    min-width: 80px; border-radius: 20px;
}

.ui-dialog.tpDialog div {
	color: #ffffff;
	font-family: 'PT Sans', 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: #DDDDDD;color: #1C233F;
	border: none;
}







/**** #644677 - supplier note and view booking no services booked****/


div#supplierNote > * { 
font-size: 13px; 
} 
div#supplierNote { 
color: #E54E35; 
font-size: 13px; 
} 



#viewBookingDetails #ctl00_UseCasePane_lbServices { 
color: #E54E35; font-size: 16px;
} 


/*****end****/







/***************VERSION 4.1.224****************/



/***Search Results Pagination***/



.secondaryButton {
  cursor: pointer;
  border: 1px solid #F4F4F4;
  background-color: #F4F4F4;
  color: #F2C94D;
  padding: 5px 10px;
}

.secondaryButton:hover {
  border: 1px solid #F2C94D;
  background-color: #F2C94D;
  color: #FFFFFF;
}

.secondaryButton:disabled {
  pointer-events: none;
  border: 1px solid #F2C94D;
  color: #FFFFFF;
  background-color: #F2C94D;
}




#searchParametersPanel {
  padding: 5px;
  background: #F4F4F4;
  border: none;
  width: 450px;
}









/*********************************************************

    END OF DEFAULT TEMPLATE


*********************************************************/






/*********************************************************

    Service Search
    Get class/star images in the results

*********************************************************/


.classCode1ST { 
background-image: url(images/1star.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
} 
.classCode2ST { 
background-image: url(images/2star.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
} 
.classCode3ST { 
background-image: url(images/3star.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
} 
.classCode4ST { 
background-image: url(images/4star.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
} 
.classCode5ST { 
background-image: url(images/5star.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
}

.classCodeCTC { 
background-image: url(images/CTC.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
}
.classCodeLSF { 
background-image: url(images/LSF.png); 
display: inline-block; 
overflow: hidden; 
width: 84px; 
height: 16px; 
color: transparent; 
}  









/*********************************************************

    Service Search/Option info
    Get rate icons in the results

*********************************************************/

.rateiconrateName
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconrateText
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconlastBookableDate
{
	background-image: url('images/rateicons/Specialdeal.png');
}

.rateiconstayPay
{
	background-image: url('images/rateicons/Staypay.png');
}

.rateiconcompulsoryExtras
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconcompulsoryExtras1
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconcompulsoryExtras2
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconcompulsoryExtras3
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconcompulsoryExtras4
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconcompulsoryExtras5
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText1
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText2
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText3
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText4
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText5
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText6
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText7
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText8
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText9
{
	background-image: url('images/rateicons/Valueadd.png');
}

.rateiconvoucherText10
{
	background-image: url('images/rateicons/Valueadd.png');
}



/*********************************************************

    Service Search/Option info display
    option description
    option comment, rate description

*********************************************************/
/*
#searchResults .optionDetails .optionComment {
    display:inline-block;
}

#searchResults .optionComment::before {
    content: ", ";
} 

#searchResults td.resultList .optionComment {
    display: none;
} 

#searchResults .externalRate .RateDescription
{
    display: none;
}
*/

/*********************************************************

    Service Search/Option info display
    option description
    option comment
    rate description

*********************************************************/
/*
#searchResults .optionDetails .optionComment {
    display:block;
}

#searchResults  .optionComment {
    display: block;
    text-transform: uppercase;
    font-size:0.9em;
}

#searchResults td.resultList .optionComment {
    display: none;
} 
*/





/*External Rate Plan Description - Online Bookings page */

/*
span.RateComment { 
display: none; 
}

*/

/*Internal Option Comment  - Option Info page */


tr.externalRate .optionComment {
display: none; 
}