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

    MAIN PAGE ADJUSTMENTS

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

/*Change background color here*/
body 
{
    /*background: #f5f5f5;
    background-image:  none;*/
}

/*Change background image here*/
body 
{
    /*background: #f5f5f5 url(images/XXX.jpg) repeat;*/
}


/*Change header color here*/
#headerwrap {
  /*  background-color: #fff;
    background-image: none;*/
}

/*Change header image here*/
#headerwrap {
    /*background-image:  url(images/XXX.jpg);*/
}

/*Change PDF header image here*/
#headerwrap_pdf {
    /*background-image:  url(images/XXX.jpg);*/
    margin: 0 10px;
}

/*Change logo and size here */
#logoimage
{
    background-image: url(images/logo.png);
    width: 245px;
    height: 150px;
    margin: 0px 0px;
    background-repeat: no-repeat;
  /*background-position: center;*/
 }

#logoimage_pdf
{
    background-image: url(images/logo.png);
    width: 150px;
    height: 135px;
    margin: 0px 0px;
    background-repeat: no-repeat;
   /*background-position: center;*/
 }

/*Change menu / nav bar color here*/
#topbar
{
    background-color: #1E22AA;
    border: 1px solid #97D900;
}

#menu ul li a:hover
{
     background: #1E22AA;
}

/*Change footer color here */
#pagefooter
{
     background: #1E22AA;
     border: 1px solid #97D900;
     color: #ffffff;
}

/*Change footer header color here */
#footer h3{
    color: #ffffff;
    border-bottom: 1px solid #1E22AA;
}

/*Change Bullet Colour at Agent Area */
li::marker {
    color: #1E22AA
}

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

    GLOBALLY APPLIED LOOK

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

/*Change link color here
a {color: #ffffff; } 
a:hover	{color:#47484a;}
a:visited, a:active {color: #ffffff;} */

/*Change Header color here */
#headerlinks 
{
  float: right;
  bottom: 5px;
  height: 100%;
  margin: 20px 0;
  color: #ffffff;
  background: #1E22AA none repeat scroll 0 0;
  max-width: 850px; 
}

/*Change button color here */
.iButton, .iButton:link, .iButton:visited, #logout, #headerlinks #logout, a.ButtonAnchor:active, a.ButtonAnchor, a.ButtonAnchor:link, a.ButtonAnchor:visited
{
    background-color: #1E22AA;
    border: 1px solid #97D900;
}

/*Change button hover color here */
.iButton:hover, a#logout:hover, #headerlinks a#logout:hover,a.ButtonAnchor:hover
{
    background-color: #97D900;
    color: #ffffff;
}

/*Change colour of buttons on the booking page
a.buttonaction:hover, a.buttonaction:active
{
	border-color: #47484a;
	background-color: #47484a;
	color:#FFFFFF;
}*/

#tabNavigation a.selected
{
    border-top:5px solid #58595B;
}

.plusMinusButton {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #1E22AA;
}

/* Agent Area
    Change the background colour of the adverts
*/

.advertItem {
    background-color: #1e1d27;
}

.SearchRefineFilter_heading
{
    background-color: #58595B;
    color: #ffffff;
}

.SearchRefineFilter_filterSection
{
border: 1px solid #58595B;
}



/****************************************************************************
    
    SLIDER ARROW
    Change the slider arrow.

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

/*Black square with white arrow*/
/*.sliderarrowleft, .sliderarrowright {
    display: block;
    position: absolute;
    width: 40px;
    height: 50px;
    cursor: pointer;
    background: url(images/arrowsquare.png) no-repeat;
    overflow: hidden;
}
.sliderarrowleft { background-position: -10px -35px; }
.sliderarrowright { background-position: -70px -35px; }
.sliderarrowleft:hover { background-position: -130px -35px; }
.sliderarrowright:hover { background-position: -190px -35px; }
.sliderarrowleft.jssora13ldn { background-position: -250px -35px; }
.sliderarrowright.jssora13rdn { background-position: -310px -35px; }
*/

/*White circle with transparent arrow*/
/*.sliderarrowleft, .sliderarrowright {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: url(images/arrowround.png) no-repeat;
    overflow: hidden;
}
.sliderarrowleft { background-position: -8px -38px; }
.sliderarrowright { background-position: -68px -38px; }
.sliderarrowleft:hover { background-position: -128px -38px; }
.sliderarrowright:hover { background-position: -188px -38px; }
.sliderarrowleft.jssora06ldn { background-position: -248px -38px; }
.sliderarrowright.jssora06rdn { background-position: -308px -38px; }
*/


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

    Service Search
    Get class/star images in the results

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

.classCode3
{
    background-image:  url(images/3star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}


.classCode1
{
    background-image:  url(images/1star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode2
{
    background-image:  url(images/2star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode4
{
    background-image:  url(images/4star.png);
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 16px;
    color:transparent;
}

.classCode5
{
    background-image:  url(images/5star.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/HotDeal.png');
}

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

.rateiconlastBookableDate
{
	background-image: url('images/rateicons/Icon-Design-for-Tourplan-Early-Bird.png');
}

.rateiconstayPay
{
	background-image: url('images/rateicons/Icon-Design-for-Tourplan-Free-Night.png');
}

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

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

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

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

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

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

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

.rateiconvoucherText1
{
	background-image: url('images/rateicons/Icon-Design-for-Tourplan-Hot-Deal.png');
}

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

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

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

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

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

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

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

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

.rateiconvoucherText10
{
	background-image: url('images/rateicons/specialdeal-icon.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: none;
    font-size:0.9em;
}
/*
#searchResults td.resultList .optionComment {
    display: none;
} 
*/

#headerLoggedInPanel #currentDetails.withoutSwitching {
    background-color: transparent;
}

/*Change for Ticket# 651900

#content, .pagewidth {
    width: 100%;
    padding: 20px 20px 0px 20px;
    min-width: 750px;
    max-width: 960px;
    background-color: #ffffff;
}
*/

/*Change for Ticket# 657580 start */
#productContent img, #supplierContent img, #divResults img, #slideshow img, .galleryImage img, #productContent_pdf img, #supplierContent_pdf img{
    
        border: none;
        padding: 0px
}  

ul.thumbs li.selected a.thumb {
	background: #ccc;
}
a, a:visited {
	text-decoration: none;	
	color: #1E22AA;
}

/* Headings */
h1,h2,h3,h4,h5,h6, .title, .heading,.subtitle, .subheading {
	color: #58595B;
	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;
}


#menu a.currentItem {
    color: #FFFFFF;
    background-color: #97D900;
}

#menu li li{
    background-color: #97D900;
}

select{
    
    color: #58595B;
    font-family: 'Arial', sans-serif;

}

#loginPanel td, p {
    color: #58595B;text-align:justify;
}

#ucSearch label {
    color: #58595B;

}

.iButton, .iButton:link, .iButton:visited{
    border: 0px solid #eee;
    font-family: 'Arial', sans-serif;
}

body{
    color: #58595B;
}

.optionDescription {
    text-transform: none;
}

#searchResults  .RateDescription {
    /*display: block;*/
    text-transform: none;
    font-size:0.9em;
}

#searchResults .locality {
    padding-right: 15px;
    font-weight: normal;
    font-size: 1.7em;
    border-bottom: none;
}

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

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

td.resultList.rate {
    vertical-align: middle;
}
.groupheader a, .groupheader a:visited {
    color: #58595B;
}

.groupheader .locality, .groupheader .class, .groupheader .supplierpostcode {
    color: #58595B;
}

#tariffResults .xslSupplier .suppliername {
    color: #58595B;
}

a.buttonaction, a.buttonaction:link, a.buttonaction:visited, a.buttonaction:active{
    border: 0px solid #1E22AA;
    color: #FFFFFF;
    background-color: #1E22AA;
}
a.buttonaction:hover{
	border-color: #47484a;
	background-color: #47484a;
	color:#FFFFFF;
}

.tariffHeader {
	color: #58595B;
}

#ratesContent .rateDetailSection .rateBreakdown {
margin-left: 0.3em;
}
#ratesContent .rateDetailSection > td > table > tbody > tr > td {
padding-left: 5px;
}
#ratesContent .rateDetailSection > td > table > tbody > tr > th.labelColumn {
min-width: 120px;
}
#ratesContent .rateDetailSection > td > table > tbody > tr > td.valueAddList {
padding-left: 5;
}
#ratesContent .rateDetailSection > td > table#rateGridValueAdds > tbody > tr > th {
min-width: 120px;
width: 20%;
}
#ratesContent .rateDetailSection .canelPoliciesCtrl.valueAddHeading{
padding: 0px 5px;
}
#productContentResults > div.info {
padding-left: 0;
}
#medialibrarytable > tbody > tr > td:nth-last-child(1),
#medialibrarytable > tbody > tr > td:nth-last-child(2) {
text-align: right;
}
#medialibrarytable > tbody > tr > td > a{
padding-right: 10px;
}
/*Change for Ticket# 657580, 651900 end */

/*Change for Ticket# 665043 Start*/
input, div.paxName, div.paxInfo, .paxRowLabel, span.paxTypeRbLabel, span#ui-dialog-title-paxdialog.ui-dialog-title, span.paxType, div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix, span.ui-icon-ui-icon-closethick{
 
    color: #58595B;
    font-family: 'Arial', sans-serif;

}
/*Change for Ticket# 665043 End*/

/*Change for Ticket# 661644 Start*/
div[agelabel="Infant Age"] {
display: none;
}
/*Change for Ticket# 661644 End*/

/*Change for Ticket# 651900 start 20200203 */

span#ctl00_UseCasePane_ucServiceHeaderCtrl_spLocation{
	font-size: 1.7em;
}

.addService_ChangeSearch a {
	margin-left: 75px;
}
/*Change for Ticket# 651900 end 20200203 */

/*change on 20200219 for ticket #667928:start*/
#searchResults .class {
    font-weight: bold;
    position: static;
    right: 0;
    top: 15px;
}
/*change on 20200219 for ticket #667928:end*/

/*change on 20200506 for ticket #673131:start*/
#tariffsearch span.location {padding: 20px;}
/*change on 20200506 for ticket #673131:end*/

/*change on 20200508 for ticket #673060:start*/
#tariffsearch .groupheader  span.class {padding-left: 15px;}
/*change on 20200508 for ticket #673060:end*/

/*change on 20200508 for ticket #673133:start*/
#tariffsearch .expanded .expand, #tariffsearch .collapsed .collapse {display:none;}
#tariffsearch .expanded .collapse, #tariffsearch .collapsed .expand {display: none;}
#tariffsearch .options, #tariffsearch .groupfooter {display: none;}
#tariffsearch #expandAll span, span#expandAll.expander.collapsed{display: none;}
#tariffbutton {margin: 0;}
/*change on 20200508 for ticket #673133:end*/

/*change on 20200513 for ticket #673570 - start*/
#default #content table#loginPanel{
display: none;
}
/*change on 20200513 for ticket #673570 - end*/

/*change on 20200513 for ticket #673570 - start*/
#default #content table#loginPanel{
display: none;
}
/*change on 20200513 for ticket #673570 - end*/

/*Changed on 20200514:reduce space between labels and data on Product Traiffe page*/
#tariffResults .xslSupplier .optionInfo {
    width: 85px;
}
/*Originally change for 651900, applied along ticket 673534end */

/*changed on 20210303 for ticket #686857*/
#supplierContent .supplierAddress1:after,
#supplierContent .supplierAddress2:after,
#supplierContent .supplierAddress3:after,
#supplierContent .supplierAddress4:after,
#supplierContent .supplierAddress5:after,
#supplierContent .supplierPostCode:after
{
  content: ' ';
}
/* End */

/* Changed on 202010303 for ticket #686918 */
#searchResults .class {
    display:none;
}
/* End */

/* changed on 20210420 for ticket #686151 */
#optioninforesults .externalRate span.rateComment {display:none;}
.externalRate span.RateComment {display: none;}
.externalRate .optionComment {display: none;}
.externalRate .RateDescriptionSplit{display: inline-block;}
.externalRate .RateDescriptionSplit:nth-child(2){display: block; color:red;}
.externalRate .RateDescriptionSplit:nth-child(2):after{content: '';}
.externalRate .RateDescriptionSplit:nth-child(3):after{content: ', ';}
.externalRate .RateDescriptionSplit:nth-child(1):after{content: '';}

table.resultList.option_external
.optionDescription {
text-transform: none;
display: none;}
/* end */

/* changed on 20210709 for ticket #689459 */
#searchResults .supplierNote p {
    color: black;
    text-align:justify;
}
/* end */

/* Changed on 20210714 for ticket #693065 */
#addServiceBookingExtra .labelColumn,
.editQuoteBookingExtra .labelColumn {
  text-transform:capitalize;
}
/* End */

/* changed on 20211020 for ticket #697687 */
#productContent .mainblock .note,
#supplierContent .mainblock .note,
#productContent_pdf .mainblock .note,
#supplierContent_pdf .mainblock .note {
  padding-bottom: 10px;
  text-align: justify;
}
/* End */

/*change on 20230823 for ticket #740607 - start*/
#productContent, #supplierContent, .option
{
overflow:auto;
}
/*end*/

/* Changed on 20230828 for ticket #740950 */
.contractRate .rateDescription:after{content: ', ';}
/* End */