body {
}

select {
}

textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

ul {
    -webkit-padding-start: 0px;
}

h1 {
    clear: both;
}

h2 {
    clear: both;
}

h3 {
    clear: both;
}

input[type="image"] {
    border: none;
    background-color: transparent;
}

.datepicker {
}

input.timepicker{
    width: 5em !important;
}

div.time-picker {
  position: absolute;
  height: 191px;
  width:5em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99;
  margin: 0;
  z-index: 2000;
}
div.time-picker-12hours {
  width:5em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}

.ui-padding {
    padding: 0.3em !important;
    margin-bottom: 0.3em !important;
}

.positiveHighlight {
    color: Green;
    padding: 1px 2px 2px 2px;
    display: inline-block;
}

input:disabled {
    opacity: .75;
    filter: Alpha(Opacity=75);
    cursor: inherit;
}

.buttonSmall {
    padding: 1px 2px 2px 2px !important;
    margin: 2px 0 2px 2px !important;
}

    .buttonSmall .ui-button-text {
        padding: 0 !important;
        margin: 0 !important;
    }

.fullWidth {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.messageBar {
    display: block;
}

#divInformation {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 6px;
    border-color: Lime;
    z-index: 100;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#divFolderAndProductFilterDisplay {
    padding: 6px;
    margin: 6px 0;
    clear: both;
}

#marketingListAlertInfoIcon {
    display: inline-block;
    position: relative; /*important to make the hover alert show up next to the icon*/
    overflow: visible;
}

    #marketingListAlertInfoIcon .ui-icon {
        position: relative;
        top: 3px;
        display: inline-block !important;
    }

#marketingListAlertInfo {
    position: absolute;
    top: 25px;
    right: 0px;
    z-index: 1000;
    padding: 6px;
    overflow: visible;
    display: none;
    text-align: left;
    white-space: nowrap;
}

    #marketingListAlertInfoIcon:hover #marketingListAlertInfo, #marketingListAlertInfo:hover {
        display: inline-block;
    }

.marketingListAlert {
    display: block;
}

.seatInfoIcon {
    display: inline-block;
    position: relative; /*important to make the hover alert show up next to the icon*/
}

    .seatInfoIcon .ui-icon {
        position: relative;
        top: 3px;
        display: inline-block !important;
    }

.seatInfo {
    position: absolute;
    top: 25px;
    min-width: 100px;
    right: 0px;
    z-index: 1000;
    padding: 6px;
    overflow: visible;
    display: none;
    text-align: left;
}

    .seatInfoIcon:hover .seatInfo, .seatInfo:hover {
        display: inline-block;
    }

    .seatInfoIcon:active .seatInfo, .seatInfo:hover {
        display: inline-block;
    }

.invisibleLabel {
    display: none;
}


.divHelp {
    position: relative;
    display: inline-block !important;
    overflow: visible !important;
}

    .divHelp:hover .divHelpText {
        display: block;
        z-index: 1003;
    }

.divHelpText {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 250px;
    text-indent: 0px;
    padding: 6px;
}

.divItem {
    float: left;
}

.lnkEdit {
    background: url('http://www.londonkayaktours.co.uk/Sales/App_Themes/Default/Images/edit.png') no-repeat top left;
    padding-left: 20px;
    font-size: 0.6em;
    line-height: 20px;
    min-height: 20px;
    display: inline-block;
}

.btnChange {
    float: right;
    margin-left: 20px;
}

.btnRemove {
    display: inline-block !important;
    position: relative;
    top: 3px;
}

#site {
    margin: 0 auto;
    position: relative;
}

#header {
}

#menu {
    clear: both;
}

#content {
    clear: both;
    position: relative;
}

#footer {
    margin: 20px 0;
    clear: both;
}

#sideContent {
    float: left;
    min-height: 1px;
    clear: both;
    overflow-y: visible;
    width: 250px;
    position: relative;
    padding-bottom: 42px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #sideContent > div {
        top: 42px;
        left: -10000px;
        right: 0;
    }

#overlay {
    background-color: rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease-in-out; /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-in-out; /* FF4+ */
    -o-transition: all 0.3s ease-in-out; /* Opera 10.5+ */
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

#loginInfo, #customerServiceInfo, #sideContentInner, #customerServiceMenu {
    float: left;
    width: 100%;
    text-align: left;
}

    #loginInfo > ul, #customerServiceInfo > ul {
        margin: 0;
    }

    #loginInfo ul li, #customerServiceInfo ul li {
        list-style: none;
    }

    #customerServiceInfo #liCustServiceUserName {
        display: none;
    }



    #customerServiceInfo ul.rblCustomerPresent {
        cursor: pointer;      
        position: relative;
        margin: 0;
    }

        #customerServiceInfo ul.rblCustomerPresent li {
            padding: 0px;
            margin: 0px;
            cursor: pointer;
        }

            #customerServiceInfo ul.rblCustomerPresent li input {
                display: none;
            }

                #customerServiceInfo ul.rblCustomerPresent li input + label {
                    display: block;
                    background-repeat: no-repeat;
                    background-size: contain;
                    padding: 0;
                    white-space: nowrap;
                    text-indent: 20px;
                    cursor: pointer;
                }

                #customerServiceInfo ul.rblCustomerPresent li input[value=True] + label {
                    background-image: url("http://www.londonkayaktours.co.uk/sales/App_Themes/Default/Images/customerPresent.png");
                    content: "";
                    background-position-x: left;
                }

                #customerServiceInfo ul.rblCustomerPresent li input[value=False] + label {
                    background-image: url("http://www.londonkayaktours.co.uk/sales/App_Themes/Default/Images/customerNotPresent.png");
                    content: "";
                    background-position-x: left;
                }

                #customerServiceInfo ul.rblCustomerPresent li input:checked {
                    display: none !important;
                }

                    #customerServiceInfo ul.rblCustomerPresent li input:not(:checked) + label {
                        position: absolute;
                        top: 0px;
                        bottom: 0px;
                        left:0px;
                        right: 0px;
                        z-index: 100;
                        background-image: none !important;
                        text-indent: 200%; 
                    }

                    #customerServiceInfo ul.rblCustomerPresent li input:checked + label {
                        z-index: -100;
                    }
                

.customerServiceInfoItem:not(:first-child)::before {
    content: '|';
    padding: 0 5px;
}


#divLoginCountdown {
    position: absolute;
}

.loginInfoItem {
    display: inline-block;
    white-space: nowrap;
}

    .loginInfoItem:not(:first-child)::before {
        content: '|';
        padding: 0 5px;
    }

    .loginInfoItem a, .customerServiceInfoItem > * {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#sideContent > a {
    position: absolute;
    top: 0;
}

#showLoginInfo {
    left: 42px;
}

#loginStatusHeader {
    /*hide the login status menu by default*/
    display: none;
    left: 42px;
    height: 42px;
    padding-top: 14px;
    box-sizing:border-box;
}

#showCustomerServiceMenu {
    left: 84px;
}

#showSideContent {
    left: 0;
}

#closeSideContent {
    right: 0;
    display: none;
}

#showLoginInfo, #showCustomerServiceMenu, #showSideContent, #closeSideContent, #viewBasket {
    height: 42px;
    width: 42px;
    cursor: pointer;
}

#showSideContent {
    background: url("../../../../sales/App_Themes/Default/Images/menu.png") no-repeat center;
    background-size: 26px;
}

#closeSideContent {
    background: url("http://www.londonkayaktours.co.uk/sales/App_Themes/Default/Images/close.png") no-repeat center;
    background-size: 26px;
}

#showCustomerServiceMenu {
    background: url("../../../../sales/App_Themes/Default/Images/customerService.png") no-repeat center;
    background-size: 26px;
}

#showLoginInfo {
    background: url("../../../../sales/App_Themes/Default/Images/login.png") no-repeat center;
    background-size: 26px;
}

#viewBasket {
    background: url("http://www.londonkayaktours.co.uk/sales/App_Themes/Default/Images/basket.png") no-repeat center;
    background-size: 26px;
}

.btnSearch {
    background: transparent url(http://www.londonkayaktours.co.uk/sales/App_Themes/Default/images/search.png);
    border: none;
    height: 26px;
    width: 26px;
    padding: 5px;
    cursor: pointer;
    background-size: 26px;
}

#loginInfo, #customerServiceInfo, #sideContentInner, #customerServiceMenu {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.loginInfoVisible #showLoginInfo, .customerServiceMenuVisible #showCustomerServiceMenu, .sideContentVisible #showSideContent {
    cursor: auto !important;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}

.loginInfoVisible #loginInfo {
    position: relative;
    left: 0;
}

.loginInfoVisible #sideContentInner, .loginInfoVisible #customerServiceMenu, .loginInfoVisible #customerServiceInfo {
    left: -10000px;
}

.customerServiceMenuVisible #customerServiceMenu, .customerServiceMenuVisible #customerServiceInfo {
    position: relative;
    left: 0;
}

.customerServiceMenuVisible #loginInfo, .customerServiceMenuVisible #sideContentInner {
    left: -10000px;
}

.sideContentVisible #sideContentInner {
    position: relative;
    left: 0;
}

.sideContentVisible #loginInfo, .sideContentVisible #customerServiceInfo, .sideContentVisible #customerServiceMenu {
    left: -10000px;
}

#mainContent {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainContentInner {
    position: relative;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}

/* Header Area */
#topBreadCrumbs {
}

.divLogo {
}

.topLogoLink {
    text-decoration: none;
    margin: 0;
}

    .topLogoLink:hover {
    }

.topLogoText {
    display: inline-block;
    font-size: xx-large;
    font-weight: bold;
}

.topLogoImage {
}

/* What's On */
#whatsOn {
    padding-top: 6px;
    display: inline-block;
}

#whatsOnContent {
}

    #whatsOnContent .datepicker {
        float: left;
        min-height: 18px;
    }

#whatsOnContentStatic {
    display: inline-block;
    float: left;
}

    #whatsOnContentStatic .datepicker {
        float: left;
    }

#whatsOnContentButtons {
    float: left;
    width: 80px;
}

    #whatsOnContentButtons .ui-button {
        margin-bottom: 3px;
    }

.whatsOnContentLabel {
    float: left;
    width: 80px;
    height: 18px;
    text-align: right;
    padding: 4px 4px 4px 0;
}

/* Calendar */

#whatsOnCalendar {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 6px 6px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#whatsOnCalendarNav {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 6px;
    padding-bottom: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #whatsOnCalendarNav #navButtons {
        float: left;
    }

    #whatsOnCalendarNav #periodSelection {
        float: right;
    }

#whatsOnCalendarDateRange {
    min-height: 18px;
    margin: 0 6px 6px 0;
    padding: 0 6px 0 0;
}

.divCalendarDay {
    width: 14.28%;
    float: left;
    height: 102px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.divCalendarDayOfWeek, .divCalendarDayOfWeekend {
    width: 14.28%;
    padding: 2px;
    background-color: transparent;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.divCalendarDayFullSizeInPast {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: transparent;
    height: 103px;
    padding: 2px;
    border: 1px solid #e5e5e5;
    margin: 0 0 -1px -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.divCalendarDayFullSizeNoPerformances, .divCalendarDayFullSize {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #ffffff;
    height: 103px;
    padding: 2px;
    margin: 0 0 -1px -1px;
    border: solid 1px #bfc5c4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.divCalendarDayFullSizeNoPerformances {
    background-color: transparent;
    border: solid 1px transparent;
}

.divCalendarDayFullSizeHighlight {
    width: 100%;
    height: 103px;
    border: 1px solid #eeb420;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}

.divCalendarDay:hover .divCalendarDayFullSize {
    margin-top: 24px;
    margin-left: 1px;
    width: 300px;
    height: auto;
    z-index: 100;
    border: 1px solid #eeb420;
    overflow: visible;
}

.divCalendarLink {
    width: 300px;
}

/* Search */
#search {
    float: right;
    clear: right;
    padding: 4px 0 4px 4px;
}

.divSearchBox {
    margin: 0 6px 0 0;
}

/* general layout div styles */
.divPanel {
    float: left;
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.divPanelNoBorder {
    float: left;
}

.divPager {
    clear: both;
    width: 100%;
}

.textBlock {
    clear: both;
    padding: 0 0 6px 0;
}

.divCtrl {
    clear: both;
    width: 100%;
    text-align: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.divPropTable .divCtrl {
    text-align: left;
}

.divPropTable {
    width: 100%;
    clear: both;
    padding: 4px 0px 4px 0px;
    display: table;
}

.divPropTableRow {
    display: table-row;
}

.divPropTableMessage {
    display: block;
    text-align: left;
    vertical-align: top;
    padding: 6px 0 6px 0;
}

.divPropTableCaption {
    display: table-cell;
    width: 10em;
    text-align: right;
    vertical-align: top;
    padding: 6px 10px 6px 0;
    overflow: auto;
}

.divPropTableValue {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding: 6px 10px 6px 0;
    overflow: visible;
}

    .divPropTableValue > span {
        display: inline-block;
    }

.formFieldRequired {
    font-weight: bold;
}

.formPageTitle {
    display: inline-block;
}

.formFieldGroup {
    padding: 1em;
}


/*Trees*/
.treeView {
    padding-right: 6px;
}

/*Grids*/
.dataGrid {
    margin: 0 0 8px 0;
    clear: both;
    border-collapse: collapse;
}

.invisible {
    display: none;
}

/*side menu*/
.sideMenu {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
}

.sideMenuTitle {
    display: inline-block;
    border: 0;
    margin: 0.5em 0 0 0.5em;
    text-align: left;
    font-weight: bold;
}

    .sideMenuTitle a {
    }

        .sideMenuTitle a:hover {
            text-decoration: none;
        }

.sideMenu ul {
    margin: 0;
    padding: 0.5em 0px 0.5em 0.5em;
}

.sideMenu li {
    list-style-type: none;
    padding: 0px;
    clear: both;
}

    .sideMenu li a {
    }

        .sideMenu li a:hover {
        }

/*Area Containers*/
.divError {
}

.divNotFound {
}

.btnClearContextUser {
    margin: 0.3em 0 0 0;
    float: right;
}

body.busy, body.busy * {
    cursor: wait !important;
}


.working {
    background-image: url("throbber.gif") !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

.divBasketSummaryLine {
    width: 100%;
    display: inline-block;
    clear: both;
}

.divBasketSummaryProduct {
    display: inline-block;
    vertical-align: top;
}

.divBasketSummaryProductHeader {
    width: 100%;
    display: inline-block;
    clear: both;
}

.divBasketSummaryProductDelete {
    display: inline-block;
    float: right;
}

#basketSummary .divBasketSummaryProductDelete {
    display: inline-block;
    float: left;
}

.divBasketSummaryInfo, .divBasketSummaryAdjustment {
    float: left;
}

.divBasketSummaryPrice {
    font-weight: bold;
}

.divBasketSummaryProductEdit, .divBasketSummaryAdjustmentEdit {
}

    .divBasketSummaryProductEdit a {
        display: block;
    }

.divBasketSummaryPrice, .divAddAdjustment {
    float: right;
    text-align: right;
}

.divBasketSummaryTotal {
    float: left;
    font-weight: bold;
}

.ui-dialog {
    z-index: 1000 !important;
}

.packageCodeIcon {
    vertical-align: bottom;
}

.packageNotAppliedText {
}

.packageCodesStatus {
    display: inline-block;
}

.packageCode {
    font-weight: bold;
}

.formField {
    padding: 6px !important;
    margin: 6px;
}

    .formField textarea {
        width: 100%;
        height: 100%;
    }

    .formField input {
        margin: 6px;
        padding: 6px;
        width: 100%;
    }

        .formField input[type=checkbox] {
            width: 30px !important;
            float: right;
        }


.formFieldName {
}

.formFieldValue {
}

.radiolist {
    display: inline;
}

    .radiolist label {
        width: 100%;
        display: block;
        float: left;
    }

    .radiolist input[type="radio"] {
        visibility: hidden;
        width: 0px;
        float: left;
    }

        .radiolist input[type="radio"] + label {
            border: thick white solid;
            padding: 0.5em;
        }

        .radiolist input[type="radio"]:checked + label {
            font-weight: bold;
            border: thick black solid;
        }

input[type="text"].radiolist-other {
    vertical-align: bottom;
    margin-bottom: 0.7em;
}

#closeSearch {
    display: none;
}

#customerServiceFolderActions {
    display: inline-block;
    float: right;
}

    #customerServiceFolderActions ul {
        list-style: none;
        margin: 0;
    }

        #customerServiceFolderActions ul li {
            display: inline-block;
        }

.notransition, .notransition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}