/* =========================================================== */

/* FORM STYLER =============================================== */

/* =========================================================== */

.content #loginFormOl #loginSubmitButton {
    margin: 20px 0 0 0;
}

.content i {
    font-style: normal;
}

.content form {
    margin-bottom: 18px;
    clear: both;
}

.content form * {
    margin: 0;
}

.content label, .content .label-group {
    display: block;
    margin: 20px 0 5px 0;
    color: #333333;
}

.content .label-group label {
    margin-bottom: 9px;
    color: #777777;
}

.content input[type="radio"], .content input[type="checkbox"] {
    margin: 2px 4px 0 0;
    vertical-align: text-top;
}

.content select, .content select[multiple], .content select[size],
.content textarea, .content input[type="text"], .content input[type="password"],
.content input[type="email"], .content input[type="number"],
.content input[type="date"] {
    display: inherit;
    height: 25px;
    padding: 4px;
    margin: 3px 0;
    width: 100%;
    vertical-align: middle;
    font-size: 0.9em;
}

.content textarea, .content input[type="text"], .content input[type="password"],
.content input[type="email"], .content input[type="number"],
.content input[type="date"] {
       -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.content textarea {
    height: auto;
    min-height: 60px;
    width: 98%;
    margin-top: 5px;
}

.content input[type="number"] {
    width: 60px;
}

.content textarea, .content input[type="text"], .content input[type="password"],
.content input[type="email"], .content input[type="number"],
.content select[multiple], .content select[size], .content input[type="date"],
.content select {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    color: #666666;
    transition: all linear 0.2s;
    box-sizing: border-box;
    height: 40px;
}

.content textarea:focus, .content input[type="text"]:focus,
.content input[type="password"]:focus, .content input[type="email"]:focus,
.content input[type="number"]:focus, .content input[type="date"]:focus {
    border-color: #a9a9a9;
    outline: 0;
}

.content input[type="submit"], .content input[type="reset"],
.content input[type="button"], .content input[type="radio"],
.content input[type="checkbox"] {
    width: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .content select {
        border: 1px solid #cccccc;
        color: #444;
    }
}

.content select, .content input[type="file"] {
}

.content select[multiple], .content select[size] {
    height: auto;
}

.content input:-moz-placeholder {
    color: #999999;
}

.content :-ms-input-placeholder {
    color: #999999;
}

.content ::-webkit-input-placeholder {
    color: #999999;
}

.content form .message {
    color: #999999;
    font-size: 12px;
    clear: both;
    display: block;
}

.content .label-group label:first-of-type {
    margin-top: 9px;
}

.content .submit-wrapper {
    width: 220px;
    overflow: hidden;
}

.content .submit-wrapper .button {
    float: right;
    line-height: normal;
}

.content .submit-wrapper .button.primary {
    margin-left: 10px;
}

.content .form-horizontal label > div:first-child,
.content .form-horizontal .label-group > div:first-child {
    width: 130px;
    text-align: right;
    margin-right: 5px;
}

.content .form-horizontal label input, .content .form-horizontal label select,
.content .form-horizontal label textarea,
.content .form-horizontal .label-group label,
.content .form-horizontal .inline label,
.content .form-horizontal label > div:first-child,
.content .form-horizontal .label-group > div:first-child,
.content .form-horizontal .message, .content .help-inline .message,
.content .help-inline label input {
    float: left;
}

.content .inline label {
    display: inline;
}

.content .form-horizontal .label-group label, .content .label-group.inline label,
.content .form-horizontal label > div:first-child,
.content .form-horizontal .label-group > div:first-child,
.content .form-horizontal .message, .content .help-inline .message {
    line-height: 36px;
}

.content .form-horizontal .message, .content .help-inline .message {
    margin-left: 5px;
    clear: none;
}

.content .label-group.inline label input {
    margin-top: 0;
}

.content .form-horizontal .input-below div:first-child,
.content .form-horizontal .stacked div:first-child {
    width: 100%;
    text-align: left;
    margin-bottom: 9px;
    line-height: inherit;
}

.content .form-horizontal .input-below textarea {
    width: 350px;
}

.content .form-horizontal .input-below label,
.content .form-horizontal .stacked label {
    line-height: 18px;
}

.content .form-horizontal .stacked label {
    float: none;
    clear: both;
}

.content .form-horizontal .stacked > div:first-child {
    line-height: 18px;
}

.content .form-horizontal .label-group label input {
    float: none;
}

.content .form-horizontal.message-below label .message {
    display: block;
    clear: both;
    line-height: inherit;
    margin-left: 141px;
}

.content .form-horizontal .submit-wrapper {
    width: 360px;
}

.content .inline label, .content .form-horizontal .label-group label {
    margin-right: 9px;
}

.content .inline label:last-of-type,
.content .form-horizontal .label-group label:last-of-type {
    margin-right: 0;
}

.content .inline .button {
    margin-left: 9px;
}

.content .form-horizontal .label-group label:first-of-type,
.content .inline.label-group label:first-of-type {
    margin-top: inherit;
}

.content .form-horizontal .button[type="submit"] {
    margin-left: 137px;
}

.content label .message.hint {
    position: absolute;
    -webkit-transition: all 0.2s ease-in;
       -moz-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
    opacity: 0;
    position: static\9;
}

.content label.error .message.hint, .content input:focus + .message.hint {
    opacity: 1;
}

.content .form-horizontal .message.hint {
    line-height: 34px;
    position: static;
}

.content .prepend, .content .append {
    background: #f9f9f9;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: top;
    height: 28px;
    padding: 4px 8px;
    margin: 3px 0;
    line-height: 19px;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
}

.content .prepend {
    border-right: none;
}

.content .prepend + input {
    float: left;
}

.content .append {
    border-left: none;
}

.content .prepend + input, .content .append {
    border-radius: 0 3px 3px 0;
}

.content input.appended, .content .prepend {
    border-radius: 3px 0 0 3px;
}

.content .prepend + input.appended {
    border-radius: 0;
}

.content input.search-input::-webkit-search-decoration,
.content input.search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.content input.search-input, .content input.search-input:focus {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-appearance: textfield;
    width: 160px;
    display: inline-block;
    border-radius: 15px 0 0 15px;
    border-right: none;
    outline: none;
    padding-left: 10px;
    margin: 0 -4px 0 3px;
}

.content input.search-input + .search-submit {
    display: inline-block;
    padding: 0 14px 0 12px;
    height: 28px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
}

.content .search-input + .search-submit:hover {
    background: #f5f5f5;
}

.content .error, .content .error .message {
    color: #d60000;
}

.content .error input {
    color: #d68181;
}

.content .error ::-webkit-input-placeholder {
    color: #d68181;
}

.content .error :-moz-placeholder {
    color: #d68181;
}

.content fieldset {
    border: none;
}

.content fieldset ul {
    margin: 0 !important;
    padding: 0 !important;
}

.content fieldset ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.content fieldset ol {
    margin: 0 !important;
    padding: 0 !important;
}

.content fieldset ol li {
    margin: 0 !important;
    padding: 0 !important;
}

.content legend {
    color: #999999;
    padding: 0 18px 0 0;
    font-size: 16px;
    font-weight: bold;
}

.content input[type="text"].sbTextInputTiny {
    width: 10%;
}

.content input[type="text"].sbTextInputSmall {
    width: 25%;
}

.content input[type="text"].sbTextInputMedium, .content #password {
    width: 50%;
}

.content input[type="text"].sbTextInputLarge {
    width: 75%;
}

.content input[type="text"].sbTextInputFull {
    width: 100%;
}

.content textarea.sbTextAreaSmall {
    width: 25%;
    font-size: 0.8em;
    color: #666666;
    padding: 5px;
}

.content textarea.sbTextAreaMedium {
    width: 50%;
    font-size: 0.8em;
    color: #666666;
    padding: 5px;
}

.content textarea.sbTextAreaLarge {
    width: 100%;
    font-size: 0.8em;
    color: #666666;
    padding: 5px;
}

.content #info_form .date_format_text {
    color: #999999;
    display: block;
    margin: 15px 0 0 0;
}

.content #info_form #localChurchRole span, .content #info_form #eNews-Subs span,
.content #info_form #pastorType span {
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
}

.content #info_form #localChurchRole span:first-of-type,
.content #info_form #eNews-Subs span:first-of-type,
.content #info_form #pastorType span:first-of-type {
    margin: 8px 0 8px 0;
}

.content #info_form fieldset label {
    margin: 0;
    padding: 0;
}

.membershipSection .content .pageTitle {
    margin: 0 0 20px 0;
}

form[name="loginform"] fieldset {
    border: none;
}

form[name="loginform"] .form li {
    padding: 10px 0;
}

form[name="loginform"] .form li input[type="text"],
form[name="loginform"] #loginpassword {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    color: #666666;
    transition: all linear 0.2s;
    width: 100%;
    box-sizing: border-box;
}

form[name="loginform"] .form li label {
    display: block;
    margin: 0 0 5px 0;
}

form[name="loginform"] th {
    width: 150px;
}

form[name="loginform"] .submit {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-decoration: none;
    border: 0;
    height: 38px;
    padding: 9px 35px 10px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    background-color: #f1a12c;
    border-radius: 30px;
    transition: transform .2s ease;
}

form[name="loginform"] .submit:hover {
    -ms-transform: scale(1.05);
        transform: scale(1.05);
}

.content #info_form .formtable h6 {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

.content #info_form .formtable h6:first-of-type {
    padding: 0 !important;
    margin: 15px 0 15px 0 !important;
}

.content #info_form .formtable .form_caption > p {
    margin: 20px 0 10px 0 !important;
    padding: 0;
    line-height: 16px !important;
}

.content #info_form .formtable .form_caption strong {
    display: block;
    margin: 0 !important;
}

.content #info_form .formtable .form-block {
    padding: 0 0 20px 0 !important;
}

.content #articleForm fieldset {
    margin: 0;
}

.content #articleForm fieldset #cke_description {
    width: 100% !important;
}

.content #articleForm fieldset ol li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.content #articleForm .sbButton:first-of-type {
    margin: 0;
}

.content .sbRadioGroup li {
    list-style-type: none;
}

.content #multiSelect {
    width: 50%;
    font-size: 0.8em;
    color: #666666;
    padding: 5px;
}

.content form ul.sbCheckboxGroup {
    /* margin: 0 0 0 -25px !important; */
    padding: 0 !important;
}

.content form ul.sbCheckboxGroup li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.content .formstylerSection hr {
    margin: 15px 0;
}

.content .formstylerSection li {
    list-style-type: none;
}

.content .formstylerSection table tr th {
    text-align: right;
    padding: 0 5px 0 0;
    height: 45px;
    font-size: 0.9em;
}

.content .formstylerSection table tr td {
    height: 45px;
    font-size: 0.9em;
}

.content .formstylerSection table .date_format_text {
    font-size: 0.9em;
}

.content .formstylerSection table table tr td {
    height: 25px;
    margin: 0 0 20px 0 !important;
}

/*--- Event Registration Form ---*/

.reg-form-title {
    display: block;
    margin: 0 0 20px 0;
}

.time-remaining {
    margin: 20px 0;
}

#cart_step1_title.order_details_header {
    display: none;
}

.event-timer, .timeRemaining {
    display: block;
    color: #1abc9c;
    font-weight: bold;
    margin: 20px 0 20px 0;
}

.content .receive_email legend {
    display: none;
}

.content .registrationForm ul {
    margin: 0 !important;
    padding: 0 !important;
}

.content .registrationForm ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.content .registrationForm ul li:before {
    content: '';
}

.content .registrationForm ol {
    margin: 0 !important;
    padding: 0 !important;
}

.content .registrationForm ol li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.content .registrationForm ol li:before {
    content: '';
}

.content .registrationForm #contactssignupform {
    margin: 25px 0 0 0;
}

.content .registrationForm label {
    margin: 10px 0 0 0;
}

.content .registrationForm .receive_email label {
    margin: 0 0 25px 0 !important;
}

.content .registrationForm .form li {
    margin: 0 0 15px 0 !important;
}

.content .registrationForm .form li:first-of-type label {
    margin: 0 !important;
}

.content .registrationForm .form .receive_email {
    margin: 15px 0 0 0;
}

.content .registrationForm .form #addRegistrationButton {
    color: #FFFFFF;
}

.content .registrationForm .form #addRegistrationButton:hover {
    background-color: #0510FA;
    color: #FFFFFF;
}

.content .registrationForm fieldset.state {
    margin: 0;
    padding: 0;
}

.content .registrationForm fieldset.state ul {
    margin: 0 !important;
    padding: 0;
}

.content .registrationForm fieldset.state ul li {
    margin: 0 !important;
    padding: 0;
}

.content .registrationForm #li_c_SpareCheckbox1 fieldset input[type="checkbox"],
.content .registrationForm #li_c_SpareCheckbox2 fieldset input[type="checkbox"],
.content .registrationForm #li_c_SpareCheckbox9 fieldset input[type="checkbox"] {
    margin: 1px 8px 0 0;
}

.content .registrationForm #li_c_SpareCheckbox1 fieldset label,
.content .registrationForm #li_c_SpareCheckbox2 fieldset label,
.content .registrationForm #li_c_SpareCheckbox9 fieldset label {
    color: #333333;
    display: block;
    margin: 0 0 15px 0 !important;
}

.content .registrationForm #li_c_SpareCheckbox1 fieldset span:first-of-type,
.content .registrationForm #li_c_SpareCheckbox2 fieldset span:first-of-type,
.content .registrationForm #li_c_SpareCheckbox9 fieldset span:first-of-type {
    color: #333333;
    display: block;
    margin: 15px 0 0 10px;
}

.content .registrationForm #li_c_SpareCheckbox1 fieldset span,
.content .registrationForm #li_c_SpareCheckbox2 fieldset span,
.content .registrationForm #li_c_SpareCheckbox9 fieldset span {
    color: #333333;
    display: block;
    margin: 0 0 0 10px;
}

.content .registrationForm #li_c_InterestTags > label:first-of-type {
    margin: 0 0 15px 0 !important;
}

.content .registrationForm #li_c_InterestTags fieldset ul.sbCheckboxGroup {
    margin: 0 0 0 10px !important;
    padding: 0;
}

.content .registrationForm #li_c_InterestTags fieldset ul.sbCheckboxGroup li:before {
    display: none;
}

.content .registrationForm #li_c_InterestTags fieldset ul.sbCheckboxGroup li {
    margin: 0 !important;
    padding: 0;
}

.content .registrationForm #li_c_InterestTags fieldset label {
    margin: 0 !important;
}

.content .registrationForm #li_c_InterestTags li {
    margin: 0;
    padding: 0;
}

.content .registrationForm #li_c_EmailType li:before {
    content: '';
    display: none;
}

.content .registrationForm #c_BirthDate_1ClearButton {
    float: left;
    margin: 15px 0 0 0;
}

.content .registrationForm #cancelButton {
    margin: 0 10px 0 0;
}

/*--- Signup Form ---*/

.content #signupForm ul {
    margin: 0 !important;
    padding: 0 !important;
}

.content #signupForm ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.content #signupForm ol {
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

.content #signupForm ol li {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.content #signupForm ol li:nth-last-child(2) > table {
    margin: 0 0 25px 0;
}

.content #signupForm ol li:nth-last-child(2) > table td {
    display: block;
    margin: 0 0 4px 0;
}

.content #signupForm h2 {
    display: block;
    margin: 40px 0 30px 0 !important;
    color: #000;
}

.content #signupForm .date_format_text {
    font-size: 0.8em;
}

.content #signupForm .email-comms tr td {
    display: block;
}

/*--- My Membership Page ---*/

#myMembership .myMemberships.contentTable th {
    text-align: left;
    padding: 10px;
    background-color: #114471;
    color: #FFF;
}

#myMembership .myMemberships.contentTable td {
    text-align: left;
    padding: 10px;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

#myMembership .myMemberships.contentTable td:first-of-type {
    border-left: 1px solid #ECECEC;
}

/*--- Make Stacktable Responsive ---*/

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

@media all and (max-width: 800px) {
    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only {
        width: 100%;
        background-color: #FFF;
        width: 100%;
        border-collapse: separate !important;
        border-spacing: 0;
        font-family: 'Arial';
        font-size: 1em;
        color: #666;
        border-radius: none !important;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only th:first-of-type {
        border-radius: 0 0 0 0;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only th:last-of-type {
        border-radius: 0 0 0 0;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only td:first-of-type {
        border-radius: 0 0 0 0;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only td:last-of-type {
        border-radius: 0 0 0 0;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only .st-head-row {
        color: #666;
        font-weight: bold;
        background-color: #ECECEC;
        padding: 10px;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only th:first-of-type.st-head-row-main {
        font-size: 1.5em;
        padding: 10px;
        background-color: #114471;
        color: #FFF;
        border: 1px solid #114471;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only .st-key {
        width: 49%;
        text-align: right;
        padding: 10px 2% 10px 0;
        background-color: #FFF;
        font-family: 'Arial';
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only .st-val {
        width: 49%;
        padding: 10px 0 10px 2%;
        background-color: #FFF;
        font-family: 'Arial';
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only tr td {
        border-bottom: 1px solid #ECECEC;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only tr:last-child td:first-child {
        border-radius: 5px;
    }

    #myMembership .myMemberships.contentTable.stacktable.small-only tr:last-child td:last-child {
        border-radius: 5px;
    }
}

/*--- Membership Signup Form ---*/

#myMembership #signupForm fieldset {
    border: none;
}

#myMembership #signupForm ol.form li {
    padding: 10px;
}

#myMembership #signupForm ol.form li .resetAll {
    list-style-type: none;
}

#myMembership #signupForm ol.form li .resetAll li {
    content: "";
    margin: 0;
    padding: 0;
}

#myMembership #signupForm ol.form li input[type="text"] {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    color: #666666;
    transition: all linear 0.2s;
    width: 100%;
    box-sizing: border-box;
}

#myMembership #signupForm ol.form li textarea {
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    color: #666666;
    transition: all linear 0.2s;
    width: 100%;
    box-sizing: border-box;
    min-height: 200px;
}

#myMembership #signupForm ol.form li label {
    display: block;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.membershipSection #make_payment .form:first-of-type table tr td {
    padding: 20px 0;
}

@media only screen and (max-width: 480px) {
    #myMembership #signupForm ol.form li input[type="text"] {
        width: 100%;
    }

    #myMembership #signupForm ol.form li textarea {
        width: 100%;
    }

    #myMembership #signupForm #c_Country, #myMembership #signupForm #c_State {
        width: 100%;
    }
}

/*--- Membership List ---*/

.membershipList .Item {
    padding: 20px 0 30px 0;
    border-top: 1px solid #ECECEC;
}

.membershipList .Item .wysiwygcontent {
    margin: 0 0 25px 0;
}

.membershipList .Item:last-of-type {
    padding: 20px 0 0 0;
}

.membershipList .Item h2 a:link, .membershipList .Item h2 a:visited {
    text-decoration: none;
    transition: all 0.3s ease;
}

.membershipList .Item h2 a:hover {
    color: #f1a12c;
}

.membershipList .btn-primary {
    margin: 0;
}

/*--- Membership Information ---*/

.knowledge_list .Item {
    padding: 20px 0 30px 0;
    border-top: 1px solid #ECECEC;
}

.knowledge_list .Item:first-of-type {
    padding: 20px 0 30px 0;
}

.knowledge_list .Item:last-of-type {
    padding: 20px 0 0 0;
}

.knowledge_list .Item .wysiwygcontent {
    margin: 0 0 25px 0;
}

.knowledge_list .Item h2 a:link, .knowledge_list .Item h2 a:visited {
    text-decoration: none;
    transition: all 0.3s ease;
}

.knowledge_list .Item h2 a:hover {
    color: #f1a12c;
}

.knowledge_list .Item .wysiwygcontent a:link {
    text-decoration: none;
    transition: all 0.3s ease;
    color: inherit;
}

.knowledge_list .Item .wysiwygcontent a:visited {
    text-decoration: none;
}

.knowledge_list .Item .wysiwygcontent a:hover {
    text-decoration: underline;
    color: #f1a12c;
}

.knowledge_list .Item .wysiwygcontent a:active {
    text-decoration: none;
}

/*--- Industry News ---*/

.articleFeedList .Item {
    padding: 20px 0 30px 0;
    border-top: 1px solid #ECECEC;
}

.articleFeedList .Item:first-of-type {
    padding: 20px 0 30px 0;
}

.articleFeedList .Item:last-of-type {
    padding: 20px 0 0 0;
}

.articleFeedList .Item .wysiwygcontent {
    margin: 0 0 25px 0;
}

.articleFeedList .Item h2 a:link, .articleFeedList .Item h2 a:visited {
    text-decoration: none;
    transition: all 0.3s ease;
}

.articleFeedList .Item h2 a:hover {
    color: #f1a12c;
}

.articleFeedList .Item .wysiwygcontent a:link {
    text-decoration: none;
    transition: all 0.3s ease;
    color: inherit;
}

.articleFeedList .Item .wysiwygcontent a:visited {
    text-decoration: none;
}

.articleFeedList .Item .wysiwygcontent a:hover {
    text-decoration: underline;
    color: #f1a12c;
}

.articleFeedList .Item .wysiwygcontent a:active {
    text-decoration: none;
}

/*--- Membership Information ---*/

.fundraising h2 {
    margin: 0 0 20px 0;
}

.fundraising div[id^='progress'] {
    background-color: #ECECEC;
}

.fundraising-record div[id^='progress'] {
    background-color: #ECECEC;
}

.fundraisingSection #make_payment .form:first-of-type table tr td {
    padding: 20px 0;
}

/*--- Store section | General style for all sections ---*/

.parent_category {
    margin: 0 0 25px 0;
}

/*--- Community ---*/

#Community2ContentDiv a#joinivtusergroup:link,
#Community2ContentDiv a.comm2grouplisttitle:link {
    text-decoration: none;
    transition: all 0.3s ease;
    color: inherit;
}

#Community2ContentDiv a#joinivtusergroup:visited,
#Community2ContentDiv a.comm2grouplisttitle:visited {
    text-decoration: none;
}

#Community2ContentDiv a#joinivtusergroup:hover,
#Community2ContentDiv a.comm2grouplisttitle:hover {
    text-decoration: underline;
    color: #f1a12c;
}

#Community2ContentDiv a#joinivtusergroup:active,
#Community2ContentDiv a.comm2grouplisttitle:active {
    text-decoration: none;
}

#comm2grouppage a#joinivtusergroup:link {
    text-decoration: none;
    transition: all 0.3s ease;
    color: #114471;
    display: block;
    margin: 10px 0;
    font-weight: bold;
}

#comm2grouppage a#joinivtusergroup:visited {
    text-decoration: none;
}

#comm2grouppage a#joinivtusergroup:hover {
    text-decoration: underline;
    color: #f1a12c;
}

#comm2grouppage a#joinivtusergroup:active {
    text-decoration: none;
}

#comm2grouppage p.newpostswitch {
    margin: 0 0 0 10px;
}

#comm2grouppage .buttonDisabled {
    padding: 10px 20px;
    margin: 10px 15px 10px 0 !important;
}

#comm2grouppage .buttonDisabled {
    padding: 10px 20px;
    margin: 10px 15px 10px 0 !important;
}

#comm2grouppage .comm2newpostform button {
    padding: 10px 20px;
    margin: 10px 15px 10px 0 !important;
}

#comm2grouppage .postfull p {
    padding: 15px 0;
}

#comm2grouppage fieldset {
    border: none;
}

/*--- Contact Us ---*/

.contactusSection .wysiwygcontent.contact {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ECECEC;
}

.contactusSection .wysiwygcontent.contact p {
    font-family: 'Century Gothic', serif;
    font-size: 15px;
    line-height: 1.33;
}

/*--- Shopping cart check out ---*/

.content .cart_table {
    font-size: 1em;
    line-height: 1.375em;
    text-transform: none;
    font-family: 'Arial', sans-serif;
    color: #666666;
    width: 100%;
    margin: 60px 0 0 0;
}

.content .cart_table .cart_header {
    color: #000000;
    text-align: center;
    font-size: 28px;
}

.content .cart_table tr:first-of-type {
    border-bottom: 2px solid #ECECEC;
    border-top: none;
    font-size: 1.5em;
    line-height: 1em;
    text-transform: none;
    font-family: 'Arial';
    font-weight: bold;
    color: #666666;
}

.content .cart_table tr:nth-of-type(2) {
    border-bottom: 2px solid #ECECEC;
}

.content .cart_table tr:nth-of-type(2) th {
    text-align: left;
    padding: 18px 10px;
}

.content .cart_table tr {
    height: 55px;
    border-top: 1px solid #ECECEC;
}

.content .cart_table tr:last-of-type {
    border: none;
}

.content .cart_table th {
    padding: 18px 5px;
    font-weight: bold;
}

.content .cart_table td {
    padding: 10px 10px;
}

.content table.cartButtons {
    position: relative;
}

.content table.cartButtons .cartButtonsLeft {
    width: 45%;
    padding: 0;
}

/*--- Buttons ---*/

.btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.btn-white {
    padding: 9px 15px;
    font-weight: 900;
    font-size: 14px;
    color: #1abc9c;
    border: 1px solid #000000;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #ffffff;
    transition: background-color .4s ease, color .4s ease;
}

.btn-white-small {
    padding: 2px 6px;
    font-weight: 740;
    font-size: 12px;
    width: 12%;
    color: #1abc9c;
    border-left: 1px solid #000000;
    border-radius: 2px;
    margin: 2px;
    float: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #ffffff;
    transition: background-color .4s ease, color .4s ease;
}

@media (max-width: 800px) {
	.btn-white-small {
display:none;
}
}

.btn-white:hover {
    background-color: #000000;
    color: #1abc9c;
}

.btn-cyan {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff !important; /* clashes with article.article a */
    text-transform: uppercase;
    letter-spacing: -.02em;
    background-color: #1abc9c;
    border: 0;
    border-radius: 3px;
    transition: background-color .4s ease;
}

.btn-cyan:hover {
    background-color: rgb(23, 169, 140);
}

/* Cancel */

#info_form .cancel.submit, .button.back, #c_BirthDate_1ClearButton,
.content table.cartButtons .cartButtonsLeft .change_qty,
.content .button.editOrder, .content .button.editDetails, .content #cancelButton,
.content #info_form .cancel.submit, .content .button.back,
.content #c_BirthDate_1ClearButton, #btnCancel, .orange-btn, #cancelBtn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 12px;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background-color: #ECECEC;
    border: 0;
    border-radius: 3px;
    transition: background-color .4s ease;
}

#info_form .cancel.submit:hover, .button.back:hover,
#c_BirthDate_1ClearButton:hover,
.content table.cartButtons .cartButtonsLeft .change_qty:hover,
.content .button.editOrder:hover, .content .button.editDetails:hover,
.content #cancelButton:hover, .content #info_form .cancel.submit:hover,
.content .button.back:hover, .content #c_BirthDate_1ClearButton:hover,
#btnCancel:hover, .orange-btn:hover, #cancelBtn:hover {
    transition: background-color .4s ease;
    background-color: #CCCCCC;
}

#c_BirthDate_1ClearButton {
    margin: 15px 0 0 0;
}

.content .button.editDetails {
    margin: 10px 0 0 0;
}

.eventsCalendarPreviousMonthButton, .eventsCalendarNextMonthButton {
    margin: 20px 0 0 0;
    max-width: 200px;
}

#btnCancel {
    max-width: 200px;
    width: 200px;
    padding: 15px 10px;
    margin: 0;
}

p a.orange-btn {
    max-width: none;
    color: #FFFFFF !important;
    margin: 0;
}

/* Submit */

.advancedSearchLink, .login-form-btn, #updateSignupDetailsButton,
.content table.cartButtons .cartButtonsLeft .continue_shopping,
.content .button.shipping, .content .button.step2, .content .button.step3,
#make_payment .button.submitOrder, #addRegistrationButton,
.BackToHome .BackToEventsList, .button.continueShopping,
.membershipSection input[name="signupButton"], #signupButton, .BackToHome,
.donationButton, #disabledUpload, .sbButton,
.journalpublishingSection #searchForm button[type="submit"],
.journalpublishingSection #addResourceForm button, #info_form .submit,
input[name="unsubscribe"], .signup_form .submit, .blue-btn,
.eventsCalendarPreviousMonthButton, .eventsCalendarNextMonthButton,
input[name="homeButton"], #nextButton.SubmitButton, #Renew.renew,
.search_form button[type="submit"], #login-tpl-btn, .button.lost-password,
#continueBtn, #submitButton, #paymentButton, #regManagerButton, .SubmitButton {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background-color: #1abc9c;
    border: 0;
    border-radius: 3px;
    transition: background-color .4s ease;
}

.advancedSearchLink:hover, .login-form-btn:hover,
#updateSignupDetailsButton:hover,
.content table.cartButtons .cartButtonsLeft .continue_shopping:hover,
.content .button.shipping:hover, .content .button.step2:hover,
.content .button.step3:hover, #addRegistrationButton:hover,
.BackToHome.BackToEventsList:hover, .button.continueShopping:hover,
.membershipSection input[name="signupButton"]:hover, #signupButton:hover,
.BackToHome:hover, .donationButton:hover, #disabledUpload:hover,
.journalpublishingSection #searchForm button[type="submit"]:hover,
.journalpublishingSection #addResourceForm button:hover,
#info_form .submit:hover, input[name="unsubscribe"]:hover,
.signup_form .submit:hover, .blue-btn:hover,
.eventsCalendarPreviousMonthButton:hover, .eventsCalendarNextMonthButton:hover,
input[name="homeButton"]:hover, #nextButton:hover, #Renew.renew:hover,
.search_form button[type="submit"]:hover, #login-tpl-btn:hover,
.button.lost-password:hover, #continueBtn:hover, #submitButton:hover,
#paymentButton:hover. #regManagerButton:hover, .SubmitButton:hover {
    transition: background-color .4s ease;
    background-color: rgb(23, 169, 140);
}

.button.lost-password {
    margin: 20px 0 0 0;
}

.journalpublishingSection .advancedSearchLink {
    margin: 30px 0 0 0 !important;
    float: right;
}

#info_form .form_caption {
    margin: 0 0 20px 0;
}

p a.blue-btn {
    color: #fff !important;
    margin: 0;
}

#addRegistrationButton {
    margin: 0;
}

.donationButton {
    margin: 20px 0 0 0 !important;
}

#disabledUpload {
    margin: 0 0 0 20px;
}

.journalpublishingSection .sbButton {
    margin: 20px 0 0 0;
}

.journalpublishingSection #addResourceForm button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: block;
}

.content table.cartButtons .cartButtonsRight {
    position: relative;
}

.BackToHome {
    display: block;
    margin: 20px 0 20px 0 !important;
}

/* Cart */

.content table.cartButtons .cartButtonsRight .complete_order {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -.02em;
    background-color: #1abc9c;
    border: 0;
    border-radius: 3px;
    transition: background-color .4s ease;
    margin: 0 0 0 10px;
}

.content table.cartButtons .cartButtonsRight .complete_order:hover {
    transition: background-color .4s ease;
    background-color: rgb(23, 169, 140);
}

.content table.cartButtons .cartButtonsLeft .change_qty {
    margin: 0 5px 0 0;
}

@media only screen and (max-width: 620px) {
    .content table.cartButtons .cartButtonsRight .complete_order {
        margin: 10px 5px 0 0;
    }
}

/*--- Shopping Cart Step 1 ---*/

.content #billingDetails, .content #step_1_form {
    margin: 0 0 0 0;
    padding: 0;
}

.content #billingDetails #cart_step1_page_title,
.content #step_1_form #cart_step1_page_title {
    margin: 0 0 20px 0;
}

.content #billingDetails #cart_step1_page_title,
.content #billingDetails #cart_step1_title,
.content #billingDetails #cart_order_title,
.content #billingDetails #cart_shipping_page_title,
.content #step_1_form #cart_step1_page_title,
.content #step_1_form #cart_step1_title, .content #step_1_form #cart_order_title,
.content #step_1_form #cart_shipping_page_title {
    font-size: 20px;
    font-weight: bold;
}

.content #billingDetails #cart_order_title,
.content #step_1_form #cart_order_title {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}

.content #billingDetails #cart_shipping_page_title,
.content #step_1_form #cart_shipping_page_title {
    padding: 18px 0;
    border-bottom: 2px solid #ECECEC;
}

.content #billingDetails #cart_shipping_title.order_details_header,
.content #step_1_form #cart_shipping_title.order_details_header {
    display: none;
}

.content #billingDetails select, .content #step_1_form select {
    height: 30px;
}

.content #billingDetails .form > table th,
.content #step_1_form .form > table th {
    width: 25% !important;
}

.content #billingDetails .form > table td,
.content #step_1_form .form > table td {
    width: 75% !important;
}

.content #billingDetails #orderDetails th,
.content #step_1_form #orderDetails th {
    padding: 18px 0 18px 10px;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    color: #666666 !important;
    width: 20% !important;
}

.content #billingDetails #orderDetails th:nth-of-type(4),
.content #step_1_form #orderDetails th:nth-of-type(4) {
    text-align: right;
    padding: 18px 10px;
}

.content #billingDetails #orderDetails th:nth-of-type(5),
.content #step_1_form #orderDetails th:nth-of-type(5) {
    text-align: right;
    padding: 18px 10px;
}

.content #billingDetails #orderDetails tr,
.content #step_1_form #orderDetails tr {
    height: 45px;
}

.content #billingDetails #orderDetails td,
.content #step_1_form #orderDetails td {
    padding: 18px 10px 18px 10px;
    border-top: 1px solid #ECECEC;
    width: 20% !important;
}

.content #billingDetails #orderDetails .word_wrap,
.content #step_1_form #orderDetails .word_wrap {
    padding: 10px 10px 10px 10px !important;
}

.content #billingDetails table, .content #step_1_form table {
    margin: 0;
    font-size: 1em;
    line-height: 1.375em;
    text-transform: none;
    font-family: 'Arial', sans-serif;
    color: #666666;
    width: 100%;
}

.content #billingDetails table input[type="text"],
.content #step_1_form table input[type="text"] {
    width: 100%;
    border: 1px solid #CCCCCC;
    height: 30px;
    padding: 0 5px;
    box-sizing: border-box;
}

.content #billingDetails table tr, .content #step_1_form table tr {
    height: 45px;
}

.content #billingDetails table tr:last-of-type,
.content #step_1_form table tr:last-of-type {
    border: none;
}

.content #billingDetails table td, .content #billingDetails table th,
.content #step_1_form table td, .content #step_1_form table th {
    padding: 18px 0 0 0;
}

.content #billingDetails table th, .content #step_1_form table th {
    font-weight: bold;
    text-align: left;
    width: 25%;
}

.content #billingDetails table td, .content #step_1_form table td {
    width: 33.3333% !important;
}

.content #billingDetails table td:first-of-type,
.content #step_1_form table td:first-of-type {
    text-align: left !important;
}

.content #billingDetails table th:nth-of-type(3),
.content #step_1_form table th:nth-of-type(3) {
    text-align: left;
    padding: 18px 10px 0 0 !important;
}

.content #billingDetails table td:nth-of-type(3),
.content #step_1_form table td:nth-of-type(3) {
    text-align: left !important;
}

.content #billingDetails #shippingaddress_div,
.content #step_1_form #shippingaddress_div {
    padding: 10px 0 0 0;
}

.content #billingDetails #shippingaddress_div table td:nth-of-type(1),
.content #billingDetails #shippingaddress_div table td:nth-of-type(3),
.content #step_1_form #shippingaddress_div table td:nth-of-type(1),
.content #step_1_form #shippingaddress_div table td:nth-of-type(3) {
    width: 3% !important;
    height: 40px !important;
    padding: 2px 0 0 0;
}

.content #billingDetails #shippingaddress_div table td,
.content #step_1_form #shippingaddress_div table td {
    width: 47% !important;
}

.content #billingDetails .text th, .content #step_1_form .text th {
    padding: 18px 10px 18px 10px;
    text-align: left;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    font-family: 'Arial', sans-serif;
    color: #666666 !important;
}

.content #billingDetails .text tr, .content #step_1_form .text tr {
    height: 45px;
}

.content #billingDetails .text td:nth-of-type(2),
.content #step_1_form .text td:nth-of-type(2) {
    padding: 10px 0 10px 10px !important;
}

.content #billingDetails .text th:nth-of-type(3),
.content #step_1_form .text th:nth-of-type(3) {
    text-align: right;
    padding: 0 0 0 10px !important;
    text-align: left;
}

.content #billingDetails .text th:nth-of-type(4),
.content #step_1_form .text th:nth-of-type(4) {
    text-align: right;
}

.content #billingDetails .text td, .content #step_1_form .text td {
    padding: 18px 10px 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #billingDetails .text td:first-of-type,
.content #step_1_form .text td:first-of-type {
    text-align: left !important;
}

.content #billingDetails .text tr:nth-last-child(2) td,
.content #step_1_form .text tr:nth-last-child(2) td {
    text-align: right !important;
}

.content #billingDetails .text tr:nth-last-child(2) td:last-of-type,
.content #step_1_form .text tr:nth-last-child(2) td:last-of-type {
    padding: 0 10px 0 0 !important;
}

.content #billingDetails .text tr:last-of-type td,
.content #step_1_form .text tr:last-of-type td {
    text-align: right !important;
}

.content #billingDetails .text tr:last-of-type td:last-of-type,
.content #step_1_form .text tr:last-of-type td:last-of-type {
    text-align: right !important;
    padding: 0 10px 0 0 !important;
}

.content #billingDetails .text .word_wrap,
.content #step_1_form .text .word_wrap {
    padding: 18px !important;
}

/*--- Shopping Cart Step 2 ---*/

.content #createOrder, .content #shipping_selection_form {
    margin: 0;
    padding: 0;
}

.content #shippingoptions_div table th {
    text-align: left;
}

.content #shippingoptions_div table th:first-of-type,
.content #shippingoptions_div table td:first-of-type {
    width: 25px;
}

.content #createOrder #cart_step3_title, .content #createOrder #cart_order_title,
.content #createOrder #cart_step1_title, .content #createOrder #step2_page_title,
.content #createOrder #cart_shipping_title,
.content #shipping_selection_form #cart_step3_title,
.content #shipping_selection_form #cart_order_title,
.content #shipping_selection_form #cart_step1_title,
.content #shipping_selection_form #step2_page_title,
.content #shipping_selection_form #cart_shipping_title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.content #createOrder #cart_step3_title,
.content #shipping_selection_form #cart_step3_title {
    padding: 18px 0;
    border-bottom: 2px solid #ECECEC;
}

.content #createOrder #step2_page_title,
.content #shipping_selection_form #step2_page_title {
    padding: 18px 0;
    border-bottom: 2px solid #ECECEC;
}

.content #createOrder #step2_title.order_details_header,
.content #shipping_selection_form #step2_title.order_details_header {
    display: none;
}

.content #createOrder #cart_step3_title,
.content #shipping_selection_form #cart_step3_title {
    margin: 0 0 10px 0;
}

.content #createOrder #gateway_select_div,
.content #shipping_selection_form #gateway_select_div {
    font-family: 'Arial', sans-serif;
}

.content #createOrder #gateway_select_div table,
.content #shipping_selection_form #gateway_select_div table {
    font-family: 'Arial', sans-serif;
}

.content #createOrder #gateway_select_div table th,
.content #shipping_selection_form #gateway_select_div table th {
    padding: 0 5px 0 0;
}

.content #createOrder #gateway_select_div table th td,
.content #shipping_selection_form #gateway_select_div table th td {
    margin: 0;
    padding: 0;
}

.content #createOrder #gateway_select_div table label,
.content #shipping_selection_form #gateway_select_div table label {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

.content #createOrder .text th, .content #shipping_selection_form .text th {
    font-family: 'Arial', sans-serif;
    padding: 18px 0 18px 10px;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    color: #666666 !important;
    font-weight: bold;
}

.content #createOrder .text th:nth-of-type(4),
.content #shipping_selection_form .text th:nth-of-type(4) {
    text-align: right;
    padding: 0 10px 0 0;
}

.content #createOrder .text td, .content #shipping_selection_form .text td {
    padding: 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #createOrder .text .word_wrap,
.content #shipping_selection_form .text .word_wrap {
    padding: 18px 10px !important;
}

.content #createOrder #addressdetails_div,
.content #shipping_selection_form #addressdetails_div {
    width: 100% !important;
    box-sizing: border-box;
}

.content #createOrder #addressdetails_div table,
.content #shipping_selection_form #addressdetails_div table {
    width: 100%;
}

.content #createOrder #addressdetails_div table > tbody > tr > td > table,
.content #shipping_selection_form #addressdetails_div table > tbody > tr > td > table {
    width: 100%;
}

.content #createOrder #addressdetails_div table > tbody > tr > td > table > tbody > tr > th,
.content #shipping_selection_form #addressdetails_div table > tbody > tr > td > table > tbody > tr > th {
    width: 50%;
    padding: 18px 10px;
    text-align: right;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    border-top: 1px solid #ECECEC;
}

.content #createOrder #addressdetails_div table > tbody > tr > td > table > tbody > tr > th:last-of-type,
.content #shipping_selection_form #addressdetails_div table > tbody > tr > td > table > tbody > tr > th:last-of-type {
    border-bottom: 1px solid #ECECEC;
}

.content #createOrder #addressdetails_div table > tbody > tr > td > table > tbody > tr > td,
.content #shipping_selection_form #addressdetails_div table > tbody > tr > td > table > tbody > tr > td {
    width: 50%;
    padding: 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #createOrder #addressdetails_div table > tbody > tr > td > table > tbody > tr > td:last-of-type,
.content #shipping_selection_form #addressdetails_div table > tbody > tr > td > table > tbody > tr > td:last-of-type {
    border-bottom: 1px solid #ECECEC;
}

/*--- Shopping Cart Payment Details ---*/

.content #createOrder .plain, .content #shipping_selection_form .plain {
    width: 100% !important;
    margin: 0 0 10px 0;
}

.content #createOrder .plain table,
.content #shipping_selection_form .plain table {
    width: 100%;
}

.content #createOrder .plain th, .content #shipping_selection_form .plain th {
    padding: 18px 10px 18px 10px;
    text-align: left;
    border-top: 1px solid #ECECEC;
    width: 50%;
    text-align: right;
    font-size: 15px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #666666 !important;
}

.content #createOrder .plain th:nth-of-type(4),
.content #shipping_selection_form .plain th:nth-of-type(4) {
    text-align: right;
}

.content #createOrder .plain td, .content #shipping_selection_form .plain td {
    border-top: 1px solid #ECECEC;
    width: 50%;
}

.content #createOrder .plain .word_wrap,
.content #shipping_selection_form .plain .word_wrap {
    padding: 18px !important;
}

.content #createOrder #delivery_shipping_div > div,
.content #shipping_selection_form #delivery_shipping_div > div {
    margin: 20px 0 0 0;
}

.content #securepay_ccard_form #cart_step4_page_title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 60px 0;
    display: block;
}

.content .timeRemaining {
    margin: 0 0 45px 0;
}

.content #cart_step4_page_title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    display: block;
    padding: 18px 0;
    border-bottom: 2px solid #ECECEC;
}

/*--- Shopping Cart Final Step ---*/

.content #make_payment .form > table {
    margin: 0 0 0 0;
}

.content #make_payment .form > table input[type="text"] {
    margin: 0;
    border: 1px solid #CCC;
    height: 30px;
    padding: 0 5px;
}

.content #make_payment .form > table input[name="pay_name"] {
    width: 50%;
    padding: 0 5px;
}

.content #make_payment .form > table input[name="pay_credit_card1"],
.content #make_payment .form > table input[name="pay_credit_card2"],
.content #make_payment .form > table input[name="pay_credit_card3"],
.content #make_payment .form > table input[name="pay_credit_card4"],
.content #make_payment .form > table input[name="pay_cvvno"] {
    width: 12%;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 5px;
}

.content #make_payment .form table tr:nth-of-type(4) td {
    position: relative;
}

.content #make_payment .form table tr:nth-of-type(4) a {
    position: absolute;
    top: 4px;
    left: 100px;
}

.content #make_payment .form > table th {
    padding: 15px 5px 15px 0;
}

.content #make_payment .form > table select[name="pay_card_type"] {
    float: left;
    margin: 0 10px 0 0;
    height: 30px;
}

.content #make_payment .form > table td a {
    float: right;
    margin: 10px 0 0 0;
}

.content #make_payment .form > table img {
    float: left;
}

.content #make_payment .form > table img:nth-of-type(1) {
    margin: 2px 10px 0 0;
}

.content #make_payment .form > table img:nth-of-type(2) {
    margin: 2px 10px 0 0;
}

.content #make_payment .form > table img:nth-of-type(3) {
    margin: 2px 10px 0 0;
}

.content #make_payment #cart_order_title,
.content #make_payment #cart_step1_title {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
    display: block;
}

.content #make_payment input[type="text"] {
    margin: 0 0 10px 0;
}

.content #make_payment table {
    width: 100%;
    padding: 0;
    margin: 0;
}

.content #make_payment th {
    width: 22%;
    text-align: right;
    padding: 0 10px 0 0;
}

.content #make_payment tr {
    width: 77%;
}

.content #make_payment .text th {
    padding: 18px 10px 18px 10px;
    text-align: left;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #666666 !important;
}

.content #make_payment .text tr {
    height: 45px;
}

.content #make_payment .text th:nth-of-type(3) {
    text-align: right;
}

.content #make_payment .text th:nth-of-type(4) {
    text-align: right;
}

.content #make_payment .text td {
    padding: 18px 10px 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #make_payment .text td:first-of-type {
    text-align: left !important;
}

.content #make_payment .text tr:nth-last-child(2) td {
    text-align: right !important;
}

.content #make_payment .text tr:last-of-type td {
    text-align: right !important;
}

.content #make_payment .text .word_wrap {
    padding: 18px !important;
}

.content #make_payment #cart_step1_title {
    display: block;
    clear: both;
}

.content #make_payment #addressdetails_div {
    width: 100% !important;
    box-sizing: border-box;
    margin: 20px 0 0 0 !important;
}

.content #make_payment #addressdetails_div table {
    width: 100%;
}

.content #make_payment #addressdetails_div table {
    width: 100%;
}

.content #make_payment #addressdetails_div table > tbody > tr > td > table {
    width: 100%;
}

.content #make_payment #addressdetails_div table > tbody > tr > td > table > tbody > tr > th {
    width: 50%;
    padding: 18px 10px;
    text-align: right;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    border-top: 1px solid #ECECEC;
}

.content #make_payment #addressdetails_div table > tbody > tr > td > table > tbody > tr > th:last-of-type {
    border-bottom: 1px solid #ECECEC;
}

.content #make_payment #addressdetails_div table > tbody > tr > td > table > tbody > tr > td {
    width: 50%;
    padding: 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #make_payment #addressdetails_div table > tbody > tr > td > table > tbody > tr > td:last-of-type {
    border-bottom: 1px solid #ECECEC;
}

.content #make_payment #submit_order {
    float: right;
}

.content #make_payment #cart_shipping_title.order_details_header {
    font-size: 20px;
    font-weight: bold;
    padding: 18px 0;
    display: block;
}

.content #make_payment .plain {
    width: 100% !important;
    margin: 0 0 10px 0;
}

.content #make_payment .plain table {
    width: 100%;
}

.content #make_payment .plain th {
    padding: 18px 10px 18px 10px;
    text-align: left;
    border-top: 1px solid #ECECEC;
    width: 50%;
    text-align: right;
    font-size: 17px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #000000 !important;
}

.content #make_payment .plain th:nth-of-type(4) {
    text-align: right;
}

.content #make_payment .plain td {
    border-top: 1px solid #ECECEC;
    width: 50%;
    font-size: 17px;
    font-family: 'Arial', sans-serif;
}

.content #make_payment .plain .word_wrap {
    padding: 18px !important;
}

.content #make_payment #delivery_shipping_div > div {
    margin: 30px 0 0 0;
}

/*--- Order Complete ---*/

.content #cart_ordercomplete_title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
    display: block;
    border-bottom: 1px solid #ECECEC;
    padding: 18px 0;
}

.content #order-complete p:first-of-type {
    color: green;
    font-weight: bold;
    display: block;
    margin: 0 0 40px 0;
}

.content #order-complete #cart_ordercomplete_title,
.content #order-complete #cart_order_title,
.content #order-complete #cart_step1_title,
.content #order-complete #cart_shipping_title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px 0;
    display: block;
}

.content #order-complete h4 {
    font-size: 18px;
    line-height: 16px;
    text-transform: none;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #000000;
    margin: 0 0 20px 0;
}

.content #order-complete .text th {
    padding: 18px 10px 18px 10px;
    text-align: left;
    color: #666666 !important;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}

.content #order-complete h4#order-complete-header {
    margin: 35px 0 20px 0;
}

.content #order-complete .text th:nth-of-type(4) {
    text-align: right;
}

.content #order-complete .text th:nth-of-type(5) {
    padding: 0 0 0 20px;
}

.content #order-complete .text td {
    padding: 18px 10px 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #order-complete .text .word_wrap {
    padding: 18px !important;
}

.content #order-complete .plain {
    width: 100% !important;
    margin: 0 0 10px 0;
}

.content #order-complete .plain table {
    width: 100%;
    margin: 0 0 50px 0;
}

.content #order-complete .plain th {
    padding: 18px 10px 18px 10px;
    text-align: left;
    border-top: 1px solid #ECECEC;
    width: 50%;
    text-align: right;
    font-size: 15px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #666666 !important;
}

.content #order-complete .plain th:nth-of-type(4) {
    text-align: right;
}

.content #order-complete .plain td {
    padding: 0;
    border-top: 1px solid #ECECEC;
    width: 50%;
    font-size: 17px;
    font-family: 'Arial', sans-serif;
}

.content #order-complete .plain .word_wrap {
    padding: 18px !important;
}

.content #order-complete .plain tr:last-of-type td:last-of-type,
.content #order-complete .plain tr:last-of-type th:last-of-type {
    border-bottom: 1px solid #ECECEC;
}

.content #order-complete #addressdetails_div {
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 0 0 0 !important;
}

.content #order-complete #addressdetails_div table {
    width: 100%;
    margin: 0 0 30px 0;
}

.content #order-complete #addressdetails_div table tr td {
    border-top: none;
    border-bottom: none;
}

.content #order-complete #addressdetails_div table > tbody > tr > td > table {
    width: 100%;
}

.content #order-complete #addressdetails_div table > tbody > tr > td > table > tbody > tr > th {
    width: 50%;
    padding: 18px 10px;
    text-align: right;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    border-top: 1px solid #ECECEC;
}

.content #order-complete #addressdetails_div table > tbody > tr > td > table > tbody > tr > th:last-of-type {
    border-bottom: none;
}

.content #order-complete #addressdetails_div table > tbody > tr > td > table > tbody > tr > td {
    width: 50%;
    padding: 18px 10px;
    border-top: 1px solid #ECECEC;
}

.content #order-complete #addressdetails_div table > tbody > tr > td > table > tbody > tr > td:last-of-type,
.content #order-complete #addressdetails_div table > tbody > tr > td > table > tbody > tr > th:last-of-type {
    border-bottom: 1px solid #ECECEC;
}

@media handheld, only screen and (max-width: 500px) {
    .content .form-horizontal label > div:first-child,
    .content .form-horizontal .label-group > div:first-child {
        text-align: left;
        float: none;
        line-height: inherit;
    }

    .content label .message, .content .label-group .message {
        float: none;
        clear: both;
        display: block;
        width: 100%;
    }

    .content .form-horizontal .input-below textarea {
        width: 350px;
    }

    .content .form-horizontal.message-below label .message {
        margin-left: 0;
    }

    .content .form-horizontal .submit-wrapper {
        width: 220px;
    }

    .content .inline label:not(:first-child), .content .inline .button {
        margin-left: 0;
    }

    .content label .message.hint {
        opacity: 1;
        position: static;
    }

    .content .form-horizontal label .message.hint {
        line-height: inherit;
        margin-left: inherit;
    }

    .content label .large, .content label .xl {
        width: 280px;
        max-width: 90%;
    }

    .content .prepend, .content .append {
        display: inline-block;
    }

    .content .form-horizontal .required div:first-child:before {
        content: '*';
        font-size: 17px;
    }

    .content .form-horizontal .required div:first-child:after {
        display: none;
    }
}

.content .search_form form button {
    margin: 25px 0 0 0;
}

.content .search_list {
    margin: 0 !important;
    padding-bottom: 1.5em;
}

.content .search_list li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.content .search_list br {
    display: none;
}

.content .search_list li img {
    float: left !important;
    margin: 4px 10px 0 0;
}

.content .search_list li p:first-of-type {
    font-size: 22px !important;
    margin: 0 0 10px 0 !important;
}

.content .view-details .member-details {
    margin: 0 0 25px 0;
    border-bottom: 1px solid #ECECEC;
    padding: 0 0 35px 0;
}

.content .view-details .member-details b {
    font-weight: bold;
}

.content .view-details .member-details p {
    margin: 0 !important;
    padding: 0 !important;
}

.content .view-details .member-details .btn-link-cat {
    margin: 25px 0 0 0;
}

.content .view-details .member-details .google-map {
    margin: 0 0 25px 0;
}

.content .view-details .member-details .google-map #map {
    width: 100% !important;
}

.content .view-details-contact-form-header {
    padding: 0 !important;
    margin: 0 !important;
}

.content .contactEntity #directoryContact ol li {
    list-style-type: none;
}

/*--- Mobile ---*/

@media only screen and (max-width: 605px) {
    .content table.cartButtons .cartButtonsLeft {
        display: block;
        padding: 0;
        float: none;
    }

    .content table.cartButtons .cartButtonsRight {
        position: relative;
        width: 100% !important;
        display: block;
        float: none;
    }
}

@media only screen and (max-width: 480px) {
    .content #make_payment .form > table img:nth-of-type(1) {
        margin: 5px 45px 0 0;
        float: right;
        display: inline-block;
    }

    .content #make_payment .form > table img:nth-of-type(2) {
        margin: 5px 10px 0 0;
        float: right;
        display: inline-block;
    }

    .content .cart_table {
        font-size: 0.9em;
        margin: 0 !important;
    }

    .content .list {
        font-size: 0.8em;
    }

    .content #make_payment .form > table select[name="pay_card_type"],
    .content #make_payment .form > table select[name="pay_month"],
    .content #make_payment .form > table select[name="pay_year"] {
        border: 1px solid #CCC;
    }

    .content #make_payment .form > table select[name="pay_card_type"] {
        width: 85%;
    }

    .content #make_payment .form > table input[name="pay_name"] {
        width: 80%;
    }

    .content #make_payment .form > table input[name="pay_credit_card1"],
    .content #make_payment .form > table input[name="pay_credit_card2"],
    .content #make_payment .form > table input[name="pay_credit_card3"],
    .content #make_payment .form > table input[name="pay_credit_card4"],
    .content #make_payment .form > table input[name="pay_cvvno"] {
        width: 15%;
    }

    .content #make_payment #addressdetails_div th,
    .content #make_payment #addressdetails_div td {
        font-size: 1em;
    }

    .content #make_payment .plain th, .content #make_payment .plain td {
        font-size: 0.9em;
    }

    .content #make_payment .text th, .content #make_payment .text td {
        font-size: 0.9em;
    }

    .content table.cartButtons {
        position: relative;
    }

    .content table.cartButtons .cartButtonsLeft {
        width: 100% !important;
        display: block;
        padding: 0;
        float: none;
    }

    .content table.cartButtons .cartButtonsLeft .change_qty {
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        max-width: 100%;
        display: block;
        float: none;
    }

    .content table.cartButtons .cartButtonsLeft .continue_shopping {
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        display: block;
    }

    .content table.cartButtons .cartButtonsRight {
        position: relative;
        width: 100% !important;
        display: block;
        float: none;
    }

    .content table.cartButtons .cartButtonsRight .complete_order {
        margin: 0 !important;
        width: 100% !important;
        display: block;
        position: absolute;
        left: 0 !important;
        top: 0;
    }

    .content #billingDetails, .content #step_1_form {
        font-size: 0.8em;
    }

    .content #billingDetails #shippingaddress_div,
    .content #step_1_form #shippingaddress_div {
        padding: 10px 0 0 0;
    }

    .content #billingDetails #shippingaddress_div table td:nth-of-type(1),
    .content #billingDetails #shippingaddress_div table td:nth-of-type(3),
    .content #step_1_form #shippingaddress_div table td:nth-of-type(1),
    .content #step_1_form #shippingaddress_div table td:nth-of-type(3) {
        width: 6% !important;
        height: 40px !important;
        padding: 2px 0 0 0;
    }

    .content #billingDetails #shippingaddress_div table td,
    .content #step_1_form #shippingaddress_div table td {
        width: 44% !important;
    }

    .content #billingDetails #shippingaddress_div table input[type="radio"],
    .content #step_1_form #shippingaddress_div table input[type="radio"] {
        float: left;
        margin: 3px 0 0 0;
    }

    .content #billingDetails table td select,
    .content #step_1_form table td select {
        height: 30px !important;
        margin: 8px 0 0 0 !important;
    }

    .content #billingDetails input, .content #step_1_form input {
        width: 95% !important;
    }

    .content #billingDetails .form table th,
    .content #billingDetails .text table th,
    .content #step_1_form .form table th, .content #step_1_form .text table th {
        height: 40px !important;
        padding: 10px 5px 0 0 !important;
        margin: 0 !important;
        font-size: 1em;
    }

    .content #billingDetails .form table td,
    .content #billingDetails .text table td,
    .content #step_1_form .form table td, .content #step_1_form .text table td {
        vertical-align: top;
        padding: 0 !important;
    }

    .content #billingDetails .form th, .content #billingDetails .text th,
    .content #step_1_form .form th, .content #step_1_form .text th {
        font-size: 1em;
    }

    .content #billingDetails .button.editOrder,
    .content #billingDetails .button.shipping,
    .content #step_1_form .button.editOrder,
    .content #step_1_form .button.shipping {
        width: 100% !important;
    }

    .content #billingDetails .button.shipping,
    .content #step_1_form .button.shipping {
        margin: -10px 0 0 0 !important;
    }

    .content #createOrder, .content #shipping_selection_form {
        font-size: 0.8em;
    }

    .content #createOrder table, .content #shipping_selection_form table {
        font-size: 1em;
    }

    .content #createOrder table tr td,
    .content #shipping_selection_form table tr td {
        vertical-align: middle !important;
    }

    .content #createOrder table th, .content #shipping_selection_form table th {
        font-size: 1em;
    }

    .content #createOrder .plain > table th,
    .content #shipping_selection_form .plain > table th {
        font-size: 1em;
    }

    .content #createOrder input[type="button"],
    .content #shipping_selection_form input[type="button"] {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .content #make_payment {
        font-size: 0.8em;
    }

    .content #order-complete {
        font-size: 0.8em;
    }

    .membershipSection .content #make_payment {
        font-size: 0.9em;
    }

    .membershipSection .content #order-complete {
        font-size: 0.9em;
    }

    .content #order-complete p {
        font-size: 1.4em;
    }

    .content #order-complete #cart_ordercomplete_title,
    .content #order-complete #cart_order_title,
    .content #order-complete #cart_step1_title,
    .content #order-complete #cart_shipping_title {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 20px 0;
        display: block;
    }

    .content #order-complete .text th, .content #order-complete .text td {
        font-size: 1.1em;
    }

    .membershipSection .content #order-complete .text th,
    .membershipSection .content #order-complete .text td {
        font-size: 0.9em;
    }

    .content #order-complete .plain table,
    .content #order-complete .plain table th,
    .content #order-complete .plain table td {
        font-size: 1.1em;
    }

    .membershipSection .content #order-complete .plain table,
    .membershipSection .content #order-complete .plain table th,
    .membershipSection .content #order-complete .plain table td {
        font-size: 0.95em;
    }

    .content #order-complete #addressdetails_div table,
    .content #order-complete #addressdetails_div table th,
    .content #order-complete #addressdetails_div table td {
        font-size: 11px;
    }

    .content .button.step3 {
        width: 100%;
    }

    .content #createOrder input[type="button"] {
        margin: 0;
    }
}

/*--- Recaptcha ---*/

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    line-height: 0 !important;
}

#recaptcha_area input {
    height: auto;
    display: inline;
}

div.form > table:not(.ao-recaptcha-table) {
    width: 100%;
}

div.form > table:not(.ao-recaptcha-table) th {
    text-align: left;
    vertical-align: middle;
    padding: 5px 0 0 0;
}

div.form > table:not(.ao-recaptcha-table) td {
    width: 85%;
    padding: 10px 0 10px 0;
    vertical-align: middle;
}

.ao-recaptcha-table {
    margin: 10px 0 0 0;
    color: #CCCCCC;
}

.ao-recaptcha-table th {
    color: #CCCCCC;
}

.ao-recaptcha-table td {
    color: #CCCCCC;
}

.ao-recaptcha-table  #recaptcha_area {
    margin: 0 0 0 30px;
}