/* Minification failed. Returning unminified contents.
(1039,9): run-time error CSS1030: Expected identifier, found '>'
(1039,35): run-time error CSS1031: Expected selector, found ')'
(1039,35): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*** Global CSS ***/

/** DISABLE HTML5 NUMBER SPINNERS **/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.hidden {
    display:none;
}

.clear {
    clear:both;
}

.bold {
    font-weight:bold;
}

.Center {
    text-align:center;
}

img {
    -ms-interpolation-mode: bicubic;
    image-rendering: -webkit-optimize-contrast;
}

.FloatLeft {
    float:left;
}

.right-align {
    text-align:right !important;
}

.FullWidth {
    width:100% !important;
}

a.SkipToContentLink {
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a.SkipToContentLink:focus, a.SkipToContentLink:active {
    background-color: white;
    border: 1px solid rgb(204, 204, 204);
    color: rgb(51, 51, 51);
    font-family: sans-serif;
    font-size: 14px;
    height: auto;
    left: 10px;
    overflow: auto;
    padding: 10px 15px;
    position: absolute;
    text-decoration: none;
    top: 10px;
    width: auto;
    z-index: 9999;
}

.dsl-youtubeplayer {
    float:left;
    margin:20px 20px 20px 0;
}

.dsl-youtubeplayer.right-align {
    float:right;
    margin:20px 0 20px 20px;
}

.dsl-youtubeplayer.centre-align {
    width:100% !important;
    text-align:center;
}

.NewLine {
    display:block;
}

.heightSpacer {
    line-height: 2em;
}

.clickable:hover {
    cursor:pointer;
}

#MapTable {
    display:table;
}

.noWidth {
    width:auto !important;
}

input[type=text].Disabled, select.Disabled {
    background-color: #eeeeee !important;
}


input[type=checkbox] {
    -moz-appearance: checkbox;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-right: 5px;
}

select {
    background-image: none !important;
    padding-right: 24px !important;
    -webkit-padding-end: 24px !important;
}

    select::-ms-expand {
        display: none !important;
    }

select.input-validation-error {
    background-image: none !important;
}

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    option:not(:checked) {
        color: black; /* prevent <option>s from becoming transparent as well */
    }

    /*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
        border: 0px;
    }
    /*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus {
        outline: none;
    }

.LinkButton.Disabled,
.LinkButton:disabled {
    opacity: 0.4;
    cursor:auto;
}

input[type=submit]:focus, .LinkButton:focus {
    box-shadow: 0 0 10px 0 rgba(0, 247, 255, 0.8);
}

ul.MenuItemContainer li:last-child ul ul.appearLeft {
    left:-100%;
}

#tooltip {
    z-index: 9999;
    background-color: #fff;
    border: solid 1px #333;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
}

#NotAcceptableReason,
#QuotationLockedMessage,
#BookingLockedMessage {
    padding-left: 22px;
}

#QuotationLockedMessage,
#BookingLockedMessage {
    font-weight: 600;
}

.ContentContainer {
    margin:20px 0;
}

.divider {
    border-bottom:1px solid #9c9ea1;
    height:1px;
    width:95%;
    clear:both;
    display:block;
    margin:0 auto;
}

fieldset {
    padding:20px;
    margin:10px 0;
    border: 1px solid #9c9ea1;
}

fieldset legend {
    padding:0 5px;
}

.pac-container {
    z-index: 9999;
}

/*** Indents ***/
.indent100 {
    margin: 10px 10px 10px 100px !important;    
}

.indent150 {
    margin: 10px 10px 10px 150px !important;    
}

.indent200 {
    margin: 10px 10px 10px 200px !important;    
}

/*** My Acount Menu ***/

.WelcomeMessage {
  float: right;
  margin-right: 60px;
  text-decoration: none;
}

#MyAccountMenu {
    width:100%;
    z-index:1000;
    position:absolute;
}

    #MyAccountMenu * {
        box-sizing:border-box;
    }

    #MyAccountMenu > #MyAccountMenuContainer {
        width:975px;
        margin:0 auto;
        position:relative;
    }

    #MyAccountMenu #MyAccountMenuContainer > ul {
        float:right;
    }

    #MyAccountMenu #MyAccountMenuContainer > ul > li {
        height:30px;
    }

    #MyAccountMenu #MyAccountMenuContainer ul * {
        list-style:none;       
    }

        #MyAccountMenu #MyAccountMenuContainer a {
            text-decoration:none;
        }

    #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems {
        display:none;
        position:absolute;
        right:0px;     
        top:30px;   
        width:230px;
        background-color:#fff;
        border:solid #000 1px;
        padding:10px 10px 0;
        text-align:left;
    }

        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems .MenuItemContainer {
            border:1px solid #000;
            margin-bottom:10px;
            padding:10px;
            width:100%;
            line-height:14px;
            display:table;
        }
        
        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems .MenuItemContainer div {
            display:inline-block;
            display:table-cell;
            text-align:left;
        }

        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems .MenuItemContainer div img {
            height:40px;
        }

        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems .MenuItemContainer div.Icon {
            width:40px;
        }

        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems .MenuItemContainer div.Link {
            padding-left:10px;
            vertical-align:middle;
        }

/*** Image Gallery ***/
.DSImageGallery {
    list-style-type: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

    .DSImageGallery li {
        background-color: none;
        display: table-cell;
        float: left;
        height: 100px;
        margin-bottom: 5px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }

        .DSImageGallery li a {
            margin: 0 auto;
        }

            .DSImageGallery li a img {
                border: none;
                height: auto;
                width: 100px;
            } 


.RightColumn .RightColumnContent {
    overflow-x: visible;
}

.RightColumn .RightColumnContent ul.DSImageGallery {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: visible;
}

.RightColumn .RightColumnContent ul.DSImageGallery li {
    width: 100px;
    height:70px;
}

.RightColumn .RightColumnContent ul.DSImageGallery li img {
    width:100px;
    cursor: pointer;
}

    .RightColumn .RightColumnContent ul.DSImageGallery li div {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #000;
        padding: 10px;
        z-index: 9999;
        max-width: 250px;
    }

    .RightColumn .RightColumnContent ul.DSImageGallery li:hover div {
        display: block;
    }

.datepick-month-header, .datepick-month-header select, .datepick-month-header input,
.datepick-month-header select, .datepick-month-header input {
    height: auto !important;
    padding: 1px;
}


/*** FAQ Pages ***/

ol.FAQQuestions li,
.FAQBackToTop {
    text-decoration: underline;
    cursor:pointer;
}

/*** Errors ***/

.error {
    color: #ff0000;
}

.ErrorSummary {
    color: #ff0000;
    background: rgba(255, 0, 0, 0.25);
    border: solid rgba(255, 0, 0, 0.5);
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 20px;
}

    .ErrorSummary h2 {
        color: #ff0000;
    }

.ErrorSummary p {

}

.ErrorList, .ErrorList li {
    list-style: none;
}

#PaymentError div {
    margin-top:10px;
}

/*** Quotation Form ***/
.QuotationForm {
    margin:20px 0;
    /*display: inline-block;*/
}

.QuotationForm fieldset {
    margin-bottom:20px;
}

.QuotationForm legend {
    padding: 0 5px;
}

.QuotationForm div {
    margin: 5px 0;
}

#AdditionalPickups {
    margin-top:20px;
}

.QuotationForm div#RequiredFacilities div.RequiredFacilitiesInner {
    margin-left:200px;
    
}

.QuotationForm div#RequiredFacilities #RequiredFacilitiesTable td.RequiredFacility {
    padding:0 10px 0 0;
}

.QuotationForm label.RequiredFacilityLabel {
    margin-left: 8px;
}

.QuotationForm a#ShowVehicles {
    line-height: 28px;
    height: 27px;
}

.QuotationForm div#VehiclesDiv h4 {
    margin-top: 10px;
}

.QuotationForm div#VehiclesDiv div#RecommendedVehicles,
.QuotationForm div#VehiclesDiv div#AlternativeVehicles {
    padding:20px 0;          
    display:table;
    width:100%; 
}

.QuotationForm div#VehiclesDiv table {

}

    .QuotationForm div#VehiclesDiv table td {
        width:200px;
        vertical-align:top;
        padding:5px;
    }

        .QuotationForm div#VehiclesDiv table td div.VehicleImage {
            height:160px;
            overflow:hidden;
        }

    .QuotationPageFooterText {
        display: block;
    }

table.VehicleDetailsTable td {
    vertical-align: top;
}

table.VehicleDetailsTable td.Field {
    width: 100%;    
}

table.VehicleDetailsTable td.Field div#VehiclesDiv div.Vehicle {
    width: 45%;
}

div#VehiclesDiv div.Vehicle {
    width:200px;
}

div.spacer {
    width:100%;
    height:45px;
}

div#VehiclesDiv div.VehicleQuantity {
    width:100%;
}

div#VehiclesDiv ul.Facilities {
    clear:both;
    margin-left:10px;
}

div#VehiclesDiv div.VehicleImage,
div#VehiclesDiv div.VehicleImage img {
    max-height: 150px;
}

div#VehiclesDiv div.Vehicle img {
    width:200px;
}

div#VehiclesDiv div.Vehicle label {
    width:auto;
    margin-right:10px;
}

div#VehiclesDiv label.VehicleDesc {
    font-weight:bold;
}

div#VehiclesDiv div.Vehicle select {
    float:left;
    min-width:50px;
}

.QuotationForm td  {
    vertical-align: top;
}

.QuotationForm td.FieldLabel {
    min-width: 200px;
}

.QuotationForm td label.FieldLabel {
    padding: 0 10px;
    margin: 0;
}

.QuotationForm div#JourneyDetailsDiv select {
    margin-right:30px;
    width:100px;
}

.QuotationForm div#ClientDetails input#Email,
.QuotationForm div#ClientDetails input#Firstname,
.QuotationForm div#ClientDetails input#Surname,
.QuotationForm div#ClientDetails input#Company,
.QuotationForm div#ClientDetails input#AddressLookup,
.QuotationForm div#ClientDetails input.Address,
.QuotationForm div#ClientDetails input#TelNo,
.QuotationForm div#ClientDetails input#FaxNo {     
    width:380px !important;   
    margin-top:3px;
}

.QuotationForm div#ClientDetails select.Address {     
    width:380px !important;   
    margin-top:3px;
}

.QuotationForm textarea {
    width: 380px;
    height: 100px;
}

.QuotationForm span.charcounter {
    display: block;
    text-align: right;
}

.QuotationForm div input[type=radio] {
    width:auto;
    margin: 2px 10px 0;
}

.QuotationForm div input[type=checkbox] {
    width:auto;
}

.QuotationForm select.timeselect {     
    width:100px;
}

.QuotationForm #OBTimeError, .QuotationForm #IBTimeError {
    display: inline;
}

.QuotationForm div#DivSubmit {
    clear:both;
    float:right;
    width:205px;
}

.QuotationForm div#DivSubmit input[type=submit] {
    width:100%;
    text-align:center;
}

.QuotationForm .field-validation-error {
    font-size:0.8em;
}

.QuotationForm .div-validation-error {
    background-color: #fee;
    border: 1px solid #ff0000;
}

.QuotationForm a#AllowMultiplePickups {
    font-size:16px;
}

.QuotationForm .Passengers span.field-validation-error {
    display: block;
}

.QuotationForm .PassengersAndFacilitiesSectionText {
    padding: 0 12px 12px;
}

.QuotationForm #AddPickupPointError {
    margin: 5px 0;
}

.QuotationForm td.RequiredFacility {
    padding-right: 15px;
}

.QuotationForm .currencySymbol {
    margin-left: -16px;
    margin-right: 8px;
}

.QuotationForm input:not([type=button]):not([type=submit]):not([type=radio]):not([type=checkbox]) {
    width: 380px;
}

.QuotationForm input.Date {
    width:277px !important;
}

.QuotationForm .required {
    margin-left:2px;
    font-size:1em;
}

.QuotationForm #ClientDetails td.FieldLabel {
    width:196px;
    vertical-align:middle;
    float:none;
    padding-top:5px;
}

.QuotationForm .ClientDetailRequired {
    display:inline;
}

.QuotationForm #ClientDetails div.section {
    margin:20px 0;
}

.QuotationForm #ClientDetails #MyAccountLink {
    clear:both;
    padding-top:10px;
    text-align:center;
    width:100%;
}
            
.QuotationForm #AddPickupDiv {
    margin-top:20px;
}

.QuotationForm #Pickups a.DeletePickupPoint {
    text-decoration: none;
    color: red;
    font-weight:bold;
    margin-left:10px;
}

.DisplayQuotation table,
.DisplayBooking table {
    margin:20px;
}

.DisplayQuotation table tr td.FieldLabel,
.DisplayBooking table tr td.FieldLabel {
    width:230px;
    margin-top:0;
}

.QuotationForm .ClientConsentContainer {

}

.QuotationForm .ClientConsent {
    display: inline-block;
}

.QuotationForm .ClientConsentMethods,
.QuotationForm .Client3rdPartyConsentMethods {
    display: inline-block;
    margin-left: 40px;
}

    .QuotationForm .ClientConsentMethods .ContactMethods,
    .QuotationForm .ClientConsentMethods .Contact3rdPartyMethods,
    .QuotationForm .Client3rdPartyConsentMethods .ContactMethods,
    .QuotationForm .Client3rdPartyConsentMethods .Contact3rdPartyMethods {
        display: inline-block;
        padding-right: 20px !important;
    }

    .QuotationForm .Client3rdPartyConsentMethods .ContactMethod,
    .QuotationForm .ClientConsentMethods .ContactMethod {
        display: inline-block;
        margin-left: 20px !important;
    }

.QuotationSummary div {
    margin: 10px 0;
}

.QuotationSummary h2,
.QuotationSummary p {
    line-height: 2em;
}

.QuotationSummary .QuotationID,
.QuotationSummary #Contact label {
    font-weight: bold;
    margin-right: 5px;
}

.QuotationSummary #QuotationPrice {
    padding: 20px 0;
    background-color: #d5d7d9;
    border: 2px solid #515151;
    font-size: 30px;
    text-align: center;
    color: #515151;
}

.QuotationSummary #QuotationPrice span.PriceIncVat {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
}

/***************Quick Quote******************************/
input, textarea {
    box-sizing: border-box;
}

.CMOV2 .dsl-cmquickquote {
    clear:both;
    margin-top:20px
}

.dsl-cmquickquote .QuotationSummary {
    margin: 0;
}

.dsl-cmquickquote .QuotationSummary div {
    margin-bottom:10px;
}

.QuickQuote {
    position:relative;
    border-style:solid;
    border-width:1px;
    border-color:grey;
    padding:10px;
}

    .QuickQuote form fieldset {
        border: none;
        margin:10px 0 0 0;
    }

    .QuickQuote form div.seperator {
        width:100%;
        height:0;        
        clear:both;
    }

    .QuickQuote form .QuickQuoteContainer {
        width:100%;
        display:inline-block;
    }
    
    
    .QuickQuote form .QuickQuoteContainer div {
        margin: 2px 0;
        width: 48%;
    }

    .QuickQuote form .QuickQuoteContainer div.qqLeft {
        float: left;
    }

    .QuickQuote form .QuickQuoteContainer div.qqRight {
        float: right;
    }

    .QuickQuote form .QuickQuoteLegendContainer {
        height:17px;
    } 
        
        
        .QuickQuote form .ClientConsentSection {
            display:inline-block;
            margin-bottom: 71px;
        }

        .QuickQuote form .ClientConsentSection h3,
        .QuickQuote form .ClientConsentSection div {
            margin-bottom:10px;
        } 
        
        .QuickQuote form #ClientConsentContainer,
        .QuickQuote form #Client3rdPartyConsentContainer,
        .QuickQuote form #ClientConsentContainer div,
        .QuickQuote form #Client3rdPartyConsentContainer div {
            width: auto;
            display: inline-block;
        }

            .QuickQuote form .ClientConsentError
            {
                display: block !important;
            }

    .QuickQuote form #ClientConsentContainer .ContactMethod,
    .QuickQuote form #Client3rdPartyConsentContainer .ContactMethod {
        margin-left:10px;
    }

        .QuickQuote form .ClientConsentMethods {
            margin-left:20px;
        }
        
@media only screen and (max-width: 470px) {
    .QuickQuote form .ClientConsentSection .ClientConsentMethods,
    .QuickQuote form .ClientConsentSection .ClientConsent,
    .QuickQuote form .ClientConsentSection .ContactMethods {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .QuickQuote form .ClientConsentSection .ContactMethods {
        display: table !important;
        width: 100% !important;
    }
        .QuickQuote form .ClientConsentSection .ContactMethods .ContactMethod {
            display: inline-block !important;
        }
}
        
        .QuickQuote form div label {
            width: 100%;
        }

    .QuickQuote form #SingleJourneyDiv {
        text-align:center;
        margin-top:6px;
    }

    .QuickQuote form div.date {
        float:left;
        width:63%;
        min-width:0;
    }

    .QuickQuote form div.time {
        float:right;
        margin-right:1px;
        width:33%;
        min-width:0;
    }
        
    .QuickQuote form input.Date {
        width:100%; 
        *margin-top:-1px;
        *padding-bottom:2px;
        *padding-top:2px;
    }

    .QuickQuote form input[type=radio] {
        width:auto;    
    }

    .QuickQuote form input#Email,
    .QuickQuote form input#Firstname,
    .QuickQuote form input#Surname,
    .QuickQuote form input#Company,
    .QuickQuote form input#TelNo,
    .QuickQuote form input#Pickup,
    .QuickQuote form input#Destination,
    .QuickQuote form input#Passengers,
    .QuickQuote form input#MovementDescription {
        width:100% !important;
    }

    .QuickQuote form select {
        width:100%;
    }

    .QuickQuote form textarea {
        width:100%;
        height:70px;
        resize:none;
    }

    .QuickQuote form input[type=submit] {
        width:150px;
    }

    .QuickQuote form .field-validation-error {
        font-size: 0.8em;
        width:100%;
        float:left;
    }

     .QuickQuote form fieldset div.QuickQuoteLegend {
        color: #a9a9a9;
        float: right;
        text-align: right;
        font-size: 0.8em;
     }

.RightColumn .QuickQuote {
    border:solid grey 1px;
    padding:10px;
}

    .RightColumn .QuickQuote form fieldset {
        border: none;
        padding:0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-before: 0;
        -webkit-padding-start: 0;
        -webkit-padding-end: 0;
        -webkit-padding-after: 0;
    }

    .RightColumn .QuickQuote form div {
        margin:2px 0 5px;
        min-width:0;
        width:100%;
    }

    .RightColumn .QuickQuote form div.qqLeft
    .RightColumn .QuickQuote form div.qqRight{
        float: none;
    }

    .RightColumn .QuickQuote form div.seperator {
        margin:0;
    }

    .RightColumn .QuickQuote form #SingleJourneyDiv {   
        margin-top: 6px;
        margin-bottom:0px;
        text-align:center;
    }

    .RightColumn .QuickQuote form input {
        width:100%;
    }

    .RightColumn .QuickQuote form input[type=radio] {
        width:auto;        
    }

    .RightColumn .QuickQuote form input[type=submit],        
    .RightColumn .QuickQuote form select {
        width: 100%;
        float:left;
    }

    .RightColumn .QuickQuote form textarea {
        width:100%;
        height:60px;
        resize:none;
    }

    .RightColumn .QuickQuote form #DivSubmit {
        margin-top:0;
    }

    .RightColumn .QuickQuote form .field-validation-error {
        font-size: 0.8em;
    }

    .RightColumn .QuickQuote form #ClientConsentContainer,
    .RightColumn .QuickQuote form #Client3rdPartyConsentContainer,
    .RightColumn .QuickQuote form #ClientConsentContainer div,
    .RightColumn .QuickQuote form #Client3rdPartyConsentContainer div {
        width: 100%;
        display: inline-block;
    }

    .RightColumn .QuickQuote form .ClientConsentSection input[type=checkbox] {
        width:auto;
        position:absolute;
        left:15px;
    }

    .RightColumn .QuickQuote form .ClientConsentSection .ContactMethod label {
        position: absolute;
        left: 35px;
        line-height: 12px;
    }

    .RightColumn .QuickQuote form .ClientConsentSection .field-validation-error {
        margin-top:10px;
    }

/**************Google Autocomplete*******************************/

div:has(> div.autocomplete-results) {
    position: relative;
}

.autocomplete-results {
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    border: 1px solid #000000;
}

.autocomplete-suggestion {
    cursor: pointer;
    padding: 2.5px 5px;
    box-sizing: border-box;
    width: 100% !important;
}

.autocomplete-suggestion:hover,
.autocomplete-suggestion.selected {
    background: #00000020;
}

/**************Reset Password***********************************/
div.ResetPasswordContent {
    border: 1px solid #9c9ea1;
    margin: 35px auto 10px auto;
    padding: 8px 10px 10px 10px;
    width: 470px;
}

.ResetPasswordContent .PageSection, 
.ResetPasswordContent .ButtonBar, 
.ResetPasswordContent .PageHeader, 
.ResetPasswordContent .PageFooter {
    float: none !important;
}

.ClosePopup {
    float:right;
}

div.ResetPasswordContent .PageHeader {
    margin-bottom: 5px;
    margin-top: 0;
}

div.ResetPasswordContent .FieldRow {
    padding-left: 0;
    margin:10px 0;
}

div.ResetPasswordContent .FieldLabel {
    width: 150px;
}

div.ResetPasswordContent .Field {
    float: left;
    width: 455px;
}

div.ResetPasswordContent .ButtonBar {
    display: inline-block;
    margin-top: 10px;
}

.Login {
    float:none !important;
}

.LoginContent {
    border: 1px solid #9c9ea1;
    padding: 10px;
    position: relative;
    width: 100%;
    margin: 40px auto 0 auto;
    box-sizing: border-box;
}

    .LoginContent .Field {
        width: 800px;
    }

div.LoginContent .FieldRow {
    float:none;
    min-height:30px;
    line-height: 30px;
    width: auto;
    height: auto;
    display: block !important;
}

div.LoginContent .FieldRow.Or {
    margin-left: 20px;
}

.LoginContent .ButtonBar .LoginButton {
    margin-right: 0px;
}

div.LoginContent .field-validation-error {
    margin-left: 100px;
    display: inline-block;
}

    div.LoginContent div#ForgottenPassword {
        width: 100%;
    }

div.LoginContent div#ForgottenPassword div {
    float:left;
    margin-top:15px;
}

div.LoginContent div#ForgottenPassword a {
    text-decoration:none;
}

.ForgottenPassword {
    display: inline-block;
    margin-top: 10px;
}

.LoginContent #Surname.Field {
    width:800px !important;
}

.CombinedLogin .PageHeader {
    position: initial;
    width: auto;
}

#LoginPopup {
}

#PopupInner,
#LoginPopupInner {
    max-width:78%;
    max-height:85%;
    min-height: 100px;
    overflow-y:auto;
    position:fixed;
    background-color: #fff;
    margin-left:-285px;
    top: 5%;
    left:50%;
    padding: 30px;
    z-index:9999;
}

#PopupInner {
    width: 500px;
}

#LoginPopupInner{
    width: 500px;
}

    #LoginPopupInner * {
        max-width:100%;
    }

    #LoginPopupInner .LoginContent {
        padding:10px;
        width:100%;
        box-sizing: border-box;
    }

    #LoginPopupInner .LoginContent .Field {
        width:100% !important;
    }

        #LoginPopupInner .LoginContent .FieldRow span.field-validation-error {
            display: block;
            font-size: 80%;
        }
        
        
        #LoginPopupInner .SingleColumnContent {
            padding: 0px;
            background: #fff;
        }

div#Loading, div#LoginBackground, div.LoadingOverlay, div#PopupBackground {
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#666666;
    opacity:0.6;
    z-index:9999;
}

    div#Loading, div.LoadingOverlay, div.LoadingOverlay div.spinner {
        z-index: 10000 !important;
    }

#LoginPopupInner #LoginHeading {
    display:inline-table;
    width:100%;
}

#LoginPopupInner PageHeader {
    float: none;
}

#LoginPopupInner div#GuestDiv {
    display: table;     
    width: 100%;
    padding-top: 20px;
    text-align: center;
}

#LoginPopupInner .ErrorSummary {
    margin: 25px 0 0;
    clear: both;
    box-sizing: border-box;
}

.LoginContent .ButtonBar {
    margin-top:20px;
}

/*** My Account ***/

.MyAccountNavMenu {
    padding:20px;
}

.MyAccountNavMenu a {
    text-decoration:none;
    display: block;
    padding:10px;
    box-sizing: border-box;
}

.MyAccountNavMenu ul li.MyAccountNavMenuItem {
    width:100%;
    border: 1px solid #9c9ea1;
    margin: 10px 0;
    display:block; 
    position:relative;   
    cursor:pointer;
    line-height: 40px;
    vertical-align: middle;
}

    i.MyAccountNav {
        margin: 0 10px;
        font-size: 30px;
        line-height: 40px;
        vertical-align: middle;
    }

    i.MyAccountNavMyDetails:before {
        content: "\f013";
    }

    i.MyAccountNavMyQuotations:before {
        content: "\f0c5";
    }

    i.MyAccountNavMyBookings:before {
        content: "\f207";
    }

    i.MyAccountNavMyStatement:before {
        content: "\f0f6";
    }

    i.MyAccountNavLogin:before {
        content: "\f090";
    }

    i.MyAccountNavLogout:before {
        content: "\f08b";
    }

    .MyAccountNavMenu ul li.MyAccountNavMenuItem a:focus {
        background: rgba(0, 0, 0, 0.1)
    }

    .MyAccountNavMenu ul li.MyAccountNavMenuItem div.LinkText {
        margin-left: 20px;
        line-height: 40px;
        vertical-align: middle;
    }

.MyAccountNavBar {
    width:100%;
    text-align:center;
    padding:20px 0;
}

.MyAccountNavBar a {
    text-decoration:none;
    display: block;
}

.MyAccountNavBar ul {
    width:100%;
}

.MyAccountNavBar ul li.MyAccountNavMenuItem {
    display:inline-block;
    *display:inline;
    width:24%;
    *margin-left:100px;
    cursor:pointer;
}

    .MyAccountNavBar ul li.MyAccountNavMenuItem:first-child {
        *margin-left:0;
    }

.MyAccountNavBar ul li.MyAccountNavMenuItem span.LinkText {
    display:block;
    *display:none;
}


/* My Account Page */

.AccountDetails {
    margin:20px;
}

.AccountDetails .FieldLabel {
    margin:0;
    width:150px;
    display:inline-block;
}

    .AccountActionButtons a {
        text-decoration: none !important;
    }

    .AccountDetails input#Title, .AccountDetails input#FirstName, .AccountDetails input#Surname, .AccountDetails input#Company,
    .AccountDetails #ContactDetails input#AddressLookup, .AccountDetails #ContactDetails input.Address,
    .AccountDetails #ContactDetails input#Email, .AccountDetails #ContactDetails input#ConfirmEmail,
    .AccountDetails #ContactDetails input#TelNo, .AccountDetails #ContactDetails input#FaxNo {
        width: 400px !important;
        margin: 5px 0;
        padding-left: 6px;
    }

.AccountDetails #ContactDetails select.Address {
    width:400px !important;
    margin:5px 0;
    padding-left:6px;
}

.AccountDetails select#Title {
    width:150px;
}

.AccountDetails #DivSubmit {
    float:right;
    margin-bottom:20px;
}

.AccountDetails div.section {
    margin-bottom:20px;
}

div.ChangePassword fieldset {
    padding:20px;
}

div.ChangePasswordContent {
    margin: 35px auto;
    padding: 8px 0px 10px 10px;
    width: 620px;
}

.ChangePasswordContent .PageSection, 
.ChangePasswordContent .ButtonBar, 
.ChangePasswordContent .PageHeader, 
.ChangePasswordContent .PageFooter {
    float: none !important;
}

div.ChangePasswordContent .PageHeader {
    margin-bottom: 5px;
    margin-top: 0;
}

div.ChangePasswordContent .FieldRow {
    padding-left: 0;
    margin:10px 0;
}

div.ChangePasswordContent .FieldLabel {
    width: 204px;
}

div.ChangePasswordContent .Field {
    float: left;
    width: 380px;
    margin-right:5px;
}

div.ChangePasswordContent span.field-validation-error {
    margin-left:205px;
    display:inline-table;
}

div.ChangePasswordContent .ButtonBar {
    display: inline-block;
    margin: 10px 0 0 -20px;
}

#PasswordRequirementsContainer {
    display: inline-block;
    font-size: 90%;
    font-family: Arial;
}

#PasswordRequirementsContainer ul#PasswordRequirements {
    margin-left: 10px;
    list-style: none;
    padding: 0;
}

#PasswordRequirementsContainer ul#PasswordRequirements li {
    padding-left: 1.3em;
}

#PasswordRequirementsContainer ul#PasswordRequirements li:before {
    content: "\f00d";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

#PasswordRequirementsContainer ul#PasswordRequirements li.RequirementMet:before {
    content: "\f00c";
}

/* Contact Consent */

.MyAccount-Page #ContactConsent .ConsentDetails {
}

.MyAccount-Page #ContactConsent h3 {
    margin: 10px 0;
}

    .MyAccount-Page #ContactConsent .ConsentDetails td {
        vertical-align: top;
    }

    .MyAccount-Page #ContactConsent .ConsentDetails td.Statement {     
        width: 60%;
    }

    .MyAccount-Page #ContactConsent .ConsentDetails td.StatementAnswer {
        text-align:center;        
    }

        .MyAccount-Page #ContactConsent .ConsentDetails td.Methods {
            width:240px;
        }
        
        
        .MyAccount-Page #ContactConsent .ConsentDetails td.Methods ul li {
            display: inline-block;
            margin-right: 10px;
            width:100px;
        }

        .MyAccount-Page #ContactConsent .ConsentDetails td.Methods ul li i {
            width:20px;
        }

            .MyAccount-Page #ContactConsent .ConsentDetails td.Methods ul li i.fa-check {
                color: #008000
            }

            .MyAccount-Page #ContactConsent .ConsentDetails td.Methods ul li i.fa-times {
                color: #ff0000;
            }

    .MyAccount-Page #ContactConsent .ConsentDetails .ConsentDate {
        font-size:0.7em;
        margin-top:20px;
    }

    .DisplayEditDetails-Page .ClientConsentSection .ClientConsentError,
    .DisplayEditDetails-Page .ClientConsentSection .ClientContactConsentStatement, .DisplayEditDetails-Page .ClientConsentSection h3 {
        margin: 10px 0;
    }

    .DisplayEditDetails-Page .ClientConsent {
        display: inline-block;
    }

    .DisplayEditDetails-Page #ClientConsentContainer {
        margin-bottom:20px;
    }
    
    .DisplayEditDetails-Page .ClientConsentMethods,
    .DisplayEditDetails-Page .Client3rdPartyConsentMethods {
        display: inline-block;
        margin-left: 40px;
    }

    .DisplayEditDetails-Page .ClientConsentMethods .ContactMethods,
    .DisplayEditDetails-Page .ClientConsentMethods .Contact3rdPartyMethods,
    .DisplayEditDetails-Page .Client3rdPartyConsentMethods .ContactMethods,
    .DisplayEditDetails-Page .Client3rdPartyConsentMethods .Contact3rdPartyMethods {
        display: inline-block;
        padding-right: 20px !important;
    }

    .DisplayEditDetails-Page .Client3rdPartyConsentMethods .ContactMethod,
    .DisplayEditDetails-Page .ClientConsentMethods .ContactMethod {
        display: inline-block;
        margin-left: 20px !important;
    }


/* Quotations/Bookings Page */
/* Filter */
div.FilterDiv, div.SortDiv {
    margin: 20px 0;
}

div.FilterDiv .FieldLabel, div.SortDiv .FieldLabel {
    clear:none;
    float:none;
    margin-top:0;
    margin-right:5px;
    width: 141px;
    display: inline-block;
}

div.FilterDiv div, div.SortDiv div {
    margin-top:5px;
}

div.FilterDiv select,
div.FilterDiv input[type="submit"],
div.SortDiv select,
div.SortDiv input[type="submit"] {
    width:185px;
}

div.FilterDiv input,
div.SortDiv input {
    width:180px;
}

div.FilterDiv .SearchTerm {
    width:388px;
}

div.SortDiv input[type=radio] {
    width:auto;
    margin: 2px 10px 0;
}

div.SortDiv label.SortDirLabel {
    width:auto;
    margin: 2px 0 2px 10px;
}

/* End Filter */

.MaxRecordsReturned {
    text-align:center;
    font-weight:bold;
    margin:20px;
}

.TableRows {
    margin-left:5px;
    float: left;
    width: 450px;
}

/* Table layout */

div#BookingsTable, div#QuotationsTable {
    margin-top:20px;
    min-height:400px;
    position:relative;
}

table#Bookings, table#Quotations {
    width:100%;
    margin:0;
}

table#Bookings th, table#Bookings td, table#Quotations th, table#Quotations td {
    padding:6px;
}

table#Bookings .BookingID, table#Bookings .Status, table#Bookings .Price, table#Bookings .PickupDate,
table#Bookings .BackDate, table#Bookings .MovementID, table#Quotations .QuotationID, table#Quotations .Status,
table#Quotations .Price, table#Quotations .PickupDate, table#Quotations .BackDate, table#Quotations .MovementID,
table.MovementsTable .PickupDate, table.MovementsTable .BackDate {
    width:114px;
}

table#Bookings .Pickup, table#Bookings .Destination, table#Bookings .InvoicePaid,
table#Quotations .Pickup, table#Quotations .Destination, 
table.MovementsTable .Pickup, table.MovementsTable .Destination {
    width:269px;
}

table#Quotations .DeclinedReason {
    text-align:center;
}

table#Bookings .MovementID,
table#Quotations .MovementID {
    text-align:right;
}

table#Bookings tr.Cancelled, table#Quotations tr.Cancelled
{
    text-decoration:line-through;
}

table#Bookings thead,
table#Quotations thead {
    background-color:#6f7175;
}

table#Bookings thead tr th,
table#Quotations thead tr th {
    text-align:left;
    color:#fff;
}

table#Bookings tbody tr.even, 
table#Quotations tbody tr.even,
div.QuotationList div.QuotationContainer.even,
div.QuotationList div.QuotationContainer.even h3,
div.BookingsList div.BookingContainer.even h3,
div.BookingsList div.BookingContainer.even {
    background-color:#f8f8f9;
    color:#6f7175;
}

table#Bookings tbody tr.odd, 
table#Quotations tbody tr.odd,
div.QuotationList div.QuotationContainer.odd,
div.QuotationList div.QuotationContainer.odd h3,
div.BookingsList div.BookingContainer.odd,
div.BookingsList div.BookingContainer.odd h3 {
    background-color:#f1f1f1;
    color:#6f7175;
}

table#Bookings tbody tr.activeRow, 
table#Quotations tbody tr.activeRow,
div.QuotationList div.QuotationContainer.activeRow,
div.BookingsList div.BookingContainer.activeRow,
div.QuotationList div.QuotationContainer.activeRow h3,
div.BookingsList div.BookingContainer.activeRow h3 {
    color:#ca0808;
}

    table#Bookings tbody tr.hover,
    table#Quotations tbody tr.hover,
    div.QuotationList div.QuotationContainer.hover,
    div.BookingsList div.BookingContainer.hover,
    div.QuotationList div.QuotationContainer.hover h3,
    div.BookingsList div.BookingContainer.hover h3,
    div.QuotationList div.QuotationContainer.hover label,
    div.BookingsList div.BookingContainer.hover label {
    background-color:#c5c6c8;
    color:#fff !important;
}

/* List View */

div.QuotationList div.QuotationDetails .FieldLabel {
    font-weight:bold;
}

div.QuotationList,
div.BookingsList {
    margin:5px 0;
}

div.QuotationList h3,
div.BookingsList h3 {
    margin-bottom:5px;
}

div.QuotationList div.QuotationContainer,
div.BookingsList div.BookingContainer {
    padding:20px;
    border:0px solid #fff;
}

div.QuotationList table.MovementsTable,
div.BookingsList table.MovementsTable {
    width:100%;
}

div.odd table.MovementsTable tr th,
div.odd table.MovementsTable tr td {
    text-align: left;
    border-bottom:1px solid #000;
}

div.even table.MovementsTable tr th,
div.even table.MovementsTable tr td {
    text-align: left;
    border-bottom:1px solid #6f7175;
}

div.activeRow table.MovementsTable tr th,
div.activeRow table.MovementsTable tr td {
    text-align: left;
    border-bottom:1px solid #ca0808;
}

div.hover table.MovementsTable tr th,
div.hover table.MovementsTable tr td {
    text-align: left;
    border-bottom:1px solid #fff;
}

div.QuotationList div.QuotationContainer div.QuotationDetails,
div.BookingsList div.BookingContainer div.BookingDetails {
}

div.QuotationList div.QuotationContainer div.QuotationDetails label.FieldLabel,
div.BookingsList div.BookingContainer div.BookingDetails label.FieldLabel {
    float: none;
    width: 127px;
    display: inline-block;   
    color:#6f7175;
}

div.QuotationList div.QuotationContainer div.QuotationMovementsList,
div.BookingsList div.BookingContainer div.BookingMovementsList {
    margin-top:10px;
}

div.QuotationList div.QuotationContainer div.QuotationMovementsList tr.Cancelled,
div.BookingsList div.BookingContainer div.BookingMovementsList tr.Cancelled
{
    text-decoration:line-through;
}

div#TableHeader,
div#TableFooter {
    display:inline-block;
    width:100%;
}

table.MovementsTable .MovementID {
    width:20px;
}

/* TABLE PAGER */

div.TablePagerDiv {
    width:100%
}

div.TablePagerDiv ul.PagerLinks {
    text-align:right;
    margin-right:10px;
}

div.TablePagerDiv ul.PagerLinks:hover {
    cursor:pointer;        
}

div.TablePagerDiv ul.PagerLinks li {
    display:inline;
    text-decoration:underline;
}

div.TablePagerDiv ul.PagerLinks li:hover {
    font-weight:bold;
    text-decoration:none;
    color:#ca0808;
}

div.TablePagerDiv ul.PagerLinks li.active {
    font-weight:bold;
    text-decoration:none;
}

/*  DISPLAY QUOTATION   */

div.DisplayQuotation div.BackToResults {
    margin-bottom:20px;
}

div.DisplayQuotation fieldset.InnerFieldSet, div.DisplayBooking fieldset.InnerFieldSet {
    margin:10px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
}

div.DisplayQuotation div.AcceptCancelQuotationDiv {
    float:right;
    margin:20px;    
}

div.DisplayQuotation div.AcceptCancelQuotationDiv .LinkButton {
    display:block;
    width:220px;
    margin-bottom:5px;
}

div.DisplayQuotation div.CancelMovementDiv {
    float:right;
    margin:20px;
}

div.DisplayQuotation div.SelectVariationDiv {
    float:right;
}

div.DisplayQuotation fieldset.VehicleDetails h3 {
    float:left;
}

div.DisplayQuotation div.MovementContainer {
    margin-top:20px;
}

div.DisplayQuotation ul.VehicleList {
    margin:50px;
}

div.DisplayQuotation ul.VehicleList li {
    width:100%;
    display:inline-flex;
    vertical-align:top;
}

    div.DisplayQuotation ul.VehicleList li table {
        width: 100%;
    }

        div.DisplayQuotation ul.VehicleList li table td:first-child {
            width: 180px;
        }

    div.DisplayQuotation ul.VehicleList li table td {
        vertical-align: top;
    }

div.DisplayQuotation ul.VehicleList li div.VehicleImage {
    display:block;
    height:140px;
    margin-right:53px;
}

div.DisplayQuotation ul.VehicleList li div.VehicleImage img {
    width:180px;
    max-height:140px;
}

    div.DisplayQuotation ul.VehicleList div.VehicleDetails div {
        display: inline-block;
        width: 100%;
        margin-top: 5px;
    }

    div.DisplayQuotation ul.VehicleList div.VehicleDetails ul {
        display: block;
        list-style-type: disc;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

        div.DisplayQuotation ul.VehicleList div.VehicleDetails ul li {
            display: list-item;
        }

div#PopupMessage.InvalidQuotationStatus,
div#PopupMessage.UpdateDetails,
div#PopupMessage.DeclineQuotation,
div#PopupMessage.CancelQuotation,
div#PopupMessage.CancelMovement,
div#PopupMessage.SelectVariation {
    text-align: center;
}

div#PopupMessage.InvalidQuotationStatus h3,
div#PopupMessage.UpdateDetails h3,
div#PopupMessage.AcceptQuotation h3,
div#PopupMessage.DeclineQuotation h3,
div#PopupMessage.CancelQuotation h3,
div#PopupMessage.CancelMovement h3,
div#PopupMessage.SelectVariation h3 {
    margin-bottom: 10px;
}

div#PopupButtons.InvalidQuotationStatus,
div#PopupButtons.UpdateDetails,
div#PopupButtons.AcceptQuotation,
div#PopupButtons.DeclineQuotation,
div#PopupButtons.CancelQuotation,
div#PopupButtons.CancelMovement,
div#PopupButtons.SelectVariation {
    text-align: center;
    margin: 50px 0;
}

div#PopupMessage.AcceptQuotation div#ClientContactDetailsContainerOuter div.EmailDetails div#ContactEmail input#Email {
    width: 275px !important;
}

div#ClientContactDetailsContainerOuter {
    margin:20px 0;
    text-align:left;
}

div#ClientContactDetailsContainerOuter div {
    margin:5px 0;
}

div#ClientContactDetailsContainerOuter label.FieldLabel {
    width:150px;
}

div#ClientContactDetailsContainerOuter span.field-validation-error {
    margin-left: 150px;
    display:block;
}

div#ClientContactDetailsContainerOuter input,
div#ClientContactDetailsContainerOuter select {
    width:275px !important;    
}

div#PopupMessage.AcceptQuotation div#QuotationTerms {
    text-align: initial;
    display: block;
    min-height:100px;
    max-height: 400px;
    border: 1px solid;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px;
    margin:20px 0;
}

div#PopupMessage.AcceptQuotation div#QuotationTerms div.AcceptTerms {
    display: block;
    text-align:left;
    margin:40px 0;
}

div#PopupMessage.AcceptQuotation div#QuotationTerms div.AcceptTerms table {
    width:100%;
    border:1px solid;
    margin:0;
}

div#PopupMessage.AcceptQuotation div#QuotationTerms div.AcceptTerms table td.AcceptTerms {    
    width:50px;
    text-align:center;
    vertical-align:middle;
}

div#PopupMessage.AcceptQuotation div#QuotationTerms div.AcceptTerms table td.AcceptTermsLabel {
    font-weight:bold;
    padding:10px;
}

div#PopupMessage.CancelQuotation input,
div#PopupMessage.DeclineQuotation input {
    width:200px;
    margin-top:25px;
}

div#PopupMessage.CancelQuotation span.MaxLengthText,
div#PopupMessage.DeclineQuotation span.MaxLengthText {
    font-size:0.6em;
    color:#0d3851;
    display:block;
    width: 200px;
    margin: 0 auto;
    text-align: left;
}





/*   DISPLAY PRIVATE HIRE  */

div.DisplayBooking div.MovementContainer {
    margin-top:20px;
}

div.DisplayBooking h3.MovementTitle {
    margin:20px;
}

div.DisplayBooking h3.VehicleDetails {
    margin:20px;
}

div.DisplayBooking ul.VehicleList {
    margin:20px;
}

div.DisplayBooking ul.VehicleList > li {
    display:inline-block;
    vertical-align:top;
    padding: 20px 0;
    border-top: 1px solid #000;
    width: 100%;
}

    div.DisplayBooking ul.VehicleList > li:first-child {
        border: none;
    }

div.DisplayBooking ul.VehicleList li div.VehicleImage {    
    float:left;
    width: 25%;
    min-width: 180px;
}

div.DisplayBooking ul.VehicleList li div.VehicleImage img {
    width:180px;
}

    div.DisplayBooking ul.VehicleList li div.VehicleDetailsContainer {
        display: block;
        float: left;
        width: 75%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    div.DisplayBooking ul.VehicleList li div.VehicleDetails,
    div.DisplayBooking ul.VehicleList li div.VehicleDrivers {
        display: block;
        padding: 5px 0;
    }

        div.DisplayBooking ul.VehicleList li label {
            float: none;
        }

    div.DisplayBooking ul.VehicleList ul {
        display: inline-block;
        width: 100%;
        display: block;
        list-style-type: none;    
    }

        div.DisplayBooking ul.VehicleList ul li {
            display: list-item;
        }

        div.DisplayBooking ul.VehicleList div.VehicleDetails ul.VehicleFacilities {
            margin-left: 20px;
            list-style: disc;
            padding-inline-start: 20px;
            display: inline-block;
        }

            div.DisplayBooking ul.VehicleList div.VehicleDetails ul.VehicleFacilities li {
                padding-right: 40px;
                float: left;                
            }

    div.DisplayBooking ul.VehicleList li div.VehicleDrivers ul li.DriverDetails {
        display: list-item;
    }

        div.DisplayBooking ul.VehicleList li div.VehicleDrivers ul li.DriverDetails ul.DriverContactNumbers {
            list-style: none;
            padding: 0;
            margin-top: 3px;
        }

            div.DisplayBooking ul.VehicleList li div.VehicleDrivers ul li.DriverDetails ul.DriverContactNumbers li {
                display: list-item;
                padding-left: 1.3em;
            }

        div.DisplayBooking ul.VehicleList li div.VehicleDrivers ul li.DriverDetails ul.DriverContactNumbers li:before {
            content: "\f095"; /* FontAwesome Unicode */
            font-family: FontAwesome;
            display: inline-block;            
            width: 1.3em; /* same as padding-left set on li */
        }

div.DisplayBooking .BackToResults {
    margin-bottom:20px;
}

div.DisplayBooking .BookingButtonsDiv {
    float:right;
    margin:20px;
}

div.DisplayBooking .BookingButtonsDiv input {
    display:block;
    width:250px;
    margin-bottom:5px;
}

    div.DisplayBooking .BookingButtonsDiv .WIMCText {
        width: 250px;
        text-align: center;
    }

div.DisplayBooking .RequestLoginButtonDiv {
    margin-top:0;
    margin-bottom:0;
}

div#PopupMessage.ConfirmClientDetails {
    text-align:center;
}

div#PopupMessage.ConfirmClientDetails h3 {
    margin-bottom:10px;
}

div#PopupButtons.ConfirmClientDetails {
    text-align:center;
    margin-top:50px;
}

div#PopupMessage.ConfirmClientDetails input {
    width:200px;
    margin-top:25px;
}

div#PopupMessage.ConfirmClientDetails span.MaxLengthText {
    font-size:0.6em;
    color:#0d3851;
    display:block;
    width: 200px;
    margin: 0 auto;
    text-align: left;
}

div#PopupMessage.WhereIsMyCoachMessage iframe {
    width:100%;
    height:600px;    
    border-style: solid;
    padding: 5px;
    box-sizing: border-box;
}

#PopupInner.WhereIsMyCoach {
    width: 1000px;    
    margin-left:-529px;
    margin-top:-200px;
    top: 30%;
    left:50%;    
}

#PopupInner.WhereIsMyCoach div#PopupButtons {
    float:right;
}

#PopupMessage.RequestPasswordMessage h3 {
    margin-bottom:20px;
}

div#PopupButtons.RequestPasswordButtons {
    margin-top:20px;
    text-align:center;
}


/**** Booking Invoices *****/

div#MyStatement div.InvoiceListHeader,
div#BookingInvoices div.InvoiceListHeader {
    font-weight:bold;
    width:100%;
    margin-bottom:10px;
}

div#MyStatement .InvoiceCompaniesLabel {
    line-height:25px;
    width:100px;
}

div#MyStatement select#InvoiceCompanies {
    margin:0 0 20px;
    padding: 5px 20px 5px 5px;
}

div#MyStatement .InvoiceListColumn,
div#BookingInvoices .InvoiceListColumn {
    width: 12%;
    display: inline-block;
}

div#MyStatement .InvoiceCombined,
div#BookingInvoices .InvoiceCombined {
    width:30px;
    cursor:pointer;
    display:inline-block;
}

div#MyStatement .PayInvoice,
div#BookingInvoices .PayInvoice {
    width:30px;
    text-align:center;
    display:inline-block;
    margin-left:10px;
}

div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceBookings,
div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceContractMovements,
div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceContractPassengers,
div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings {
    padding: 10px;
    margin-left: 10px;
    border: none;
}

    div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceBookings th,
    div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceBookings td,
    div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings th,
    div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings td {
        border: none;
        margin: 0;
        padding: 2px 4px;
    }

    div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceBookings tr.BookingHeader th,
    div#MyStatement div.InvoiceListBody div.Invoice fieldset.InvoiceBookings tr.BookingHeader td,
    div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings tr.BookingHeader th,
    div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings tr.BookingHeader td {
        background-color: #e6e5e5;
        font-weight: 600;
    }

div#MyStatement div.InvoiceListBody div.Invoice fieldset table,
div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings table {
    width:100%;
}

div#MyStatement div.InvoiceListBody div.Invoice fieldset table thead tr th,
div#BookingInvoices div.InvoiceListBody div.Invoice fieldset.InvoiceBookings table thead tr th {
    text-align:left;
}

div#MyStatement .TotalLine,
div#BookingInvoices .TotalLine {
    margin-top:30px;
    margin-right:5px;
    text-align:right;
}

div#MyStatement .ButtonBar,
div#BookingInvoices .ButtonBar {
    margin-top:10px;
    text-align:right;
}

/***** Payment Details Page  *****/

div#PaymentDetailsContainer div {
    margin:10px 0;
}

div#PaymentDetailsContainer div label {
    width:150px;
    display:inline-block;
}

    div#PaymentDetailsContainer div label.field-validation-error {
        width:auto;
    }

div#PaymentDetailsContainer div.PaymentAmounts {
    padding:12px;
}

div#PaymentDetailsContainer div.PaymentAmounts input {
    width:auto;
}

div#PaymentDetailsContainer div input {
    width:390px;
    padding-left:7px;
}

div#PaymentDetailsContainer div select {
    width:390px;
    padding:2px;
}

body.CardPayment {
    margin-top:0;
}

body.CardPayment div.PageContainer div.HeaderMenuContentContainer div.MenuBar {
    display:none;
}

div.CardPayment {
    position:relative;
}

#ReturnFromPayment div.PaymentMessage div {
    margin-bottom:10px;
}

.CardPaymentIFrameWindcave {
    height: 1080px!important;
}

/* Global Widget Styles */

body.narrowFrame div#dsl-cmquickquote.widget .QuickQuote form div.qqLeft,
body.narrowFrame div#dsl-cmquickquote.widget .QuickQuote form div.qqRight {
    float:none !important;
    width:100%;
}

body.narrowFrame div#dsl-cmquickquote.widget .QuickQuote form #DivSubmit {
    margin-top:0;
}

body.narrowFrame div#dsl-cmquickquote.widget .QuickQuote form input[type=submit] {
    width:100%;
}

body.narrowFrame .QuickQuote form div.date {
    width:100%;
}

body.narrowFrame .QuickQuote form div.time {
    float:none;
    width:100%;
}

.CookiePopupContainer p {
    color: #fff;
}

.CookiePopupLinks a {
    color: #ffa400;
}

.Print input[type=button] {
    background:url(icons/printer.png) 0 0;
    background-size:contain;    
    border:none;
    height:40px;
    width:40px;
    overflow:hidden;
    color:transparent;
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer;
}

@media print {
    body { background-color:#FFFFFF; background-image:none; color:#000000 }
    #MyAccountMenu, .MyAccountNavBar, .UserBar, .ContentBelowContainer, .Header, .MenuBar, .HeaderImageContainer,
    form#FilterQuotationsForm, form#FilterBookingsForm, .BackToResults, .DisplayQuotation .LinkButton, .DisplayBooking .LinkButton,
    #MyStatement .LinkButton, #MyStatement .TotalLine, .InvoiceCombined, div#MyStatement .PayInvoice, div#BookingInvoices .PayInvoice
    { display:none !important; height:0!important; margin:0!important; padding:0!important; }
    .HeaderMenuContentContainer { background-color:#FFFFFF; background-image:none; border:none; color:#000000; box-shadow:none;}
    .CompanyLogoContainerContent { position:relative; margin:0 0 40px; }
    .PageContainer { position:absolute;padding: 0; margin: 0; }
    .ContentContainer { position:absolute;margin:0;padding:0;}  
    #MyStatement fieldset { display:block !important; }
}

@-moz-document url-prefix() {
    select {
        padding-right: 1px !important;
    }
}