@media screen and (hover: hover), (-ms-high-contrast: none), (-ms-high-contrast: active) {

    span[data-hook] span {
        display: none;
    }

    span[data-hook]::after {
        content: attr(data-hook);
    }

}

@font-face {
    font-family: 'charles-wright-bold-caps';
    src: url('../fonts/charles-wright-bold-caps.eot');
    src: url('../fonts/charles-wright-bold-caps.eot?#iefix') format('embedded-opentype'),
    url('../fonts/charles-wright-bold-caps.woff2') format('woff2'),
    url('../fonts/charles-wright-bold-caps.woff') format('woff'),
    url('../fonts/charles-wright-bold-caps.ttf') format('truetype'),
    url('../fonts/charles-wright-bold-caps.svg#charles-wright-bold-caps') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'charles-wright-bold';
    src: url('../fonts/charles-wright-bold.eot');
    src: url('../fonts/charles-wright-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/charles-wright-bold.woff2') format('woff2'),
    url('../fonts/charles-wright-bold.woff') format('woff'),
    url('../fonts/charles-wright-bold.ttf') format('truetype'),
    url('../fonts/charles-wright-bold.svg#charles-wright-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
header .print {
    float: none;
}
input {
    /*font-family: arial, helvetica, verdana;*/
}
#locationOverlayContainer {
    width: 400px;
    height: auto;
}
body .bookingWrapper,
body #bookingWrapper, #bookingWrapper td,
#bookingWrapper div
{
    font-size: 14px;
}
body .bookingWrapper,
body #bookingWrapper {
    min-height: 300px;
    white-space: normal;
    margin: 0 15px;
}
div.b-homepage-content {
    height: auto;
}
p {
    margin: 1em 0;
    line-height: 1.2em;
}
#noticediv p {
    line-height:inherit;
}
h1 {
    font-weight: normal;
    font-size: 28px;
}
h1,
.h1-color, h2, h3
{
    color: #008fd3;
}
h2 {
    font-size: 22px;
}
h3{
    font-size:16px;font-weight:bold;
    margin-top: 10px;
}
.bookingWrapper a,
#bookingWrapper a
{
    color: #008fd3;
}
#content {
    min-height: 440px;
}
#content ul {
    margin: 0;
    list-style-type: none;
}
#content li {
    margin: 0;
}
.clearing {
    font-size: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
    clear: both;
}
.dead {
    display: none;
}
.invisible {
    visibility: hidden;
}
.clickable {
    color: #008fd3;
    cursor: pointer;
    text-decoration: underline;
}

.disabled {
    opacity: 0.4;
    filter: alpha(opacity = 40);
    cursor: default;
}
.completed {

}
.errorMsg {
    color: #c20029;
}
.blue {
    color: #3599c4;
}
.green {
    color: #77c451;
}
.phoneNumber {
    color: black;
}
div.b-center {
    background: none;
}
p.noPadding {
    padding: 0;
    margin: 0;
}
.marginTop {
    margin-top: 20px;
}
p.noBottomMargin {
    margin-bottom: 0;
}
.coveredFormRow, .formRow, .submitButtonrow {
    margin-top: 20px;
}
.formRow {
    margin: 0;
    padding: 10px;
}
.formRow label {
    font-weight: bold;
}
.formRowEven {
    background: #f5f5f5;
}
.formRowOdd {
    background: #fafafa;
}
.bookingWrapper .formLabelMultiRow,
#bookingWrapper .formLabelMultiRow {
    line-height: 1.4em;
}

/** Buttons **/
.smButton, .medButton, .lrgButton {
    background: url('../images/greenButtons.gif') no-repeat;
    border:none;
    padding: 3px 10px 5px 10px;
    margin: 0;
    height: 32px;
    text-align: left;
    color: #fff;
    cursor: pointer;
}
.bookingWrapper a.smButton,
.bookingWrapper a.medButton,
.bookingWrapper a.lrgButton,
#bookingWrapper a.smButton,
#bookingWrapper a.medButton,
#bookingWrapper a.lrgButton {
    text-decoration: none;
    color: #fff;
    padding: 7px 10px;
    display: inline-block;
}
.smButton {
    width: 150px;
    background-position: 0 -50px;
}
.medButton {
    width: 200px;
    background-position: 0 -100px;
}
.lrgButton {
    width: 250px;
    background-position: 0 -150px;
}
.backButton {
    display: none;
    background: url('../images/backBtn.png') no-repeat;
    width: 80px;
    height: 34px;
    border:none;
    padding: 0 0 0 30px;
    margin: 0;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    color: #333333;
}

.submitButtonrow input[type="submit"], #continueSubmit,
.submitBtn, .submitButtonrow input[type="button"], .damageButtonrow input[type="button"],
.greenButton {
    /*display: block;
    background: url('../images/button-mid2.png') 0 0 repeat-x;
    border: 1px solid #2b9030;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    float: right;
    font-size: 1.1em;*/
}
.greenButton {
    float: none;
}
.submitButtonrow input[type="button"] {
    /*float: left;
    background: #ccc;
    border: 1px solid #ccc;*/
}
.submitBtn {
    display: inline-block;
}
#continueAltSubmit {
    display: none;
    margin-top: 5px;
    text-decoration: underline;
    font-size: 14px;
}
/** Rounded buttons **/
.smBtnRounded, .medBtnRounded, .lrgBtnRounded, .btnRounded {
    background: url('../images/greenButtonsRounded.png') no-repeat;
    border:none;
    padding: 3px 10px 5px 14px;
    margin: 0;
    height: 34px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
}
.bookingWrapper a.smBtnRounded,
.bookingWrapper a.medBtnRounded,
.bookingWrapper a.lrgBtnRounded,
#bookingWrapper a.smBtnRounded,
#bookingWrapper a.medBtnRounded,
#bookingWrapper a.lrgBtnRounded {
    text-decoration: none;
    color: #fff;
    padding: 0 14px;
    height: 34px;
    line-height: 34px;
    display: block;
}
.smBtnRounded {
    width: 150px;
    background-position: 0 -50px;
}
.medBtnRounded {
    width: 200px;
    background-position: 0 -100px;
}
.lrgBtnRounded {
    width: 250px;
    background-position: 0 -150px;
}
.extraLrgBtnRounded {
    width: 300px;
    background-position: 0 -200px;
}


.leftFloat {
    float: left;
}
.rightFloat {
    float: right;
}
.noFloat {
    float: none;
}
.big {
    font-size: 1.2em;
}
.small {
    font-size: 0.9em;
}
.bold {
    font-weight: bold;
}
.light {
    font-weight: normal;
}
.alttext {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    left: -10000px;
    top: -10000px;
    font-size: 1px;
    line-height: 1px;
}
.halfWidth {
    width: 50%;
}
.threeQuartWidth {
    width: 75%;
}
.greyPanel {
    background: #dedede;
    margin-bottom: 20px;
    padding: 20px;
}
.helpPanelInner {
    position: relative;
    margin-left: 20px;
    background: #eceeed url('../images/helpBgrdSm.png') repeat-x top;
    -webkit-box-shadow: 0 0 5px 0 black;
    min-height: 70px;
}
.helpPanelContent {
    background: url('../images/helpInfo.png') no-repeat 10px 10px;
    padding: 10px 10px 10px 50px;
    margin-top: 0px;
}
.helpPanelArrow {
    display: block;
    height: 70px;
    width: 20px;
    background: url('../images/helpArrowSm.png') no-repeat;
    position: absolute;
    top: 0;
    left: -20px;
}
.helpPanelBigInner {
    position: relative;
    left: 0;
    top: -13px;
    margin-left: 32px;
    background: #ededed url('../images/helpBrgdBig.png') repeat-x top;
    -webkit-box-shadow: 0 0 5px 0 black;
    box-shadow: 0 0 5px 0 black;
    min-height: 110px;
}
.helpPanelBigArrow {
    display: block;
    height: 110px;
    width: 32px;
    background: url('../images/helpArrowBig.png') no-repeat;
    position: absolute;
    top: 0;
    left: -32px;
}

/** Lightbox **/
#simplemodal-overlay {
    background-color: black;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}
.simplemodal-container div.inner {
    font-size: 14px;
    padding: 20px;
}
.simplemodal-container h3 {
    color: #008fd3;
}
.simplemodal-container {
    background: #fff url('../images/mapOuterBrgd.png') repeat-x bottom;
    border: 5px solid white;
    line-height: 1.4em;
    text-align: left;
    font-size: 14px;
    /*width: 610px;
    height: 540px;*/
}
.simplemodal-container h2 {
    color: #008fd3;
    margin-top: 10px;
}
.simplemodal-container label {
    font-weight: bold;
}
.simplemodal-container input[type="text"], .simplemodal-container select {
    width: 260px;
    font-size: 18px;
}
.lightboxContent {
    padding: 0 20px;
    font-size: 14px;
}
.lightboxSectionLine {
    border-top: 2px solid #D8D8D8;
    padding-top: 10px;
    font-size: 14px;
}
.lightboxSection {
    padding-top: 10px;
    font-size: 14px;
}
.lightboxSubHeader {
    margin-top: 0;
}
#bailoutContainer {
    width: 540px;
    height: 350px;
    background: #e9e9e9 url('../images/nl/bailout-bgrd.png') no-repeat 98% 100%;
}
#howBigContainer {
    width: 680px;
    height: 580px;
}
#howBigContainer .optionPanel p {
    font-size: 12px;
}
#whereDamageContainer {
    width: 610px;
    height: 340px;
}
#lightboxContent {
    width: 610px;
    height: 500px;
}
#branchDetailsContainer {
    width: 610px;
    height: 300px;
}
#changeAuthContainer {
    width: 610px;
    height: 440px;
}
#howBigLightbox, #whereDamageLightbox, #bailoutLightbox, #branchDetailsLightbox, #changeAuthLightbox {
    font-size: 14px;
}
a.modalCloseImg {
    background: url('../images/close.png') no-repeat right;
    float: right;
    padding-right: 25px;
    cursor: pointer;
}

/** Navigation tabs **/
#bookingNav {
    border-bottom: 8px solid #D8D8D8;
    margin-bottom: 28px;
}
#bookingNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#bookingNav li {
    margin: 0 5px 5px 0;
    display:inline;
}
#bookingNav li a, #bookingNav li a:active {
    background: #EDEDED;
    display: inline-block;
    width: 120px;
    height: 26px;
    line-height: 26px;
    color: #43474D;
    text-decoration: none;
    text-align: center
}
#bookingNav li a:hover {
    text-decoration: underline;
}
#bookingNav li a.currentPage {
    background: #D8D8D8;
    color: #E02C10;
    text-decoration: none;
}



/** Home page panels **/
/** 
 * All wide-row-styles could be removed as a restyle is being was suspended
 */
body .bookingwrapper,
body #bookingwrapper {
    margin: 20px 0;
    border: 20px solid #EDEDED;
}
body #bookingwrapper div {
    /*font-size: 14px;*/
}
.bookingWrapperInner,
#bookingWrapperInner {
    padding: 20px;
}

body .formRow input[type='text']:focus  { outline:0 none;  -webkit-appearance: textfield; }
body .formRow input.error { border: 1px solid #d71e32; }

.indexModule .bookingWrapperInner,
.indexModule #bookingWrapperInner {
    padding-left: 60px;
}
.bookingSection {
    position: relative;
    margin: 15px 0;
    /*min-height: 260px;*/
}
.bookingSectionLineBottom {
    margin-top: 20px;
    padding-bottom: 38px;
    background-image: url(../images/separator-with-arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.bookingSectionLineTop {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 2px solid #D8D8D8;
}
.bookingPanel {
    float: left;
    background: #ededed;
    min-height: 220px;
}
.bookingPanelInner {
    padding: 10px;
}
.bookingPanelInner h2 {
    margin-top: 0;
}

#coveredForm label {
    float: left;
    width: 140px;
}
#homeVehicleOwner {
    width: 240px;
}
#fixIt, #findAppt {
    width: 420px;
    margin-right: 20px;
    float: left;
}
#covered {
    width: 400px;
    float: right;
}
#yourBooking {
    width: 400px;
    height: 234px;
    float: right;
}
#findApptFormHome .submitButtonrow input, #findApptForm .submitButtonrow input {
    width:300px;
}


/** Cover/cost homepage **/
/*#fixIt {
    width: 520px;
    margin-right: 20px;
}
#covered {
    width: 300px;
    height: 200px;
    float: right;
}
#where, #when {
    width: 260px;
    margin-right: 20px;
}
#yourBooking {
    width: 280px;
    float: right;
}
.formRow, .coveredFormRow, .fixItFormRow, .submitButtonrow {
    margin-top: 20px;
}
#coveredSubmit {
    margin: 0 auto;
    width: 280px;
}
*/



/** Appointment home **/
#locationInputHome {
    width: 229px;
    padding: 0 5px;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    height: 24px;
    position: absolute;
}
#locationInputHomeSpan {
    color: #999;
    font-size: 16px;
    height: 24px;
    width: 229px;
    line-height: 24px;
    padding: 2px 7px;
    position: absolute;
}
#locationInputHomeSpacer {
    height: 24px;
}



/** Cover/cost module **/
#costInsuranceLeft {
    float: left;
    width: 490px;
}
#costInsuranceRight {
    float: left;
    width: 330px;
}
#costInsuranceRightInner {
    padding-left: 20px;
}
#insuranceForm {
    margin-bottom: 100px;
}
#insuranceForm .coveredFormRow {
    margin: 20px 0 30px 0;
}
#insuranceForm label {
    width: 180px;
    display: block;
    margin-right: 20px;
    text-align: right;
    float: left;
}
#insuranceForm select {
    width: 260px;
}
#vehicleOwner_chzn .chzn-search, #coverType_chzn .chzn-search {
    display: none;
}
#yourCoverSection {
    padding-top: 10px;
    margin-top: 40px;
    background: #fff url('../images/mapOuterBrgd.png') repeat-x bottom;
    border: 1px solid #C5C5C5;
}
#yourCoverSection h2 {
    margin-top: 0;
}
#yourCoverSectionInner {
    padding: 20px;
}
.yourCoverCopySection {
    border: 1px solid #C5C5C5;
    background: #fff;
    padding: 30px;
    margin: 0 auto;
}
.yourCoverCopySection li {
    padding-left: 0;
    margin: 0;
    width: 255px;
    display: inline-block;
    vertical-align: top;
}
.yourCoverCopySection li p {
    margin: 0 0 1em;
    padding: 0 30px 0 35px;
}
.coverCopy2 {
    background: url('../images/coverPencil.png') no-repeat;
}
.coverCopy3 {
    background: url('../images/coverEuro.png') no-repeat;
}
.coverCopy4 {
    background: url('../images/coverSpanner.png') no-repeat;
}
#yourCoverSection .submitButtonrow {
    padding: 0 20px 20px 20px;
    margin: 0;
}

/** Damage module single **/
#damageSingleLeft {
    float: left;
    width: 430px;
}
#damageSingleRight {
    float: left;
    width: 400px;
    margin-top: 20px;
}
#damageSingleLeft label, #damageSingleLeft input {
    font-size: 18px;
}
#damageSingleLeft select {
    margin-top: 5px;
    width: 350px;
    font-size: 18px;
}
#whenOccuredDatepicker {
    width: 230px;
}
#damageSingleHelperCopy1 {
    display: none;
}
.damageOverviewSection
{
    margin-top: 40px;
    background: white url('../images/mapOuterBrgd.png') repeat-x bottom;
    border: 1px solid #C5C5C5;
    display: none;
}
.damageSectionLine {
    border-bottom: 2px solid #D8D8D8;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#damageOverviewSection h2,
.damageOverviewSection h2 {
    margin-top: 0;
}
#damageOverviewSectionInner,
.damageOverviewSectionInner {
    padding: 20px;
}
.damageCopySection {
    border: 1px solid #C5C5C5;
    background: white;
    padding: 30px 30px 15px;
    margin: 10px auto;
}
.damageOverviewSection li p {
    font-size: 0.9em;
    line-height:1.3em;
}
p.damageCopy1 {
    width: 550px;
}
/*
.damageCopy2 {
    background: url('../images/damageClock.png') no-repeat;
    padding: 0 20px 0 40px;
}
*/
.damageCopy3 {
    background: url('../images/damageEuro.png') no-repeat;
    padding: 0 20px 0 40px;
}
.damageCopy4 {
    background: url('../images/damageCar.png') no-repeat;
    padding: 0 20px 0 40px;
}
.damageCopy4.repair{
    background: url('../images/repair-icon-black.png') no-repeat;
    padding: 0 20px 0 40px;
}
.damageCopySection h3 {
    height: 20px;
    margin-top: 0;
    font-weight:bold;
}
#howBigLightbox, #whereDamageLightbox, #bailoutLightbox, #changeAuthLightbox {
    display: none;
}
#whenOccuredRow button {
    border: none;
    background: none;
}

/** Damage panels **/
.optionPanel {
    min-height: 121px;
    /*background: #EDEDED;*/
    background: url('../images/optionPanelBgrd.png') repeat-x 0 15px;
    padding: 10px 0;
    font-size: 14px;
}
.optionPanel.radios {
    padding-top: 20px;
    padding-left: 10px;
}

.optionPanel.radios label {
    height: 24px;
    line-height: 24px;
}
.optionsCentered {
    width: 80%;
    margin: 0 auto;
}
.optionSingle_2 {
    width: 50%;
    float: left;
}
.optionSingle_3 {
    width: 33.33%;
    float: left;
}
.optionSingle_4 {
    width: 25%;
    float: left;
}
#sideSingle p.damageSingleOptionLabel, #howSmallerThanMatchHead p.damageSingleOptionLabel, #howBigMultiSmall p.damageSingleOptionLabel, #howBigMultiBig p.damageSingleOptionLabel{
    margin-top: 5px;
}
#insuranceClaimYes, #insuranceClaimNo, #insuranceClaimNotSure, #insuranceClaimFleetLease {
    margin-right: 5px;
}
#field-sameAsAppointment,#field-customer-sameAsAppointment, #field-company-sameAsAppointment, #field-sameAsMyAddress{
    margin-bottom: 20px;
}
.bailoutBody p{

}
.fullWidth {
    width: 100%;
}
.fullWidth .optionSingleOuter {
    margin: 0;
}
.fullWidth .optionSingleInner {
    width: 25%;
    float: left;
}
.smallDamageHelp {
    position: relative;
    width: 70%;
    float: left;
    margin: 10px 0;
}
.smallDamageHelpInner {
    margin-left: 60px;
    padding: 10px;
    border: 1px solid #999;
    background: #fff;
    text-align: left;
}
.optionPanel .smallDamageHelp img {
    float: left;
    margin-right: 10px;
    border: none
}
.smallDamageHelp h3 {
    margin: 0;
}
.smallDamageHelp p {
    margin-top: 0.1em;
}

.optionSingleOuter, .optionMultiOuter {
    /*border: 2px solid white;*/
    text-align: center;
    cursor: pointer;
    background: url('../images/damageBgrd.png') no-repeat;
    height: 136px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}
.optionSingleOuter2 {
    border: 2px solid white;
    margin-right: 10px;
    text-align: center;
}
.optionSingleWide {
    padding-left: 10px;
}
.optionSingleOuterWiderLeft {
    margin-right: 30px;
}
.optionSingleOuterWiderRight {
    margin-left: 30px;
}
.optionSingleInner {
    padding: 10px 0;
}
.optionLast {
}
.optionHover .optionSingleOuter,
.optionHover .optionMultiOuter {
    /*border: 2px solid #00E;*/
    background: url('../images/damageBgrd.png') no-repeat 0 -136px;

}
.optionSelected .optionSingleOuter,
.optionSelected .optionMultiOuter {
    color: white;
    /*background: #00E;
    border: 2px solid #00E;*/
    background: url('../images/damageBgrd.png') no-repeat 0 -272px;

}
#howBigLightbox .optionPanel {
    background: #fff;
    padding: 20px;
    border: 1px solid #c5c5c5;
}
#howBigLightbox .optionSingleOuter {
    background: none;
    height: auto;
}
#howBigLightbox .optionSingleInner {
    background: url('../images/treesapDamage.png') no-repeat 0 0;
    height: 90px;
    width: 140px;
    padding: 0;
}
#howBigLightbox .optionSingleOuter {
    width: 180px;
}
#howBigLightbox .optionHover .optionSingleInner {
    background: url('../images/treesapDamage.png') no-repeat 0 -90px;
}
#howBigLightbox .optionSelected .optionSingleOuter {
    color: #000;
}
#howBigLightbox .optionSingleInner img {
    margin-top: 9px;
}
#howBigLightbox .optionSingleOuter p {
    text-align: left;
}
.howBigLightBoxSubHead {
    width: 280px;
    float: left;
    margin-top: 0;
}
.howBigLightBoxSubHeadRight {
    width: 340px;
    float: right;
}
.howBigLightBoxImgWrapper {
    width: 122px;
    float:left;
    margin-right: 10px;
}
.howBigLightBoxImgWrapper img {
    border: 1px solid #c5c5c5;
}
div.howBigLightBoxSubHeadRightInner {
    float: left;
    font-size: 0.9em;
    line-height: 1.3em;
    width: 200px;
}
body .lightboxExpandedSection {
    padding-top: 30px;
    font-size: 1em;
}
.lightboxExpandedSection h4 {
    margin: 0;
}
.lightboxExpandedSection p {
    margin-top: 0;
}
.lightboxExpandedSection ul {
    margin: 0;
    padding: 0;
}
.lightboxExpandedSection li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin-right: 30px;
}
.lightboxExpandedSection li.lastLi {
    margin-right: 0;
}
#howBigLightbox .lightboxBottomSection {
    padding-top: 20px;
    font-size: 12px;
}
.howBigLightBoxBottomLeft {
    float: left;
    width: 100px;
}
.howBigLightBoxBottomRight {
    float: left;
    width: 400px;
}
.howBigLightBoxBottomRight h3 {
    margin-top: 0;
}
#howBigLightBoxBottomInner {
    padding-left: 50px;
    background: url('../images/infoButtonOldDamageOverlay.png') no-repeat;
}
h2.damageTitle,
h3.damageTitle {
    padding-left: 25px;
}
/** Damage multi **/
.damageQuAnswered h2.damageTitle, .damageQuAnswered h3.damageTitle {
    background: url('../images/tick2.png') no-repeat;
    color:#3e4243;
}
.damageQuActive h2.damageTitle, .damageQuActive h3.damageTitle {
    color: #45bd41;
}
h2.damageTitle, h3.damageTitle {
    font-size: 21px;
}
#damageMultiInfo {
    float: left;
    width: 480px;
    line-height: 1.4em;
}
#damageMultiHelp {
    float: right;
    width: 350px;
}
#damageMultiHelpInner {
    background: #EDEDED;
    margin: 0 0 0 20px;
    padding: 20px;
}
#damageMultiHelpInner h3 {
    margin: 0;
}
#damageMultiHelpInner p {
    margin-bottom: 0;
}
.damageMultiLeft {
    float: left;
    width: 640px;
}
.bookingWrapper .damageMultiRight,
#bookingWrapper .damageMultiRight {
    float: left;
    width: 240px;
}
.bookingWrapper .damageMultiRight .optionPanel,
#bookingWrapper .damageMultiRight .optionPanel {
    padding: 15px 10px 15px 0;
    min-height: 125px;
}
.bookingWrapper .helpPanelContent,
#bookingWrapper .helpPanelContent {
    font-size: 12px;
}
.bookingWrapper .helpPanelContent h4,
#bookingWrapper .helpPanelContent h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
}
.bookingWrapper .helpPanelContent h4 + p,
#bookingWrapper .helpPanelContent h4 + p {
    margin-top: 0;
}
.damageMultiRightInnerLeft {
    background: url('../images/damageHelpArrow.png') no-repeat;
    float: left;
    width: 20px;
    height: 200px;
}
.damageMultiRightInnerRight {
    background: #B9DAF9;
    padding: 0 10px;
    float: left;
    height: 200px;
    width: 180px;
}
#howBigSmallDamagePanel {
    padding: 10px;
    background: #EDEDED;
}
#howBigSmallDamagePanelInner {
    border: 2px solid #fff;
    padding: 10px;
}
#whereDamageRowMulti .optionSingleOuter2, #whereDamageRowMulti2 .optionSingleOuter2 {
    height: 120px;
}
#whereDamageRowMulti .damageMultiOptionLabel, #whereDamageRowMulti2 .damageMultiOptionLabel {
    padding: 10px 0;
    margin: 0 5px 0 0;
    background: #ededed;
}
#whereDamageRowMulti .optionSingleWide, #whereDamageRowMulti2 .optionSingleWide  {
    position: relative;
    padding: 10px 0;
}
.damageWindscreenLeft {
    float: left;
    width: 320px;
}
.damageWindscreenRight {
    float: left;
    width: 300px;
    height: 125px;
}
.damageWindscreenUl {
    margin: 4px 10px;
    padding: 0;
}
.damageWindscreenUl li {
    list-style-type: none;
    width: 240px;
    margin-bottom: 10px;
}

.damageWindscreenUnselected1, .damageWindscreenUnselected2 {
    position: relative;
    background: #808080;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    text-align: left;
}
.damageWindscreenUnselectedInner1 {
    padding-left: 20px;
    background: url('../images/damageRed.png') no-repeat;
    min-height: 28px;
}
.damageWindscreenUnselectedInner2 {
    padding-left: 20px;
    background: url('../images/damageYellow.png') no-repeat;
    min-height: 28px;
}
.damageWindscreenSelectedInner1 {
    padding-left: 20px;
    background: url('../images/damageRedTick.png') no-repeat;
}
.damageWindscreenSelectedInner2 {
    padding-left: 20px;
    background: url('../images/damageYellowTick.png') no-repeat;
}
.unselectedWindscreenArrow {
    background: url('../images/damageWindscreenArrow.png') no-repeat;
    height: 14px;
    width: 11px;
    position: absolute;
    top: 15px;
    left: -10px;
}
.damageWindscreenSelected1, .damageWindscreenSelected2 {
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding: 10px;
    color: #333;
    text-align: left;
}
.damageCircle1 {
    display: block;
    background: url('../images/damageRed.png') no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
}
.damageCircle2 {
    display: block;
    background: url('../images/damageYellow.png') no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
}
.damageCircle1.dead, .damageCircle2.dead {
    display: none;
}
ul.damageWindscreenUl p {
    margin: 0;
}
.bookingWrapper ul.damageWindscreenUl div,
#bookingWrapper ul.damageWindscreenUl div {
    font-size: 0.9em;
    line-height: 1.3em;
}
.circle1_edge {
    top: 18px;
    left: 50px;
}
.circle2_edge {
    top: 18px;
    left: 70px;
}
.circle1_driver {
    top: 53px;
    left: 170px;
}
.circle2_driver {
    top: 73px;
    left: 200px;
}
.circle1_passenger {
    top: 60px;
    left: 70px;
}
.circle2_passenger {
    top: 80px;
    left: 90px;
}
.deselectChip {
    background: url('../images/close_sm.png') no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    float: right;
    cursor: pointer;
}



#helpGetApp {
    margin: 10px 0 30px;
    font-size: 0.9em;
}
.damageMultiOptionLabel {
    margin: 9px;
}
.damageMultiOptionLabel label {
    margin-right: 5px;
}
.damageButtonrow {
    margin-top: 10px;
}
#whenOccuredRowMulti .damageMultiLeft {
    width: 540px;
}
#whenOccuredRowMulti .optionPanel {
    background: #fff;
}
#whenOccuredRowMulti .damageMultiRight {
    float: right;
    width: 320px;
}
#whenOccuredDatepickerMulti, #whenOccuredDatepickerMultiRight {
    float:left;
    width: 290px;
}
#damageShowDatePicker {
    border: none;
    cursor: pointer;
}
.damageDateSelectWrapper {
    float: left;
}
.damageDateSelectWrapper {
    margin-right: 20px;
}

#whenOccuredDateMulti {
    font-weight: bold;
}
#whereDamageRowMulti img, #whereDamageRowMulti2 img {
    border: none;
}

#bailoutLightbox label {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
#bailoutLightbox label.formLabelMultiRow {
    line-height: 1.4em;
}
#bailoutLightbox input[type="text"], #bailoutLightbox select {
    width: 300px;
    font-size: 18px;
}
#bailoutlightbox #mutliWindowCallbackSubmit {
    width: auto;
}
#commentDamageRow {
    width: 640px;
}
a#enterComment {
    font-size: 18px;
}
#commentText {
    width: 610px;
}
div#damageCommentComplete {
    font-size: 1.2em;
    /*padding: 0 20px;*/
}
#damageCommentQuote {
    font-style: italic;
}


/*#noneOfThese p {
    margin-top: 90px;
}*/
.treeSapTip {
    margin-bottom: 10px;
}
img.smallDamageArrow {
    position: absolute;
    top: 100px;
    border: none;
}
.pinheadTipLeft {
    float: left;
    width: 110px;
}
.pinheadTipRight {
    float: left;
    width: 240px;
}
.previousRepairTip {
    margin: 10px 0;
}
.previousRepairLeft {
    float: left;
    width: 47%;
}
.previousRepairRight {
    padding-left: 20px;
    margin: 5px 0;
    float: right;
    width: 47%;
}
.previousRepairOptLeft {
    text-align: right;
    float: left;
    width: 40%;
}
.previousRepairOptRight {
    float: right;
    width: 53%;
}
#notTreeSap {
    float: left;
}
.smallChipOptions {
    background: url('../images/backBtn.png') no-repeat;
    width: 80px;
    height: 34px;
    border:none;
    padding: 0 0 0 30px;
    margin: 0;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    color: #333333;
}
#damageSmallBox, #damageSmallBox1 {
    float: right;
    width: 220px;
    margin: 0 0 10px 10px;
}
.bookingWrapper .damageSmallBoxInner,
#bookingWrapper .damageSmallBoxInner {
    font-size: 0.9em;
    padding-left: 40px;
    background: url('../images/checkTreeSap.png') no-repeat;
}
#damageSmallBox h4, #damageSmallBox1 h4 {
    margin: 0 0 5px 0;
    color: #008fd3;
    font-size: 1.1em;
}
#damageSmallBox .damageSmallLink {
    margin-top: 10px;
    float: right;
}

/** Damage social proofing **/
#spWrap {
    margin-top: 10px;
}
.spAll {
    background: url('../images/sp-vehicle.png?v=1') no-repeat;
    height: 120px;
    width: 278px;
    float: right;
}
.spAll p {
    padding: 40px 120px 0 10px;
    margin: 0;
    font-size: 13px;
}

.spReplacement {
    background: url('../images/sp-damage-replace.png?v=1') no-repeat;
    height: 76px;
    width: 869px;
}
.spRepair {
    background: url('../images/sp-damage-repair.png?v=1') no-repeat;
    height: 76px;
    width: 869px;
}
.spReplacement p, .spRepair p {
    font-size: 1em;
    line-height: 1.15em;
    margin: 0;
    padding: 40px 0 0 330px;
    width: 525px;
}
#spMobile {
    background: url('../images/sp-appointment.jpg') no-repeat;
    height: 120px;
    width: 425px;
    margin-top: -105px;
    float: right;
    display: none;
}
#spMobile p {
    padding: 45px 250px 0 16px;
    margin: 0;
}


/**********************/
/* Branch map general */
/**********************/

ul.branchul {
    list-style-type: none;
    margin: 0;
    padding: 5px 5px 0 10px;
}
ul.act li.act {
    display: block !important;
    border-bottom: 0;
}
ul.act li {
    display: none !important;
}
li.act .branchdetails {
    display: block;
}
ul.branchul li.branchresult, ul.branchul li.branchCurrent {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
    display: block;
}
ul.branchul li.branchresult label.pushpin, ul.branchul li.branchCurrent label.pushpin  {
    width: 21px;
    height: 34px;
    position: absolute;
    top: 9px;
    left: 0;
}
ul.branchul li.branchresult label.pushpin img, ul.branchul li.branchCurrent label.pushpin img {
    cursor: pointer;
    margin: 0;
    /*position: absolute:top:0;*/
    left: 0;
}
.branchheadline label {
    color: #00E;
    font-size: 18px;
    cursor: pointer;
    text-decoration: underline;
}
.branchdetails {
    margin: 5px 0 0;
    display: none;
}
span.branchinfo {
    float: right;
    text-align: right;
    margin-left: 20px;
}
ul.branchServices {
    float: left;
    width:45%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.branchContact {
    float: right;
    width:45%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.branchdetails ul li {
    display: block !important;
}
a.chooseThisBranch, a.hideThisBranch {
    float: right;
    display: block;
    background: #00E;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
a.chooseThisBranch.dead, a.hideThisBranch.dead {
    display: none;
}
.spanChange {
    font-size: 0.8em;
    cursor: pointer;
    color: #00E;
    margin-left: 10px;
}






/**********************/
/** Appointment home **/
/*                    */

#captureApptLeft {
    float: left;
    width: 540px;
}
#captureApptRight {
    float: left;
    width: 250px;
}
#captureApptLeft label {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
#locationInputCapture {
    width: 260px;
    font-size: 18px;
    float: right;
}
#postcodeErrorBranch {
    color: #c20029;
    margin-left: 210px;
}
#captureApptLeft .submitButtonrow {
    margin-left: 210px;
}
#captureApptLeft .submitButtonrow input {
    float: none;
}
.locationsNearOuter {
    background: url('../images/divider1px.png') 400px 0 repeat-y
}
.locationsNearLeft {
    float: left;
    width: 399px;
}
.locationsNearRight {
    float: right;
    width: 480px;
    /*border-left: 1px solid #999;*/
}
.locationsNearInner {
    padding: 0 50px;
}
ul.locationsNearPanelUl {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.locationsNearPanelUl li {
    height: 50px;
    padding-left: 60px;
    margin: 30px 30px 30px 0;
}
#locationsNearMobilePin {
    background: url('../images/homepin2.png') no-repeat;
}
#locationsNearMobileClock, #locationsNearBranchClock  {
    background: url('../images/clock.png') no-repeat;
}
#locationsNearMobileCloud {
    background: url('../images/cloud.png') no-repeat;
}
#locationsNearBranchPin {
    background: url('http://www.carglass.nl/newbol/resources/pins/chart_00A.png') no-repeat;
}
#locationsNearOpeningHours td {
    padding: 5px;
}
#locationsOptions #map2 {
    width: 740px;
    height: 240px;
    margin: 0 auto;
    border: 1px solid #999;
}
.selectedLocation {
    font-weight: bold;
}
#locationsNear ul.branchul li.branchresult.dead {
    display: none !important;
}
#locationsNear ul.branchul li.branchresult {
    border: none;
}
#locationsNear span.branchinfo {
    float: none;
}
#locationsNear .branchheadline label {
    font-size: 16px;
}
#moreBranchesIndex, #lessBranchesIndex {
    float: right;
}
#locationsNextLeft {
    float: left;
    width: 35%;
}
#locationsNextMid {
    float: left;
    width: 35%;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
#locationsNextRight {
    float: left;
    width: 29%;
}
.locationsNextPanel {
    padding: 0 20px;
}
.tommorowAppts {
    background: #ededed;
    border: 1px solid #ccc;
    padding: 0 10px;
    margin-bottom: 10px;
}
.tomApptRow {
    height: 20px;
    line-height: 20px;
    margin: 5px 0 0 5px;
    font-style: italic;
}
.tomTrafficLight {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #fff;
}
.greenAvail {
    background: #7BD26F;
}
.amberAvail {
    background: orange;
}
.redAvail {
    background: red;
}
.red {
    color: red;
}
#laterApptUl {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#laterApptUl li {
    background: url('../images/tick_sm.jpg') no-repeat;
    padding-left: 35px;
}
#locationsNearInfoLeft {
    float: left;
    width: 500px;
}
#locationsNearInfoRight {
    float: right;
    width: 300px;
}
#nearestDamageSubmit {
    float: none;
}
.nearestBranch {
    font-weight: bold;
}


/******************************/
/** Find appointment partial **/
/*                            */
.appointmentFindOuter {
    border: 1px solid #999;
    width: 550px;
    margin-left: 20px;
}
.appointmentFindSelectPanel {
    padding: 20px 30px;
    cursor: pointer;
}
.openPanel {
    background: #dedede url('../images/progressOpenPanel.png') 95% 50% no-repeat;
}
.closePanel {
    background: #dedede url('../images/progressClosePanel.png') 95% 50% no-repeat;
}
.appointmentFindOpen.dead, .appointmentFindClose.dead {
    display: none;
}
.appointmentFindFormPanel {
    padding: 0 40px 20px 40px;
}
#findApptForm label {
    display: block;
    float: left;
    width: 180px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
.locationInputCapture {
    width: 260px;
    font-size: 18px;
    float: right;
}
#findApptForm .submitButtonrow input {
    width: auto;
}
#appointmentFindNearest {
    border-top: 1px solid #999;
}
.postcodeError {
    color: #c20029;
    margin-left: 210px;
}





/***********************/
/** Nearest qualified **/
/*                     */

#nearestOptionPanels {
    margin: 20px;
    border-bottom: 1px solid #999;
}
#nearestOptionPanels.nearestSlotsPage {
    border-bottom: none;
}
#nearestMobilePanel, #nearestBranchPanel {
    width: 420px;
    float: left;
}
#nearestMobilePanelHeader, #nearestBranchPanelHeader {
    width: 420px;
    float: left;
    border-bottom: 1px solid #999;
    cursor: pointer;
}
#nearestMobilePanelHeader.inactiveTab h2 {
    float: left;
    background-color: #dedede;
}
#nearestBranchPanelHeader.inactiveTab h2 {
    float: right;
    background-color: #dedede;
}
#nearestOptionPanels .activeTab {
    border-bottom: 1px solid #FFF;
}
#nearestOptionPanels .fillWidth {
    width: 100%;
}
#nearestMobilePanelHeader h2, #nearestBranchPanelHeader h2 {
    font-size: 1.4em;
    font-weight: bold;
    padding: 5px 20px;
    margin: 0;
    border: 1px solid #999;
    border-bottom: 0px solid #999;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}
.nearestPanelInner {
    padding: 20px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
.nearestSlotsPage .nearestPanelInner {
    border-left: none;
    border-right: none;
}

#nearestMobileUlWrapper {
    width: 370px;
}
#nearestMobilePanel ul {
    list-style-type: none;
    padding: 15px;
    margin: 0 auto;
}
#nearestMobilePanel ul li {
    height: 70px;
    padding-left: 60px;
}
#nearestMobileUlTick {
    background: url('../images/tick.jpg') 0 0% no-repeat;
}
#nearestMobileUlCloud {
    background: url('../images/cloud.jpg') 0 0% no-repeat;
}
#nearestMobileUlVan {
    background: url('../images/van.jpg') 0 0% no-repeat;
}
#nearestBranchPanel #map2 {
    /*width:500px;*/
    width:360px;
    height:200px;
}
#allBranchesLhpan, #allBranchesRhpan {
    width: 380px;
}
#allBranchesLhpan.floatLeft {
    width: 400px;
    float: left;
}
#allBranchesRhpan.floatLeft {
    width: 390px;
    float: left;
}
#allBranchesRhpan.floatLeft p.noBottomMargin {
    margin: 0;
}
#nearestBranchPanel ul.branchul li.branchresult.dead {
    display: none !important;
}
#nearestBranchPanel ul.branchul li.branchresult {
    border: none;
    padding-bottom: 0;
}
#showpreviousbranches, #showmorebranches {
    width: 135px;
    margin-right: 5px;
    background: #ccc;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}
/*
#showMobileSlots {
    float: right;
}*/
.slotsTableOuter {
    width: 719px;
    float: left;
    overflow:hidden;
}
.slotsTableWrapper {
    width: 1438px;
}
a.slotsTableArrowLeft {
    width: 39px;
    height: 40px;
    float: left;
    cursor: pointer;
    display: block;
    background: url('../images/slotArrowLeft_light1.jpg') no-repeat;
}
a.slotsTableArrowRight {
    width: 39px;
    height: 40px;
    float: left;
    cursor: pointer;
    display: block;
    background: url('../images/slotArrowRight_light1.jpg') no-repeat;
}
a.slotsTableArrowLeft:hover {
    background: url('../images/slotArrowLeft1.jpg') no-repeat;
}
a.slotsTableArrowRight:hover {
    background: url('../images/slotArrowRight1.jpg') no-repeat;
}
.nearestNext, .nearestPrev {
    padding: 0 40px;
}
.slotsTableHeader {
    width: 50%;
    background: #dedede;
    float: left;
}
.slotsTableHeader h3 {
    text-align: center;
    padding: 10px;
    margin: 0;
}
.nearestSlotsTable {
    width: 50%;
    border: 1px solid #dedede;
    border-collapse: collapse;
    text-align: center;
    float: left;
}
.nearestSlotsTable thead td {
    padding: 8px 5px;
    font-weight: bold;
    border: 1px solid #ccc;
}
.nearestSlotsTable tbody td {
    border: 1px solid #dedede;
    padding: 5px;
}
.nearestSlotsTable tbody td {
    cursor: pointer;
}
.nearestSlotsTable tbody td.slotHover {
    background: #b1ffb2;
}
.nearestSlotsTable tbody td.slotSelected {
    background: url('../images/slotSelect_10.png') #b1ffb2 3px 50% no-repeat;
}
.nearestSlotsTable td.inactiveSlot {
    background: #ededed;
}
#nearestMap {
    margin-top: 50px;
}
#nearestMap #map2 {
    width: 740px;
    height: 240px;
    margin: 0 auto;
    border: 1px solid #999;
}






/******************/
/* Next qualified */
/*                */
#nextQualImageOuter {
    margin: 0 auto;
}
#nextAppointmentTable .appointmentTypeCell {
    width: 150px;
}
.limitedAvailabilty {
    color: #c20029;
}
.slotNumber, .slotMobile {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
}
.slotMobileInner {
    display: block;
    width: 50%;
    height: 50%;
    background-color: #7BD26F;
}
.changeLocation {
    padding-left: 5px;
    font-size: 16px;
}
#nextSlotsPanel {
    margin-left: 20px;
}
#branchDetailsLightbox {
    display: none;
}
#branchDetailsLeft {
    float: left;
    width: 300px;
    font-size: 14px;
    margin-top:10px;
}
#branchDetailsRight {
    float: left;
    width: 300px;
    margin-top:10px;
}
#nextSlotsMap #map2 {
    width:500px;
    height:300px;
}
#branchDetailsContainer #map3 {
    width:300px;
    height:200px;
}
#nextSlots .submitButtonrow {
    float: right;
}
.nextAppointmentSlots {
    width: 100%;
}
.nextAppointmentSlots thead td  {
    padding: 8px 5px;
    font-weight: bold;
    background: #ccc;
}
.nextAppointmentSlots tbody td {
    background: #dedede;
    padding: 0 5px;
    height: 44px;
}
.nextSlotsMapPin {
    margin-right: 5px;
    float: left;
}
#nextMobileCoverage p {
    line-height: 25px;
}
.greenTick {
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url('../images/tick_sm.jpg') no-repeat;
}






/***********************/
/** Data capture form **/
/*                     */
#apptDataCaptureForm label.fieldLabel {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
#apptDataCaptureForm input, #apptDataCaptureForm select {
    width: 260px;
    font-size: 18px;
    float: left;
}
#apptDataCaptureForm label.fieldError {
    display: block;
    float: right;
    width: 390px;
    text-align: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #c20029;
}
#apptDataCaptureForm label.dead {
    display: none !important;
}
#findAddress {
    float: none;
    margin-left: 210px;
    background: #00E;
}
#appointmentDetails {
    margin-left: 210px;
}



/***********/
/* Summary */
/*         */
.summaryModule .submitButtonrow {
    margin: 20px 0;
}
.summaryPanel {
    margin-bottom: 20px;
    float: left;
}
.summaryModule #whatPanel, .summaryModule #coverPanel, .summaryModule #detailsPanel {
    width: 50%;
}
.summaryModule #wherePanel, .summaryModule #whenPanel {
    width: 25%;
}
.summaryPanelLeft {
    float: left;
    width: 40%;
}
.summaryPanelRight {
    float: left;
    width: 60%;
}
.bookingWrapper .summaryPanelContent,
#bookingWrapper .summaryPanelContent {
    padding: 20px 20px 20px 15px;
    font-size: 0.9em;
    word-wrap: break-word;
}
.summaryPanelContent p {
    margin-top: 0;
}
.summaryHeaderPanel {
    padding: 15px;
    background: #f7f7f7;
}
.summaryPanel h3 {
    margin: 0;
    padding: 0;
    line-height: 30px;
    height: 30px;
}
.summaryModule #whatHeader {
    background: url('../images/summaryWhat.png') no-repeat;
    padding-left: 40px;
}
.summaryModule #whereHeader {
    background: url('../images/summaryWhere.png') no-repeat;
    padding-left: 50px;
}
.summaryModule .whenHeader {
    background: url('../images/summaryWhen.png') no-repeat;
    padding-left: 50px;
}
.summaryModule #coverHeader {
    background: url('../images/summaryInsurer.png') no-repeat;
    padding-left: 50px;
}
.summaryModule #detailsHeader {
    background: url('../images/summaryWho.png') no-repeat;
    padding-left: 50px;
}
.summaryPanel a.submitBtn {
    text-decoration: none;
    display: inline-block;
    background: #00E;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
#summaryPanelWhat ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#summaryPanelWhat li {
    text-align: center;
    float: left;
    margin-right: 40px;
}
#summaryPanelWhat .summaryInnerLi {
    width: 122px;
}
#summaryPanelWhere ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#summaryPanelWhere li {
}
#mapSummary {
    float: left;
    width: 160px;
    height: 160px;
}
#summaryMapLinks {
    float: right;
    width: 160px;
}
#summaryPanelCover img {
    float: left;
    width: 160px;
    height: 100px;
}
#summaryCoverLinks {
    float: right;
    width: 160px;
}
#summaryCoverLinks ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#spReviews {
    background: #f4c00b;
    padding: 20px;
}
#spStars {
    float: left;
    width: 200px;
    margin-top: 10px;
}
#spReviewText {
    float: left;
    color: #fff;
    width: 640px;
    font-size: 18px;
}
.spStar {
    background: url('../images/review-star.png') no-repeat;
    width: 24px;
    height: 23px;
    margin-right: 2px;
    display: inline-block;
}
.spHalfStar {
    background: url('../images/review-halfstar.png') no-repeat;
}

/***********************/
/** Confirmation page **/
/*                     */
.confirmModule .summaryPanel {
    width: 33%;
}
.confirmModule .summaryPanelLeft {
    display: none;
}
.confirmModule .summaryPanelRight {
    width: 100%;
}
.confirmModule #detailsPanel {
    width: 66%;
}
.confirmModule #detailsPanel .summaryPanelLeft {
    display: block;
    width: 50%;
}
.confirmModule #detailsPanel .summaryPanelRight {
    width: 50%;
}
.print {
    float: right;
    font-size: 14px;
}

#confirmation-banner {
    margin: -20px 0 10px -35px;
    width: 980px;
    cursor: pointer;
    /*display:none;*/
}
#confirmation-banner-modal-container {
    height: 250px;
    width: 480px;
    border-radius: 3px;
    text-align: center;
}
#confirmation-banner-modal-container.simplemodal-container {
    border: none;
    background: #fff;
}
#confirmation-banner-modal {
    padding: 20px 20px;
    display:none;
}
#confirmation-banner-modal .btn {
    background: #8BC741;
    padding: 8px 10px;
    height: auto;
    width: auto;
    line-height: initial;
    border-radius: 3px;
}
#confirmation-banner-modal .chevron {
    height: 20px;
    padding-left: 8px;
    float: right;
}



/************************/
/* Change location/time */
/*                      */
#changeBranchesLhpan {
    width: 400px;
    float: left;
}
#changeBranchesRhpan {
    width: 440px;
    float: right;
}
#changeBranchesLhpan ul.branchul li.branchresult {
    border-bottom: none;
}
#changeBranchesRhpan #map2 {
    width: 440px;
    height: 240px;
}
#changeSlotsPanel {
    margin-left: 40px;
}
#changeAppointmentTable, #changeAppointmentTable1 {
    width: 100%;
}
#changeAppointmentTable thead td, #changeAppointmentTable1 thead td  {
    padding: 8px 5px;
    font-weight: bold;
    background: #ccc;
}
#changeAppointmentTable tbody td, #changeAppointmentTable1 tbody td {
    background: #dedede;
    padding: 0 5px;
    height: 44px;
}
#changeLocationForm label {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
#changeLocationForm .submitButtonrow {
    margin-left: 210px;
}
#changeLocationForm .submitButtonrow input {
    float: none;
}
#changeAuthLightbox label {
    display: block;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
#changeAuthLightbox label.label2 {
    line-height: 20px;
}
#changeDontKnowRegLink {
    font-size: 12px;
}

#changeAuthLightbox input {
    width: 260px;
    font-size: 18px;
}
#changeAuthLightbox #changeAuthSubmit {
    width: auto;
}




/***************/
/* Change time */
/*             */
#changeCurrentApptUl {
    list-style-type: none;
    margin-left: 40px;
    padding: 0;
    font-size: 1.2em
}
.changeTime ul.branchul li.branchCurrent {
    border-bottom: none;
}




/********************/
/* Email dummy page */
/*                  */
#emailWrapper {
    width: 600px;
    border: 1px solid #ccc;
}
#emailWrapper h2 {
    margin: 0;
}
#emailWrapper h3 {
    margin-top: 0;
}
.emailPanel {
    margin-bottom: 20px;
    padding: 0 20px
}
#emailDetails {
    float: left;
    width: 340px;
}
#emailMap {
    float: right;
    width: 200px;
}
#emailWrapper input {
    display: block;
    background: #00E;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}




/***************************/
/** Vehicle selector home **/
/*                         */
#vehicleRegLeft {
    float: left;
    width: 450px;
}
#vehicleRegRight {
    float: left;
    width: 430px;
    margin-top: 30px;
}
#vehicleRegForm, #vehicleRegFormAjax {
    margin-right: 40px;
}
#vehicleDontKnowRegCopy {
    padding: 30px 0;
}
#vrnInputOuter {
    width: 180px;
    height: 46px;
    float: left;
    border: 1px solid #ccc;
    padding-left: 24px;
    margin-right: 20px;
    background: url('../images/nl/vrnFlag.png') no-repeat;
}
#vrnInputInner {
    height: 46px;
    background: url('../images/nl/vrnBgrd.png') repeat-x;
}
#vrnInput {
    background: none;
    color: #000;
    font-weight: bold;
    border: none;
    width: 160px;
    font-size: 1.6em;
    margin: 8px 0 0 7px;
    text-transform: uppercase;
}
#vrnSubmitOuter {
    margin-top: 5px;
    float: left;
}
.vehicleHelpPanel {
    float: right;
    width: 280px;
    padding: 20px 0 20px 20px;
}
#vehicleManualLeft {
    float: left;
    width: 490px;
    padding: 20px 0;
}
#vehicleManualRight {
    float: left;
    width: 370px;
}
#vehicleManualLeft label {
    float: left;
    width: 100px;
}
#vehicleManualLeft select {
    float: left;
    width: 300px;
    font-size: 18px;
}
#vehicleSuccessLeft {
    float: left;
    width: 260px;
}
#vehicleSuccessVehiclePanel {
    background: #dedede;
    padding: 20px;
    margin-right: 40px;
}
#vehicleSuccessVehiclePanel img {
    display: block;
    width: 160px;
    height: 80px;
    margin: 0 auto 10px auto;
}
#vehicleSuccessVehiclePanel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#vehicleSuccessRight {
    float: left;
    width: 560px;
}
#vehicleSuccessPanel .vehicleSuccessPanel-inner, #vehicleManualSuccessPanel {
    width: 400px;
    background: url('../images/tick_sm.png') no-repeat;
    min-height: 30px;
    padding-left: 30px;
    margin: 20px;
}

#vehicleSuccessPanel {
    /*overflow: hidden;*/
}

#vehicleSuccessPanel .vehicleSuccessPanel-inner {
}

.vehicleFailurePanel {
    width: 400px;
    background: url('../images/cross_sm.png') no-repeat;
    min-height: 30px;
    padding-left: 30px;
    margin: 20px;
}
.vehicleSuccessMsg {
    font-size: 1.3em;
}
.vehicleFailureMsg {
    font-size: 1.3em;
    color: #c20029;
    font-weight: bold;
}
.vehicleIncorrect {
    font-size: 0.9em;
    line-height: 1.3em;
}
#manualFindVehicleBtnRow {
    margin-left: 100px;
}
#vrnSubmit.dead {
    display: none;
}

/******************/
/** confirm home **/
/*                */
#thanks {
    position: relative;
    margin:10px 0 0;
    padding:20px 0 0;
    background: url("../images/bg-confirm-steps.png") no-repeat;
    height:240px;
}
.bookingSection .thanks {
    width: 155px;
    margin-left: 45px;
    margin-right: 16px;
    margin-top: 45px;
    float:left;
    clear:none;
    line-height: 1.5;
}
.bookingSection .thanks1 {
    margin-left: 29px;
    margin-right: 26px;
}
.bookingSection .thanks3 {
    margin-left: 56px;
}
#thanks2 {
    /*
    width:185px;
    margin-right:104px;
    */
}

.bookingSection img.paperClip {
    position: absolute;
    top: 35px;
    right: 15px;
}

.bookingSection img.dontForget {
    position: absolute;
    top: 75px;
    right: 50px;
}

div.yourDetailsSectionOuter {
    min-height: 100px;
}

div.yourDetailsTitle {
    /*position: relative;*/
    /*height: 50px;*/
    line-height: 50px;
    /*padding-left: 15px;*/
    /*border: 1px solid #e4e4e4;*/
    /*margin-right: 9px;*/
    /*border-radius: 1px;*/
    /*-moz-border-radius: 1px;*/
    /*background-position: left top;*/
    /*background-repeat: repeat-x;*/
    /*background-image: url(../images/bg-confirm-details-title.gif);*/
    /*font-weight: bold;*/
    color: #0e9cd9;
    /*cursor: pointer;*/
}

div.yourDetailsTitle,
div.yourDetailsTitle span.title
{
    font-size: 24px;
}

.yourDetailsCE {
    display: block;
    width: 66px;
    height: 68px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/buttons/confirm-details-collapse-expand-sprite.png);
}

div.expanded .yourDetailsCE {
    background-position: left bottom;
}

div.yourDetailsTitle .yourDetailsCE {
    position: absolute;
    right: -5px;
    top: 0px;
}

.yourDetailsSection {
    /*display: none;*/
}
.expanded .yourDetailsSection {
    display: block;
}

/**********************/
/** progress tracker **/
/*                    */
#progressTrackerOuter-fix {
    width: 0px;
    top: 248px;
    position: absolute;
}
@media (max-width: 1340px) {
    #progressTrackerOuter-fix {
        display: none;
    }
    .progressTrackerOuter-top {
        margin-bottom: 25px;
    }
}
#progressTracker {
    width: 140px;
    left: -145px;
    position: relative;
    background: #f8f7f8;
    border-left: 5px solid #c11727;
    white-space: normal;
    /*overflow-y: scroll;
    overflow-y: hidden;
    height: 400px;*/
}
#progressTrackerInner {
    padding: 10px;
}
.progressPanel {
    padding: 10px;
    background: url('../images/trackerBottomLine.png') no-repeat bottom right;
}
.progressPanel.last {
    margin-bottom: 0;
    background: none;
}
#progressTrackerInner p {
    font-size: 0.9em;
}
#progressHeader {
    padding-bottom: 10px;;
    border-bottom: 1px solid #ccc;
}
.progressPanel a.progressHeader, .progressPanel a:visited.progressHeader, .progressPanel h3,
.progressPanel .progressHeader
{
    padding-right: 20px;
    min-height: 20px;
    margin: 0;
    font-size: 13px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: rgb(68, 72, 77);
}
.progressCopy {
    display: none;
    font-size: 13px;
}
.progressCopy ul {
    padding-left: 0;
    margin-left: 0;
}
.progressCopy li {
    list-style-type: none;
}
.completedMod a.progressHeader, .completedMod h3 {
    background: url('../images/trackerTick.png') no-repeat top right;
}
.currentMod {
    background-color: #fff;
    border-bottom: 1px solid #7b7372;
    border-right: 1px solid #7b7372;
    position: relative;
}
.currentMod p {
    margin-top: 0px;
}

.currentMod a.progressHeader {
    height: auto;
    margin-bottom: 0px;
    line-height: normal;
}

.currentMod a.progressHeader, .currentMod a:visited.progressHeader, .currentMod h3 {
    color: #008fd3;
}
.completedMod .progressCopy, .currentMod .progressCopy {
    display: block;
}
#progressDetails, #progressDetails h3, #progressAccount, #progressAccount h3, #progressAppointment h3, #progressCover h3 {
    color: #ccc;
}
#progressDetails.currentMod h3, #progressAccount.currentMod h3 {
    color: #008fd3;
}
#progressDetails.currentMod, #progressAccount.currentMod {
    color: #000;
}
a.progressEdit {
    float: right;
    color: #3599c4;
}

.progressOpen {
    float: right;
    background: url('../images/progressOpenPanel.png') no-repeat;
    display: block;
    height: 22px;
    width: 22px;
    cursor: pointer;
}
.progressClose {
    float: right;
    background: url('../images/progressClosePanel.png') no-repeat;
    display: block;
    height: 22px;
    width: 22px;
    cursor: pointer;
}
.progressOpen.dead, .progressClose.dead {
    display: none;
}
.currentMod .progressArrow {
    display: block;
    background: url('../images/trackerArrow.png') no-repeat;
    height: 73px;
    width: 38px;
    position: absolute;
    top: 0;
    right: -37px;
}






/** New Home page **/
div#hp-container {
}

div#hp-container div#left-col {
    float: left;
    width: 210px;
    display: none;
}

div#hp-container div#right-col {
    float: right;
    width: 220px;
    border: 1px solid #ccc;
    background: #fff url('../images/mapOuterBrgd.png') repeat-x bottom;
}

div#hp-container div#centre-col {
    float: left;
    width: 684px;
}
div#hp-container div#centre-col .inner {
    background: url('../images/nl/technician.png') no-repeat;
    padding-left: 240px;
    min-height: 600px;
}

div#left-col div.module-container {
    border: 1px solid #ccc;
}

div#left-col div.module-container {
    border-right: none;
    margin-bottom: 0;
}

div#right-col div.inner,
div.module-container div.inner,
div#centre-col div.inner {
    padding: 10px;
}
div#wizard-entry-container-bottom div.module-container div.inner {
    font-size: 0.9em;
}
div#right-col div.inner {
    font-size: 0.8em;
}
div.module-container div.inner a {
    /*font-size: 1.2em;*/
}

div#centre-col div.inner h1 {
    margin-top: 0;
    font-size: 2.4em;
}

div.module-container div.inner h3 {
    margin-top: 0;
}

div#left-col div.module-container div.inner h3 {
    padding-left: 30px;
    min-height: 30px;
}


.rounded-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#homeUrgentPanel {
    background: url('../images/damageClock.png') no-repeat;
}
#homeApptPanel {
    background: url('../images/homePinIcon.png') no-repeat;
}
#homeCoverPanel {
    background: url('../images/damageEuro.png') no-repeat;
}
#homeVehiclePanel {
    background: url('../images/damageCar.png') no-repeat;
}
#wizard-entry-container-bottom .module-container {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
div#hp-container div#centre-col #wizard-entry-container-bottom .inner {
    background: none;
    padding: 0 10px 10px 40px;
    min-height: 100%;
}
div#tech-photo-container {
    display: none;
    position: relative;
    top: 40px;
    width: 122px;
    height: 180px;
    float: left;
    background-color: #E0E0E0;
    border: 1px solid #ccc;
}

div#wizard-entry-container {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

div#wizard-entry-container p {
    font-size: 1.3em;
}

/*.btn-general {
    display: block;
    background: #ccc;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}*/

div#wizard-entry-container .btn-general {
    position: relative;
    top: 60px;
}

ul.tick-list {
    padding: 0;
    margin: 1em 0 0 0;
}

ul.tick-list li {
    list-style-type: none;
    padding-left: 30px;
    margin-bottom: 20px;
    background: url('../images/tick_sm.png') no-repeat;
    min-height: 25px;
}

div.field-row {
    width: auto;
    margin-bottom: 6px;
}

div.field-row input[type="text"] {
    display: block;
    width: 174px;
    padding: 4px 2px;
    border: 1px solid #C0C0C0;
    margin: 0 auto;
}
div#right-col div.field-row input[type="text"] {
    width: 190px;
    margin: 0;
}

div.field-row input[type="text"]:focus {
    box-shadow: 0 0 4px rgba(92, 184, 237, 1);
}

div.submit-group input {
    display: block;
    width: 180px;
    margin: 0 auto;
}

.largeGreenButton,
a#enter-wizard {
    display: block;
    width: 212px;
    height: 43px;
    line-height: 43px;
    background: url('../images/homepageButton.png') no-repeat;
    padding: 0 15px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-align: left;
}
#homeApptPanel .formRow {
    padding: 10px 0;
}
#homeApptPanel input[type="text"] {
    width: 157px;
    font-size: 1.1em;
    padding: 3px 2px
}

a#enter-wizard:hover {

}
#homeApptPanel .smBtnRounded {
    font-size: 0.9em;
}
.bookingWrapper #homeVehiclePanel .smBtnRounded span,
#bookingWrapper #homeVehiclePanel .smBtnRounded span {
    display: block;
    padding: 7px 40px 0 0;
    font-size: 0.9em;
    line-height: 0.9em;
}



/********************/
/** Qualified page **/
/*                  */
.selectedLocation {
    margin-left: 10px;
}
#apptQual #frmPostcodeLookup,#apptUnqual #frmPostcodeLookupUnqual {
    margin: 40px 0;
}
#apptQual #frmPostcodeLookup .formRow, #apptQual #frm-postcode-lookup .buttonRow, #apptUnqual #frmPostcodeLookupUnqual .formRow {
    width: 200px;
    float: left;
    margin: 0;
}
#apptQual #frmPostcodeLookup .formRow input, #apptUnqual #frmPostcodeLookupUnqual .formRow input {
    padding: 0 5px;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    height: 24px;
}
.inputLocation {
    padding-left: 10px;
}
#mapOuter {
    background: #ededed url('../images/mapOuterBrgd.png') repeat-x top;
    border: 1px solid #d1d1d1;
    padding: 20px;
    /*float: left;*/
}
#mapInner {
    /*border: #c5c5c5 1px solid;
    background: #fff;*/
}
#mapLeftPanel {
    float: left;
    height: 480px;
    width: 250px;
    border: 1px solid #C5C5C5;
    background: #fff;
}
#mapLeftPanelInner {
    padding: 20px;
}
#map {
    height: 480px;
    width: 584px;
    border: #c5c5c5 1px solid;
}

.mapArrowLeft {
    display: block;
    height: 40px;
    width: 25px;
    background: url('../images/mapArrowLeft.png') no-repeat;
    position: absolute;
    top: 10px;
    left: 1px;
}
.mapArrowRight {
    display: block;
    height: 40px;
    width: 25px;
    background: url('../images/mapArrowRight.png') no-repeat;
    position: absolute;
    top: 10px;
    left: 174px;
}
.mapBoxLeft {
    margin-right: 25px;
    background: #fff;
    padding: 5px 10px 10px 10px;
    -webkit-box-shadow: 0 0 5px 0 #000;
    box-shadow: 0 0 5px 0 #000;
}
.mapBoxRight {
    margin-left: 25px;
    background: #fff;
    padding: 5px 10px 10px 10px;
    -webkit-box-shadow: 0 0 5px 0 #000;
    box-shadow: 0 0 5px 0 #000;
}
.mapBoxLeft {
    margin-right: 25px;
    background: #fff;
    padding: 5px 10px 10px 10px;
    -webkit-box-shadow: 0 0 5px 0 #000;
    box-shadow: 0 0 5px 0 #000;
}
.mapBoxRight {
    margin-left: 25px;
    background: #fff;
    padding: 5px 10px 10px 10px;
    -webkit-box-shadow: 0 0 5px 0 #000;
    box-shadow: 0 0 5px 0 #000;
}

#map .infoBox h3 {
    margin: 5px 0 10px 0;
}
#map .infoBox p {
    margin: 0 0 0.5em 0;
}
.infoboxSlot0,.infoboxSlot1 {
    display: block;
    padding: 4px 5px;
    color: #fff;
    margin-bottom: 1em;
    cursor: pointer;
}
.infoboxSlot0, .infoboxSlot1 {
    background: #44474c;
}
.infoboxSlot0:hover, .infoboxSlot1:hover,
.infoboxSlot0.selected, .infoboxSlot1.selected {
    background: #0085c8;
}
#mapLeftPanel h3 {
    margin-top: 0;
}
#mapLeftPanel ul {
    margin: 0 0 10px 0;
    padding: 0;
}
#mapLeftPanel li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px 45px;
    font-size: 0.9em;
}
.mapPanelMobileVan {
    background: url('../images/van.png') no-repeat;
}
#mapPanelMobileCloud {
    background: url('../images/cloud.png') no-repeat;
}
#mapPanelMobileKey {
    background: url('../images/key.png') no-repeat;
}
.mapPanelBranchHours {
    background: url('../images/clock_sm.png') no-repeat;
}
.branchMoreBranches {
    display: block;
    margin: 5px 0;
}
.branchMoreBranches.dead {
    display: none;
}
#mapLeftPanelBranch {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #c5c5c5;
}
#mapLeftPanelBranchInner {
    width: 210px;
    height: 310px;
    overflow: hidden
}
.mapPanelBranch {
    margin-bottom: 0px;
}
#mapBottomPanel {
    width: 585px;
    float: right
}
#mapBottomPanel ul {
    border: 1px solid #c5c5c5;
    margin: 20px 0 0 0;
    padding: 20px;
    background: #fff;
}
#mapBottomPanel ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 45px;
    background: url('../images/phone.png') no-repeat;
}
#mapBottomPanel h3 {
    margin-top: 0;
}

/** General slots **/
.slotsTitleLabel {
    font-size: 18px;
    font-weight: bold;
}
.key {
    float: right;
    font-size: 11px;
    text-align: center;
    margin: 0 60px 0 0;
    padding: 0;
}
.key li {
    width: 60px;
    float: left;
    list-style: none;
    margin: 0;
}
.keyBox {
    margin: 0 auto;
    width: 28px;
    height: 28px;
    display: block;
}
.keySelected {
    border: 1px solid #04a0ca;
    background: #00bff3;
}
.keyAvailable {
    border: 1px solid #8ac63f;
    background: #fff;
}
.keyUnavailable {
    border: 1px solid #d1d1d1;
    background: #e8e8e8;
}
.slotsSection {
    margin: 20px 0;
}
.slideDays {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 110px;
    z-index: 5;
}
.slideDaysR {
    left: inherit;
    right: 110px;
}
.slideDays.previousDays,
.slideDays .previousDays {
    background: url('../images/slots-previous-arrow.png') top left no-repeat;
    cursor: pointer;
    width: 30px;
    height: 30px;
    /* Prevent user from accidentally selecting the carousel on double click of buttons */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;

}
.slideDays.nextDays,
.slideDays .nextDays {
    background: url('../images/slots-next-arrow.png') top right no-repeat;
    cursor: pointer;
    width: 30px;
    height: 30px;
    right: 14px;
    /* Prevent user from accidentally selecting the carousel on double click of buttons */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;

}
.slideDays:hover,
.slideDays div:hover {
    background-position: 0 -30px;
}
.slideDays.inactive,
.slideDays div.inactive {
    background-position: 0 -60px;
    cursor: default;
}

.slotsSection ul {
    margin: 0;
    padding: 0;
}
.slotsSection li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.slotsDaysWrapper {
    width: 759px;
    overflow: hidden;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    float: left;
}
.slotsDays {
    width: 9999px;
    float: left;
}
.slotsDays > li {
    width: 188px;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #fff;
    float: left;
}
.dateText {
    text-align: center;
}
.dateText.selected {
    color: #8ac63f;
}
.dayPartWrap {
    width: 160px;
    margin: 0 auto 5px auto;
}
.dayPart {
    border: 1px solid #d1d1d1;
    background: #e8e8e8;
    color: #b4b4b4;
    padding: 10px;
}
.dayPartWrap.available .dayPart {
    border: 1px solid #d1d1d1;
    background: #fff url(../images/dp-available-arrow.png) no-repeat 93% 50%;
    color: #6a6f76;
    cursor: pointer;
}
.dayPartWrap.selected .dayPart {
    border: 1px solid #8ac63f;
    background: #8ac63f url(../images/dp-selected-arrow.png) no-repeat 93% 50%;
    color: #fff;
    cursor: pointer;
}
#mobileSlots .dayPartWrap.available .dayPart {
    border: 1px solid #8ac63f;
    background-color: #8ac63f;
    background-image: none;
    color: #fff;
}
.dayPart h4 {
    margin-top: 0;
    margin-bottom: 0px;
}
/*#mobileSlots .dayPart h4 {
    margin-bottom: 0;
}*/
.slotsAvailable {
    color: #b4b4b4;
    display: none;
}
/*#mobileSlots .slotsAvailable {
    display: none;
}*/
.dayPartWrap.available .slotsAvailable {
    color: #8ac63f;
}
.dayPartWrap.selected .slotsAvailable {
    color: #fff;
}
.timeSlots {
    display: none;
}
#mobileSlots .timeSlots {
    display: block;
}
.timeSlots li {
    border: 1px solid #d1d1d1;
    border-top: none;
    padding: 10px;
    text-align: center;
    background: #e8e8e8;
    color: #b4b4b4;
}
.timeSlots .available {
    border: 1px solid #8ac63f;
    border-top: none;
    background: #fff;
    color: #8ac63f;
    cursor: pointer;
}
.timeSlots .available:hover {
    background: #EAFCD4;
}

.timeSlots .selected {
    border: 1px solid #04a0ca;
    border-top: none;
    background: #00bff3;
    color: #fff;
    cursor: pointer;
}
.timeSlots .selected:hover {
    background: #00bff3;
}


/** Branch slots **/
#branchSlots {
    /*width: 623px;
    float: left;*/
    border: 1px solid #E9E9E9;
    background: #EDEDED url('../images/mapOuterBrgd.png') repeat-x top;
    padding: 10px 20px;
}



/** 
 *
 * 
 * Mobile slots
 */
#mobileSlots {
    background: #f6f6f6 url('../images/slotsBrgd.png') repeat-x top;
    padding: 0 20px 20px 20px;
}
/**
 * 
 * Overrides to funnel timeslots
 * Required for placeholder timeslots in portal popup
 */
.simplemodal-container .overlay #mobileSlots h2.dateText {
    color: #666666;
    font-size: 18px;
}
.overlay .slotsSection {
    position: relative;
    padding-left: 10px;
}

.overlay #mobileSlots .slideDays {
    position: relative;
    margin: 0;
    height: 394px;
}
/**
 * Exceptions for:
 * 
 *     "other-replace"
 *     "heated-rear-replace"
 *     "bodyglass-replace"
 */
.overlay #mobileSlots .short .slideDays {
    height: 334px;
}
.overlay .slotsSection .slideDays .previousDays,
.overlay .slotsSection .slideDays .nextDays {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
}
.overlay #mobileSlots .slotsDays > li {
    width: 166px;
    border: 1px solid #ebebeb;
    padding: 5px 0;
    background: #f7f7f7;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(235,235,235,1);
    -moz-box-shadow: 0px 0px 8px 2px rgba(235,235,235,1);
    box-shadow: 0px 0px 8px 2px rgba(235,235,235,1);
    margin: 0 10px;
}
.overlay #mobileSlots .slotsDays > li .dayPart.selected,
.overlay #mobileSlots .slotsDays > li .dayPart.hover {
    background-color: #00bff3;
}
.overlay #mobileSlots .slotsDaysWrapper {
    border: 1px solid #ff33ff;
    width: 752px;
    padding-top: 8px;
    padding-bottom: 24px;
    border: none;
    margin: 0 20px;
}
.overlay #mobileSlots .dayPartWrap.selected .dayPart
{
    border: none;
}
.overlay #mobileSlots .dayPartWrap {

}
.overlay #mobileSlots .dayPartWrap .dayPart
{
    border: none;
    margin: 2px 5px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    padding: 0;
}
.overlay #mobileSlots .dayPartWrap.selected .dayPart {
    border: none;
}
.overlay #mobileSlots .dayPartWrap.available .dayPart {
    border: none;
}

/** Qual mobile address lookup lightbox **/
#qualMobileAddressContainer {
    width: 700px;
    height: 570px;
}
#qualMobileAddressLightbox {
    font-size: 14px;
    display: none;
}
#qualMobileAddressLightbox label {
    display: block;
    float: left;
    width: 160px;
    text-align: left;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
}
#qualMobileAddressLightbox label.formLabelMultiRow {
    line-height: 1.4em;
}
#mobileAddressHousenum {
    width: 60px;
}
#mobileAddressPostcode {
    width: 100px;
}
#mobileCommentBox {
    float: left;
    width: 400px;
}
#mobileCommentBox #commentText {
    width: 400px;
}
#frmPostcodeLookup .buttonRow,
#frmPostcodeLookupUnqual .buttonRow {
    padding-top: 7px;
}



/**********************/
/** Unqualified page **/
/*                    */
#apptUnqual #frmPostcodeLookup {
    margin: 40px 0;
}
#apptUnqual #frmPostcodeLookup .formRow, #apptUnqual #frm-postcode-lookup .buttonRow {
    width: 200px;
    float: left;
    margin: 0;
}
#apptUnqual #frmPostcodeLookup .formRow input {
    padding: 0 5px;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    height: 24px;
}
#apptUnqual #mapLeftPanel {
}
#apptUnqual #mapOuter {
    padding-bottom: 20px;
}
#apptUnqual #mapInner {
    float: left;
    border-left: none;
    border-right: none;
    width: 586px;
}
#apptUnqual #map {
    height: 390px;
    float: none;
}
#apptUnqual #mapBottomPanel {
    width: 565px;
    float: right;
}
#apptUnqual #mapBottomPanelInner {
    border: 1px solid #C5C5C5;
    margin: 20px 0 0 0px;
    padding: 20px;
    background: white;
}
#unqualMapBottomPanelLeft {
    height: 122px;
    width: 300px;
}
#apptUnqual #mapBottomPanel form {
    float: right;
    margin-top: -20px;
}
#apptUnqual .mapArrowRight {
    left: 224px;
}
#unqualGotoDamage input.medBtnRounded {
    font-size: 0.9em;
}



/**
 * General form
 */
div.field-container {
    min-height: 32px;
    background-color: #F7F7F7;
    padding: 10px;
    border: 1px solid #FFFFFF;
}

div.field-container.even,
div.field-container:nth-child(even) {
    background-color: transparent;
}

div.field-container label {
    display: inline-block;
    width: 230px;
    font-weight: bold;
}

div.field-container label:nth-child(2), div.field-container label:nth-child(3) {
    font-weight: normal;
    width: 50px;
}

div.field-container label:nth-child(2) input[type=radio], div.field-container label:nth-child(3) input[type=radio] {
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}
#frm-options div.options div.field-container label.options-text {
    display: inline-block;
    font-weight: normal;
    width: auto;
    vertical-align: middle;
}

/* Couldn't do a vertically centre aligned text with this approach. */
/*
#frm-options div.options input.field-customer-wipers {
    display: none;
}

#frm-options div.options input.field-customer-wipers + label:before {
    border: 1px solid #000000;
    content: "\00a0";
    display: inline-block;
    font: 25px/1em sans-serif;
    height: 25px;
    margin-right: 12px;
    padding: 0;
    width: 25px;
    float: left;
    border-radius: 10%;
}
#frm-options div.options input.field-customer-wipers:checked + label:before {
    color: #000000;
    content: "\2714";
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    border-radius: 10%;
}
#frm-options div.options input.field-customer-wipers:checked + label:after {
    font-weight: bold;
    border-radius: 10%;
}
*/

/*
    https://paulund.co.uk/style-checkboxes-with-css
    http://cssdeck.com/labs/css-checkbox-styles
    https://codepen.io/bbodine1/pen/novBm

    vvvvvvvvvvvvvvvvvvvvvvvvvvvvv ACTIVE ONE vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
    https://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953
*/
div.options div.field-container {
    background-color: #FFFFFF;
    margin-left: -34px;
}

div.options input.field-customer-wipers {
    display:none;
}
div.options input.field-customer-wipers + label span {
    display:inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url('../images/wipers/icon-unchecked.png') no-repeat;
    padding-left: 5px;
    cursor: pointer;
}
div.options input.field-customer-wipers:checked + label span {
    background: url('../images/wipers/icon-checked.png') no-repeat;
}

div.options div.wipers-content {
    width: 535px;
    float: left;
}

div.options div.wipers-content div.field-container {
    width: 675px;
    padding: 0;
    margin: 0;
}

div.options div.wipers-content p.msgContRelative {
    width: 535px;
}

div.options div.wipers-image {
    float: right;
    width: auto;
}

div.field-container.withLongLabel label {
    width: 600px;
}
div.field-container.oneLineLabel label {
    line-height: 32px;
}
div.field-container label small {
    font-weight: normal;
}
div.field-container label.option {
    width: 100px;
}
div.field-container label.field-terms{
    padding-top:10px;
    width: 100%;
}
div.field-container label.field-terms input {
    margin-top: 1px;
}
div.field-container .termscontainer span.field-ok{
    display:none;
}
div.field-container select,
div.field-container input[type="text"],
div.field-container input[type="tel"],
div.field-container input[type="email"] {
    display: inline-block;
    font-size: 18px;
}
div.field-container input[type="text"].hidden {
    display: none;
}

div.field-container .inputAreaMultiRow {
    display: inline-block;
    width: 240px;
}
div.field-container input[type="text"].buttonRightOfThis {
    width: 117px;
}
.moreThanOneWindowDamaged p,
.callYouBackSection p
{
    margin-top: 12px;
    margin-bottom: 4px;
}

div.field-container input[type="text"].field-name {
    width: 180px;
}

div.field-container-error {
    border-color: #CE0000;
}

input.field-housenumber,
div.field-container input.field-housenumber
{
    width: 40px;
}

.simplemodal-container input.field-housenumber {
    width: 50px;
}

div.zend_form fieldset {
    padding: 0;
    border: none;
    margin: 0;
}

div.form-fake-label input[type="text"] {
    display: none;
}
div.chkContainer label {
    font-weight: normal;
}
div.zend_form label.label-description {
    display: inline-block;
    width: 230px;
}
div.zend_form label.termsLabel {
    width: auto;
    font-weight: normal;
}

.not-bold {
    font-weight: normal;
}

.hidden {
    display: none;
}

div.chkgrp {
    display: inline-block;
    width: 300px;
}

div.chkoptin {
    position: relative;
    top: 10px;
    width: auto;
    padding: 2px 0 8px 234px;
    background-color: #F7F7F7;
    border: 1px solid #FFFFFF;
}

div.chkoptin > input[type="checkbox"] {
    display: inline-block;
    vertical-align: top;
}

div.chkoptin > label {
    width: 400px;
    display: inline-block;
    position: relative;
    left: -4px;
    top: 3px;
    vertical-align: top;
}

label.label-description {
    position: relative;
    top: -6px;
    margin-bottom: -6px;
}

.btn-arrow {
    display: inline;
    height: 26px;
    color: #FFFFFF;
    background-image: url('../images/button_arrow.png');
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding: 0 60px 1px 4px;
    border: 1px solid #02763C;
    margin: 0;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

span.field-status {
    position: absolute;
    min-height: 22px;
    display: block;
    width: 200px;
    cursor: default;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 32px;
}

span.field-error {
    background-image: url('../images/gi_cross.png');
}

span.field-ok {
    background-image: url('../images/gi_tick.png');
}

span.field-hint {
    background-image: url('../images/gi_info.png');
}

.lightBoxSection span.field-status.field-error.empty {
    background-image: url('../images/gi_cross.png');
}

.lightBoxSection span.field-status.field-error {
    background-image: none;
    color: #c20029;
}

.lightBoxSection span.field-status.empty
{
    width: 170px;
}

#yourDetailsTerms {
    width: 200px;
    text-align: center;
}

.insuranceForm div.formRow,
.insuranceForm div.formRowNoStyle {
    /*Was 20px*/
    padding-top: 28px;
    padding-right: 35px;
}

span.floating-emptyText {
    font-style: italic;
}

div.ui-datepicker .ui-state-active {
    background-color: #72bd2d;
    background-image: none;
}

div.ui-datepicker .ui-state-active.ui-state-highlight {
    color: white;
}

#locationOverlayContainer {
    width: 500px;
}

div.locationMap {
    height: 300px;
}

/** Ajaxloader **/
#loaderContainer {
    width: 360px;
}
#loaderLightbox {
    display: none;
    text-align: center;
}
#oohBox {
    display: none;
    text-align: center;
}
#loaderLightbox h1 {
    margin-bottom: 0;
    height: 1.2em;
    line-height: 1.2em;
}
.ajaxSpinner {
    background-image: url(../images/ajaxSpinner.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 100px;
}

.appointment-spinner {
    background-image: url(../images/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
}

#loaderLightbox div.ajaxSpinner {
    height: 90px;
}

/** Appointment ajax loader **/
#loaderAppointmentContainer {
    width: 400px;
    height: 300px;
    background-color: #FFFFFF !important;
}
#loaderAppointmentLightbox {
    display: none;
}
#loaderAppointmentLightbox h1 {
    /*
    height: 1.2em;
    line-height: 1.2em;
    */
    text-align: center;
}
#loaderAppointmentLightbox p {
    text-align: center;
}
#loaderAppointmentLightbox div.ajaxSpinner {
    height: 50px;
}

#loaderAppointmentLightbox div.appointment-spinner {
    height: 200px;
}

#loaderAppointmentContainer div.simplemodal-wrap {
    background-color: #FFFFFF;
}

input[type=text][readonly] {
    background-color: #e8e8e8;
}

.off-positioned {
    position: absolute;
    left: -20000em;
    top: -20000em;
}

.label-description {
    font-weight: normal;
}

.full-cover {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

div.field-container label.option,
label.option
{
    font-weight: normal;
}

div.optionSingleInner {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.optionSingleInner img {
    text-align: center;
}

.opacity-0 {
    opacity: 0;
    filter: alpha(opacity = 0);
}

#howBigContainer .simplemodal-close {
    visibility: hidden;
}

#howBigContainer #howBigLightboxClose.simplemodal-close {
    visibility: visible;
}

#bailoutContainer .simplemodal-close {
    visibility: hidden;
}

#bailoutContainer #bailoutLightbox .simplemodal-close {
    visibility: visible;
}
.ie7Block {
    display: none;
}

.helpPanelContent p {
    margin-bottom: 0px;
}

.progressTrackerOuter-top {
    display: block !important;
}

@media (min-width: 1341px) {
    .progressTracker-top {
        display: none !important;
    }
}

.progressTrackerOuter-top .progressTracker-top {
    min-height: 50px;
    max-height: 150px;
    font-size: 0px;
    text-align: center;
}

.bookingWrapper .progressTrackerOuter-top .progressTracker-top .progressTrackerInnerXXX,
#bookingWrapper .progressTrackerOuter-top .progressTracker-top .progressTrackerInnerXXX {
    font-size: 0px;
}

.bookingWrapper .progressTracker-top a,
#bookingWrapper .progressTracker-top a
{
    color: #000;
}

.bookingWrapper .progressTracker-top div.title,
#bookingWrapper .progressTracker-top div.title {
    font-size: 12px;
}

.progressTrackerOuter-top .progressPanel {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 171px;
    min-height: 44px;
    border: 1px solid #ddd;
    margin: 0px 1px;
    padding: 0px;
    text-align: left;
    font-size: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.buttonStyle {
    background-color: #fafafa;
    background-image: linear-gradient(bottom, rgb(238,238,238) 34%, rgb(250,250,250) 67%);
    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 34%, rgb(250,250,250) 67%);
    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 34%, rgb(250,250,250) 67%);
    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 34%, rgb(250,250,250) 67%);
    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 34%, rgb(250,250,250) 67%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.34, rgb(238,238,238)),
        color-stop(0.67, rgb(250,250,250))
        );
}

.progressTrackerOuter-top .progressPanel.done {
    border-color: green;
}

.progressTrackerOuter-top .progressPanel.disabled {
    opacity: 1;
    border-color: #ddd;
}

.progressTrackerOuter-top .progressPanel.active {
    border-color: #a50023;
    background-image: none;
}

.progressTrackerOuter-top .progressPanel .open-close {
    position: absolute;
    display: none;
    width: 10px;
    height: 7px;
    bottom: -15px;
    left: 83px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/progressTracker-top-open.png);
}

.progressTrackerOuter-top .progressPanel.open .open-close,
.progressTrackerOuter-top .progressPanel.done .open-close {
    display: block;
    display: none; /* simple version */
}

.progressTrackerOuter-top .progressPanel.open .open-close {
    background-image: url(../images/progressTracker-top-close.png);
}

.progressTrackerOuter-top .progressPanel.active .open-close,
.progressTrackerOuter-top .progressPanel.disabled .open-close
{
    display: none;
}

.progressTrackerOuter-top .progressPanel.disabled .title {
    opacity: .5;
}

.progressTrackerOuter-top .progressPanel.active .title {
    opacity: 1;
}

.progressTrackerOuter-top .progressPanel .tip {
    display: none;
    width: 26px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 75px;
    background-image: url(../images/progressTracker-top-tip-red.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.progressTrackerOuter-top .progressPanel.active .tip {
    display: block;
}

.progressTrackerOuter-top .progressPanel img.tick {
    vertical-align: middle;
}

.progressTrackerOuter-top .progressPanel .openPart {
    display: none;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.progressTrackerOuter-top .progressPanel .text {
    margin-bottom: 5px;
}

.progressTrackerOuter-top .progressPanel.open .openPart {
    display: block;
}

.progressTrackerOuter-top .progressPanel .spacing {
    height: 40px;
}

.progressTrackerOuter-top .progressPanel .titleContainer {
    position: absolute;
    display: table;
    width: 171px;
    height: 44px;
}

.progressTrackerOuter-top .progressPanel .titleContainer .title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.progressTrackerOuter-top .progressPanel .titleContainer .title a {
    color: black;
    text-decoration: none;
}

.progressTrackerOuter-top .progressPanel a.edit {
    color: black;
    text-decoration: none;
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid gray;
    box-shadow: 1px 1px gray;
    -moz-box-shadow: 1px 1px gray;
    background-color: white;
}

.damageSingleOptionLabel {
    margin-left: 15px;
    margin-right: 15px;
}
.whichOtherWindowImageWrap {
    width: 200px;
    position: relative;
    text-align: center;
}
.whichOtherWindowImageWrap .imageContainer {
    width: 205px;
    margin-left: auto;
    margin-right: auto;
}
.whichOtherWindowWrap div.label {
    width: 100%;
    /*position: absolute;*/
    left: 0px;
    bottom: 5px;
    text-align: center;
    /*font-size: 0.9em;*/
}

div.field-container div.inputsContainer.damageMultiLeft {
    float: none;
}
div.field-container div.checkbox-row {
}

div.field-container label.sublabel,
div.field-container .sublabel-style {
    position: relative;
    padding-left: 22px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    margin-bottom: 5px;
}
div.field-container label.sublabel input[type=checkbox],
div.field-container label.sublabel input[type=radio]
{
    position: absolute;
    left: 0px;
}

.addToCalendarContainer {
    width: 215px;
    position: absolute;
    right: -25px;
    top: 180px;
    z-index: 10;
}

.addToCalendarContainer.expanded {
    background-color: white;
}

.addToCalendarButton {
    height: 52px;
    line-height: 52px;
    padding-left: 58px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: pointer;
    background-position: 10px 5px;
    background-repeat: no-repeat;
    background-image: url(../images/icons/add-to-calendar.png);
}

.addToCalendarButton.multiline-title {
    line-height: normal;
}

.addToCalendarButton.multiline-title table {
    height: 100%;
    width: 100%;
}

.addToCalendarButton.multiline-title table td {
    vertical-align: middle;
}

.addToCalendarContainer.expanded .addToCalendarButton {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}

.addToCalendarButton:focus {
    outline: none;
}

.addToCalendarContainer .dropdown {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: white;
}

.addToCalendarContainer .dropdown-inner {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
}

.addToCalendarContainer.expanded,
.addToCalendarContainer .dropdown {
    box-shadow: 5px 5px 5px rgba(140, 140, 140, .75);
}

.addToCalendarContainer .dropdown .dropdown-top-line {
    height: 1px;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 6px;
    background-color: #c4c4c4;
}

.addToCalendarContainer .dropdown .row {
    height: 30px;
    padding-left: 66px;
    line-height: 30px;
    cursor: pointer;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    color: #0e9cd9;
}

.addToCalendarContainer .dropdown .row.outlook {
    background-position: 10px 2px;
    background-image: url(../images/icons/outlook.png);
}

.addToCalendarContainer .dropdown .row.google {
    background-position: 19px 5px;
    background-image: url(../images/icons/google.png);
}

.addToCalendarContainer .dropdown .row.yahoo {
    background-position: 18px 3px;
    background-image: url(../images/icons/yahoo.png);
}

.addToCalendarContainer .dropdown .row.hotmail {
    background-position: 16px 4px;
    background-image: url(../images/icons/hotmail.png);
}

.addToCalendarContainer .dropdown .row.iCal {
    background-position: 17px 0px;
    background-image: url(../images/icons/ical.png);
}

.addToCalendarContainer.printContainer {
    top: 120px;
}

.addToCalendarContainer .printButton {
    background-image: url(../images/icons/icon-print.png);
}
.inline,
div.field-container .inline
{
    display: inline;
}

div.field-container div.multipleRowWrap {
    display: inline-block;
    width: 400px;
}
div.field-container.multipleRows label {
    vertical-align: top;
}

#damage-promo {
    z-index: 2;
    position: relative;
    float: right;
    padding: 20px 0 0 20px;
    border: none;
}

a.closeSelect {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/close.png') no-repeat left;
}

.addToCalendarContainer .closeSelect {
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
}

.addToCalendarContainer.expanded .closeSelect {
    display: block;
}

.addToCalendarContainer .dropdown {
    display: none;
}

.addToCalendarContainer.expanded .dropdown {
    display: block;
}
.medBtnRounded[name=detailsSubmit] {
    font-size: 13px;
}
.account-wrap .cantMakeYourAppointment {
    font-weight: bold;
}
.account-wrap .callUsToCancel {
    width: 400px;
    float: left;
}
.account-wrap .expandMapLinkContainer,
#bookingWrapper .account-wrap .expandMapLinkContainer {
    font-size: 90%;
    text-align: right;
}
.account-wrap .where .mapImage {
    text-align: center;
}
.account-wrap .toKnowExactCosts {
    font-size: 85%;
}
.account-wrap .provideDetails {
    font-weight: bold;
}
.account-wrap {
    color: #444;
}

/**
 * Above here was originally the NL styles.css file's contents
 **/


.damageOverviewSection li {
    padding-left: 0;
    margin: 0;
    width: 235px;
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}
.damageOverviewSection .columns-2 li {
    width: 300px;
}
.bookingWrapper {
    font-size: 14px;
    color: #44484d;
}
.bookingWrapper div {
    font-size: inherit;
}
.bookingWrapper .helpPanelContent h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold;
}

*:focus {
    outline: none;
}
.centerBtn {
    text-align: center;
}
.noTopMargin {
    margin-top: 0;
}

/** Buttons **/
.smButtonSmaller, .medButtonSmaller, .lrgButtonSmaller {
    border:none;
    padding: 0 10px;
    margin: 0;
    height: 25px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.buttonSmaller-active {
    background: url('../images/greenButtonsRoundedSmall.png') no-repeat;
}
.buttonSmaller-inactive {
    background: url('../images/greyButtonsRoundedSmall.png') no-repeat;
}
.smButtonMed, .medButtonMed, .lrgButtonMed {
    background: url('../images/greenButtonsRoundedMedium.png') no-repeat;
    border:none;
    padding: 0 10px;
    margin: 0;
    height: 29px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
.bookingWrapper a.smButtonSmaller,
.bookingWrapper a.medButtonSmaller,
.bookingWrapper a.lrgButtonSmaller,
#bookingWrapper a.smButtonSmaller,
#bookingWrapper a.medButtonSmaller,
#bookingWrapper a.lrgButtonSmaller {
    text-decoration: none;
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
}
.bookingWrapper a.smButtonMed,
.bookingWrapper a.medButtonMed,
.bookingWrapper a.lrgButtonMed,
#bookingWrapper a.smButtonMed,
#bookingWrapper a.medButtonMed,
#bookingWrapper a.lrgButtonMed {
    text-decoration: none;
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
}
.smButtonSmaller {
    width: 90px;
    background-position: 0 0;
}
.medButtonSmaller {
    width: 120px;
    background-position: 0 -50px;
}
.lrgButtonSmaller {
    width: 150px;
    background-position: 0 -100px;
}
.xlrgButtonSmaller {
    width: 180px;
    background-position: 0 -150px;
}
.smButtonMed {
    width: 125px;
    background-position: 0 0;
}
.medButtonMed {
    width: 150px;
    background-position: 0 -50px;
}
.lrgButtonMed {
    width: 200px;
    background-position: 0 -100px;
}
.xlrgButtonMed {
    width: 250px;
    background-position: 0 -150px;
}


/** Cover page **/
#insuranceForm .defaultLabel {
    font-weight: normal;
    width: auto;
    display: inline;
    margin: 0 0 0 5px;
    text-align: left;
    float: none;
}
label#insuranceClaimLabel {
    width: 400px;
}
.insuranceFormFields input[type="text"], #fleetAccountFieldsRow input[type="text"], #requestQuoteSection input[type="text"] {
    width: 296px;
    font-size: 18px;
     /*text-transform: uppercase;*/
}
.insuranceFormFields input.postcode[type="text"] {
    width: 166px;
}
.costInsuranceHeader, .costCashHeader {
    float: left;
    background-color: white;
    border: 1px solid #bfbfbf;
    padding-bottom: 1px;
    border-bottom: 0px solid transparent;
    cursor: default;
}
.costInsuranceHeader.inactive, .costCashHeader.inactive {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 0px;
    cursor: pointer;
    font-weight: normal;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../images/tab-gradient-bg.png);
    background-color: #e7e8e9;
}
.costInsuranceHeader.inactive h2, .costCashHeader.inactive h2 {
    font-weight: normal;
}
.costInsuranceHeader h2, #costCashHeader h2 {
    margin: 0;
    padding: 10px 20px;
}
.costInsuranceHeader.inactive h2, .costCashHeader.inactive h2 {
}
.cashOnly #costCash,
.cashOnly .costCash
{
    border: 0;
    background-color: transparent;
}
.split #costInsurance,
.split #costCash,
.split .costCash
{
    position: relative;
}
#cashQuote, .cashQuote, #insuranceQuote {
    padding: 20px;
    padding-bottom: 30px;
}
.split #cashQuote,
.split .cashQuote,
#insuranceQuote {
    padding: 20px;
}
.quoteAmount {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-left: 80px;
    margin-bottom: 20px;
}

.notInsuredSorryRowStyle .quoteAmount {
    float: left;
    line-height: 1.2;
    margin-left: 0px;
}

.quoteAmount .longText {
    width: 300px;
    line-height: 1.2;
    display: block;
    text-align: right;
    font-size: 18px;
}
.split .quoteAmount {
    float: none;
    margin-left: 0;
}
#splitInsuredSubmit,#splitCashSubmit {
}


/** Unqual appointment page **/
input.unqualInfoboxBtn,
#unqualGotoDamage input.medBtnRounded {
    font-size: 0.85em;
}
/** Appointment page **/
.clearing {
    margin: 0 0 -1px;
    font-size: 1px;
    line-height: 1px;
    padding: 0;
    border: 0;
    float: none;
    clear: both;
}
#apptTopPanelMobile, #apptTopPanelBranch {
    width: 418px;
    float: left;
    background: #f5f5f5;
    min-height: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#apptTopPanelMobile, #apptTopPanelBranch {
    border: 1px solid #ccc;
    background: url(../images/mapOuterBrgd.png) repeat-x;
    position: relative;
    box-shadow: 2px 2px 4px #ddd;
}
.apptTopPanelInner {
    /*height: 300px;*/
    border: 1px solid #fff;
    padding: 20px 30px;
}
#apptTopPanelMobile .centerBtn, #apptTopPanelBranch .centerBtn {
    width: 100%;
    bottom: 20px;
    right: 30px;
    position: absolute;
    text-align: right;
}
#apptTopPanelBranch {
    margin-left: 40px;
    float:right;
}
#apptBottomPanelMobile, #apptBottomPanelBranch {
    margin-top: 20px;
}
#apptTopPanelMobile.apptSelectedPanel, #apptTopPanelBranch.apptSelectedPanel {
    border-color: #17bc00;
}
#apptTopPanelMobile.apptSelectedPanel input, #apptTopPanelBranch.apptSelectedPanel input {
    opacity: 0.3;
    cursor: default;
}
#apptBottomPanelMobile.apptSelectedPanel, #apptBottomPanelBranch.apptSelectedPanel {
    display: block;
}
ul.apptTopUl {
    padding: 10px 20px;
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #ddd;
    /*height: 195px;*/
}
ul.apptTopUl li {
    list-style-type: none;
    padding: 0 0 20px 50px;
    margin: 20px 0 0;
    background: url('../images/image36.gif') no-repeat;
    min-height: 46px;
    border-bottom: 1px solid #ddd;
}
ul.apptTopUl li.last {
    border: none;
}
ul.apptTopUl #apptMobileTools {
    background: url('../images/tools.png') no-repeat;
}
ul.apptTopUl #apptMobileCloud {
    background: url('../images/cloud.png') no-repeat;
}
ul.apptTopUl #apptMobileKey {
    background: url('../images/key.png') no-repeat;
}
ul.apptTopUl #apptBranchWifi {
    background: url('../images/wifi.png') no-repeat;
}
ul.apptTopUl #apptBranchClock {
    background: url('../images/damageClock.png') no-repeat;
}
.apptTopPanelInner h3 {
    margin-top: 0;
    color: #000;
    height: 36px;
    line-height: 36px;
}
#mobileIcon {
    padding-left: 50px;
    background: url('../images/appointment-van.png') no-repeat center left;
}
#branchIcon {
    padding-left: 60px;
    background: url('../images/appointment-house.png') no-repeat center left;
}
div.field-container.odd, div.field-container:nth-child(odd) {
    background-color: transparent;
}
div.field-container.even, div.field-container:nth-child(even) {
    background-color: #F7F7F7;
}
div.field-container.neverAltBgColor {
    background-color: transparent;
}
#apptQual div.field-container label {
    padding-top: 6px;
    padding-bottom: 6px;
    width: 150px;
}
#apptQual div.field-container label.earlier-appointment {
    padding-top: 6px;
    width: 350px;
}
#apptMobileForm div.field-container label {
    width: 110px;
}
#apptMobileForm .zend_form {
    width: 485px;
}
#apptMobileForm span.field-error {
    position: static !important;
}
div.field-container.apptDatepickerRow {
    background-color: transparent;
    border-top: 1px solid #ccc;
}
.apptDatepicker {
    display: inline-block;
}
#mobileSlots, #branchSlots {
    border: none;
    background: #fff;
    padding: 20px 0 0 0;
}
#apptQual div.field-container {
    padding: 15px 15px 15px 15px;
    margin: 0px;
    border: 0px;
}
#mobileSlots div.field-container,
#branchSlots div.field-container {
    background: #fff;
    min-height: 32px;
    padding: 15px 0 15px 24px;
    border: 1px solid #FFFFFF;
}
#chgtimeSlots {
    border: 1px solid #E9E9E9;
    background: #fff;
    padding: 10px 20px;
}


.slotsTimes li.ooh span {
    background-image: url('../images/night-time-in-box.png');
    background-repeat:no-repeat;
    background-position: 5px 50%;
    /*position: relative;*/
}
#oohBubbleOuter, #enviroBubbleOuter {
    position: absolute;
}

#oohBubble, #enviroBubble {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    position: absolute;
    width: 320px;
    left: -1px;
}
#oohBubble {
    top: -136px;
}
#enviroBubble {
    top: -160px;
}
#oohBubbleInner, #enviroBubbleInner {
    line-height: 17px;
    text-align: left;
    color: #000;
    padding: 20px;
    position: relative
}
#oohBubbleArrow, #enviroBubbleArrow {
    position: absolute;
    background: url('../images/bubble-arrow.png') no-repeat;
    width: 20px;
    height: 13px;
    margin: 20px 0 0 -10px;
}
#enviroBubble h3 {
    margin-top: 0;
    padding-left: 40px;
    background: url('../images/green-van-in-box.png') no-repeat left center;
    height: 30px;
    line-height: 30px;
}
#oohBubble h3 {
    margin-top: 0;
    padding-left: 40px;
    background: url('../images/night-time-in-box.png') no-repeat left center;
    height: 30px;
}
#enviroBubble p, #oohBubble p {
    margin: 0;
}

.slotsTimes li.enviro span {
    background-image: url('../images/green-van-in-box.png');
    background-repeat:no-repeat;
    background-position: 5px 50%;
}
#outOfHoursContainer {
    width: 700px;
    height: 530px;
}
#outOfHoursLightbox {
    display: none;
    font-size: 14px;
}
#outOfHoursLightbox h3.title {
    background: url('../images/lightbulb.png') no-repeat;
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
}
#outOfHoursLightbox p.subheader {
    padding: 0 40px;
}
#outOfHoursLightbox .quoteSection {
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px 0;
}
#outOfHoursLightbox .quoteSectionHeader {
    width: 349px;
    float: left;
}
#outOfHoursLightbox .quoteSectionHeader h3 {
    margin-top: 0;
    color: #000;
    padding: 0 30px;
}
#outOfHoursLightbox .quotePanelL, #outOfHoursLightbox .quotePanelR {
    width: 348px;
    float: left
}
#outOfHoursLightbox .quotePanelL {
    border-right: 1px dashed #dedede;
}
#outOfHoursLightbox .quoteSection #insuranceQuote,
#outOfHoursLightbox .quoteSection #cashQuote {
    padding: 10px 30px;
}
#outOfHoursLightbox .quoteAmount {
    color: #CC0B0F;
    display: block;
    float: none;
    font-size: 3em;
    font-weight: normal;
    line-height: 0.7em;
    margin: 0;
    min-height: 70px;
}
.quoteAmount .small {
    font-size: 0.4em;
}
#outOfHoursLightbox #cashQuote ul {
    padding-left: 15px;
}

/*#apptQual .confirmSlot {
    border: 1px solid #dedede;
}
.confirmSlotInner {
    border: 1px solid #fff;
    padding: 20px 30px;
    background: url("../images/mapOuterBrgd.png") repeat-x;
}*/
.apptSlotInfoWrap {
    border: 1px solid #ccc;
    background: #fff;
}
.apptSlotInfoLeft, .apptSlotInfoRight {
    width: 400px;
    float: left;
}
.apptSlotInfoRight {
    float: right;
}
.apptSlotInfoInner {
    padding: 30px;
}
ul.tick-list {
    margin: 0;
    padding: 0;
}
ul.tick-list li {
    background: url("../images/tick-small.png") no-repeat;
    list-style-type: none;
    margin-bottom: 20px;
    min-height: 25px;
    padding-left: 30px;
}
#slotInfoKey {
    background: url("../images/slots-Info-Key.png") no-repeat;
    padding-left: 40px;
}
#slotInfoCloud {
    background: url("../images/slots-Info-cloud.png") no-repeat;
    padding-left: 40px;
}
#slotInfoWifi {
    background: url("../images/slots-Info-wifi.png") no-repeat;
    padding-left: 40px;
}
#slotInfoClock {
    background: url("../images/slots-Info-clock.png") no-repeat;
    padding-left: 40px;
}
#slotInfoNearby {
    background-position: 7px 0;
    padding-left: 40px;
}
#branchSlotForm, #mobileSlotForm {
    margin-top: 20px;
    position: static;
}
.slotsInfoSection {
    width: 180px;
    float: right;
}
.slotsKey {
}
.slotsKeyLeft {
    width: 10%;
    float: left;
    font-weight: bold;
}
.slotsKey ul {
    float: left;
    width: 90%;
    padding: 0;
    margin: 0;
}
.slotsKey li {
    list-style-type: none;
    margin: 10px 0;
    font-size: 0.9em;
}
.slotsKeyUl li span {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
}
.keyAvailable span {
    background: url("../images/slot_active.png") repeat-x;
    border: 1px solid #BFBFBF;
}
.keyUnavailable span {
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
}
.keySelected span {
    background: url("../images/slot_selected.png") repeat-x;
    border: 1px solid #0085C8;
}
.keyAllDay span {
    text-align: center;
    font-size: 9px;
    line-height: 10px;
    border: 1px solid #999;
}
.keyEnviro span {
    background: url('../images/green-van-in-key.png') no-repeat center;
}
.keyOoh {
}
.keyOoh span {
    background: url('../images/night-time-in-key.png') no-repeat;
}
.apptReserveCopy {
    float: right;
    text-align: right;
    width: 500px;
    margin-right: 20px;
    color: #666;
}
#mapOuter {
    border: 1px solid #dedede;
    padding: 0;
    margin: 20px 0;
}
#mapInner {
    border: none;
}
#map, #mapLeftPanel {
    height: 300px;
    border: none;
}
#map {
    width: 628px;
}
#mapLeftPanel {
    background: url("../images/mapOuterBrgd.png") repeat-x;
}
#mapLeftPanelBranches {
    padding-bottom: 20px;
}
#mapLeftPanelBranch {
    margin: 0;
    padding: 0;
    border: none;
}
#mapLeftPanelBranchInner {
    height: 230px;
}
#mapLeftPanel h3 {
    font-size: 1em;
    margin-top: 0;
}
#mapLeftPanel .mapPanelOuterBranch {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#mapOuter .clearing {
    margin: 0;
}

/** Vehicle page **/
#vrnInputOuter {
    padding-left: 5px;
    background-image: none;
    background-color: white;
}
#vrnInputInner {
    background-image: none;
    background-color: white;
}
#vehicleManualLeft label {
    width: 170px;
}
#vehicleEmail {
    font-size: 18px;
    width: 240px;
}
#manualFindVehicleBtnRow {
    margin-left: 177px;
}
.field-container label {
    vertical-align: top;
    margin-right: 20px;
}

/** Damage page **/
.howBigRowMulti label {
    font-size: 12px;
}
.howBigRowMulti .helpPanelContent p,
.howBigRowMulti .helpPanelContent div,
#bookingWrapper .howBigRowMulti .helpPanelContent p,
#bookingWrapper .howBigRowMulti .helpPanelContent div
{
    /*font-size: 10px;*/
}
.noRepairSection .description {
    padding-right: 10px;
    min-height: 50px;
    background-position: left top;
    background-repeat: no-repeat;
}
.noRepairSection .description.column1 {
    background-image: url(../images/noRepairNeeded-icon1.png);
}
.noRepairSection .description.column2 {
    background-image: url(../images/noRepairNeeded-icon2.png);
}
.noRepairSection .description.column3 {
    background-image: url(../images/noRepairNeeded-icon3.png);
}
.damageCopy3 {
    background: url('../images/designs/iconPoundSign.png') no-repeat;
    padding: 0 20px 0 40px;
}
#bailoutContainer {
    height: 480px;
    width: 640px;
    background: #fff url('../images/mapOuterBrgd.png') repeat-x bottom;
}
#bailoutOutImg {
    position: absolute;
    right: 20px;
    top: 68px;
    width: 117px;
    height: 159px;
    background: url('../images/bailout-bgrd.png') no-repeat;
}
.smBtnRounded, .medBtnRounded, .lrgBtnRounded {
    font-size: 14px;
}
.bailoutContainer .cancel {
    display: none;
}
.moreThanOneWindowDamaged .close {
    display: none;
}
.moreThanOneWindowDamaged .cancel {
    display: inline;
}
.callBackServiceSection table {
    width: 460px;
}
.callBackServiceSection td,
.callBackServiceSection th
{
}
.callBackServiceSection td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.callBackServiceSection th {
    width: 140px;
    padding-right: 5px;
    font-size: 12px;
    text-align: left;
}
.bailoutContainer .callYouBackSection {
    padding-left: 40px;
}

.callBackServiceSection td input,
#bailoutLightbox .callBackServiceSection td input {
    width: 298px;
    border: 1px solid #4d4d4d;
}
.callBackServiceSection .chzn-container .chzn-single {
    border: 1px solid #4d4d4d;
}

.nextPageButton {
    margin-left: 10px;
}
#vehicleRegLeft {
    width: auto;
    float: none;
}
.vehicleRegLeft .helpPanelContent {
    width: 170px;
    margin-top: 5px;
    float: right;
}
.vehicleRegLeft .leftContent {
    width: 400px;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
}
#vehicleRegForm, #vehicleRegFormAjax {
    margin-right: 0px;
}
div.altLink1 {
    text-align: right;
}
div.productIdPath {
    padding-top: 0px;
}
div.productIdQuestion {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 22px;
    color: #44484d;
}
div.productIdQuestion div.leftRight {
}

div.productIdQuestion div.question {
    /*width: 580px;*/
    margin-bottom: 10px;
}
div.productIdQuestion.even {
    background-color: #f4f4f4;
}
div.productIdQuestion div.question-inner {
    padding-right: 20px;
}
div.productIdQuestion div.question-inner .questionText,
div.productIdQuestion div.question-inner .q
{
    font-size: 115%;
    font-weight: bold;
}
div.productIdQuestion div.question-inner .contextual_help,
#bookingWrapper div.productIdQuestion div.question-inner .contextual_help {
    margin-top: 5px;
    font-size: 90%;
    font-style: italic;
}
div.productIdQuestion div.answers {
    line-height: 20px;
}
div.productIdQuestion div.help {
    width: 30%;
    float: left;
}
div.productIdQuestion div.answers div.answer {
    width: 100px;
    float: left;
}
div.productIdQuestion div.answers div.answer.iDontKnow {
    width: 200px;
}
div.productIdQuestion div.answers div.answer label {
    display: block;
    position: relative;
    padding-left: 23px;
}

div.productIdQuestion div.answers div.answer input[type=radio] {
    position: absolute;
    left: 0px;
    top: 4px;
}

div.product-inner {
    margin-bottom: 15px;
}
div.chooseProduct .chooseProduct-inner {
    margin-bottom: 10px;
}
div.chooseProduct .product {
    width: 850px;
    padding: 20px;
    border: 1px solid black;
}
.bookingWrapper div.chooseProduct .title,
.bookingWrapper div.chosenProductStyle .title,
#bookingWrapper div.chooseProduct .title,
#bookingWrapper div.chosenProductStyle .title
{
    margin-bottom: 20px;
    font-size: 20px;
}
div.chooseProduct .imageContainer,
div.chosenProductStyle .imageContainer
{
    width: 200px;
    float: left;
}
div.chooseProduct .imageContainer img,
div.chosenProductStyle .imageContainer img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.chosenProductStyle {
    min-height: 292px;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-image: url(../images/chosenProduct-bg.png);
    color: #44484d;
}
div.chosenProductStyle.notSureNoChat {
    min-height: 50px;
}
div.chosenProductStyle .secondaryTitle,
#bookingWrapper div.chosenProductStyle .secondaryTitle
{
    padding-left: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #44484d;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-image: url(../images/tick-large.png);
}
div.chosenProductStyle div.chosenProduct-inner {
    padding-left: 35px;
    padding-right: 35px;
}
div.chosenProductStyle div.quotesContainer {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    background-color: white;
}
div.chosenProductStyle div.quotesContainer .quote {
    padding-left: 40px;
    width: 200px;
    float: left;
    background-position: 5px top;
    background-repeat: no-repeat;
    background-image: url(../images/quote-icon.png);
}
div.chosenProductStyle div.quotesContainer .quote.phone {
    background-image: url(../images/phone.png);
    background-position: 0px 15px;
}
div.chosenProductStyle.foundMultipleProductsContainer div.quotesContainer .quote {
    width: auto;
}
div.chosenProductStyle div.quotesContainer .quote.realQuote {
    background-position: 10px 2px;
}
div.chosenProductStyle div.quotesContainer .quote.weveFitted {
    background-image: url(../images/tools.png);
}
div.chosenProductStyle div.quotesContainer .longQuote {
    width: 400px;
}
div.chooseProduct .text,
div.chosenProductStyle .text
{
    width: 580px;
    float: left;
    font-weight: normal;
}
div.chooseProduct .text .text-inner {
    padding-left: 20px;
    padding-right: 20px;
}
div.chooseProduct .select,
div.chosenProductStyle .select
{
    width: 250px;
    margin-bottom: 20px;
    float: right;
}
div.chosenProductStyle .select-inner {
    float: right;
}
div.chooseProduct .select button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: right;
}
div.chosenProductStyle .leftRight {
    margin-bottom: 10px;
}
div.chosenProductStyle .weveFitted {
    width: 480px;
}
div.chosenProductStyle .bubble {
    width: 200px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #333;
    background: #fff;
    border-radius: 5px;
}
div.chosenProductStyle .imageContainer img {
    margin-bottom: 10px;
}
div.chosenProductStyle .text .tickedRow {
    height: 20px;
    line-height: 20px;
    background-position: left 3px;
    background-repeat: no-repeat;
    background-image: url(../images/slotSelect_10.png);
    padding-left: 15px;
}
div.insurerDetailsReadyRow {
    text-align: center;
}
div.insuranceReadyNotReady {
    position: relative;
    display: inline-block;
    width: 380px;
    height: 160px;
    padding: 10px;
    border: 1px solid black;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
    background-color: white;
    text-align: left;
    border-radius: 20px;
    -moz-border-radius: 20px;
}
div.insuranceReadyNotReady .title {
    height: 40px;
    vertical-align: bottom;
    font-weight: bold;
}
div.insuranceReadyNotReady .buttonContainer {
    width: 100%;
    position: absolute;
    bottom: 20px;
}
div.insuranceReady button,
div.insuranceNotReady button
{
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#coverOverlayContainer {
    width: 540px;
    height: 500px;
}
#contextualHelpOverlayContainer {
    width: 540px;
    height: 260px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaeb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaeb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaeb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaeb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaeb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaeb',GradientType=0 ); /* IE6-9 */
}
div.coverOverlayInsurerNotReady {
}
div.coverOverlayInsurerNotReady .bottomSection a.back {
    float: left;
}
div.coverOverlayInsurerNotReady .bottomSection .right {
    float: right;
}
div.coverOverlayInsurerNotReady .bottomSection .right a {
    display: inline-block;
    text-decoration: none;
    line-height: 29px;
}
.insuranceForm div.formRow,
.insuranceFormStyle div.formRow,
.insuranceFormStyle div.formRowNoStyle
{
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 20px;
}
.paymentDetailsForm.insuranceFormStyle div.formRow,
.paymentDetailsForm.insuranceFormStyle div.formRowNoStyle {
    height: 28px;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 28px;
}
.insuranceForm div.formRow div.rightHelp {
    width: 192px;
    min-height: 30px;
    padding-left: 40px;
    float: right;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/info-icon.png);
}
.insuranceForm label .mainLabelText {
    margin-bottom: 3px;
}
.insuranceForm div.formRow div.rightHelp .text,
#insuranceForm div.formRow div.rightHelp .text
{
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 15px;
}
.insuranceForm div.formRow div.rightHelp .image,
#insuranceForm div.formRow div.rightHelp .image
{
    display: none;
}

#insuranceForm div.bookingSection div#priceRow label {
    margin-top: -1px;
}

.threeColumns {
    text-align: center;
}
.threeColumns .column {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 240px;
    height: 420px;
    padding: 20px;
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid black;
    border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: left;
}

.threeColumns .step {
    position: absolute;
    left: -6px;
    top: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid black;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background-color: white;
}

.threeColumns .column div.title {
    padding-left: 10px;
    font-weight: bold;
}

.threeColumns .column div.title span.title {
    font-size: 140%;
}

.threeColumns .column .buttonArea {
    text-align: center;
}

.threeColumns .column .buttonArea a.button {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.threeColumns .column .videoContainer {
    text-align: center;
}

.secondaryTitle,
#bookingWrapper .secondaryTitle
{
    color: #008fd3;
    font-size: 1.5em;
    margin-top: 17px;
    margin-bottom: 17px;
    font-weight: bold;
}
.h1 {
    color: #008fd3;
    font-size: 2em;
    font-weight: normal;
}

.relative {
    position: relative;
}
.damageDate .field-hint {
    position: absolute;
    right: 0px;
    top: -5px;
    font-size: 12px;
}
.damageDate .field-hint .field-hint-inner {
    display: block;
    padding-right: 45px;
}
div.webchat {
    width: 400px;
}
div.webchat .messageHistory {
    height: 275px;
    border: 1px solid black;
    overflow: auto;
    text-align: left;
}
div.webchat .inputContainer {
    width: 380px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
div.webchat .messageHistory {
    height: 200px;
    border: 1px solid black;
    margin-bottom: 20px;
    overflow: auto;
    text-align: left;
}
div.webchat .messageHistory .messageHistory-inner {
    padding: 10px;
}
div.webchat .messageHistory .authorArea {
    color: #ff0000;
}
div.webchat .messageHistory .authorArea.him {
    color: #00b0f0;
}
div.webchat .inputContainer {
    margin-bottom: 5px;
    text-align: left;
}
div.webchat .inputContainer input {
    width: 340px;
    height: 15px;
    padding: 4px;
    border: 1px solid black;
    margin: 0px;
}
div.webchat .inputContainer button {
    width: 40px;
}
div.webchat .yourMessage {
    width: 300px;
    text-align: left;
}
div.webchat .inputContainer button {
    float: right;
    width: 50px;
    height: 25px;
    border: 0;
    padding: 5px;
    line-height: 15px;
}
div.webchatOpenerSection {
    margin-bottom: 10px;
}
div.insurerDetailsReadyRow2 {
    text-align: left;
}
div.insurerDetailsReadyRow2 .buttons {
}
div.insurerDetailsReadyRow2 .buttons button {
    display: inline-block;
}
.inlineBlock {
    display: inline-block;
}
div.insurerDetailsReadyRow2 .buttons .skipInsurer {
    margin-left: 20px;
}
.notBold {
    font-weight: normal;
}
label.innerLabel,
#insuranceForm label.innerLabel
{
    display: inline;
    float: none;
    font-weight: normal;
}
div.coverOverlayFsa {

}
div.coverOverlayFsa .buttonRow {
    height: 30px;
}
div.coverOverlayFsa .buttonRow.relative {
    position: relative;
}
div.coverOverlayFsa .buttonRow .farthestLeft {
    position: absolute;
    left: 0px;
}
div.coverOverlayFsa .buttonRow .farthestRight {
    position: absolute;
    right: 0px;
}
.newOverlayStyle .overlayInnerBox {
    border: 1px solid #e0e0e0;
    padding: 15px;
    padding-left: 30px;
    margin-bottom: 25px;
    background-color: white;
    line-height: 18px;
}
div.fsaContent {
}
.costTabHeader {
    height: 45px;
}
div.infoBlockContainer {
    position: relative;
    margin-bottom: 12px;
}

div.infoBlockContainer h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
}

div.infoBlockContainer ul,
div.infoBlockContainer ol
{
    padding-left: 0px;
    margin-left: 20px;
}

div.infoBlockContainer li {
}

div.infoBlockContainer div.number,
#bookingWrapper div.infoBlockContainer div.number
{
    display: none;
    left: -10px;
    top: -10px;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    background-color: green;
    color: white;
    border-radius: 999px;
    -moz-border-radius: 999px;
}

.infoBlockContainer1 h3 {
    background-image: url(../images/account/cost.png);
}

.infoBlockContainer2 h3 {
    background-image: url(../images/tick-document.png);
}

div.infoBlockContainer div.infoBlock,
div.infoBlockStyle
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
input.moneySize,
#insuranceFormFields input.moneySize {
    width: 100px;
}
.damageDateSelectWrapper {
    margin-right: 8px;
}
.optionSingleWide {
}
div.expiryDateRow .chzn-select,
#insuranceForm div.expiryDateRow select.chzn-select
{
    width: 95px;
}
div.quoteMain {
    position: relative;
    width: 548px;
    float: right;
}
.cashOnly div.quoteMain {
    width: auto;
    float: none;
}
div.quoteRight {
    margin-left: 20px;
    width: 200px;
    float: left;
}
.cashOnly div.quoteRight {
    display: none;
}
div.quoteRight div.bubble,
div.bubbleContainer div.bubble {
    padding: 20px;
    margin-top: 20px;
    background-color: #9999ff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    color: black;
}
div.bubbleContainer div.bubble {
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.customerReviews {
    margin-bottom: 10px;
}
.customerReviews .leftRight .reviewsLeft {
    float: left;
    width: 300px;
}
.customerReviews .leftRight .bubblesRight {
    float: right;
    width: 500px;
}
.customerReviews .starRow {
    height: 31px;
    line-height: 31px;
    font-size: 12px;
}
.customerReviews .stars {
    vertical-align: top;
    line-height: 31px;
}
.customerReviews .stars img {
    vertical-align: middle;
}
.customerReviews div.seeAll {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
}
div.errorBorder {
    border: 2px solid red;
}
.errorMsg {
    display: none;
}
.errorBorder .errorMsg {
    display: block;
}
.bookingSection.repair .replaceCase {
    display: none;
}
.bookingSection.replace .repairCase {
    display: none;
}
.payTitle,
.bookingWrapper .payTitle
{
    font-size: 16px;
    margin-bottom: 4px;
    line-height: normal;
    color: #c1002a;
    font-weight: bold;
}
.moneyAmount,
#bookingWrapper .moneyAmount
{
}
.vatIncluded,
#bookingWrapper .vatIncluded
{
    margin-bottom: 11px;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
}
.commentTextBlock,
#bookingWrapper .commentTextBlock
{
}
.split .commentTextBlock,
#bookingWrapper .split .commentTextBlock
{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.quoteAmount,
#bookingWrapper .quoteAmount
{
    margin-left: 0px;
}
.split .quoteAmount,
#bookingWrapper .split .quoteAmount
{
    float: none;
}
.commentTextBlock .commentText-inner {
    margin-top: 1em;
    display: table-cell;
    vertical-align: middle;
}
p.moreAccurateCopy {
    display: none;
}
.split p.moreAccurateCopy {
    display: block;
}
.paymentSection {

}
.paymentSection .firstRowBoxes {
    margin-bottom: 30px;
}
.paymentSection .firstRowBoxes .box {
    min-height: 165px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eef;
}
.paymentSection .firstRowBoxes .leftLong {
    width: 615px;
    margin-right: 10px;
    float: left;
}
.paymentSection .firstRowBoxes .rightShort {
    width: 190px;
    float: left;
}
.paymentSection .cost {
    font-size: 20px;
    font-weight: bold;
}
.paymentSection .whyPayOnline .reason {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
}
.paymentSection .secondRowBoxes {
    margin-bottom: 30px;
}
.paymentSection .secondRowBoxes .box {
    float: left;
    width: 285px;
    padding: 15px;
    background-color: #eef;
}
.paymentSection .secondRowBoxes .leftBox {
    width: 286px;
    margin-right: 10px;
}
.paymentSection .secondRowBoxes .box .textDescription {
    height: 150px;
}
.paymentSection .secondRowBoxes .box .waysToPay {
    text-align: center;
    margin-bottom: 5px;
}
.paymentSection .secondRowBoxes .box .buttonRow {
    text-align: center;
}
.paymentSection .creditCardDetailsBox {
    padding: 15px;
}
.paymentSection .creditCardDetailsBox.active {
    background-color: #eef;
}
.paymentSection div.creditCardDetailsBox .multipleRowWrap {
    width: 300px;
}
.paymentSection .field-container,
.withinPaymentSection div.field-container
{
    padding-left: 0px;
    border: 0;
    background-color: transparent;
}
iframe.cardDetails {
    width: 100%;
    height: 400px;
    border: 0;
    padding: 0;
    margin: 0;
}
html.iframeHtml body {
    margin: 0;
    font-family: arial;
    font-size: 14px;
}
.paymentSection .continueRow {

}
.paymentSection .textLeft {
    display: none;
    width: 400px;
    float: left;
    text-align: right;
}
.paymentSection .textLeft-inner {
    margin-left: 50px;
}
.paymentSection .buttonRight {
    float: right;
}
.paymentSection span.field-status {
    display: none;
}
.paymentSection .creditCardDetailsRow h3 {
    font-size: 150%;
}
.iframeHtml .withinPaymentSection h4,
.paymentSection .creditCardDetailsRow h4 {
    font-size: 120%;
}
#cardSecurityCode {
    width: 50px;
}
.waitPage {

}
.waitPage .waitRow {
    margin: 100px 0;
}
.waitPage .waitRow .waitBox {
    width: 450px;
    padding: 15px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
}
.waitPage .waitRow .waitBox h3 {
    color: red;
    font-size: 18px;
}
.waitPage .waitRow .waitBox div.bigSpinner {
    text-align: center;
    margin-bottom: 10px;
}
.waitPage .waitRow .waitBox .spinnerList {
}
.waitPage .waitRow .waitBox .spinnerList .listItem {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.underline {
    text-decoration: underline;
}
#vehicleManualLeft {
    width: auto;
    float: none;
}
.vehicleManualLeft .formRow {
    height: 28px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 35px;
}
.vehicleManualLeft .formRow label.rowLabel {
    height: 28px;
    line-height: 28px;
}
.vehicleManualLeft .formRow .chzn-container {
    margin-right: 15px;
}
#bookingWrapper .vehicleManualLeft .contextualHelp,
.vehicleManualLeft .contextualHelp {
    width: 350px;
    margin-top: -10px;
    float: right;
    font-size: 12px;
}
.vehicleManualLeft .contextualHelp h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.vehicleManualLeft .contextualHelp p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.vehicleManualLeft .tooltip-contextual-help {
    vertical-align: top;
}
div.moreInformationContent {
    height: 200px;
}
div.moreInformationContent .contextualHelpSection {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
}
h2.useIcon {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.useIcon.lightBulb {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/lightbulb.png);
}
div.account-wrap {

}
div.account-wrap table.accountTable {
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
}
div.account-wrap table.accountTable td {
    width: 20%;
    padding: 10px;
    /*border: 1px solid black;*/
    vertical-align: top;
}
div.account-wrap table.accountTable h3 {
    margin-top: 0;
    color: #008fd3;
}
div.account-wrap table.accountTable .imageContainer {
    text-align: center;
}

/** Change location **/
#chgLocTopOuter {
    margin-bottom: 20px;
}
#chgLocTopLeft {
    width: 220px;
    float: left;
}
#chgLocTopRight {
    width: 450px;
    float: right;
}
#chgLocMap {
    width: 450px;
    height: 200px;
}
#chgTimeMap {
    width: 450px;
    height: 160px;
}
#chgLocOptionsLeft {
    padding-right: 30px;
    border-right: 1px dashed #dedede;
    width: 297px;
    float: left;
}
#chgLocOptionsRight {
    padding-left: 30px;
    width: 300px;
    float: left;
}

#chgLocOptions .chgLocOptionsInner {
    /*padding: 20px;*/
}
#chgLocOptions {
    color: #4d4d4d;
    padding: 20px;
}
#chgLocOptions,
#apptChangeLocation #mobileSlots,
#apptChangeLocation #branchSlots {
    border: 1px solid #E9E9E9;
    background: #fff;
}
#chgLocBranchesNew {
    color: #4d4d4d;
}
h2.chgLocTitle {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 2px 3px;
    background-image: url(../images/account/where.png);
    color: #008fd3;
    margin: 0 0 0.5em 0;
}
#apptChangeTime h2.chgLocTitle {
    background-image: url(../images/account/when.png);
}
#apptChangeLocation h4.mapPanelBranch {
    margin-top: 0;
}

.mapLeftPanel {
}
.mapLeftPanelInner {
}
.mapLeftPanel h3 {
    margin-top: 0;
}
.mapLeftPanel ul {
    margin: 0;
    padding: 0;
    width: 117px;
    float: left;
}
.mapLeftPanel li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
.mapLeftPanel input {
    width: 150px;
    float: left;
}
.mapLeftPanelBranch {
    padding-top: 10px;
}
.mapLeftPanelBranchInner {
    height: 240px;
    overflow: hidden
}
.mapPanelOuterBranch {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #dedede;
}
#chgLocSpinner, #chgLocSpinnerNew {
    width: 66px;
    margin: 50px auto;
}
.chgLocRadioWrap {
    margin-bottom: 20px;
}
#branchSlots.chgLocTime, #mobileSlots.chgLocTime, #chgtimeSlots {
    padding: 20px;
}
.chgLocTimeLeft {
    padding-right: 30px;
    border-right: 1px dashed #dedede;
    width: 297px;
    float: left;
}
.chgLocTimeRight {
    padding-left: 30px;
    width: 300px;
    float: left;
}
.chgLocTime h3 {
    margin-top: 0;
}
.chgLocChangeDate {
    font-size: 0.9em;
    font-weight: normal;
}
/*#apptChangeTime .chgLocTimeLeft {
    padding-right: 20px;
    border-right: 0px solid #dedede;
    width: 235px;
    float: left;
}
#apptChangeTime .chgLocTimeRight {
    padding-left: 20px;
    width: 562px;
    float: left;
}*/
#accountChangeLocationContainer, #accountChangeTimeContainer {
    width: 757px;
    height: 600px;
}
#accountChangeLocationContainer.simplemodal-container, #accountChangeTimeContainer.simplemodal-container {
    padding: 0;
}
#accountChangeLocationContainer .simplemodal-wrap, #accountChangeTimeContainer .simplemodal-wrap {
    overflow-y: scroll !important;
}
#accountChangeLocationLightbox, #accountChangeTimeLightbox {
    font-size: 14px;
    /*display: none;*/
    padding: 0 20px;
}
#apptChangeLocation.lightboxContent, #apptChangeTime.lightboxContent {
    padding: 0;
}
.offPageDivs {
    position: absolute;
    left: -9999px;
    top: 0;
}
.chgLocTime .slotsTimesWrapper {
    width: 298px;
    overflow: hidden;
}

.chgLocTime .slotsTimes ul {
    width: 298px;
    float: left;
    margin: 0;
    padding: 0;
}
.chgLocTime .slotsTimes li {
    width: 210px;
}
.chgLocTime ul.slotsDayPart {
    padding: 0;
    margin: 0;
}
.chgLocTime ul.slotsDayPart li {
    background: #4d4d4d;
    color: #fff;
    border: 1px solid #000;
    font-weight: bold;
    display: block;
    list-style-type: none;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    float: left;
}
.chgLocTime ul.slotsDayPart li.previousDayPart {
    width: 40px;
}
.chgLocTime li.previousDayPart.active {
    background: url('../images/slotArrows-uk.png') 0 0 no-repeat;
    cursor: pointer;
}
.chgLocTime li.previousDayPart.active:hover {
    background-position: 0 100%;
}
.chgLocTime li.nextDayPart.active {
    background: url('../images/slotArrows-uk.png') 100% 0 no-repeat;
    cursor: pointer;
}
.chgLocTime li.nextDayPart.active:hover {
    background-position: 100% 100%;
}
.chgLocTime ul.slotsDayPart li.nextDayPart {
    width: 40px;
}
.chgLocTime ul.slotsDayPart li.currentDayPart {
    text-align: center;
    width: 210px;
    margin: 0 1px;
    /*font-size: 1.4em;*/
}
#apptMobileForm .ajaxSpinner {
    display: none;
}




/** Unusual div **/
div.unusualDiv table.damageCopyTable {
    border-spacing: 10px;
}
div.unusualDiv table.damageCopyTable td {
    width: 40%;
    padding: 10px;
    border: 1px solid #aaa;
    vertical-align: top;
}
div.unusualDiv table.damageCopyTable td h3 {
    padding-top: 5px;
}
.damageOverviewSection .whatsNextCopy {
    background: url('../images/whatsNextIcon.png') no-repeat;
    padding: 0 20px 0 40px;
}
.damageOverviewSection .whatsNextCopy li {
    list-style-type: disc;
    display: list-item;
}
span.smBtnRounded,
span.medBtnRounded,
span.lrgBtnRounded
{
    display: inline-block;
    text-decoration: none;
    height: 31px;
    line-height: 31px;
}
.chatCallDamageRow {
    text-align: right;
}
.chatCallDamageRow .medBtnRounded {
    padding-right: 0px;
}
div.foundMultipleProductsContainer {

}
div.foundMultipleProductsContainer div.weHaveFoundANumberOfOptions {
    padding: 0 20px 0 40px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 100px;
    margin-bottom: 20px;
    background: url('../images/tick.jpg') no-repeat;
    background-position: 20px top;
}
div.foundMultipleProductsContainer div.whatsNextContainer {
    padding: 0 20px 0 40px;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 100px;
}
div.foundMultipleProductsContainer div.whatsNextContainer .ourAdvisors {
    font-size: 12px;
    line-height: 14px;
}
div.foundMultipleProductsContainer div.whatsNextContainer div.leftRight {
}
div.foundMultipleProductsContainer div.whatsNextContainer div.leftRight div.requestCallBackSide {
    float: left;
}
div.foundMultipleProductsContainer div.chatNowSide {
    float: right;
}
div.idealModal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-position: left top;
    background-repeat: repeat;
    background: url('../images/modal-bg.png');
}
div.hiddenTooltips {
    position: absolute;
    left: -10000em;
    top: -10000em;
}
div.idealModal div.ifNotSureWebchatSection {
    position: absolute;
    width: 400px;
    padding: 10px;
    background-color: white;
}
div.idealModal div.ifNotSureWebchatSection h2 {
    padding: 3px;
    margin-top: 0px;
    font-weight: normal;
    text-align: left;
    background-color: #ddd;
}
div.idealModal div.ifNotSureWebchatSection h2 img {
    vertical-align: middle;
}
#howBigContainer .simplemodal-close.alwaysShow {
    visibility: visible;
}
div.customerReviews {
    padding-top: 0px;
}
div.bookingSection .cashOnly {
}
div.bookingSection .cashOnly .costCash {
    position: relative;
}
div.bookingSection .cashOnly .commentTextBlock,
#bookingWrapper div.bookingSection .cashOnly .commentTextBlock {
    display: none;
}

div.bookingSection .cashOnly .commentTextBlock,
#bookingWrapper div.bookingSection .cashOnly .commentTextBlock {
    display: none;
}
div.bookingSection .cashOnly .nextPageButton {
    position: absolute;
    top: 75px;
    right: 20px;
}
div.bookingSection .cashOnly .quoteAmount {
    min-height: 0;
}
div.bookingSection .cashOnly .dangle {
    position: relative;
    height: 150px;
    margin-bottom: 15px;
    background-position: 50px bottom;
    background-repeat: no-repeat;
    background-image: url('../images/not-insured-bg.png');
}
div.bookingSection .cashOnly .dangle .bubble {
    width: 400px;
    position: absolute;
    top: 20px;
    left: 250px;
}
.insuranceForm .onlyIfNotInsured,
.insuranceForm .onlyIfInsured
{
    display: none;
}
.insuranceForm.isInsured .onlyIfInsured {
    display: block;
}
.insuranceForm.isNotInsured .onlyIfNotInsured {
    display: block;
}
.question-inner .inlineContextualHelp {
    font-size: 90%;
    font-style: italic;
}
.ifNotSureWebchatSection .endChatSession {
    text-align: left;
}
.ifNotSureWebchatSection .pleaseWait {
    text-align: left;
}
.ifNotSureWebchatSection .pleaseWait em {
    font-style: normal;
    color: #00b0f0;
}
.ifNotSureWebchatSection .werePuttingYouInContactWith {
    text-align: left;
    font-size: 14px;
}
.ifNotSureWebchatSection .bigSpinner {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.intro-wrap .resultContainer .result {
    display: none;
}
.intro-wrap .resultContainer.yes .result.yes {
    display: block;
}
.intro-wrap .resultContainer.no .result.no {
    display: block;
}
div.account-wrap {

}
div.account-wrap table.accountTable {
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%;
}
div.account-wrap table.accountTable td {
    width: 247px;
    padding: 10px;
    vertical-align: top;
}
div.account-wrap table.accountTable h3 {
    margin-top: 0;
    color: #008fd3;
}
div.account-wrap table.accountTable .imageContainer {
    text-align: center;
}
div.account-wrap table.accountTable h3 {
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    background-position: left top;
    background-repeat: no-repeat;
    color: #444;
}
.account-wrap table.accountTable .what h3 {
    background-position: 5px 3px;
    background-image: url(../images/account/what.png);
}
.account-wrap table.accountTable .where h3 {
    background-position: 2px 3px;
    background-image: url(../images/account/where.png);
}
.account-wrap table.accountTable .when h3 {
    background-position: 2px 3px;
    background-image: url(../images/account/when.png);
}
.account-wrap table.accountTable .cost h3 {
    background-position: 0px 2px;
    background-image: url(../images/account/cost.png);
}
.account-wrap table.accountTable .details h3 {
    background-position: 5px 3px;
    background-image: url(../images/account/details.png);
}
.account-wrap table.accountTable .vehicle h3 {
    padding-left: 55px;
    background-position: 2px 4px;
    background-image: url(../images/account/vehicle.png);
}
div.account-wrap table.accountTable td {
    padding-bottom: 25px;
}
.quoteAmount div.labelAmount {
    font-size: 14px;
    line-height: 16px;
}
.quoteAmount .labelAmount .label {
}
div.schematicContainer {
    min-height: 0;
    padding: 13px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-position: left bottom;
    font-size: 12px;
}
div.schematicContainer .schematicContainer-inner  {
    position: relative;
    padding-bottom: 81px;
    padding-top: 62px;
    border: 1px solid #ededed;
    background-color: white;
    -moz-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
}
div.schematicContainer .schematicContainer-inner .frontTextImage,
div.schematicContainer .schematicContainer-inner .rearTextImage
{
    position: absolute;
    top: 80px;
    width: 162px;
    height: 108px;
    background-position: left top;
    background-repeat: no-repeat;
}
div.schematicContainer .schematicContainer-inner .frontTextImage {
    background-image: url(../images/whichOtherWindow/text_front.png);
    right: 0px;
}
div.schematicContainer .schematicContainer-inner .rearTextImage {
    background-image: url(../images/whichOtherWindow/text_rear.png);
}
div.schematicContainer .table-bg {
    position: relative;
    height: 152px;
    padding-top: 1px;
    padding-bottom: 1px;
    overflow: hidden;
}
div.schematicContainer .tableContainer {
    position: relative;
    width: 330px;
    height: 112px;
    margin-left: auto;
    margin-right: auto;
}
div.schematicContainer .labelContainer {
    text-align: center;
    width: 90px;
    position: absolute;
}
div.schematicContainer .labelContainer.dynamicLabelContainer {
    position: absolute;
    height: 45px;
    line-height: 45px;
    width: 100%;
    bottom: 0px;
    text-align: left;
    background-image: url(../images/selectWindowLabelBg.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: white;
}
div.schematicContainer .labelContainer.dynamicLabelContainer .dynamicLabelContainer-inner {
    padding-left: 10px;
    font-size: 14px;
}
div.schematicContainer .tableContainer .labelContainer.rearLabelContainer {
    text-align: right;
    top: 78px;
    left: -105px;
}
div.schematicContainer .tableContainer .labelContainer.frontLabelContainer {
    text-align: left;
    top: 78px;
    right: -105px;
}
div.schematicContainer .tableContainer .labelContainer.leftLabelContainer {
    width: 100%;
    top: -20px;
}
div.schematicContainer .tableContainer .labelContainer.rightLabelContainer {
    width: 100%;
    bottom: -20px;
}
div.schematicContainer table.schematicTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
div.schematicContainer td {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
div.schematicContainer .rowMiddle td {
}
div.schematicContainer td div.inner {
    width: 100%;
    height: 100%;
}
div.schematicContainer td.active.selected div.inner {
}
div.schematicContainer td.active:hover {
    cursor: pointer;
}
div.schematicContainer .roof.active {
    background-image: url(../images/holes/window_l4.png);
}
div.schematicContainer .rear.active {
    background-image: url(../images/holes/window_back.png);
}
div.schematicContainer .front.active {
    background-image: url(../images/holes/window_front.png);
}
div.schematicContainer .l1.active {
    background-image: url(../images/holes/window_l2.png);
}
div.schematicContainer .l2.active {
    background-image: url(../images/holes/window_l2.png);
}
div.schematicContainer .l3.active {
    background-image: url(../images/holes/window_l3.png);
}
div.schematicContainer .ml7.active,
div.schematicContainer .mr7.active,
div.schematicContainer .l4.active {
    background-image: url(../images/holes/window_4.png);
}
div.schematicContainer .l5.active {
    background-image: url(../images/holes/window_l5.png);
}
div.schematicContainer .l6.active {
    background-image: url(../images/holes/window_l6.png);
}
div.schematicContainer .l7.active {
    background-image: url(../images/holes/window_l6.png);
}
div.schematicContainer .r1.active {
    background-image: url(../images/holes/window_r2.png);
}
div.schematicContainer .r2.active {
    background-image: url(../images/holes/window_r2.png);
}
div.schematicContainer .r3.active {
    background-image: url(../images/holes/window_r3.png);
}
div.schematicContainer .r4.active {
    background-image: url(../images/holes/window_4.png);
}
div.schematicContainer .r5.active {
    background-image: url(../images/holes/window_r5.png);
}
div.schematicContainer .r6.active {
    background-image: url(../images/holes/window_r6.png);
}
div.schematicContainer .r7.active {
    background-image: url(../images/holes/window_r6.png);
}
div.schematicContainer .roof.active:hover {
    background-image: url(../images/holes/hover/window_l4.png);
}
div.schematicContainer .rear.active:hover {
    background-image: url(../images/holes/hover/window_back.png);
}
div.schematicContainer .front.active:hover {
    background-image: url(../images/holes/hover/window_front.png);
}
div.schematicContainer .l1.active:hover {
    background-image: url(../images/holes/hover/window_l2.png);
}
div.schematicContainer .l2.active:hover {
    background-image: url(../images/holes/hover/window_l2.png);
}
div.schematicContainer .l3.active:hover {
    background-image: url(../images/holes/hover/window_l3.png);
}
div.schematicContainer .ml7.active:hover,
div.schematicContainer .mr7.active:hover,
div.schematicContainer .l4.active:hover {
    background-image: url(../images/holes/hover/window_4.png);
}
div.schematicContainer .l5.active:hover {
    background-image: url(../images/holes/hover/window_l5.png);
}
div.schematicContainer .l6.active:hover {
    background-image: url(../images/holes/hover/window_l6.png);
}
div.schematicContainer .l7.active:hover {
    background-image: url(../images/holes/hover/window_l6.png);
}
div.schematicContainer .r1.active:hover {
    background-image: url(../images/holes/hover/window_r2.png);
}
div.schematicContainer .r2.active:hover {
    background-image: url(../images/holes/hover/window_r2.png);
}
div.schematicContainer .r3.active:hover {
    background-image: url(../images/holes/hover/window_r3.png);
}
div.schematicContainer .r4.active:hover {
    background-image: url(../images/holes/hover/window_4.png);
}
div.schematicContainer .r5.active:hover {
    background-image: url(../images/holes/hover/window_r5.png);
}
div.schematicContainer .r6.active:hover {
    background-image: url(../images/holes/hover/window_r6.png);
}
div.schematicContainer .r7.active:hover {
    background-image: url(../images/holes/hover/window_r6.png);
}
div.schematicContainer .selected.roof.active {
    background-image: url(../images/holes/window_l4_s.png);
}
div.schematicContainer .selected.rear.active {
    background-image: url(../images/holes/window_back_s.png);
}
div.schematicContainer .selected.front.active {
    background-image: url(../images/holes/window_front_s.png);
}
div.schematicContainer .selected.l1.active {
    background-image: url(../images/holes/window_l2_s.png);
}
div.schematicContainer .selected.l2.active {
    background-image: url(../images/holes/window_l2_s.png);
}
div.schematicContainer .selected.l3.active {
    background-image: url(../images/holes/window_l3_s.png);
}
div.schematicContainer .selected.ml7.active,
div.schematicContainer .selected.mr7.active,
div.schematicContainer .selected.l4.active {
    background-image: url(../images/holes/window_4_s.png);
}
div.schematicContainer .selected.l5.active {
    background-image: url(../images/holes/window_l5_s.png);
}
div.schematicContainer .selected.l6.active {
    background-image: url(../images/holes/window_l6_s.png);
}
div.schematicContainer .selected.l7.active {
    background-image: url(../images/holes/window_l6_s.png);
}
div.schematicContainer .selected.r1.active {
    background-image: url(../images/holes/window_r2_s.png);
}
div.schematicContainer .selected.r2.active {
    background-image: url(../images/holes/window_r2_s.png);
}
div.schematicContainer .selected.r3.active {
    background-image: url(../images/holes/window_r3_s.png);
}
div.schematicContainer .selected.r4.active {
    background-image: url(../images/holes/window_4_s.png);
}
div.schematicContainer .selected.r5.active {
    background-image: url(../images/holes/window_r5_s.png);
}
div.schematicContainer .selected.r6.active {
    background-image: url(../images/holes/window_r6_s.png);
}
div.schematicContainer .selected.r7.active {
    background-image: url(../images/holes/window_r6_s.png);
}
.formRow label.defaultLabel1 {
    font-weight: normal;
}
.insuranceForm div.insuranceClaimRow {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#insuranceForm .insuranceClaimRow label.innerLabel {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 3px;
}
.labelRadioStyle2 {
    float: left;
}
#insuranceClaimLabel {
    margin-bottom: 10px;
}
.labelRadioStyle1 label,
.labelRadioStyle1 .label,
#insuranceForm .labelRadioStyle1 label,
#insuranceForm .labelRadioStyle1 .label
{
    width: 70px;
    float: left;
}
.labelRadioStyle1 label.iDontKnow,
.labelRadioStyle1 .label.iDontKnow,
#insuranceForm .labelRadioStyle1 label.iDontKnow,
#insuranceForm .labelRadioStyle1 .label.iDontKnow
{
    width: 300px;
}
.quoteSection {
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 22px;
    padding-bottom: 24px;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../images/insuranceClaim-gradient-bg.png);
    background-color: #ededed;
    border: 1px solid #e3e3e3;
}
.quoteSectionCashOnly.quoteSection {
    background-image: url(../images/notInsured-gradient-bg.png);
}
div.youPaySection {

}
div.youPaySection .commentTextBlock {
    padding-right: 20px;
}
div.youPaySection .commentTextBlock .commentText-inner,
#bookingWrapper div.youPaySection .commentTextBlock .commentText-inner {
    font-size: 12px;
    line-height: 15px;
}
.quoteMain .splitCashSubmit {
    display: none;
}
.tickBulletsBlock {
}
.payLeftRight {
}
.payLeftRight .payLeft {
    width: 235px;
    padding-right: 20px;
    background-position: right top;
    background-repeat: repeat-y;
    background-image: url(../images/pay-dash-verticalSeparator.gif);
    float: left;
}
.payLeftRight .payRight {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 255px;
}
.tickBulletsBlock {
}
.tickBulletsBlock .tickBullet {
    padding-left: 30px;
    padding-top: 0px;
    padding-bottom: 20px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/tick-med.png);
}
.tickBulletsBlock .tickBullet.lock-icon {
    background-image: url(../images/payment-padlock-icon.png);
}
.tickBulletsBlock .tickBullet.clock-icon {
    background-image: url(../images/payment-clock.png);
}
.tickBulletsBlock .tickBullet.pencil-icon {
    background-image: url(../images/payment-pen-icon.png);
}
.quoteSection .quoteBody {
    height: auto;
}
.quoteSection .quoteBody .quoteBody-inner {
    background-color: white;
    border: 1px solid #ccc;
    border-top: none;
}
.quoteSection .quoteBody h2 {
    margin-top: 0px;
}
.quoteSection .tabHeader {
    border-left: 1px solid #bfbfbf;
    border-right: none;
}
.quoteSection .tabHeader + .tabHeader {
    border-right: 1px solid #bfbfbf;
}
.quoteSection .tabHeader.notRealTab {
    padding-bottom: 1px;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 0px solid transparent;
    background-color: transparent;
    background-image: none;
}
.quoteSection .tabHeader + .tabHeader.notRealTab {
    border-right: 1px solid transparent;
    border-left: 1px solid #bfbfbf;
}
.quoteSection .tabs {
    background-position: left bottom;
    background-repeat: repeat-x;
    background-image: url(../images/bfbfbf.gif);
}
.quoteSection .quoteComments {
    width: 228px;
    border: 1px solid #bfbfbf;
    float: left;
    background-color: white;
}
.quoteSection.split .quoteComments {
}
.quoteSection .quoteComments-inner {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 18px;
}
.quoteSection .quoteComments-inner,
#bookingWrapper .quoteSection div.quoteComments-inner,
#bookingWrapper .quoteSection div.quoteComments-inner div
{
    font-size: 12px;
    line-height: 17px;
}
.quoteSection .commentContainer {
    margin-bottom: 15px;
}
.quoteSection div + .commentContainer {
    padding-top: 15px;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../images/pay-dash-horizontalSeparator.gif);
}
.quoteSection div.onlyInSplit + .commentContainer {
    padding-top: 0px;
    background-image: none;
}
.quoteSection.split div.onlyInSplit + .commentContainer {
    padding-top: 15px;
    background-image: url(../images/pay-dash-horizontalSeparator.gif);
}
.quoteSection .commentContainer-inner {
    padding-left: 30px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/quote-icon.png);
}
.insuranceForm label,
#insuranceForm label {
    line-height: 16px;
    text-align: left;
}

.insuranceForm label,
#insuranceForm label.float-none {
    float: none;
}

#insuranceForm .vSplitLabelAndInputs label.mainLabel,
.insuranceForm .vSplitLabelAndInputs label.mainLabel {
    width: 300px;
    float: none;
}

#insuranceForm #vatRegisteredSection label.mainLabel {
    width: 545px !important;
    float: none;
}

.insuranceForm .vSplitLabelAndInputs label.mainLabel {
    margin-bottom: 13px;
}
.button1 {
    width: 92px;
    height: 23px;
    border: 0;
    padding: 0;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/smBtnSm.png);
}
.button1dyn {
    position: relative;
    height: 23px;
    border: 0;
    background: none;
    cursor: pointer;
    color: white;
    font-size: 12px;
}
.button1dyn .btn-l {
    display: block;
    height: 23px;
    padding-left: 8px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url("../images/smBtnSm-dyn-l.png");
}
.button1dyn .btn-r {
    display: block;
    height: 23px;
    padding-right: 22px;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url("../images/smBtnSm-dyn-r.png");
}
.button1dyn .btn-c {
    display: block;
    height: 20px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url("../images/smBtnSm-dyn-c.png");
}
.insuredPostcodeRow .button1dyn {
    top: -3px;
    left: 8px;
}
#insuranceForm select {
    width: 300px;
}
.newOverlayStyle {
    width: 540px;
    border: 5px solid white;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../images/newOverlayStyle-gradient-bg.png);
    background-color: #eaeaeb;
}
.newOverlayStyle .simplemodal-data {
    overflow: hidden;
    padding-bottom: 25px;
}
.newOverlayStyle .clickable {
    color: #008fd3;
    text-decoration: underline;
}
.newOverlayStyle .clickable:hover {
    text-decoration: none;
}
.newOverlayStyle h2 {
    padding-left: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 16px;
    margin-bottom: 12px;
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-image: url(../images/lightbulb.png);
}
.fsaOverlay {
    /*
    min-height: 500px;
    */
    width: 716px;
}
.fsaOverlay .morePadding {
    padding-right: 70px;
}
.quoteSection .dead {
    display: block;
    position: absolute;
    left: -10000px;
}
.quoteSection .quoteBody.dead {
    width: 100%;
}
.split div.tabs {
    display: none;
}
.split .payLeftRight {
    margin-bottom: 10px;
}
.split .payLeftRight .payLeft {
    float: none;
    background-image: none;
}
.split .payLeftRight .payRight {
    float: none;
    padding-left: 0px;
    margin-left: 0px;
}
.split div.quoteMain {
    float: left;
    width: auto;
}
.quoteSection h3 {
    margin-top: 0px;
}
.split .quoteBody {
    float: left;
    width: 262px;
    border-top: 1px solid #ccc;
}
.split .quoteBody {
    margin-left: 25px;
}
.quoteSection .onlyInSplit {
    display: none;
}
.quoteSection.split .onlyInSplit {
    display: block;
}
.quoteSection.split .notInSplit {
    display: none;
}
.coverModule .bubbleContainer {
    display: none;
}
.icon-phone {
    padding-left: 40px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url('../images/phone.png');
}
div.vrnNotFoundCompletedBlock {
    margin-top: 30px;
}
div.vrnNotFoundCompletedBlock .whiteBgText {
    margin-right: 150px;
}
div.chosenProductStyle.vrnNotFoundCompletedBlock {
    min-height: 0;
}
div.chosenProductStyle.vrnNotFoundCompletedBlock .secondaryTitle {
    margin-bottom: 5px;
}
div.formRow .inputContainer {
    float: left;
    width: 130px;
}
.quoteSectionCashOnly .quoteComments {
    float: right;
}
.quoteSectionCashOnly .quoteMain {
    width: 548px;
    border: 1px solid #bfbfbf;
    float: left;
    background-color: white;
}
.quoteSectionCashOnly .payLeft {
    margin-bottom: 30px;
    float: none;
    background-image: none;
}
.quoteSectionCashOnly .payRight {
    float: none;
    margin-left: 0px;
}
.quoteSectionCashOnly .payRight {
    display: none;
}
.quoteSectionCashOnly .wantToFindOut {
    width: 500px;
    height: 100%;
    float: left;
}
.lightBulbBox {
    font-size: 12px;
    line-height: 15px;
    border: 1px solid #e3e3e3;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../images/tab-gradient-bg.png);
    background-color: #e7e8e9;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
.lightBulbBox .box-inner {
    border: 1px solid white;
    padding-left: 40px;
    padding-right: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    background-position: 12px 13px;
    background-repeat: no-repeat;
    background-image: url(../images/lightbulb.png);
}
.quoteSectionCashOnly .costCash {
    position: relative;
}
.quoteSectionCashOnly .lightBulbBox {
    width: 200px;
    position: absolute;
    top: 48px;
    right: 25px;
}
div.notInsuredSorryRow {
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 35px;
}
div.notInsuredSorryRow,
div.notInsuredSorryRow div
{
    font-size: 15px;
}
.notInsuredSorryRow .quoteAmount {
    margin-bottom: 0px;
    font-size: 14px;
    color: #c1002a;
}
.notInsuredSorryRow .whiteBgText p {
    margin-top: 0px;
}
.coverOverlay a {
    color: #ff0000;
}
.formRowEven,
div.field-container.formRowEven
{
    background-color: #f7f7f7;
}
.formRowOdd,
.formRowOddBg
{
    background-color: transparent;
}
.blockBodyStyled {
    background-color: white;
    border: 1px solid #bfbfbf;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
}
.paymentSection .insurerPart {
    display: none;
}
.paymentDetailsForm h3,
.paymentDetailsForm h4
{
    padding-left: 35px;
}
.cvvContextualHelpContents {

}
.cvvContextualHelpContents .left {
    float: left;
    width: 50px;
}
.cvvContextualHelpContents .right {
    margin-left: 95px;
}
.tooltipster-light {
    border-radius: 0;
    background-color: white;
    text-align: left;
}
.tooltipster-light .tooltipster-content {
    padding: 19px;
}
.tooltipster-light .tooltipster-content {
    padding-top: 18px;
    text-align: left;
}
.tooltipster-content h3,
.tooltipster-content h4
{
    margin-top: 0px;
}
.card-address-separator {
    height: 25px;
    border-bottom: 1px solid #bfbfbf;
}
.paymentSection .waysToPay {
    height: 18px;
    line-height: 18px;
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 12px;
}
.paymentSection .waysToPay .creditCards {
    margin-left: 10px;
}
.paymentDetailsForm.insuranceFormStyle div.formRow.multipleRows,
div.formRow.multipleRows
{
    height: auto;
    line-height: normal;
    position: relative;
}
div.whichOtherWindowWrap .contextualHelp {
    position: absolute;
    width: 200px;
    top: 80px;
    left: 550px;
    color: red;
}
.quoteSection .onlyInNotInsured {
    display: none;
}
.quoteSection.quoteSectionCashOnly .onlyInNotInsured {
    display: block;
}
.quoteSection.quoteSectionCashOnly .notInNotInsured {
    display: none;
}
h3.enterYourVrnTitle {
    margin-top: 0px;
}
.tooltipster-light {
    background-color: #fff;
}
.vehicleManualLeft .alternating1 {
    background-color: #f7f7f7;
}
span.hideEnterCarManual {
    display: block;
    margin-bottom: 27px;
}
.intro-wrap .bulletPoint {
    padding-top: 20px;
    padding-bottom: 20px;
}
.intro-wrap .withPadding {
    padding-left: 70px;
}
.intro-wrap .yourInsurerLeftRight {

}
.intro-wrap .yourInsurerLeftRight .yourInsurerLeft {
    width: 400px;
    float: left;
}
.intro-wrap .yourInsurerLeftRight .result-outer {
    width: 400px;
    float: left;
}
.intro-wrap .rightButtonArea {
    text-align: right;
}
.intro-wrap .rightButtonArea .nextPageButton {
    float: right;
}
.intro-wrap .restOfThePage {
}
.intro-wrap .resultContainer {
    min-height: 80px;
}
.intro-wrap .resultContainer .result {
    padding-left: 25px;
    background-position: left top;
    background-repeat: no-repeat;
}
.intro-wrap .resultContainer .result.yes {
    background-image: url(../images/tick.png);
}
.intro-wrap .resultContainer .result.no {
    background-image: url(../images/x.png);
}
.intro-wrap .introInsurer.collapsed {
    visibility: hidden;
}
.intro-wrap .bulletPoint {
    width: 360px;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.intro-wrap .bulletPoint.carDetails {
    background-image: url(../images/intro-van.png);
    background-position: 15px 0px;
    background-repeat: no-repeat;
}
.intro-wrap .bulletPoint.insuranceDetails {
    background-image: url(../images/intro-pencil.png);
    background-position: 25px 0px;
    background-repeat: no-repeat;
}
.beforeYouStartText {
    width: 520px;
    margin-bottom: 30px;
}
.intro-wrap .bulletPoint.insuranceDetails {
    margin-bottom: 0px;
}
div.field-container input[type="text"].field-name {
    width: 292px;
}
div.field-container select.field-address {
    width: 300px;
}
div.field-container textarea {
    height: 100px;
}
div.field-container textarea,
div.field-container input[type="text"],
div.field-container input[type="tel"],
div.field-container input[type="email"]
{
    width: 240px;
    border: 1px solid #abadb3;
    padding: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.field-container textarea#field-alternative-dates{
    width: 350px;
    height: 80px;
}

div.field-container input.field-postcode {
    width: 132px;
    text-transform: uppercase;
}
div.insuranceFormFields input#insuredPostcode {
    text-transform: uppercase;
}

div.field-container input[type="text"].field-error,
div.field-container input[type="tel"].field-error,
div.field-container input[type="email"].field-error {
    border: 1px solid #c00029;
}
div.field-container {
    padding-left: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
}
div.field-container label.rowLabel {
    width: 180px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 14px;
}
div.field-container label.paytodayLabel {
    padding-left: 35px;
}
div.field-container label.multiRowLabel {
    width: 172px;
}
.notBold {
    font-weight: normal;
}
span.field-status {
    width: 234px;
    background-position: 0px 3px;
    font-size: 12px;
}
.damageDateSelectWrapper select {
    width: 75px;
}
div.damageDate span.field-ok {
    background-image: none;
}
span.field-ok {
    background-image: url(../images/tick.png);
}
span.field-error {
    background-image: url(../images/x.png);
    color: #c1002a;
}
span.field-ok,
span.field-error
{
    width: 304px;
    padding-left: 24px;
    font-weight: bold;
}
span.field-hint {
    min-height: 26px;
}

div.reminderEmail label.sublabel {
    width: auto;
    max-width: 500px;
    display: inline-block;
}
div.field-container div.inputsContainer {
    width: auto;
}
label.reminderEmail
{
    margin-bottom: 15px;
}
div.field-container small,
div.field-container .small
{
    font-size: 12px;
}
div.inputsContainer.buttonRow .text {
    text-align: right;
    min-height: 34px;
    display: table;
}
div.inputsContainer.buttonRow .text-inner {
    display: table-cell;
    vertical-align: middle;
}
div.inputsContainer.buttonRow input {
    margin-left: 15px;
}
div.whatNeedsToBeDone4ColumnCont {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
    height: 250px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div.whatNeedsToBeDone4ColumnCont ul {
    padding-left: 0px;
}
div.whatNeedsToBeDone4ColumnCont .column ul li {
    width: auto;
    list-style-type: none;
}
div.whatNeedsToBeDone4ColumnCont .column {
    width: 200px;
    float: left;
}
div.whatNeedsToBeDone4ColumnCont .column + .column {
    background-image: url(../images/whatNeedsToBeDoneColumnSeparator.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
}
div.whatNeedsToBeDone4ColumnCont .column .column-inner {
    height: 215px;
    line-height: 16px;
    font-size: 12px;
}
div.whatNeedsToBeDone4ColumnCont .column .column-inner h3 {
    height: auto;
    padding-left: 25px;
    padding-top: 2px;
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 18px;
}
div.whatNeedsToBeDone4ColumnCont .column.icon-clock .column-inner h3 {
    background-image: url(../images/hlwit-icon-clock.png);
}
div.whatNeedsToBeDone4ColumnCont .column.icon-purse .column-inner h3 {
    background-image: url(../images/hlwit-icon-purse.png);
}
div.whatNeedsToBeDone4ColumnCont .column.icon-speech .column-inner h3 {
    background-image: url(../images/hlwit-icon-speech.png);
}
div.whatNeedsToBeDone4ColumnCont .column .damageCopy2,
div.whatNeedsToBeDone4ColumnCont .column .damageCopy3,
div.whatNeedsToBeDone4ColumnCont .column .damageCopy4,
div.whatNeedsToBeDone4ColumnCont .column .whatsNextCopy
{
    padding-left: 15px;
    padding-right: 10px;
    background-image: none;
    background-color: transparent;
}
div.unusualDiv h2 {
    font-size: 18px;
}
div.unusualDiv .damageCopy1 p strong {
    font-size: 18px;
}
.damageOverviewSection {
    border: 1px solid #f8f8f8;
}
div.formRow.manualFindVehicleBtnRow {
    height: 77px;
}
.btn-arrow {
    display: inline-block;
}
.btn-arrow {
    display: inline;
}
.btn-arrow.btn-postcode-lookup {
    width: 170px;
}
div.field-container div.inputsContainer {
    display: inline-block;
}
.sublabel,
.sublabel-style {
    font-size: 14px;
}
.sublabel small,
.sublabel-style span.small {
    font-size: 12px;
}
div.privacyFieldContainer div.inputsContainer {
    width: 560px;
}
.field-container.buttonFieldContainer div.inputsContainer {
    width: 775px;
}
.chzn-container .chzn-single {
    height: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    border-width: 1px;
    background-image: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    filter: none;
}
.chzn-container .chzn-results {
    padding-top: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #a6a6a6;
}
.chzn-container .chzn-results .active-result {
    height: 19px;
    line-height: 19px;
    border-left: 1px solid #a6a6a6;
    border-right: 1px solid #a6a6a6;
    margin-top: 1px;
    background-color: white;
}
.chzn-container .chzn-drop {
    border-left: 0px;
    border-right: 0px;
    background-color: #a6a6a6;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.chzn-container .chzn-single-with-drop {
    background-color: white;
}
.chzn-container-single .chzn-single div b {
    background-position: left 2px;
}
.chzn-container div.chzn-search {
    width: 100%;
    height: 28px;
    position: absolute;
    top: -30px;
    padding: 0px;
    margin-left: -1px;
}
.chzn-container div.chzn-search input {
    position: absolute;
    left: 1px;
    top: 1px;
    max-width: 96%;
    width: 96%;
    height: 22px;
    line-height: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2%;
    padding-right: 2%;
    border: 0px;
    margin: 0px;
    background-clip: none;
    -moz-background-clip: none;
    -webkit-background-clip: none;
    background: none;
}
.chzn-container-single-nosearch input,
.chzn-container-single-nosearch .floating-emptyText
{
    display: none;
    visibility: hidden;
}

.chzn-container-active .chzn-single-with-drop span {
    visibility: hidden;
}
.everythingElse {
    text-transform: uppercase;
}
.damageDate .optionSingleWide {
    padding-left: 0px;
}
.detailsForm .btn-postcode-lookup {
    margin-left: 10px;
}
.disabled {
    cursor: default;
}
.insurerDetailsReadyRow ul {
    margin-bottom: 20px;
}

/** Progress tracker **/
#progressTracker {
    border: 0px solid #dadada;
    left: -150px;
}
.progressPanel {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    background: url('../images/trackerBottomLine.png') no-repeat bottom right;
}
.progressPanel.first {
    border-top: 1px solid #dadada;
}
.progressPanel.last {
    border-bottom: 1px solid #dadada;
}
.currentMod {
    background: #fff;
    border: 3px solid #c1002a !important;
    position: relative;
}
.currentMod .progressArrow {
    display: block;
    background: url('../images/trackerArrow.png') no-repeat;
    height: 42px;
    width: 20px;
    position: absolute;
    top: -3px;
    right: -20px;
}
.currentMod a.progressHeader, .currentMod a:visited.progressHeader, .currentMod h3 {
    color: inherit;
}
.completedMod a.progressHeader, .completedMod h3 {
    background: url("../images/tick-small.png") no-repeat top right;
}


/** Urgent page **/
#urgentWrapper {
    margin: 0 40px;
}
.urgentCols {
    width: 33%;
    float: left;
}
/*.urgentColInner {
    padding: 0 20px;
}*/
.urgentCol1 .urgentColInner {
    padding-right: 20px;
    border-right: 1px solid #ccc;
}
.urgentCol2 .urgentColInner {
    padding: 0 20px;
}
.urgentCol3 .urgentColInner {
    padding-left: 20px;
    border-left: 1px solid #ccc;
}

/** Multiglass bailout **/
.moreThanOneWindowDamaged #bailoutHeader {
    background: url(../images/lightbulb.png) no-repeat;
    padding-left: 40px;
    min-height: 30px;
}
.moreThanOneWindowDamaged .bailoutBody {
    padding-left: 40px;
}
ul.damageCopySection {
    text-align: center;
}
ul.damageCopySection > * {
    text-align: left;
}
.damageCopySection .column-wide {
    width: 74%;
}

div.notInsuredSorryRow .whiteBgText {
    margin-right: 0px;
}
.coverCallbackOverlay {
    width: 880px;
}
.callBackServiceSection td input[type=text] {
    width: 198px;
    height:26px;
}
.callBackServiceSection td input[type=text].extension {
    width: 92px;
}
.callBackServiceSection td select {
    width: 265px;
    height: 28px;
}
.callBackServiceSection .buttonRow td {
    padding-top: 15px;
    text-align: left;
}
.callBackServiceSection th {
    line-height: 13px;
}
.simplemodal-wrap div.chosenProductStyle {
    border: 0;
}
.simplemodal-wrap div.chosenProductStyle .chosenProduct-inner {
    padding-left: 0;
    padding-right: 0;
}
.noTitleMargin .modalCloseImg {
    position: relative;
    top: 20px;
}
.productIdIndent {
    padding-left: 40px;
}
.damageTitleDesc {
    padding-left: 25px;
}
.howMany-crack .hideIfCrack {
    display: none;
}
.onlyShowIfCrack {
    display: none;
}
.howMany-crack .onlyShowIfCrack {
    display: block;
}
.hasAddressSelect .chzn-container .chzn-results li {
    height: auto;
    line-height: 20px;
    margin: 10px 5px 10px;
}

div.productQuestionsAreEasy .hideIfRagCodeGreen {
    display: none;
}
.showIfRagCodeGreen,
.showIfRagCodeGreenInline
{
    display: none;
}
div.productQuestionsAreEasy .showIfRagCodeGreenInline {
    display: inline;
}
div.productQuestionsAreEasy .showIfRagCodeGreen {
    display: block;
}
.expiryDateRow .inputsContainer {
    float: left;
    width: 320px;
}
.insuranceForm .formRow .msgContRelative {
    width: 450px;
    padding-left: 35px;
    padding-top: 5px;
    position: relative;
}

.insuranceForm .formRow p#NCB_Note.msgContRelative {
    margin-top: 50px;
}

.insuranceForm .formRow .msgCont {
    position: absolute;
    left: 0px;
}
.msgCont .msgEl.isOk {
    background-image: url(../images/tick-large.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.msgCont.tableVAlignMiddle {
    display: table;
}
.msgCont.tableVAlignMiddle .msgEl {
    line-height: 18px;
    padding-left: 40px;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}

div.options .msgCont.tableVAlignMiddle .msgEl {
    line-height: 18px;
    padding-left: 25px;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
}

div.options .msgCont .msgEl.isOk {
    background-image: url(../images/tick-small.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.qtip.ideal-qtip-red {
    background-color: #c00029;
    color: white;
}
.qtip.ideal-qtip-red .qtip-tip {
    background-color: #c00029;
    border-color: #c00029;
}
.qtip.ideal-qtip-red .qtip-content {
    background-color: #c00029;
}
.qtip.ideal-qtip-red .qtip-content,
.qtip.ideal-qtip-dark .qtip-content
{
    text-align: center;
    line-height: 1.25;
    padding: 10px;
}
.inlineBlock {
    display: inline-block;
}
#chatClient {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 1000;
}
#wiperPromo {
    float: right;
    margin: 10px 0 10px 10px;
}
#insurerDetailsReadyRow{
    float: left;
    background-color: #fff;
}

.appointment-info h3 {
    color: #000;
}

#account-links {
    float: right;
    width: 250px;
    font-size: 13px;
    margin-top: -75px;
    margin-right: -50px;
}

#account-links a, #account-links span {
    float: left;
    margin-left: 15px;    
}

#account-links #logout-link {
    background: url('../images/logout.png') no-repeat top left;
    text-decoration: underline;
}

#account-links #change-password-link {
    background: url('../images/password.png') no-repeat top left;
    text-decoration: underline;
}

.vertical10 {
    height: 10px;
    clear: both;
}

.vertical20 {
    height: 20px;
    clear: both;
}

.vertical30 {
    height: 30px;
    clear: both;
}

.vertical40 {
    height: 40px;
    clear: both;
}

.vertical50 {
    height: 50px;
    clear: both;
}
.vertical100 {
    height: 100px;
    clear: both;
}

div.coverpage-notes, div.coverpage-notes h3, div.coverpage-notes p {
    background-color: #3193C4;
    color: #FFF;
}
#overlay-update-appointment{
    /*display: block;*/
    height: inherit;
    overflow: auto;
}
.signin-container {
    white-space:nowrap;
    color:#231e1f;
    overflow: hidden;
    background: url("data:image/gif;base64,R0lGODlh1AMBAJEAAP////X399XT0QAAACH5BAAHAP8ALAAAAADUAwEAAAIwVI6py+0Po5y02msF2Lz7D4biSJbmiabqyrbuC8fyTNf2jef67hnYDwwKh8QiQ1AAADs=") top center repeat;
}
.signin-container #maincol {
    width: 550px;
    float: left;
    margin: 0 25px;
    padding: 25px 0;
}
.signin-container #lhcol, .signin-container #rhcol {
    display: block;
    float: left;
}
body .signin.bookingWrapper, body .signin#bookingWrapper, body .landing.bookingWrapper, body .landing#bookingWrapper {
    margin: 0;
}
.signin .bookingWrapperInner, .signin #bookingWrapperInner, .landing .bookingWrapperInner, .landing #bookingWrapperInner {
    padding: 0;
}
#_iframe_holder #_bg{
    border: 3px solid green !important;
    background-color: #fff !important;
}
#_bg{
    background-color: #fff !important;
}
.paymentSection{
    padding-left: 1px;
    padding-right: 1px;
}
.paymentModule{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.paymentModule #bookingWrapperInner{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.paymentSection .creditCardDetailsBox{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.paymentSection h1, .paymentSection p {
    padding-left: 35px;
    padding-right: 35px;
}

.paymentSection.standalone h1, .paymentSection p {
    padding-left: 35px;
    padding-right: 35px;
}

.paymentSection #payment_section{
    padding-left: 21px;
    padding-right: 35px;
}
.paymentSection .quoteSection{
    background-color: #f7f7f7;
    background-image: none;
    border: 0;
}
.paymentSection.standalone .quoteSection{
    background-color: #FFFFFF;
    background-image: none;
    border: 0;
}
.paymentSection .quoteSection .claimInsuranceSection .payLeftRight{
    border: 0;
    background-color: #f7f7f7;
    padding: 0;
}

.paymentSection.standalone .quoteSection .claimInsuranceSection .payLeftRight{
    border: 0;
    background-color: #FFFFFF;
    padding: 0;
}

#payment-form #makePayment{
    background-image: url("../images/pay_now.jpg");
    border: 0 none;
    float: right;
    height: 35px;
    width: 102px;
}
.paymentSection .quoteSection .claimInsuranceSection .payLeftRight .payTitle{
    font-family: "Open Sans";
    font-weight: normal;
    font-size: 28px;
    color: #000;
    width: 117px;
    float: left;
    line-height: normal;
}
.paymentSection .quoteSection .claimInsuranceSection .payLeftRight .moneyAmount{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 28px;
    color: #000;
    width: 117px;
    float: left;
    line-height: normal;
}
.paymentSection .quoteSection .claimInsuranceSection .payLeftRight .quoteAmount{
    float: left;
}
.paymentSection .quoteSection .claimInsuranceSection .payLeftRight .quoteAmount .repairCase{
    float: left;
}
.paymentSection .quoteSection .claimInsuranceSection .payLeftRight .quoteAmount .replaceCase{
    float: left;
}

.payLeftRight .payLeft{
    padding-right: 0;
    width: 50%;
    float: left;
    background-image: none;
}
.payLeftRight .payRight{
    float: left;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 50%;
    padding-top: 9px;
}

.paymentSection .quoteSection .claimInsuranceSection .payLeftRight .tickBulletsBlock .tickBullet{
    padding-left: 37px;
    padding-top: 4px;
}
.tickBulletsBlock .tickBullet.bullet-padlock-new {
    background-image: url("../images/padlock.png");
    background-size: 20px 22px;
}
.tickBulletsBlock .tickBullet.bullet-calendar-new {
    background-image: url("../images/calendar.png");
    background-size: 20px 22px;
}
.tickBulletsBlock .tickBullet.bullet-bolt-new {
    background-image: url("../images/bolt.png");
    background-size: 20px 22px;
}
#_iframe_holder html body{
    border: 3px solid red !important;
}
#_bg{
    border: 3px solid red !important;
}
#p-make-payment{
    margin-top:-33px;
}
.btn-continue-to-questions,
.btn-pay-now {
    background-image: url(../images/continue.png);
    width: 102px;
    height: 35px;
    border: 0;
    display: block;
    text-indent: -9999px;
}
.btn-pay-now {
    background-image: url(../images/pay-now.png);
}
#insuranceQuestionsContainer{
    width: 60%;
    background: none;
    background-color: #fff !important;
    padding: 20px;
    overflow-y: auto;
}
.btn-questions-close{
    cursor: pointer;
    margin-right: 5px;
}
#insurance-questions-holder li.question-body {
    padding: 15px;
}
#insurance-questions-holder li.question-body.even {
    background-color: #F7F7F7;
}
#insurance-questions-holder ul.chzn-results li {
    margin: 0;
}
.article-insurance-questions div.inner{
    padding: 0 !important;
}
#insurance-questions-holder #help-text{
    padding-bottom: 44px;
}
#insurance-questions-holder li#questions-submit{
    background-color: #fff;
}
.btn-questions-submit{
    cursor: pointer;
}
.greyout-area{
    opacity: 0.4;
    pointer-events: none;
}

.success {
    color: green;
}

.error {
    color: red;
}

/* change password page */
.change-password-container .container1 {
    right: 530px;
}
.change-password-container .container1 aside.right {
    left: 730px;
    width: 190px;
}
.change-password-container section.main {
    width: 480px;
}
.change-password-container .form-group {
    padding: 8px 10px;
}
.change-password-container .input-md {
    width: 150px;
}

/* password strength meter */
span.strength-meter-message {
    display: none;
    margin-left: 10px
}
div.password-strength {
    padding: 18px 10px;
    color: #ffffff;
    background: #ee060f;
}
div.password-strength.very-weak {
    background: #ee060f;
}
div.password-strength.weak {
    background: #ff9900;
}
div.password-strength.medium {
    background: #ffcc00;
}
div.password-strength.strong {
    background: #99cc33;
}
div.password-strength span.strength-meter-message {
    display: inline;
}
.bookingWrapper a.error-link {
    color: red;
}

.bookingWrapper a.error-link {
    color: red;
}

div.submitButtonrow a.pay-later {
    cursor: pointer;
}

.typeahead,
.tt-query,
.tt-hint {
    font-size: 24px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}
#typeahead_wrapper {
    float: left;
}
#continueFromInsurerButton {
    margin-top: 10px;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
    /*-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.simplemodal-container p.strong-blue {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    color: #008fd3;
}
.simplemodal-container ul.simplemodal-list-content {
    list-style: initial;
    list-style-image: none;
    margin-left: 18px;
}
.simplemodal-container ul.simplemodal-list-content li {
    margin-bottom: 3px;
}
.signin-container.typo-override #maincol {
    width: 600px;
    float: left;
    margin: 0;
    padding: 0;
}