/* Site wide  [start]*/
body {
    color: #000000;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #fff;
}

body, input, select, textarea {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.clear-both, .clear {
    clear: both;
    height: 0px;
    width: 100%;
}

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

.no-width {
    width: auto !important;
}

.offscreen {
    position: absolute;
    left: -1000px;
    top: auto;
    overflow: hidden;
    height: 1px;
    width: 1px;
}


.imgRequired {
    width: 5px;
    vertical-align: top;
}

.imgRequired-wrapper {
    min-width: 6px;
    display: inline-block;
    float: right;
    padding-right: 3px;
}

a {
    text-decoration: none;
    border: none;
}

.ui-datepicker-title select {
    box-shadow: none;
    line-height: inherit;
    border-radius: 0px;
    padding: 0px;
}


#contentarea {
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
select,
textarea {
    font-size: 1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    input[type="text"].input-validation-error,
    input[type="password"].input-validation-error,
    input[type="number"].input-validation-error,
    input[type="email"].input-validation-error,
    input[type="tel"].input-validation-error,
    select.input-validation-error,
    textarea.input-validation-error {
        border: 1px solid #ff0000;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="number"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="tel"]:focus,
    select:focus,
    textarea:focus {
        border: 1px solid #FF6600;
    }

    input[type='text'].number-spinner.active, input[type='text'].number-spinner.active:focus {
        border: none;
        font-size: 1em;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }


/*BUTTON STYLES--------------------------*/

div.portal-button-link {
    padding: 0px;
    display: inline-block;
}

.portal-button:hover, .portal-button-link:hover {
    cursor: pointer;
}

.portal-button:hover, .printer-button:hover, .portal-button-link a:hover {
    cursor: pointer;
}

input.portal-button.med-text, .portal-button-link.med-text, .form-row div.portal-button-link.med-text {
    width: 130px;
}

input.portal-button.sml-text, .portal-button-link.sml-text {
    width: 75px;
}

.printer-button {
    cursor: pointer;
}

/*END BUTTON STYLES*/


table.portal-table {
    width: 95%;
    border-collapse: separate;
    margin-left: 0px;
    border-spacing: 0;
}

#page {
}

select.input-validation-error, input.input-validation-error, textarea.input-validation-error {
    border: 1px solid #FF0000;
}

.error-summary-linkitem-wrapper {
    display: inline;
    padding-left: 5px;
}

    .error-summary-linkitem-wrapper .error-summary-linkitem a {
        color: #ff0000;
        text-decoration: none;
    }

        .error-summary-linkitem-wrapper .error-summary-linkitem a:hover {
            text-decoration: underline;
            color: #ff0000;
        }


.display-label {
    display: inline-block;
    width: 220px;
}

    .display-label.no-width {
        width: auto;
    }

    .display-label.sml-label {
        width: 130px;
    }

.display-field {
    display: inline-block;
}


.form-row {
    vertical-align: top;
}


    .form-row .container.v-top {
        vertical-align: top;
    }



.display-field.med-text {
    width: 280px;
}





.form-row.page-info.emphasise {
    font-size: 1.1em;
    font-weight: bold;
}

.form-row.page-info.error-text {
    color: #ff0000;
}

.form-row .container {
    display: inline-block;
    width: 250px;
}

    .form-row .container.lrg-text {
        width: 300px;
    }

.form-row label {
    display: inline-block;
    width: 200px;
}

.form-row .display-label.sml-label label {
    width: 110px;
}

.form-row input, .form-row select {
    margin-right: 5px;
    margin-top: 3px;
}

    .form-row input[type='text'].sml-text, .form-row input[type='password'].sml-text, .form-row select.sml-text {
        width: 90px;
    }

    .form-row input[type='text'].med-text, .form-row input[type='password'].med-text, .form-row select.med-text, .form-row div.med-text {
        width: 280px;
    }

    .form-row input.lrg-text, .form-row select.lrg-text {
        width: 400px;
    }


/* Site wide [end] */

/* Header  [start]*/
#headerarea {
    width: 100%;
}


#pageBasketIndicator {
    float: right;
    padding: 0px;
}

/* Header [end] */

/* My Account Navigation [start] */

#my-account-nav #my-account-nav-outer {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#my-account-nav-outer {
    display: block;
}

.my-account-nav-item {
    float: left;
    text-align: center;
    padding: 0px;
    width: 120px;
    position: relative;
    overflow: visible;
}

    .my-account-nav-item:hover {
        cursor: pointer;
    }

    .my-account-nav-item a {
        display: inline-block;
        width: 100%;
    }

/* My Account Navigation [end] */

/* Navigation  [start]*/
#navigation {
    display: block;
}

    #navigation #navigation-wrapper {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

.nav-item, #basket-indicator {
    float: left;
    text-align: center;
    padding: 0px;
    background-color: #fff;
    width: 140px;
    margin: 0px 5px;
    position: relative;
    overflow: visible;
}

#basket-indicator {
    position: relative;
}

    #basket-indicator a {
        height: 60px;
        display: block;
        vertical-align: middle;
        position: relative;
    }

    #basket-indicator .indicator-item {
        display: inline-block;
    }

    #basket-indicator a .basket-indicator-sub-items {
        vertical-align: middle;
        width: 100%;
        position: absolute;
        bottom: 5px;
        left: 0px;
    }

    .nav-item:hover, #basket-indicator:hover {
        cursor: pointer;
    }

.nav-item a {
    display: inline-block;
    line-height: 60px;
    width: 100%;
}

.nav-item .sub-menu {
    display: none;
    list-style: none;
    position: absolute;
    left: 0px;
    top: 60px;
    margin: 0px;
    padding: 0px;
    z-index: 1001;
}

    .nav-item .sub-menu .nav-item {
        margin: 0px;
        padding: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        line-height: normal;
        width: 140px;
        text-align: center;
    }

.nav-item:hover .sub-menu, .nav-item.selected .sub-menu {
    display: block;
}

/* Navigation  [end]*/
.site-breadcrumb-container {
    height: 30px;
    float: left;
}

    .site-breadcrumb-container ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .site-breadcrumb-container li {
        float: left;
    }

li.site-breadcrumb-nonactiveitem, li.site-breadcrumb-nonactiveitem.disabled-item {
    background: url(../images/monotone_arrow_right_30.png) no-repeat right center transparent;
    padding: 0px 10px;
    padding-right: 35px;
}

.site-breadcrumb-nonactiveitem a, #logincontainer a, .page-info a {
    text-decoration: none;
}

    .site-breadcrumb-nonactiveitem a:hover, #logincontainer a:hover, .page-info a {
        text-decoration: underline;
    }

/* Login [start]*/
#logincontainer {
    float: right;
}

#logincontainer-name, #logincontainer-legend, #logincontainer-logout {
    display: inline-block;
}

/* Login [end]*/


/*catalogue */

.display-field.button-right.med-text {
}

.form-row.buttons {
    vertical-align: top;
}

    .form-row.buttons .form-row .display-label input.portal-button {
        margin: 0px;
        vertical-align: top;
        float: left;
    }

    .form-row.buttons .display-label {
        float: left;
    }

.school-item-image-small-container,
.service-item-image-small-container,
.standard-item-image-small-container,
.parking-item-image-small-container {
    display: inline-block;
    float: left;
}

.item-standard-text,
.item-school-text,
.item-service-text,
.item-parking-text {
    display: inline-block;
    width: 200px;
}

    .item-parking-text.no-width {
        width: auto;
    }

.portal-button.add-to-basket {
    float: right;
    width: 130px;
}

.portal-button.add-recurring-payment {
    float: right;
    width: 180px;
}

.catalogue-custom-item {
}

    .catalogue-custom-item input.sml-text, .catalogue-custom-item select.sml-text {
        margin-right: 5px;
        width: 75px;
    }

    .catalogue-custom-item input.med-text, .catalogue-custom-item select.med-text {
        width: 235px;
    }

    .catalogue-custom-item a.catalogue-item-help-link, a.catalogue-item-help-link:hover {
        text-decoration: none;
        border: none;
        display: inline-block;
    }

        .catalogue-custom-item a.catalogue-item-help-link:hover {
            cursor: pointer;
        }

.result-line input.datepicker-input {
    display: none;
}

.result-line .custom-item-spacer {
    height: 30px;
    display: block;
}

.result-line .custom-input-textarea {
    width: 235px;
    height: 200px;
}

.result-line .custom-header {
}

    .result-line .custom-header h2 {
        margin: 0px;
        padding: 0px;
        display: block;
        position: static;
    }

.result-line .custom-infotext {
    width: 500px;
}

.result-line div, .result-line input, .result-line textarea, .result-line select {
    vertical-align: top;
}

.result-line .imgRequired-wrapper {
    float: none;
    vertical-align: top;
}

.sml-text {
    width: 75px;
}

.med-text {
    width: 160px;
}

.result-line textarea {
    height: 50px;
}

.result-line .lrg-text {
    width: 330px;
}

.validation-summary-errors li {
    list-style: none;
}

    .validation-summary-errors li a, .error-summary-linkitem {
        color: red;
        list-style-type: none;
    }

.field-validation-error {
    color: red;
}

/*PAGINATION------------------*/

.pagination-button-pagesize {
    width: 60px;
}

.pagination-button-step {
    width: 40px;
}

/*--------------------------*/


/* Basket view */

.shopping-basket-view #result {
    display: inline-block;
    text-align: center;
}

.basket-form-row-container,
.basket-form-row-title {
    display: inline-block;
}

.basket-form-row-title {
    height: 20px;
}

#catalogue-filters .catalogue-filters-lists-outer, #catalogue-filters .catalogue-filters-buttons-outer {
    display: inline-block;
}


#catalogue-filters label {
    width: auto;
    display: inline-block;
}

#catalogue-filters select, #catalogue-filters input, #catalogue-filters label {
    margin-right: 10px;
}

#catalogue-filters.form-row input.med-text, #catalogue-filters.form-row select.med-text {
    width: 220px;
}

/*Home page*/

#messages-time-filter {
    display: inline-block;
}

#messages-pagesize {
    display: inline-block;
}

#messages-pageindex {
    display: inline-block;
}
/* homepage [end]*/

/* Receipts */

.receipt-col {
}

/*----------------------------------*/

/*Registration Pages*/


.form-row.question .display-label, .form-row.question .display-field {
    display: block;
    width: auto;
}

    .form-row.question .display-label label {
        width: 80%;
    }

    .form-row.question .display-field .option {
        display: inline-block;
    }

        .form-row.question .display-field .option label {
            width: auto;
        }

/*Payment Confirmation------------*/
#payment-confirmation-details {
    display: table;
}

    #payment-confirmation-details .form-row {
        display: table-row;
    }

    #payment-confirmation-details .display-label, #payment-confirmation-details .display-field {
        display: table-cell;
    }

    #payment-confirmation-details #paymentOption {
        display: block;
    }

/*Auth Wait*/
.auth-wait {
    display: table;
    width: 100%;
    white-space: nowrap;
}

    .auth-wait .row {
        display: table-row;
    }

    .auth-wait .auth_please_wait, .auth-wait #please-wait-image-container {
        display: table-cell;
        text-align: center;
    }

#homepage-refresh-updating {
    visibility: collapse;
}

/*Parking*/

.parking h2 {
    position: static;
    display: block;
}


/*-----3d Secure----*/

.threedsecure-frame-wrapper iframe {
    border: none;
    width: 100%;
    height: 500px;
}

.displayNone {
    display: none;
}

/*--- account details ---*/

#Accountdetails-PasswordConfirmationTest {
    width: auto;
    display: inline-block;
}

/*--- Session expiry countdown dialog START ---*/

/* 
Done to ensure that when the session countdown dialog is displayed, 
it doesn't make requests to the server and so extend the forms 
authentication cookie's expiry date. This would leave the user
logged in when the countdown has expired.
*/

.ui-widget-overlay, .ui-widget-shadow{ 
background-image: none; 
background-color: #666; 
opacity: 0.5; 
}

.ui-state-default .ui-icon {
/*background-image: none;*/
}

/*--- Session expiry countdown dialog END ---*/

#cookiepolicy-main-outer {
    text-align: center;
    clear:both;
    min-width: 1110px;
}

#cookiepolicy-main-inner {
    margin: 0px auto;
    padding: 5px;
    width: 100%;
}

#cookiepolicy-main {
    font-weight: normal;
    font-style: normal;
    color: white;
    margin-bottom: 10px;
}

#cookiepolicy-buttons{
    text-align:center;
    padding-top:10px;
}