@font-face {
    font-family: "lr_ot4";
    font-style: normal;
    font-weight: normal;
    src: url("/lr-ix-en/resources/font/LandRoverOT4-Medium.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/LandRoverOT4-Medium.woff") format("woff"), url("/lr-ix-en/resources/font/LandRoverOT4-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "lr_ot4";
    font-style: normal;
    font-weight: bold;
    src: url("/lr-ix-en/resources/font/LandRoverOT4-Bold.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/LandRoverOT4-Bold.woff") format("woff"), url("/lr-ix-en/resources/font/LandRoverOT4-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "lr_ot4";
    font-style: normal;
    font-weight: 100;
    src: url("/lr-ix-en/resources/font/LandRoverOT4-Light.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/LandRoverOT4-Light.woff") format("woff"), url("/lr-ix-en/resources/font/LandRoverOT4-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Avenir";
    font-style: normal;
    font-weight: normal;
    src: url("/lr-ix-en/resources/font/Avenir_Roman.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/Avenir_Roman.woff") format("woff"), url("/lr-ix-en/resources/font/Avenir_Roman.ttf") format("truetype");
}

@font-face {
    font-family: "Avenir";
    font-style: normal;
    font-weight: bold;
    src: url("/lr-ix-en/resources/font/Avenir_Heavy.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/Avenir_Heavy.woff") format("woff"), url("/lr-ix-en/resources/font/Avenir_Heavy.ttf") format("truetype");
}

@font-face {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 500;
    src: url("/lr-ix-en/resources/font/Avenir_Medium.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/Avenir_Medium.woff") format("woff"), url("/lr-ix-en/resources/font/Avenir_Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Avenir";
    font-style: italic;
    font-weight: normal;
    src: url("/lr-ix-en/resources/font/Avenir_Roman-Oblique.eot?#iefix") format("embedded-opentype"), url("/lr-ix-en/resources/font/Avenir_Roman-Oblique.woff") format("woff"), url("/lr-ix-en/resources/font/Avenir_Roman-Oblique.ttf") format("truetype");
}


/* phone device: full width */

@media screen and (min-width: 1px) and (max-width: 740px) {
    #sfc-container div.laygrid {
        width: 100% !important;
    }
    #sfc-container input.fo-ui-text-input,
    #sfc-container textarea.fo-ui-text-input,
    #sfc-container input:focus.fo-ui-text-input,
    #sfc-container textarea:focus.fo-ui-text-input
        /*,#sfc-container .sfc-ui-bootstrap.uneditable-input*/
    {
        width: 100% !important;
    }
    #sfc-container div.fo-ui-select {
        width: 100% !important;
    }
    #sfc-container #sfc-form {
        padding: 5px;
    }
}

@media screen and (min-width: 741px) and (max-width: 768px) {
    /* select in grid layout */
    #sfc-container div.laygrid div.fo-ui-select {
        width: 100% !important;
    }
    #sfc-container #sfc-form {
        padding: 5px;
    }
}


/* tablet device: landscape */

@media screen and (min-width: 741px) {
    #sfc-container div.laygrid {
        width: 50% !important;
    }
    #sfc-container input.fo-ui-text-input,
    #sfc-container textarea.fo-ui-text-input,
    #sfc-container input:focus.fo-ui-text-input,
    #sfc-container textarea:focus.fo-ui-text-input
        /*,#sfc-container .sfc-ui-bootstrap.uneditable-input*/
    {
        width: 50% !important;
    }
    #sfc-container div.fo-ui-select {
        width: 50% !important;
    }
    #sfc-container div.sfc-ui-date-icon {
        width: 50% !important;
        right: 0em;
        margin-right: 20px;
    }
    #sfc-container #sfc-form {
        padding: 5px;
    }
}

@media screen and (min-width: 769px) {
    /* select in grid layout */
    #sfc-container div.laygrid div.fo-ui-select {
        width: 100% !important;
    }
    #sfc-container #sfc-form {
        padding: 5px;
    }
}


/* header resizing */

@media screen and (min-width: 1px) and (max-width: 900px) {
    #sfc-container .logoimg,
    #sfc-container .logoimg > img {
        height: 30px !important;
        min-height: 30px !important;
        min-width: 57px !important;
        width: 57px !important;
    }
    #sfc-container .logobox,
    #sfc-container .logopad {
        height: 30px !important;
        min-height: 30px !important;
        background-color: #ffffff !important;
        border: 0px !important;
    }
    #sfc-container .logobox {
        width: 58px !important;
        min-width: 58px !important;
        padding: 10px 16px !important;
    }
    #sfc-container .opttitle {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }
    #sfc-container #sfc-form {
        padding: 5px;
    }
    #sfc-container .layout-65 {
        padding: 0px;
        /*min-height: 100px;*/
    }
}

@media screen and (min-width: 901px) {
    #sfc-container .logoimg,
    #sfc-container .logoimg > img {
        height: 60px !important;
        min-height: 60px !important;
        min-width: 115px !important;
        width: 115px !important;
    }
    #sfc-container .logobox,
    #sfc-container .logopad {
        height: 60px !important;
        min-height: 60px !important;
        background-color: #ffffff !important;
        border: 0px !important;
    }
    #sfc-container .logobox {
        width: 116px !important;
        min-width: 116px !important;
        padding: 24px 36px !important;
    }
    #sfc-container .opttitle {
        display: block;
    }
    #sfc-container #sfc-form {
        padding: 5px;
    }
}


/* turn off focus outlining */

*:focus {
    outline: 0 !important;
}


/* optional title, header, description */

#sfc-container div.opttitle > div.sfc-caption {
    color: #FFF !important;
    font-family: lr_ot4, Arial, Helvetica, sans-serif !important;
    font-size: 32px !important;
    font-weight: 500;
    line-height: 1.1em;
    letter-spacing: 0.15em;
}

#sfc-container div.opthead > div.sfc-caption,
#sfc-container div.optdesc > div.sfc-caption {
    color: #393939 !important;
    font-family: Avenir, Arial, Helvetica, sans-serif !important;
    font-style: normal;
    line-height: 1.5em;
}

#sfc-container div.opthead > div.sfc-caption {
    font-size: 26px !important;
    font-weight: normal;
    letter-spacing: 0.12em;
    padding-bottom: 10px;
}

#sfc-container div.optdesc > div.sfc-caption {
    font-size: 14px !important;
    font-weight: normal;
    letter-spacing: 0.02em;
    padding-bottom: 10px;
}


/* default font */

#sfc-container div > h1.sfc-caption,
#sfc-container div > h2.sfc-caption,
#sfc-container div > div.sfc-caption,
#sfc-container div > label.sfc-caption,
#sfc-container div > span.sfc-caption,
#sfc-container div.numsect > span.sfc-caption,
#sfc-container div > span > label.sfc-caption,
#sfc-container button > span.sfc-caption,
#sfc-container div.fo-ui-select,
#sfc-container .sfc-ui-field-errors label,
#sfc-container .sfc-ui-section-errors label,
#sfc-container .sfc-ui-section-errors span.sfc-caption,
#sfc-container select.fo-ui-select-input > option {
    font-family: Avenir, Arial, Helvetica, sans-serif !important;
    font-style: normal;
    line-height: 1.5em;
}

#sfc-container div > h1.sfc-caption,
#sfc-container div > h2.sfc-caption,
#sfc-container div > div.sfc-caption,
#sfc-container div > label.sfc-caption,
#sfc-container div > span.sfc-caption,
#sfc-container div.numsect > span.sfc-caption,
#sfc-container div > span > label.sfc-caption {
    color: #4a4f54 !important;
}


/* section heading */

#sfc-container div > h1.sfc-caption,
#sfc-container div > h2.sfc-caption,
#sfc-container div.numsect > div > label.sfc-caption,
#sfc-container div.numsect > span.sfc-caption {
    font-size: 18px !important;
    font-weight: bold;
    letter-spacing: 0.12em;
    margin: 0px 0px 8px;
}


/* section content */

#sfc-container div > div.sfc-caption,
#sfc-container div > label.sfc-caption,
#sfc-container div > span.sfc-caption,
#sfc-container div > span > label.sfc-caption {
    font-size: 14px !important;
    font-weight: normal;
    letter-spacing: 0.02em;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* table content */

#sfc-container div.smalltext > div.sfc-caption {
    font-size: 9px !important;
    font-weight: normal;
    letter-spacing: 0.12em;
    margin: 0px 0px 8px;
}


/* error message */

#sfc-container .sfc-ui-field-errors label,
#sfc-container .sfc-ui-section-errors label,
#sfc-container .sfc-ui-section-errors span.sfc-caption {
    color: #F00;
    background: none;
    font-size: 14px !important;
    letter-spacing: 0.02em;
    margin-top: 10px;
    padding: 0px;
}


/* text fields */

#sfc-container input.fo-ui-text-input,
#sfc-container textarea.fo-ui-text-input,
#sfc-container input:focus.fo-ui-text-input,
#sfc-container textarea:focus.fo-ui-text-input
    /*,#sfc-container .sfc-ui-bootstrap.uneditable-input*/

{
    border: 0 solid #393939;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px !important;
    padding: 10px 0;
    text-indent: 20px;
}


/* error field */

#sfc-container .sfc-invalid input,
#sfc-container .sfc-invalid select,
#sfc-container .sfc-invalid textarea {
    border: 1px solid #F00!important;
}

#sfc-container .sfc-invalid input,
#sfc-container .sfc-invalid textarea {
    background-color: #FFF !important;
}

#sfc-container .sfc-invalid select {
    background-color: #FFF !important;
}


/* (submit) button */

#sfc-container .sfc-ui-btn,
#sfc-container.tablet button.fo-ui-btn {
    background-color: #0c121c;
    /* Amended style rule to apply "light" theme */
    border: 1px solid #0c121c;
    /* Amended style rule to apply "light" theme */
    border-radius: 0 !important;
    outline: none;
    padding: 12px 25px 11px;
    /* min-width: 125px;  not working */
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    overflow: hidden;
    *zoom: 1;
}

#sfc-container .sfc-ui-btn:hover {
    background-color: #ffffff;
    /* Amended style rule to apply "light" theme */
    outline: none;
}


/* button, select font */

#sfc-container button > span.sfc-caption,
#sfc-container.tablet div.fo-ui-select,
#sfc-container select.fo-ui-select-input,
#sfc-container select.fo-ui-select-input > option {
    font-size: 10px !important;
    font-style: normal;
    font-weight: bold !important;
    letter-spacing: 0.2em;
}

#sfc-container button > span.sfc-caption {
    color: #ffffff;
    /* Amended style rule to apply "light" theme */
}

#sfc-container button:hover > span.sfc-caption {
    color: #0c121c !important;
    /* Amended style rule to apply "light" theme */
}

#sfc-container.tablet button:hover > span.sfc-caption {
    color: #0c121c !important;
    /* Amended style rule to apply "light" theme */
}


/* New style rule to set the border colour of buttons on hover */

#sfc-container button:hover,
#sfc-container.tablet button:hover {
    border: 1px solid #ffffff;
}


/* select */

#sfc-container.tablet select {
    max-width: none !important;
}

#sfc-container.tablet div.fo-ui-select,
#sfc-container select.fo-ui-select-input {
    background: none;
    background-color: #fff;
    border: 0 solid #fff;
    border-radius: 0;
    color: #000;
    height: 40px !important;
    padding: 12px 0 8px 16px;
    /* text-indent: 8px; */
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    *zoom: 1;
}

#sfc-container.tablet div.fo-ui-select:hover,
#sfc-container select.fo-ui-select-input:hover,
#sfc-container .sfc-invalid select:hover {
    background: none;
    background-color: #4E4E4E !important;
    color: #fff !important;
    border: 0 solid #fff !important;
}

#sfc-container.tablet div.fo-ui-select:focus,
#sfc-container select.fo-ui-select-input:focus {
    border: none;
    border: 0 solid #fff !important;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

#sfc-container select.fo-ui-select-input > option {
    background-color: #EAEAEA;
    border-bottom: 1px solid #CBCBCF;
    color: #000;
    height: 25px;
    padding: 14px 0 0 18px;
    border: 0 solid #fff !important;
    /* text-indent: 12px; */
}


/*
#sfc-container select.fo-ui-select-input  > option:hover {
	background-color:  #CBCBCE;
}
*/


/* radio, checkbox */

#sfc-container .fo-ui-btn.fo-ui-checkbox,
#sfc-container .fo-ui-btn.fo-ui-radio {
    border-radius: 0px;
    margin: 0px 0px;
    padding: 10px 0px;
}

#sfc-container.tablet .fo-ui-btn.fo-ui-checkbox,
#sfc-container.tablet .fo-ui-btn.fo-ui-radio {
    margin: 10px 10px 0;
    text-indent: 16px;
}

#sfc-container.tablet span.fo-ui-checkbox-icon.fo-ui-checkbox-checked,
#sfc-container.tablet span.fo-ui-radio-icon.fo-ui-radio-checked {
    background-color: #393939;
}

#sfc-container,
html#sfc-html body,
#sfc-container #sfc-form {
    background-image: none !important;
    background-color: #e9ecec;
}