/* --- forms.css --- */

/* =====================================================================
	generic form
===================================================================== */

div.form {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    width: 664px;
    float: left;
    overflow: visible;
}

    div.form .form {
        margin: 0 0 10px 0;
    }

    div.form h2 {
        margin: 0 0 2px 0;
    }

    div.form p.intro, div.form p {
        margin: 0 0 12px 0;
    }

    div.form .personaldetails {
        padding: 0 0 10px 0;
        float: left;
    }

div.newsletter .personaldetails {
    float: left;
    width: 715px;
}

div.newsletter .agerange {
    padding: 0 0 10px 0;
    float: left;
    width: 715px;
}

.agerange .row span.field select {
    width: 75px !important;
}

div.form div.row {
    padding: 4px 0;
    font-size: 80%;
    float: left;
    width: 100%;
}

div.form div.brochures span.field ul {
    margin-left: 26%;
}

    div.form div.brochures span.field ul li {
        list-style: none;
        margin: 5px 0;
    }

div.form div.brochures span.mandatory {
    display: none;
}

div.form div.brochures li .checkbox {
    width: auto;
    float: left;
}

div.form div.brochures li label {
    margin: 0 0 0 3px;
}

div.form div p {
    padding: 0 0 7px 0;
    font-weight: bold;
}

div.form span.error {
    color: red;
    padding-left: 5px;
}

    div.form span.error span {
        display: none;
    }

div.form span.widelabel {
    display: block;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    width: 100%;
    font-size: 100%;
}

div.form span.label, div.form span.labelwide {
    width: 25%;
    float: left;
    text-align: right;
    margin: 0 5px;
    clear: left;
}

div.form span.field input, div.form textarea {
    width: 215px;
    border: 1px solid #d6d6d6;
    padding: 2px;
}

    div.form span.field input.checkbox {
        border: none;
        width: auto;
    }

div.form textarea {
    width: 375px;
}

div.form div.row.reCAPTCHA div#reCAPTCHA {
    margin-left: 26.5%; /*keep the re-captcha box inline with other form elements*/
}

div.form div.row.reCAPTCHA > span {
    float: right;
    margin: -10px 35px 0px 0px;
}

div.form span.field select {
    width: 215px;
    padding: 2px;
}

div.form span.field input.submit {
    margin-left: 26.5%; /* --- ! --- */
    width: auto;
    height: 31px;
    border: none;
}

div.form div.interests, div.form div.dataprotection {
    float: left;
    width: 100%;
}

    div.form div.interests ul, div.form div.dataprotection ul {
        list-style: none;
        padding-left: 20px;
    }

    div.form div.interests li, div.form div.disclaimer li, div.form div.dataprotection li {
        margin: 5px 0;
        clear: both;
        list-style: none;
    }

        div.form div.interests li label, div.form div.disclaimer li label, div.form div.dataprotection li label {
            width: 90%;
            padding: 0 0 0 10px;
        }

    div.form div.dataprotection .agreetoterms {
        display: none;
    }

div.form div.disclaimer {
    margin: 10px 0;
    float: left;
}

div.newsletterSubscribe div.disclaimer .row {
    display: none;
}

    div.newsletterSubscribe div.disclaimer .row.checkbox {
        display: block;
    }

div.newsletterSubscribe .interests .label {
    display: none;
}

div.form div.disclaimer .checkbox {
    margin: 0.5em 0;
    overflow: hidden;
    position: relative;
}

    div.form div.disclaimer .checkbox .field {
        left: 0;
        position: absolute;
    }

        div.form div.disclaimer .checkbox .field input {
            margin: 0 5px 0 0;
        }

div.form .disclaimer .checkbox .label {
    padding-left: 17px;
    width: 90%;
    text-align: left;
}


div.newsletter div.disclaimer {
    float: left;
    width: 715px;
    margin: 0 0 10px 0;
}

div.newsletter .disclaimer span.field input {
    margin: 0 10px;
    width: 10px;
}

div.form div.disclaimer ul {
    list-style: none;
    margin-left: 27%; /* --- ! --- */
}

div.form span.error, div.RequestBrochure span.error, div.RequestInformation span.error, div.SubscribeToNewsletter span.error, div.EmailThisPage span.error, div.EmailProvider span.error, div.CustomerLogin span.error, div.CustomerHome span.error, div.HelpDeskFeedback span.error {
    display: inline;
    margin-left: 10px;
}

/* =====================================================================
	consumer login
===================================================================== */

div.consumerLogin span.field select {
    width: 175px;
}

div.consumerLogin span.field input.checkbox {
    width: auto;
    margin-left: 26%; /* --- ! --- */
    margin-right: 4px;
}

div.consumerLogin span.field .options input.checkbox {
    margin-left: 10%; /* --- ! --- */
}

div.consumerLogin div.submitContainer span.field input.submit {
    margin-left: 37%; /* --- ! --- */
    width: 140px;
}

/* --- image replacement --- */
div.consumerLogin span.field input.submit, form#messageform input.submit {
    background: url("/images/btn_submit.gif") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 35px;
    margin-left: 192px;
    overflow: hidden;
    padding-top: 35px;
    vertical-align: middle;
    width: 205px;
    color: transparent;
    font-size: 0px;
    text-indent: -9999px;
}

div.consumerLogin span.field input.submit {
    background: url("/images/btn_submit.png") no-repeat scroll left top transparent;
    width: 120px;
    height: 38px;
    margin-left: 172px;
}

div.consumerLogin .personaldetails .address2, div.consumerLogin .personaldetails .address3 {
    display: none;
}

div.consumerLogin .personaldetails .password input, div.consumerLogin .personaldetails .password2 input {
    background: #CF5274;
}

div.consumerLogin .interests {
}
/* =====================================================================
	customer home
===================================================================== */

div.CustomerHome {
    border-bottom: none;
}

    div.CustomerHome h2 {
        margin: 0 0 10px 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #efefef;
    }

    div.CustomerHome h3 {
        margin: 0 0 10px 0;
        padding: 0 0 0 12px;
        background: url(/images/bullet_2.gif) no-repeat left;
        vertical-align: middle;
    }

    div.CustomerHome div.ItryActions p a {
        text-decoration: none;
    }

        div.CustomerHome div.ItryActions p a span {
            padding-left: 3px;
        }

    div.CustomerHome a img {
        border: 0;
    }

    div.CustomerHome div.ItryProdList ol, div.CustomerHome div.ItryProdList li {
        list-style-type: none;
    }

    div.CustomerHome div.ItryProdList ol {
        margin: 0 0 10px 0;
    }

    div.CustomerHome div.ItryProdList li {
        border: 1px dotted #efefef;
        padding: 5px;
    }

    div.CustomerHome hr {
        border: 1px solid #d6d6d6;
        margin-bottom: 10px;
    }

/* =====================================================================
	contact login
===================================================================== */

.contactLogin span.field .checkbox {
    margin: 10px 3px 10px 27%; /* --- ! --- */
    float: left;
}

.contactLogin .submitContainer {
    clear: both;
}

/* =====================================================================
    submission message
===================================================================== */

h2.greentick {
    padding: 0 0 0 1.5em !important;
    background: url(/images/ico-greentick.gif) no-repeat left;
}


/* =====================================================================
    availability enquiry form
===================================================================== */
div.availabilityEnquiry {
    margin: 0 10px;
}

.availabilityEnquiry #FormProviderEnquiry {
    font-size: 100%;
}

.availabilityEnquiry p.intro {
    margin: 0;
}

/* =====================================================================
    Questionnaire
===================================================================== */
.questionnaire {
}

    .questionnaire div.qrow {
        font-size: 100%;
        padding: 4px 0;
    }

.questionnaire {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    width: 716px;
    float: left;
    overflow: visible;
}

    .questionnaire #quesionaireform {
        margin: 0 0 10px 0;
    }

    .questionnaire input, .questionnaire textarea {
        border: 1px solid #D6D6D6;
        padding: 2px;
        width: 215px;
    }

    .questionnaire .optins .widelabel {
        display: none;
    }

    .questionnaire .optins .formw input#question-OptInemail, .questionnaire .optins .formw input#question-OptIn3rdparties {
        border: 0 none;
        margin-bottom: 8px;
        margin-right: 6px;
        width: auto;
    }

    .questionnaire .checkrow input, .questionnaire .radioRow input {
        margin-bottom: 8px;
        margin-right: 6px;
        width: auto;
        border: 0 !important;
    }

    .questionnaire .address2 {
        display: none;
    }

    *html .questionnaire input#questionaddress2, * + html .questionnaire input#questionaddress2 {
        margin-left: 100px;
    }

    .questionnaire .formw #questiongender-m, .questionnaire .formw #questiongender-f {
        width: auto !important;
        margin-right: 5px;
    }

    .questionnaire .label, .questionnaire .labelwide {
        clear: left;
        float: left;
        margin: 0 5px;
        text-align: right;
        width: 25%;
    }

    .questionnaire .row .widelabel {
        margin-bottom: 10px;
    }

    .questionnaire .formw .radioRow, .questionnaire .formw .checkrow {
        margin-bottom: 5px;
    }