#body
{
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;
}


/* Make all inputs, selects the same size  */
input[data-type="text"], select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.required
{
	color:#ab0f0f
}

.wrap
{
	margin: auto;
	width: 970px;
	padding-bottom: 20px;
}


.make-booking-contents.ng-cloak {
	display: none;
}

.make-booking-contents {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

@media (width > 900px) {
	.make-booking-contents {
		align-items: revert;
		flex-direction: row-reverse;
	}
}

div#header .wrap {
	padding-bottom: 0;
}

img.logo
{
	float: left;
	margin: 3px 0 3px 0;
	padding: 0;

}


.table		{ display: table; border-collapse:collapse; }
.tr			{ display: table-row }
.thead		{ display: table-header-group }
.tbody		{ display: table-row-group }
.tfoot		{ display: table-footer-group }
.col		{ display: table-column }
.colgroup	{ display: table-column-group }
.td, .th	{ display: table-cell }
.caption	{ display: table-caption }


.left-col
{
	margin: 20px 20px 0 0;
	padding: 0;
	float: left;
	width: 200px;
}

div.safe-secure h3 {
	font-size: 17px;
	margin: 0 0 6px 0;
	line-height: 19px;
	min-height: 22px;
}

#rightcol {
	margin: 20px 0 0 0;
	padding: 0;
	width: 148px;
	float: right;
}

div.need-help-booking h3 {
	font-size: 17px;
	margin: 0 0 6px 0;
	line-height: 19px;
	min-height: 22px;
}


div.need-help-booking h3, div.safe-secure h3 {
	vertical-align:top;
}

div.need-help-booking img, div.safe-secure img {
	margin-right:3px;
}

/*
==============================
GOB-1172 start
Payment types bar above footer
 */

#payment-types-bar {
	height: 52px;
	margin-top: 20px;
	background-color: white;
	border: 1px solid #e8eaed;
}

#payment-types-container {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 980px;
	height: 100%;
	margin: auto;
	color: #353a46;
}

#payment-types-bar .icons {
	display: flex;
	align-items: center;
	gap: 16px;
}

#payment-types-bar .icons img {
	height: 16px;
}

#payment-types-bar .icons .visa {
	height: 14px;
}

#payment-types-bar .icons .mastercard, #payment-types-bar .icons .maestro {
	height: 20px;
}

#footer-base {
	margin-top: 0 !important;
}

@media screen and (max-width: 1024px) {
	#payment-types-container {
		justify-content: center;
		width: auto;
	}
}

/*
GOB-1172 end
==============================
 */

#footer p
{
	margin:0;
}

#footer p.left {
	float: left;
}

#footer .left {
	float: left;
	width: 500px;
}

.insurance-footer {
	text-align: center;
	padding: 1em 3em;
	font-size: 12px;
	margin: 0
}

#cant-provide-insurance, #travel-insurance-container, #auth-balance-container, #card-type-extra-charge
{
	display:none;
}


.ng-scope #cant-provide-insurance, .ng-scope #travel-insurance-container,
.ng-scope #auth-balance-container, .ng-scope #card-type-extra-charge
{
	display:block;
}

.payment-content fieldset legend , .wrap-width-content fieldset legend
{
	font-size:140%;
	padding: 5px 10px;
	font-weight:bold;
}

#account-information {
	padding: 1.5em;
	overflow: hidden;
}

#account-information p {
	margin: 0;
}

#account-information select {
	margin-top: 1em;
}

#account-information h2 {
	margin-top: 0;
}

#account-information input {
	box-sizing: border-box;
	padding: 0.4em;
	height: 2em;
	font-size: 15px;
}

#account-information input[type=email],
#account-information input[type=password],
#account-information input[type=text] {
	border: 1px gray solid;
	width: 32%;
	margin-right: 1%;
}

#account-information input[type=button] {
	border: 0;
}

.tooltip {
	padding: 1.2em 1em;
	background: #FFEECC;
	border: 2px solid #FFD966;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
	min-height: 1.5em;
}

.tooltip h2 {
	margin-top: 0;
}

#confirmation-no-account p {
	margin: 0;
}

.tooltip input[type=submit] {
	background: #699fc4;
	border: 2px white solid;
	color: white;
	font-family: inherit;
	padding: 0.3em 0.4em;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	line-height: 1.25em;
	position: absolute;
	bottom: 1em;
	right: 1em;
    cursor: pointer;
}

.initially-hidden
{
	display:none;
}



.payment-content fieldset , .wrap-width-content fieldset
{
	margin-top:20px;
	box-sizing: unset;
}

.ferry_fixed	{float:left;}

.card-type-images-row img
{
	height:25px;
	margin:1px;
}

div#return-to-site-1 {
	margin-bottom: 10px;
}

div#return-to-site-2 {
	float: left;
}

div#return-to-site-1 input,
div#return-to-site-2 input {
	margin-left: 8px;
	cursor: pointer;
}

div#return-to-site-1 input:first-child,
div#return-to-site-2 input:first-child {
	margin-left: 0;
}

div#booking-summary {
	margin-top: 20px;
}
.summary-table {
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	border-color: silver;
}
.summary-table.booking-details {
	float: left; margin-right: 14px;
}
div#print-details {
	float: right; clear: left;
}

#balance-details .summary-table
{
	table-layout:fixed;
}

#balance-details .summary-table td
{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

#payment-currency
{
	width:150px;
	margin:10px;
}

#currency-flag img
{
	vertical-align:middle;
}


#card-breakdown .tr .td:nth-child(1)
{
	width:94px;
}

#card-discount
{
	color:#F00;
}

.red-text
{
	color:#B30000;
}

#property-note-warnings
{
	display:none;
}

#property-note-warnings ul li
{
	padding: 5px;
}

.flash-error
{
	border:1px solid #8C001A;
	border-radius:5px;
	background-color:#FFBFCB;
	margin:5px 10px;
	padding:5px;
	color:#8C001A
}

tr.error-background input, tr.error-background select, p.error-background, div.error-background, label.error-background,
.damage-waiver-radio-btns-container.error-background {
	border: 1px solid red !important;
	background: #FFF6F6;
	box-shadow: none;
}

p.error-background, label.error-background {
	padding: 5px;
}

.error {
	display: none;
	color: red;
}

.household-party-thankyou-message p.error {
	color: #CC1C1C;
	border-radius: 0.25rem;
	border: 1px solid #CC1C1C;
	background-color: #ffeeee;
	padding: 8px 10px 8px;
}

.household-party-thankyou-message p.error::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url('/static/images/icons/error-icon-dark.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
	vertical-align: middle;
}

.row .error {
	padding-left: 10px;
}

.row.error-background .error {
	display: inline-block;
}

div.button-row input#booking-details-next {
	margin-left: 10px;
}

div.button-row > input:first-child:not(.continue-button-cs1572), div.button-row span:first-child {
	float: left;
}

#confirmation-has-account p {
	margin: 0 0 1em 0;
}

#confirmation-has-account ul {
	list-style: none;
	padding: 0;
}

#confirmation-has-account ul:after {
	content: '';
	clear: both;
	display: table;
}

#confirmation-has-account li {
	float: right;
	width: 49%;
}

#confirmation-has-account li:first-child {
	float: left;
}

#confirmation-has-account li input {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#confirmation-has-account li label {
	cursor: pointer;
	font-weight: bold;
	display: block;
	margin-bottom: 0.2em;
}

#confirmation-has-account p.submit-wrapper {
	float: right;
	width: 49%;
	margin: 0;
}

#confirmation-has-account p.submit-wrapper a {
	float: left;
	line-height: 1.8em;
}

#confirmation-has-account p.submit-wrapper input {
	position: static;
	float: right;
}

/* Insurance declaration checkbox on RRCC step 1;
   over 18 checkbox on RRCC step 2 */
div#insurance-declaration {
	margin-top: 14px;
}
div#over-18-container,
div#brand-marketing-allowed-container {
	padding: 4px 3px;
	clear: left;
}
div#over-18-container span.required,
div#insurance-declaration span.required,
div#over-18-container input,
div#insurance-declaration input,
div#brand-marketing-allowed-container input {
	float: left;
}
div#brand-marketing-allowed-container #reverse-brand-marketing-allowed {
    margin-left: 12px;
}
div#insurance-declaration input {
	position: relative;
	top: 2px;
}
div#over-18-container label,
div#insurance-declaration label,
div#brand-marketing-allowed-container label {
	margin-left: 36px;
	display: block;
}

tr#get-address-row {
	display: none;
}

img#voucher-code-tick {
    margin-left: 5px;
    vertical-align: middle;
}

iframe#sagePayIframe {
	height: 570px;
	width: 100%;
	border: 0;
    margin: 0 auto;
    display: block;
}

ul.service-messages {
	padding-left: 20px;
}

ul.service-messages li {
	color: red;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.ui-dialog b a{
	font-weight: 700;
}

div.ui-dialog h4{
	margin-bottom: auto;
	font-weight: 100!important;
}
div.ui-dialog ul, div.ui-dialog ol{
	margin-top: auto;
}

/* Fix for DigiCert float problem -
   don't allow image to below all the main content */
#DigiCertClickID_pwk9u401 * {
	clear: left !important;
}

div.ui-dialog,
div.ui-dialog .ui-dialog-titlebar,
div.ui-dialog .ui-dialog-buttonpane,
div.ui-dialog .ui-dialog-content {
    box-sizing: border-box;
}

div.ui-dialog {
    position: fixed!important;
    height: 90%!important;
	width:90% !important;
    top: 5%!important;
	left: 5%!important;
	right: 5%!important;

    /* setting spaces for  .ui-dialog-titlebar and .ui-dialog-buttonpane */
    padding-top: 3.57em;
    padding-bottom: 4.29em;
}

/*
 * Moving outside of content for possibility setting .ui-dialog-content height 100%
*/
div.ui-dialog .ui-dialog-titlebar,
div.ui-dialog .ui-dialog-buttonpane {
    position: absolute;
    left: 0;
    width: 99%;
    margin: 0.5%;
}

div.ui-dialog .ui-dialog-titlebar {
    top: 0;
}

div.ui-dialog .ui-dialog-buttonpane {
    bottom: 0;
}

div.ui-dialog .ui-dialog-content {
    max-height: 100%!important;

    /* iOS momentum scrolling */
    -webkit-overflow-scrolling: touch;
}

fieldset#ferry-selector p {
	padding: 4px 0;
}

fieldset#ferry-selector select {
	width: 200px;
}

tr.success-background input, tr.success-background select, p.success-background select, div.success-background {
	border: 1px solid #0b823e;
	box-shadow: none;
	color: #0b823e;
	background: #ffffff;
}


/** TES-2662 **/

fieldset .red-text {
	display: table;
}
fieldset .housekeeping-text {
	color: #333333;
	border-left: 5px solid #0b823e;
	background-color: #ddf3d5;
	padding: 12px 12px 12px 23px;
}
fieldset .housekeeping-text p {
	margin: 0;
}
/** end TES-2662 **/

.custom-alert {
	border-radius: 4px;
	padding: 16px;
	/* font-size: 14px; */
	margin: 18px 0px;
	color: #111111;
}

.custom-alert.custom-alert-success {
	background-color: #effcf2;
	border: 1px solid #1ba13a;
	border-left: 8px solid #1ba13a;
}

.custom-alert .title {
	font-size: 18px;
	margin: 0;
	font-weight: bold;
}

.custom-alert .content {
	padding: 0;
	margin: 0;
}

.fs-16 {
	font-size: 16px;
}

.width-50 {
	width: 50%;
}

.width-60 {
	width: 60%;
}

.width-100 {
	box-sizing: border-box;
	width: 100%;
}

.div-shadow {
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 40, 0.15);
    border: solid 1px #eaeaea;
    background-color: white;
    margin-bottom: 1.5rem;
}

#booking-summary-adults,
#booking-summary-teens,
#booking-summary-children,
#booking-summary-infants,
#booking-summary-assistance_dogs,
#booking-summary-pets {
	text-align: center;
}