﻿/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body { background-color: #fff; color: #585858; font-family: Arial; font-size: 12px; margin: 0; padding: 2px; }
.clearAll { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.primary-font-color { color: #148de3; }
.primary-color { background-color: #148de3; color: #148de3; }
/*FIND AND REPLACE 148de3 AND 2bc3f0 For primary colour and slightly lighter colour*/
.myli { border: medium solid; height: 200px; padding: 10px; text-align: center; width: 100px; }
/***** Standards ******/

.booking-wrp { margin: 0; min-height: 305px; }
.booking-wrp td { padding: 8px 0 8px 0; }
.booking-wrp .menu-btn { height: 27px; text-align: center; float: left; }
.booking-wrp .link { font-size: 14px; font-family: Arial; font-weight: bold; color: #fff; margin-top: 5px; }
.booking-wrp .header-wrp { }
.booking-wrp .sub-header-wrp h1 { font-size: 36px; background-color: #ffffff; margin: 0px; margin-top: 20px; }
.booking-wrp .sub-header-wrp h2 { font-size: 24px; font-weight: normal; margin: 22px 0px 0px 0px; }
.booking-wrp .header-wrp h1 { visibility: none; display: none; }
.booking-wrp .header-wrp h2 { font-size: 18px; font-weight: normal; margin: 10px 0px 20px 0px; }
.booking-wrp .left-col { float: left; }
.booking-wrp .left-col-wide { }
.booking-wrp .right-col { height: 480px; width: 230px; float: right; }
.booking-wrp .textarea { border: solid 1px #d4d4d4; background: white; height: 150px; width: 100%; }
.booking-wrp .border { 
     
 }
.booking-wrp .error { background: #fee2e2; border: solid 1px #ffa1a1; height: 18px; }
.booking-wrp .error-message { color: #df0000; }
.booking-wrp .tbl-column-1 { width: 120px; text-align: right; padding-right: 10px; }
.booking-wrp .tbl-column-2 { width: 300px; text-align: left; }
.booking-wrp .small-text { font-size: 12px; font-weight: bold; }
.booking-wrp .small-text a { text-transform: uppercase; }
.booking-wrp .content-wrp .enter { background-color: #377BC5; border: solid 1px #2466AD; width: 140px; }
.booking-wrp .content-wrp .enter:hover { background-color: #2466AD; border: solid 1px #1A589B; }
.booking-wrp .required-error-text { color: Red; font-size: small; }
.booking-wrp .alternate-row, .booking-wrp .alternate-row .td-1, .booking-wrp .alternate-row .td-2, .booking-wrp .alternate-row .td-3 { background-color: #efeeee !important; }
.booking-wrp .green-box { background: #cfea95; border: solid 1px #b6d07f; font-size: 12px; line-height: 18px; padding: 10px; }
.booking-wrp .red-box { background: #ffd5d5; border: solid 1px #f3a6a6; font-size: 12px; line-height: 18px; padding: 10px; }
.booking-wrp .yellow-box { background: #fcf8e3; border: solid 1px #eae2b8; font-size: 12px; line-height: 18px; padding: 10px; }
.booking-wrp .blue-box { background: #dcebfc; border: solid 1px #bcd4ef; font-size: 12px; line-height: 18px; padding: 10px; margin-bottom: 12px; }
.booking-wrp .blue-box td { padding: 0px; }
/***** AddExtras *****/

.add-extras-wrp table { width: 100% !important; }
.add-extras-wrp table td { }
.add-extras-wrp .cmd-add-extras { margin: 0 auto; margin-top: 20px; width: 80px; }
.add-extras-wrp .checklist-title { font-weight: bold; text-transform: uppercase; }
/***** BookingConfirmation *****/

.booking-confirmation-wrp { }
.booking-confirmation-wrp td { padding: 0px; }
.booking-confirmation-wrp h2 { font-size: 18px; background-color: White; font-weight: bold; }
.booking-confirmation-wrp table { width: 100%; padding: 3px; }
.booking-confirmation-wrp .tbl-confirmation td { padding: 0 0 10px 0; vertical-align: top; }
.booking-confirmation-wrp table .col-1 { padding-right: 5px; width: 20% !important; text-align: left; }
.booking-confirmation-wrp table .col-2 { padding-right: 5px; width: 80% !important; text-align: left; }
/***** BookingDetails *****/

.booking-details-wrp { float: left; }
.booking-details-wrp .header { height: 8px; background-image: url(Images/BookingSummary/Summary-Header.jpg); }
.booking-details-wrp .content { background-color: #e3e3e3; }
.booking-details-wrp .footer { height: 8px; background-image: url(Images/BookingSummary/Summary-Footer.jpg); }
.booking-details-wrp h3 { font-size: 14px; font-weight: bold; margin: 0px 8px 4px 4px; font-family: Arial; text-transform: uppercase; border-bottom: dotted 1px #b7b7b7; background-color: #efeeee; }
.booking-details-wrp h4 { font-size: 11px; font-weight: bold; margin: 0px 8px 0px 8px; color: #5f5f5f; font-family: Arial; }
.booking-details-wrp span { }
.booking-details-wrp p { font-size: 12px; margin: 0px 8px 0px 8px; font-family: Arial; }
.booking-details-wrp .tbl-booking-details { width: 100%; padding: 0px 10px; margin-bottom: 10px; }
.booking-details-wrp .tbl-booking-details .even-row { font-weight: bold; }
.booking-details-wrp .tbl-booking-details td { font-size: 12px; padding: 0px; vertical-align: top; line-height: 18px; }
.booking-details-wrp .tbl-booking-details td.left-column { font-weight: bold; padding-right: 5px; width: 70px; text-align: right; }
.booking-details-wrp .tbl-booking-details td.right-column { padding-right: 5px; }
.odd-row { padding-bottom: 2px !important; }
.tbl-booking-details td { text-align: left; }
/***** BookingStepNavigator *****/

.booking-step-navigator-steps { font-size: 16px; font-weight: bold; float: right; margin-top: -1px; padding-top: 0px; width: 100px; text-align: center; }
.booking-step-navigator-steps { }
.booking-step-navigator-steps .nav-selected { font-weight: bold; color: #148de3; }
.booking-step-navigator-wrp { float: right; }
.booking-step-navigator-wrp table { float: right; padding: 0px; margin: 0px; }
.booking-step-navigator-wrp table td { padding: 0px; }
/***** CustomerLogin *****/

.customer-login-wrp .cmd-cancel { margin-top: 0px; }
.customer-login-wrp .tbl-login { padding: 0px; }
.customer-login-wrp .forgotten-password { padding-top: 0px; }
.customer-login-wrp h2 { font-size: 18px; font-weight: bold; }
.customer-login-wrp .login-left-col { width: 48%; float: left; border-right: 1px solid #e5e5e5; }
.customer-login-wrp .login-right-col { width: 48%; float: right; }
.customer-login-wrp .header-wrp { height: 30px; }
/***** EditCustomer *****/

.edit-customer-wrp .tbl-account { width: 100%; }
.edit-customer-wrp .tbl-account td { padding: 0 0 10px 0; }
.edit-customer-wrp .tbl-account .td-1 { padding-right: 5px; width: 100px }
.edit-customer-wrp .tbl-account .td-2 { }
.edit-customer-wrp .tbl-account .td-2 input { width: 150px; }
.edit-customer-wrp .btn-wrp { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; width: 300px; margin-left: 90px; }
.edit-customer-wrp .btn-update-acc { border: solid 1px #2bc3f0; float: left; width: 100px; }
.edit-customer-wrp .confirmation { background: #cfea95; border: solid 1px #b6d07f; font-size: 14px; line-height: 18px; padding: 10px; }
.edit-customer-wrp .cmd-go-back { height: 24px; margin: 0px 12px 0px 0px; }
.edit-customer-wrp .cmd-go-back span { padding-top: 5px; }
.edit-customer-wrp .btn-update-acc { width: 150px; }
.edit-customer-wrp .cmd-cancel { margin: 0px 0px 0px 12px; }
/***** EditPassword *****/

.edit-password-wrp .tbl-edit-password { width: 100%; }
.edit-password-wrp .tbl-edit-password td { padding: 0 0 10px 0; }
.edit-password-wrp .tbl-edit-password .td-1 { padding-right: 5px; width: 150px }
.edit-password-wrp .tbl-edit-password .td-2 { }
.edit-password-wrp .tbl-edit-password .td-2 input { width: 150px; }
.edit-password-wrp .tbl-edit-password .btn-update-pwd { border: solid 1px #2bc3f0; float: left; width: 130px; }
.edit-password-wrp .cmd-cancel { margin: 0px; }
/***** EditPassword *****/

.edit-password-wrp .tbl-login { width: 100% }
.edit-password-wrp .tbl-login td { padding: 0 0 10px 0; vertical-align: top; }
.edit-password-wrp .tbl-login .td-1 { padding-right: 5px; width: 70px }
.edit-password-wrp .tbl-login .td-2 { }
.edit-password-wrp .tbl-login .td-2 input { width: 150px; }
.edit-password-wrp .tbl-login .btn-login { border: solid 1px #2bc3f0; width: 60px; }
.edit-password-wrp .tbl-login .red-box { background: #ffd5d5; border: solid 1px #f3a6a6; font-size: 14px; line-height: 18px; padding: 10px; }
.edit-password-wrp .cmd-go-back { height: 24px; margin-right: 12px; margin-left: 0px; }
.edit-password-wrp .cmd-go-back span { padding-top: 5px; }
/***** EnterDetails *****/

.enter-details-wrp .required-field { color: #F23C3C; font-size: 11px; padding-left: 5px; }
.enter-details-wrp .textbox { margin-right: 12px; }
.enter-details-wrp .error-message { }
.enter-details-wrp .enter-details-wrp .hdr-2 { height: 60px; margin-top: 20px; }
.enter-details-wrp .tbl-enter-details, .enter-details-wrp .tbl-general-info { }
.enter-details-wrp .tbl-enter-details td, .enter-details-wrp .tbl-general-info td { padding: 0 0 8px 0; vertical-align: top; }
.enter-details-wrp .tbl-enter-details .td-1 { padding-right: 5px; width: 110px; text-align: right; }
.enter-details-wrp .tbl-general-info .td-1 { padding-right: 15px; text-align: right; }
.enter-details-wrp .tbl-general-info .RadComboBox_Default, .enter-details-wrp .tbl-general-info .textarea { margin-top: 6px; }
.enter-details-wrp .btn-wrp { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; width: 204px; }
.enter-details-wrp span { padding-top: 6px; }
.enter-details-wrp .notes { width: 300px; }
.enter-details-wrp .find-address-btn { margin-right: 20px; }
.enter-details-wrp .red-box { width: 460px; margin-bottom: 12px; }
/***** EnterVehicle *****/

.enter-vehicle-wrp .enter-details { width: 150px; }
.enter-vehicle-wrp .next-step { border: solid 1px #2bc3f0; width: 80px; }
/***** ConfirmDetails *****/

.confirm-details-wrp { }
.confirm-details-wrp td { padding: 0px; }
.confirm-details-wrp h2 { font-size: 18px; background-color: transparent; font-weight: bold; }
.confirm-details-wrp table { width: 100%; padding: 3px; }
.confirm-details-wrp .tbl-confirmation td { padding: 0 0 10px 0; vertical-align: top; }
.confirm-details-wrp table .col-1 { padding-right: 5px; width: 20% !important; text-align: left; }
.confirm-details-wrp table .col-2 { padding-right: 5px; width: 80% !important; text-align: left; }


/***** ForgottenPassword *****/




/***** ManageBookings *****/
.manage-bookings-wrp .cmd-go-back { margin-left: 0px; margin-top: 12px; }

/***** SelectCustomerVehicle *****/
.select-customer-vehicle-wrp .select { width: 220px; }
.select-customer-vehicle-wrp .small { width: 120px; }
.select-customer-vehicle-wrp .btn-select { border: solid 1px #2bc3f0; width: 50px; }

/***** Calendar *****/
table.RadCalendarMonthView { background: #fff; border-color: #a6a6a6; padding: 5px }
.RadCalendarPopupShadows > .rcShadTR, .RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR { display: none }
table.RadCalendarMonthView td { border: 2px solid #fff!important; padding: 0!important }
table.RadCalendarMonthView td a { background: #f2f2f2; color: #a6a6a6; font-size: 12px }
table.RadCalendarMonthView td a:hover { text-decoration: underline }
table.RadCalendarMonthView td.rcSelected a { background: #148de3; border: none!important; color: #fff; padding: 2px 4px }
.RadCalendarMonthView .rcButtons { padding-top: 10px!important }
.RadCalendarMonthView .rcButtons input { background: #fff; border: 0 }
.RadCalendarMonthView .rcButtons input:hover { text-decoration: underline }
.select-date-wrp .RadCalendar { width: 100%; }
.select-date-wrp .RadCalendar table { border: 0px; }
.select-date-wrp .RadCalendar .rcMain, .select-date-wrp .RadCalendar .rcTitlebar, .select-date-wrp .RadCalendar .rcRow td { border: 0px !important; }
.select-date-wrp .RadCalendar .rcMain { background: #fff; padding-bottom: 35px }
.select-date-wrp .RadCalendar .rcTitlebar { }
.select-date-wrp .RadCalendar .rcTitlebar table { }
.select-date-wrp .RadCalendar .rcTitlebar .rcTitle { }
.select-date-wrp .RadCalendar .rcFastPrev { background-image: url(Images/SelectDate/Left-Double.png) !important; width: 21px !important; height: 15px !important; display: block !important; }
.select-date-wrp .RadCalendar .rcPrev { background-image: url(Images/SelectDate/Left-Single.png) !important; width: 15px !important; height: 15px !important; display: block !important; }
.select-date-wrp .RadCalendar .rcFastNext { background-image: url(Images/SelectDate/Right-Double.png) !important; width: 21px !important; height: 15px !important; display: block !important; }
.select-date-wrp .RadCalendar .rcNext { background-image: url(Images/SelectDate/Right-Single.png) !important; width: 15px !important; height: 15px !important; display: block !important; }
.select-date-wrp .RadCalendar .rcHover { background-image: url(Images/SelectDate/hover.png) !important; background-repeat: no-repeat; }
.select-date-wrp .RadCalendar .rcOtherMonth { }
.select-date-wrp .RadCalendar .rcRow td { border: 1px solid #fff!important }
.select-date-wrp .RadCalendar .rcRow td a { cursor: pointer; height: 35px; padding: 0!important; }
.select-date-wrp .RadCalendar .rcRow td a span { color: #fff; font-weight: bold; padding: 5px 5px 0 0 }
.select-date-wrp .RadCalendar .rcWeek th { line-height: 35px; text-align: center!important }
.select-date-wrp .RadCalendarMonthView { background-color: #efeeee; border: 0px; background-image: url(Images/SelectDate/Dropdown-Background.png); }
.select-date-wrp table.RadCalendarMonthView { border: 0px !important; }
.select-date-wrp .rcButtons #rcMView_Today, .select-date-wrp .rcButtons #rcMView_OK, .select-date-wrp .rcButtons #rcMView_Cancel { background-image: url(Images/SelectDate/Button-Gloss.png) !important; background-color: #148de3 !important; background-repeat: repeat-x; border: solid 1px #148de30 !important; border-style: solid !important; border-width: 1px !important; border-color: #148de3 !important; margin: 2px !important; color: #ffffff !important; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-size: 11px; }
.select-date-wrp .RadCalendarMonthView a { background-color: #787878 !important; background-repeat: repeat-x; font-size: 11px; color: #666666; background-image: url(Images/SelectDate/Button-Gloss.png); border: solid 1px #148de30 !important; border-style: solid !important; border-width: 1px !important; border-color: #666 !important; margin: 2px !important; color: #ffffff !important; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-size: 11px; }
.select-date-wrp .RadCalendarMonthView .rcSelected a { background-color: #148de3 !important; border-style: solid !important; border-width: 1px !important; border-color: #148de3 !important; }
.select-date-wrp .RadCalendarMonthView #rcMView_PrevY a { background-image: url(Images/SelectDate/Last-Year-Button.png) !important; background-color: #333 !important; border-color: #333 !important; }
.select-date-wrp .RadCalendarMonthView #rcMView_NextY a { background-image: url(Images/SelectDate/Next-Year-Button.png) !important; background-color: #333 !important; border-color: #333 !important; }

/***** Calendar Day Styles *****/
.select-date-wrp .RadCalendar .rcRow .disabled-day { background: #f2f2f2; cursor: default }
.select-date-wrp .RadCalendar .rcRow .disabled-day span { color: #a6a6a6 }
.select-date-wrp .RadCalendar .rcRow .disabled-day:hover { }
.select-date-wrp .RadCalendar .rcRow .enabled-day-current-month { background: #148de3; color: #fff }
.select-date-wrp .RadCalendar .rcRow .enabled-day-current-month:hover { background: #2bc3f0 }
.select-date-wrp .RadCalendar .rcRow .enabled-day-other-month { background: #ED84B0 }
.select-date-wrp .RadCalendar .rcRow .enabled-day-other-month:hover { background: #148de3 }
.select-date-wrp .RadCalendar .rcRow .special-day-current-month { background: #148de3 url(Images/SelectDate/special.png) no-repeat left bottom }
.select-date-wrp .RadCalendar .rcRow .special-day-current-month:hover { background-color: #2bc3f0 }
.select-date-wrp .RadCalendar .rcRow .special-day-other-month { background: #ED84B0 url(Images/SelectDate/special.png) no-repeat left bottom }
.select-date-wrp .RadCalendar .rcRow .special-day-other-month:hover { background-color: #148de3 }
.select-date-wrp .RadCalendar .rcRow .selected-special-day { background-color: #148de3; color: #fff; background-image: url(Images/SelectDate/standard.png); background-repeat: no-repeat; }
.select-date-wrp .RadCalendar .rcRow .selected-special-day:hover { background-image: url(Images/SelectDate/standard-hover.png); background-repeat: no-repeat; }
.select-date-wrp .RadCalendar .rcRow .selected-enabled-day { background-color: #148de3; color: #fff; background-image: url(Images/SelectDate/standard.png); background-repeat: no-repeat; }
.select-date-wrp .RadCalendar .rcRow .selected-enabled-day:hover { background-image: url(Images/SelectDate/standard-hover.png); background-repeat: no-repeat; }
.select-date-wrp .RadCalendar .rcRow .disabled-day span, .select-date-wrp .RadCalendar .rcRow .enabled-day-current-month span, .select-date-wrp .RadCalendar .rcRow .enabled-day-other-month span, .select-date-wrp .RadCalendar .rcRow .special-day-current-month span, .select-date-wrp .RadCalendar .rcRow .special-day-other-month span, .select-date-wrp .RadCalendar .rcRow .selected-special-day, .select-date-wrp .RadCalendar .rcRow .selected-enabled-day span { display: block }
.select-date-wrp .RadCalendar .rcRow .hover-day { background-color: #148de3 }
.select-date-wrp .key-wrp {background-image:url(Images/selectdate/asterix.png); background-repeat:no-repeat; padding-left:20px;}

/***** SelectServiceSlotType  *****/
.select-service-slot-type-wrp .service-name-td { text-align: center; }
.select-service-slot-type-wrp .service-name-td span { font-size: 12px; font-weight: bold; background-color: #fff; }
.select-service-slot-type-wrp .service-price { font-weight: normal; color: #666; }
.select-service-slot-type-wrp .book-now-tr td { text-align: center !important; }
.select-service-slot-type-wrp .checklist-group-header td { background: url(Images/SelectServiceSlotType/row-bg.png); font-size: 12px; height: 29px; border-top: solid 1px #b5b5b5; border-bottom: solid 1px #b5b5b5; }
.select-service-slot-type-wrp .checklist-group-header td { font-weight: bold; padding-left: 8px; }
.select-service-slot-type-wrp .checklist-item-tr { font-size: 12px; }
.select-service-slot-type-wrp .book-now-tr td a { }
.select-service-slot-type-wrp .item-name-td { width: 250px; }
.select-service-slot-type-wrp .item-included { background: url("Images/SelectServiceSlotType/tick.png") no-repeat scroll center transparent }
.select-service-slot-type-wrp .item-not-included { background: url("Images/SelectServiceSlotType/cross.png") no-repeat scroll center transparent }
.menu-service-grid-wrp table { padding: 0px; margin: 0px; width: 100%; }
.menu-service-grid-wrp td { padding: 2px 0 2px 0; }
.checklist-group-header td, .checklist-item-tr td { padding: 4px; }

/***** SelectSlotType *****/
.select-slot-type-wrp .slot-type-wrp { }
.select-slot-type-wrp .icon { width: 58px; text-align: center; height: 58px; float: left; }
.select-slot-type-wrp h3 { font-size: 18px; color: #148de3; font-weight: bold; margin: 0px; font-family: Arial; line-height: 18px; }
.select-slot-type-wrp h3 span { color: #333333; font-size: 14px; font-weight: normal; }
.select-slot-type-wrp p { margin: 0px; font-size: 11px; font-family: Arial; margin-bottom: 4px; margin-top: 4px; }
.select-slot-type-wrp .price { float: left; height: 58px; text-align: center; width: 80px; }
.select-slot-type-wrp .price span { display: block; font: 12px/22px Arial; padding: 12px 0 0 0; }
.select-slot-type-wrp .price span strong { color: #148de3; font: bold 14px/14px Arial; }
.select-slot-type-wrp .btn .book-now { background: url(Images/SelectSlotTypeGroup/book_now_bg.png) left top repeat-x #148de3; border: solid 1px #2bc3f0; display: block; height: 24px; margin: 0 auto; width: 80px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.select-slot-type-wrp .btn .book-now:hover { background: url(Images/SelectSlotTypeGroup/book_now_bg_hover.png) left top repeat-x #2bc3f0; border: solid 1px #148de3; cursor: pointer; }
.select-slot-type-wrp .btn .book-now span { background: url(Images/SelectSlotTypeGroup/book_now.png) 50% 8px no-repeat; display: block; height: 24px; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.select-slot-type-wrp .slot-type { float: left; width: 460px; }
.select-slot-type-wrp .td-1 { width: 75px; text-align: left; vertical-align: top; }
.select-slot-type-wrp .td-2 { width: 385px; text-align: left; vertical-align: top; }
.select-slot-type-wrp td { padding: 0px; }
.select-slot-type-wrp td div a { margin-bottom: 24px; }
.select-slot-type-wrp li { list-style: none; margin-bottom: 10px; width: 22%; float: left; margin: 0px 4% 0 0; background-color: #efeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 0 8px 0; margin-bottom: 4%; }
.select-slot-type-wrp .thumb-img { height: 70px; margin: 0px auto 0px 33px; }
.select-slot-type-wrp .thumb-desc { height: 90px; overflow: hidden; margin-bottom: 8px; text-align: center; }
.select-slot-type-wrp .slot-name { font-size: 18px; color: #148de3; font-weight: bold; margin: 0px; font-family: Arial; line-height: 18px; margin-bottom: 4px; }
.select-slot-type-wrp .slot-description { margin-bottom: 4px; font-size: 11px; }
.select-slot-type-wrp .item-button { text-align: center; width: 100%; height: 35px; }
.select-slot-type-wrp br { height: 1px; }
.select-slot-type-wrp li:first-child + li + li + li { margin-left: -1% !important; float: right; margin-right: 0px !important; } /***IE Fix***/
.select-slot-type-wrp li:first-child + li + li + li + li + li + li + li { margin-left: -1% !important; float: right; margin-right: 0px !important; } /***IE Fix***/
.select-slot-type-wrp li:first-child + li + li + li + li + li + li + li + li + li + li + li { margin-left: -1% !important; float: right; margin-right: 0px !important; } /***IE Fix***/
.select-slot-type-wrp li:nth-child(4) { margin-right: 0% !important; float: right; }

/***** SelectSlotTypeGroup *****/
.select-slot-type-group-wrp .col3 { width: 230px; }
.select-slot-type-group-wrp .slot-type-wrp { width: 22%; margin-right: 4%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 0 8px 0; min-height: 150px; background-repeat: no-repeat; float: left; text-align: center; background-color: #efeeee; margin-bottom: 4%; }
.select-slot-type-group-wrp .slot-type-wrp:first-child + div + div + div { margin-left: -1% !important; float: right; margin-right: 0px !important; } /***IE Fix***/
.select-slot-type-group-wrp .slot-type-wrp:first-child + div + div + div + div + div + div + div { margin-left: -1% !important; float: right; margin-right: 0px !important; } /***IE Fix***/
.select-slot-type-group-wrp .slot-type-wrp:first-child + div + div + div + div + div + div + div + div + div + div + div { margin-left: -1% !important; float: right; margin-right: 0px !important; } /***IE Fix***/
.select-slot-type-group-wrp .slot-type-wrp:nth-child(4) { margin-right: 0%; }
.select-slot-type-group-wrp .slot-type-wrp .slot-type-group { color: #1f61aa; display: block; font: 12px/12px Arial; margin: 0 auto; text-decoration: none; background-repeat: no-repeat; }
.select-slot-type-group-wrp .slot-type-wrp .slot-type-group-link { color: #1f61aa; font: 12px/12px Arial; text-decoration: none; }
.select-slot-type-group-wrp .slot-type-wrp .slot-type-group-link:hover { color: #1f61aa; font: 12px/12px Arial; text-decoration: underline; }
.select-slot-type-group-wrp .slot-type-wrp .slot-type-group:hover { text-decoration: underline; }
.select-slot-type-group-wrp .slot-type-wrp h3 { font-size: 11px; text-align: center; font-weight: normal; margin: 4px 0px 0px 0px; line-height: 14px; }
.select-slot-type-group-wrp .slot-type-content-wrp { text-align: center; }
.select-slot-type-group-wrp .slot-type-content-wrp table { width: 100%; text-align: center; }
.select-slot-type-group-wrp table td { text-align: center; }
.slot-type-content-wrp td { padding-top: 0px; }

/* SelectTime */
.select-time-wrp .tbl-select-time { width: 100%; }
.select-time-wrp .tbl-select-time .td-header { background: url(Images/SelectServiceSlotType/row-bg.png); font-size: 12px; height: 29px; border-top: solid 1px #b5b5b5; border-bottom: solid 1px #b5b5b5; padding-left: 5px; font-weight: bold; }
.select-time-wrp .tbl-select-time .td-1 { background: url(); width: 120px; font-size: 12px; }
.select-time-wrp .tbl-select-time .td-2 { width: 210px; font-size: 12px; }
.select-time-wrp .tbl-select-time .td-3 { width: 170px; font-size: 12px; font-weight: bold; }

/***** SelectVehicle *****/
.select-vehicle-wrp .select { width: 220px; }
.select-vehicle-wrp .small { width: 120px; }
.select-vehicle-wrp .btn-select { border: solid 1px #2bc3f0; width: 80px; }

/***** SlotUnavailable *****/
.slot-unavailable-wrp { }
.slot-unavailable-wrp .message { background: #ffdfdf; border: solid 1px #fea2a2; color: #000; font: 14px/20px Arial; padding: 20px; text-shadow: 1px 1px 0px #fff; }
.slot-unavailable-wrp .cmd-select-new-slot { border: solid 1px #2bc3f0; margin: 0 auto; margin-top: 20px; width: 120px; }

/***** TermsAndPrivacy *****/
.terms-and-privacy-wrp .required-field { color: #F23C3C; font-size: 11px; padding-left: 5px; }
.terms-and-privacy-wrp .error-message { }
.terms-and-privacy-wrp .enter-details-wrp .hdr-2 { height: 60px; margin-top: 20px; }
.terms-and-privacy-wrp .tbl-enter-details, .terms-and-privacy-wrp .tbl-general-info { width: 100%; }
.terms-and-privacy-wrp .tbl-enter-details td, .terms-and-privacy-wrp .tbl-general-info td { padding: 0 0 10px 0; vertical-align: top; }
.terms-and-privacy-wrp .tbl-enter-details .td-1 { padding-right: 5px; width: 110px; }
.terms-and-privacy-wrp .tbl-enter-details .td-2 input { width: 300px; }
.terms-and-privacy-wrp .tbl-general-info .td-1 { padding-right: 5px; width: 150px; }
.terms-and-privacy-wrp .btn-wrp { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; width: 204px; }
.terms-and-privacy-wrp .cmd-accept { border: solid 1px #2bc3f0; margin: 0 auto; float: left; width: 70px; }
.terms-and-privacy-wrp .cmd-not-accept { background-color: #377BC5; border: solid 1px #2466AD; float: left; margin-right: 10px; width: 100px; }
.terms-and-privacy-wrp .cmd-not-accept:hover { background-color: #2466AD; border: solid 1px #1A589B; }
.terms-and-privacy-wrp .cmd-go-back { margin-right: 10px !important; }
.terms-and-privacy-wrp .notes { width: 300px; }

/***** TopMenu *****/
.top-menu-wrp { position: relative; background: #cecece; background: -moz-linear-gradient(top, #f0f0f0 1%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f0f0f0), color-stop(100%, #e7e7e7)); background: -webkit-linear-gradient(top, #f0f0f0 1%, #e7e7e7 100%); background: -o-linear-gradient(top, #f0f0f0 1%, #e7e7e7 100%); background: -ms-linear-gradient(top, #f0f0f0 1%, #e7e7e7 100%); background: linear-gradient(top, #f0f0f0 1%, #e7e7e7 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e7e7e7', GradientType=0 );
position: relative; padding: 10px; border-radius: 3px; color: black; font-size: 10pt; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; box-shadow: inset 0px 1px 1px 0px #DBDBDB, 0px 1px 2px 0px #959595; }
.menu-btn .RadMenu { background-color: transparent; }
.top-menu-wrp .RadMenu .rmHorizontal .rmItem { }
.top-menu-wrp .RadMenu .rmHorizontal .rmItem a:hover { text-decoration: underline; }
.RadMenu .rmHorizontal .rmText { padding: 0px !important; }
.top-menu-wrp .RadMenu .rmVertical .rmItem { height: auto; padding: 0; }
.top-menu-wrp .RadMenu .rmVertical .rmItem a { padding: 5px 10px 6px 10px; }
.top-menu-wrp .RadMenu .rmVertical .rmItem a span { margin: 0; padding: 0; text-align: left; }
.top-menu-wrp .RadMenu .rmSlide, .top-menu-wrp .RadMenu_Context { z-index: 999999999px; }
.top-menu-wrp .logged-in { float: left; padding:0px 0px 0px 10px;}
.top-menu-wrp .log-in { width: 300px; float: left; padding: 0px 0px 0px 0px; }
.top-menu-wrp .log-in td { font-weight: bold; text-transform: uppercase; padding: 0px 8px 0px 0px; }
.top-menu-wrp .log-in a:hover { text-decoration: none; }
.top-menu-wrp .go-back { display: block; float: right; font-weight: bold; margin-top: 1px; text-decoration: none; width: 75px; }
.top-menu-wrp .go-back span { background-image: url(Images/go_back.png); background-position: left top; background-repeat: no-repeat; display: block; float: left; height: 9px; margin: 6px 5px 0 0; width: 8px; }
.top-menu-wrp .log-in table { padding: 0px; margin: 0px; }
.facebook-login-button { background-image: url(Images/facebooklogin.png); width: 87px; height: 21px; margin: 0; padding: 0; display: block; cursor: pointer; }
.td-facebook-logo-logged-in { background-color: #2E4C80; color: White; }
.td-facebook-user-picture { width: 50px; }
.facebook-user-name { direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #3B5998; font-weight: bold; word-wrap: break-word; }
.RadMenu .rmGroup .rmText { margin: 0px !important; padding: 0px !important; }
.RadMenu .rmGroup .rmText .facebook-user-details { border: 2px solid #D9D9D9; width: 100%; background-color: white; }

/***** CustomerLogin *****/
.customer-login-wrp { }
.customer-login-wrp .textbox { width: 170px; }

/***** VrmConfirmation *****/
.vrm-booking-confirmation-wrp .confirm-details { border: solid 1px #2bc3f0; float: left; margin-left: 10px; width: 80px; }
.vrm-booking-confirmation-wrp .confirm-details:hover { background-color: #2bc3f0; border: solid 1px #148de3; }
.vrm-booking-confirmation-wrp .goto { background-color: #377BC5; border: solid 1px #2466AD; float: left; width: 100px; }
.vrm-booking-confirmation-wrp .goto:hover { background-color: #2466AD; border: solid 1px #1A589B; }
.vrm-booking-confirmation-wrp .error { color: #df0000; }

/***** VrmError *****/
.vrm-error-wrp { }

/***** VrmLookup *****/
.vrm-lookup-wrp h3, .select-vehicle-wrp h3, .enter-vehicle-c-wrp h3, .vrm-booking-confirmation-wrp h3 { font-size: 24px; margin-bottom: 8px; font-weight: bold; background-color: White; }
.vrm-lookup-wrp p { margin-bottom: 12px; }
.vrm-lookup-wrp .frm-btn { margin-top: 12px; }
.vrm-lookup-wrp .lookup { width: 120px; }
.vrm-lookup-wrp .go { border: solid 1px #2bc3f0; }
.div-loading-panel { height: 2000px; background-color: #fff; z-index: 10000px !important; /* For IE8 and earlier */ text-align: center; }
.div-loading-panel img { margin: 150px auto; }
.bottom-row { float: left; width: 100%; }


/***** BUTTONS *****/
.rpRootGroup { position: relative; background: #f0f0f0; padding: 5px 10px; width: 150px; border-radius: 3px; color: black; font-size: 10pt; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; box-shadow: inset 0px 1px 1px 0px #DBDBDB, 0px 1px 2px 0px #959595; right: 0px; position: absolute; border: 0px !important; }
.RadPanelBar { position: relative; margin-top: 5px; }
.RadPanelBar_Default .rpOut, .RadPanelBar_Default div.rpHeaderTemplate, .RadPanelBar_Default a.rpLink, .rpFocused, .rpSelected, .RadPanelBar_Default div.rpHeaderTemplate, .RadPanelBar_Default a.rpLink, .RadPanelBar_Default .rpOut, .RadPanelBar_Default li.rpFirst .rpSelected, .RadPanelBar_Default .rpFirst a.rpSelected:hover, .RadPanelBar_Default .rpOut, .rpLink, .rpItem, .rpFirst, .rpLast, .booking-details-wrp { border: 0px !important; background: none !important; background-color: transparent !important; background-image: transparent !important; background-position: -100000px -100000px !important; }
#ForgottenPassword1_tblForgottenPasswordPanel .btn-retrieve-pwd { width: 45%; float: left; margin-right: 12px; }
#ForgottenPassword1_tblForgottenPasswordPanel .cmd-go-back { width: 45%; float: left; }
.textbox { border: 1px solid #ababab; padding:4px; }
.booking-wrp .cmd-confirm-vehicle-details {width:80px;margin-right:12px;}
.booking-wrp .cmd-show-customer-vehicles { width: 80px; }
.booking-wrp .cmd-show-customer-vehicles { width: 80px; }
.booking-wrp .cmd-find-address-right { width: 100px; margin-top: 0px; margin-bottom: 8px; }
.booking-wrp .cmd-find-address span { padding-top: 3px; }

/***** STANDARD *****/
.booking-wrp .btn, #SelectCustomerVehicle1_lvCustomerVehiclesPanel table a, #ManageBookings1_lvBookingsPanel table a, .top-menu-wrp .RadMenu .rmHorizontal .rmItem a { padding: 5px; margin: 2px 0px 2px 0px; border-radius: 3px; font-size: 10pt; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; cursor: pointer; text-decoration: none; text-align: center; }

/***** Red *****/
.cmd-cancel, .cmd-not-my-vehicle, #ManageBookings1_lvBookingsPanel table a { background: #e6211d; color: #EEE; box-shadow: 0px 1px 1px 0px #858585, inset 0px 1px 1px 0px #fcccc8; border: 1px solid #c7322a; background-image: linear-gradient(bottom, rgb(230,32,29) 30%, rgb(246,87,75) 65%); background-image: -o-linear-gradient(bottom, rgb(230,32,29) 30%, rgb(246,87,75) 65%); background-image: -moz-linear-gradient(bottom, rgb(230,32,29) 30%, rgb(246,87,75) 65%); background-image: -webkit-linear-gradient(bottom, rgb(230,32,29) 30%, rgb(246,87,75) 65%); background-image: -ms-linear-gradient(bottom, rgb(230,32,29) 30%, rgb(246,87,75) 65%); background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.3, rgb(230,32,29)),  color-stop(0.65, rgb(246,87,75)) ); }

/***** Feature *****/
.cmd-log-in, .cmd-select-slot-type, .cmd-go-back, .cmd-save, .cmd-forgotten, .btn-retrieve-pwd, .cmd-select-time, .cmd-continue, .cmd-find-address, .cmd-continue, .cmd-vrm-lookup, .cmd-enter-vehicle-manually, .cmd-add-extras, .cmd-update-password, .cmd-show-customer-vehicles, .cmd-accept-terms, .cmd-select-another-shot, .select-service-slot-type-wrp .btn, .cmd-enter-address-manually, .cmd-confirm-vehicle-details, .cmd-find-address-right, .cmd-submit-details, #SelectCustomerVehicle1_lvCustomerVehiclesPanel table a, .top-menu-wrp .RadMenu .rmHorizontal .rmItem a { background: #0e8ce2; color: #EEE; box-shadow: 0px 1px 1px 0px #858585, inset 0px 1px 1px 0px #99e3f8; border: 1px solid #0275aa; background-image: linear-gradient(bottom, rgb(20,141,227) 30%, rgb(22,188,239) 65%); background-image: -o-linear-gradient(bottom, rgb(20,141,227) 30%, rgb(22,188,239) 65%); background-image: -moz-linear-gradient(bottom, rgb(20,141,227) 30%, rgb(22,188,239) 65%); background-image: -webkit-linear-gradient(bottom, rgb(20,141,227) 30%, rgb(22,188,239) 65%); background-image: -ms-linear-gradient(bottom, rgb(20,141,227) 30%, rgb(22,188,239) 65%); background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.3, rgb(20,141,227)),  color-stop(0.65, rgb(22,188,239)) ); }

/***** FLOAT LEFT *****/
.cmd-vrm-lookup, .cmd-enter-vehicle-manually, .cmd-add-extras, .cmd-update-password, .cmd-continue, .cmd-find-address, .cmd-enter-address-manually, .cmd-find-address-right, .cmd-find-address-right, .cmd-forgotten, .cmd-not-my-vehicle, .cmd-confirm-vehicle-details, .cmd-cancel, .top-menu-wrp .RadMenu .rmHorizontal .rmItem a { float: left; }

/***** FLOAT RIGHT *****/
.cmd-log-in, .cmd-go-back, .cmd-save, .btn-retrieve-pwd, .cmd-select-time, .cmd-show-customer-vehicles, .cmd-accept-terms, .cmd-select-another-shot, .booking-step-navigator-wrp .cmd-go-back, #SelectCustomerVehicle1_lvCustomerVehiclesPanel table a { float: right; }

/***** MARGIN LEFT *****/
.cmd-enter-address-manually, .cmd-not-my-vehicle, .cmd-find-address-right { margin-left: 12px !important; }

/***** MARGIN TOP BOTTOM *****/
.cmd-find-address .cmd-enter-address-manually, .cmd-select-slot-type, #ManageBookings1_lvBookingsPanel table a { margin-top: 8px !important; margin-bottom: 8px!important; }
.td-3-custom { color: red; }
.rmLevel1 a { box-shadow: 0 0 0 0 !important; margin: 0px !important; border-radius: 0px !important; }
#TopMenu1_lblLoggedInToFacebook { font-size: 11px; }
#TopMenu1_tdLoggedInToFacebook { padding: 10px; }
.select-service-slot-type-wrp .btn { display: block; margin: 0px 2px 8px 2px; }
.login-left-col-with-border { width: 48%; float: left; }
#ManageBookings1_lvBookingsPanel table a { display: block; width: 200px; }
#SelectCustomerVehicle1_lvCustomerVehiclesPanel table, #ManageBookings1_lvBookingsPanel table { width: 100%; }
#SelectCustomerVehicle1_lvCustomerVehiclesPanel table tr:nth-child(odd), .manage-bookings-wrp tr:nth-child(odd) { background-color: #ffffff; }
#SelectCustomerVehicle1_lvCustomerVehiclesPanel table tr:nth-child(even), .manage-bookings-wrp tr:nth-child(even) { background-color: #efeeee; }
.logged-in td { padding: 4px 0 0 8px; }



#ForgottenPassword1_tblForgottenPassword .red-box { width: 375px; }


#ForgottenPassword1_tblForgottenPassword td { padding: 8px 0px 8px 0px; }
.checklist-title { font-weight: bold; background-color: #efeeee; }
.checklist-title .col-1 { font-weight: bold; }
.checklist-title .col-2 { font-weight: bold; text-align: right; }
.checklist-title input { position: relative; top: 1px; }
#divSpecialOfferKey img { float: left; margin-right: 1px; }
#CustomerLogin1_tblLogin table td { padding: 8px 8px 0px 0px; }
.td-facebook-logo-logged-in { background-color: #2E4C80; color: White; }
.td-facebook-user-picture { width: 50px; }
.facebook-user-name { direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; color: #3B5998; font-weight: bold; word-wrap: break-word; }
.facebook-icon { background: url(Images/facebook.png); height: 16px; width: 16px; float: left; }
.booking-wrp td { padding: 8px 0 8px 0; }
.select-slot-type-wrp .thumb-img { margin: 0; text-align: center; }
.edit-password-wrp .cmd-cancel, .edit-customer-wrp .cmd-cancel { margin-left: 8px; }
.edit-customer-wrp .cmd-save { float: left; }
.enter-details-wrp .tbl-general-info td { text-align: left; }
.booking-wrp, #divMainWrapperPanel, .top-menu-wrp { max-width: 100%; display:block; margin-bottom:12px;}
a[id^="SelectServiceSlotType1_cmdBookNow_Bottom_"] {display:none; visibility:hidden;}
#divMainWrapperPanel {display:block!important;}

.no-background {
  background-color: transparent !important;
}

.lead {
  font-size: 14px !important;
}

.lead > a {
  font-weight: bold;
  cursor: pointer;
}

h2 {
    font-size:24px;
    font-weight: 700;
    margin-bottom:12px;
}

h4 {
    font-size:16px;
    font-weight: 700;
    margin-bottom:12px;
}

.contact-permission, .terms-privacy {
    margin-bottom:12px;
}

.form-group {
    padding:24px;
    margin-bottom:12px;
    background:rgba(0,0,0,0.03);
    border-radius:4px;
}

input[type="checkbox" i] {
    margin: 0px 3px 3px 4px;
}

#EnterDetails1_lblGetConsentEmail, #EnterDetails1_lblGetConsentSMS,
#CommunicationSettings1_lblConsentEmail, #CommunicationSettings1_lblConsentSMS {
    font-weight: bold;
}

#EnterDetails1_cmdManageCommunicationSettingsSMS {
    margin-bottom: 30px;
    display: inline-block;
}

.list-consent {
    margin-bottom: 6px;
    padding-left: 14px;
}

.select-service-slot-type-wrp .service-name-td{max-width:100px}