/**
* Small screens
*/
/*IMPORT GOOGLE FONTS*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600|Droid+Sans:400,700);

.raleway {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.raleway-medium {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.raleway-bold {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.droid {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 400;
}

.droid-bold {
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
}

/*FIX CSS CONFLICT FOR "SMALL" ATTRIBUTE*/
/*
small {
  font-size: 80%;
}
column-content small {
  font-size: inherit;
}
p em small {
  font-size: inherit;
}
*/

/* SMALL Global */

html {
    -webkit-font-smoothing: antialiased;
}

body {
    background: transparent;
    line-height: 1;
    height: 50%;
    -webkit-touch-callout: none !important;
}

html,
body {
    font-size: 12px;
    color: #3e3d3d;
    font-family: 'Droid Sans', sans-serif;
    /*font-weight: 400;*/
    background: #333131;
    line-height: 20px;
}

form#aspnetForm {
    overflow: hidden;
    background: #fff;
}

h1 {
    line-height: 1.2em;
}

h3 {
    font-size: 1.6em;
}

p {
    line-height: 1.25em;
    margin-bottom: 1em;
    font-size: 1.2em;
}

.full-width {
    max-width: 100%;
    width: 100% !important;
}

.no-padding {
    padding: 0;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

hr {
    margin: 10px 0;
    border-top: 2px solid #6bbe51;
}

.play_button {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -1.25em;
    left: 50%;
    margin-left: -1.25em;
    background: url(images/play_button.png) no-repeat center;
    z-index: 100;
    width: 4em;
    height: 4em;
}

a {
    color: #6ebc42;
    -webkit-touch-callout: none !important;
}

    a:hover {
        color: #509b3a;
    }

    a img {
        border: none;
    }

.CMSListMenuLinkHighlighted {
    color: #ACACAD;
}

/* SMALL Forms */

form {
    margin: 0;
}

::-webkit-input-placeholder {
    color: #acacac;
}

::-moz-placeholder {
    color: #acacac;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #acacac;
}

/* ie */
input:-moz-placeholder {
    color: #acacac;
}

.inputfield {
    color: #acacac;
}

select, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    width: 100%;
    margin: 0;
    margin-bottom: .5em;
    border: 1px solid #51af33;
    border-radius: .4em;
}

select {
    font-size: 0.875rem;
    line-height: 1;
}

.search_bar_alt {
    height: 38px;
}

input[type="submit"] {
    -webkit-appearance: none;
}

input[type="password"] {
    line-height: 1.1em;
}

.FormButton {
    display: none;
}

.pp_form {
    margin-bottom: 30px;
    padding: 20px;
    border-top: 2px solid #51af33;
    padding-top: 20px;
}

span.customSelect {
    padding: 10px;
    width: 100%;
    margin: 0;
    margin-bottom: .5em;
    border: .1em solid #6bbe51;
    border-radius: .4em;
    background: #fbfbfb url(images/select_arrow.png) right 10px center no-repeat;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(47%,#f6f6f6),color-stop(100%,#ddd)) url(images/select_arrow.png) right 10px center no-repeat;
    background: -webkit-linear-gradient(top,#fbfbfb 0%,#f6f6f6 47%,#ddd 100%) url(images/select_arrow.png) right 10px center no-repeat;
    background: linear-gradient(to bottom,#fbfbfb 0%,#f6f6f6 47%,#ddd 100%) url(images/select_arrow.png) right 10px center no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb',endColorstr='#dddddd',GradientType=0 )";
}

/* SMALL Buttons */


.button.dark {
    background: #51af33;
}

    .button.dark:hover {
        background: #329014;
    }

    .button.dark:after {
        background: url(/App_Themes/ProPay/images/sprites_selectors.png) -12px -85px;
    }

.button.alt {
    color: #fff;
    text-decoration: none;
    background: #0993de;
}

    .button.alt:hover {
        background: #007095;
    }

.button.large {
    margin: 0;
    padding-top: .575rem;
    padding-bottom: .6375rem;
    text-align: center;
}

/* SMALL Icons */

.icon-login {
    display: inline-block;
    height: 6em;
    width: 6em;
    background: url(/App_Themes/ProPay/images/sprites_icons.png) -7px -102px no-repeat;
}

.icon-search {
    display: inline-block;
    height: 6em;
    width: 6em;
    background: url(/App_Themes/ProPay/images/sprites_icons.png) -7px -45px no-repeat;
}

.icon-nav {
    display: inline-block;
    height: 6em;
    width: 6em;
    background: url(/App_Themes/ProPay/images/sprites_icons.png) -7px -162px no-repeat;
}

/* SMALL Rounded Corners */
.rounded {
    border-bottom-right-radius: .4em;
    border-bottom-left-radius: .4em;
    border-top-right-radius: .4em;
    border-top-left-radius: .4em;
}

.rounded_bottom {
    border-bottom-right-radius: .4em;
    border-bottom-left-radius: .4em;
}

.rounded_top_right {
    border-top-right-radius: .4em;
}

.rounded_top_left {
    border-top-left-radius: .4em;
}

/* SMALL Header */

#header {
    height: 3.8em;
    padding-top: .25em;
    background: #0572ae;
    border-bottom: .4em solid #62b945;
}

    #header .top-bar, #header .top-bar li, #header .top-bar a {
        font-size: .75em;
        background: none;
        font-weight: 700;
        margin-top: .5em;
    }

#top_bar {
    overflow: hidden;
}

    #top_bar .top-bar-section {
        width: 100%;
    }

        #top_bar .top-bar-section ul {
            float: left;
            background: none;
        }

        #top_bar .top-bar-section .top-bar li {
            float: left;
            font-size: .9em;
            padding: 0;
            margin: .1em;
            margin-top: -.3em;
            height: 2em;
            border-right: .1em solid #079ced;
        }

            #top_bar .top-bar-section .top-bar li span {
                font-size: .85em;
            }

            #top_bar .top-bar-section .top-bar li.phone {
                line-height: 1em;
               color: #FFF;
                padding: 0;
                margin: 0;
                margin-top: -.25em;
                margin-right: .3em;
                font-weight: 400;
            }

                #top_bar .top-bar-section .top-bar li.phone a {
                    padding-right: 1em !important;
                }

            #top_bar .top-bar-section .top-bar li a {
                padding: .9em .85em 2em .5em;
                padding-right: 3em !important;
                margin: 0;
                position: relative;
                left: 0;
                top: -.05em;
                z-index: 100;
                line-height: 1em;
                border: .1rem solid transparent;
                font-family: 'Droid Sans', sans-serif;
            }

            #top_bar .top-bar-section .top-bar li:last-child {
                border: none;
            }

        #top_bar .top-bar-section .has-dropdown > a:after {
            border: none;
            background: url(/App_Themes/ProPay/images/sprites_selectors.png) -94px -25px;
            display: block;
            height: 1em;
            width: 1.5em;
            margin-right: .5em;
        }

        #top_bar .top-bar-section .top-bar li.has-dropdown:hover a.top_level {
            left: -.4em;
            width: 106%;
            color: #000;
            background: #fff !important;
            border: .1rem solid #62b946;
            border-bottom: 0;
            border-top: 0;
            height: 100%;
            padding-top: .9em;
            padding-left: .8em;
            padding-right: 2.7em !important;
        }

        #top_bar .top-bar-section .dropdown {
            clip: auto;
            display: block;
            overflow: hidden;
            position: absolute;
            top: 2em;
            left: -.3em;
            width: 10em;
            font-size: 1em;
            z-index: 90;
            background: #fff;
            padding: 0;
            border: none;
            color: #000;
            height: 0;
        }

        #top_bar .top-bar-section .has-dropdown:hover .dropdown {
            padding-top: .5em;
            padding-bottom: .5em;
            border: .1em solid #62b946;
        }

        #top_bar .top-bar-section .dropdown li {
            border: none;
            padding: .5em;
            margin: 0;
            padding-bottom: 0;
            height: 0;
            padding-top: 0;
        }

        #top_bar .top-bar-section .has-dropdown:hover .dropdown li {
            padding-bottom: 2em;
            height: 2em;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #top_bar .top-bar-section .dropdown li:hover {
            background: #ededed;
        }

            #top_bar .top-bar-section .dropdown li:hover a, #top_bar .top-bar-section .dropdown li.active a {
                color: #0572ae;
            }

        #top_bar .top-bar-section .top-bar li.has-dropdown > a:after {
           top: 1.3em;
        }

        #top_bar .top-bar-section .dropdown li a {
            color: #51af33;
        }

#top_nav {
    float: left;
    height: 3em;
    padding: 0;
    margin-top: .2em;
}

#logo {
    margin: 1em 0;
}

#branded-logo {
    margin: 0;
}

#main_nav {
    height: 100%;
    padding-right: 0;
}

    #main_nav .show-for-small a {
        display: block;
        height: 100%;
        text-align: center;
        padding-top: 3em;
    }

        #main_nav .show-for-small a img {
            max-width: 80%;
        }

        #main_nav .show-for-small a.active {
            background: #ededed;
            padding-bottom: 5em;
        }

            #main_nav .show-for-small a.active img.mobile_icon {
                display: none;
            }

            #main_nav .show-for-small a.active img.close {
                display: inline-block;
            }

.mobile_overlay {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding: 2em;
    color: #fff;
    background: url(/App_Themes/ProPay/images/bg_black_90.png);
}

    .mobile_overlay .close {
        float: right;
        font-size: 3em;
        width: 30px;
    }

    .mobile_overlay ul {
        list-style: none;
        margin-top: 4em;
    }

        .mobile_overlay ul li {
            color: #fff;
            font-size: 1.4em;
            font-weight: 700;
        }

            .mobile_overlay ul li a {
                color: #888;
                font-size: 1em;
                font-weight: 400;
                line-height: 3em;
            }

            .mobile_overlay ul li.active a {
                color: #fff;
            }

#mobile_navigation_list {
    list-style: none;
}

    #mobile_navigation_list li {
        font-size: 1.4em;
        font-weight: 700;
        line-height: 2.5em;
    }

        #mobile_navigation_list li a, #mobile_navigation_list li span {
            color: #204f24;
            font-size: 1.35em;
        }

#nav_bar .active {
    background: #ededed;
}

#mobile_options div.mobile_nav_dropdown {
    margin-top: -2em;
    padding: 1em 2em;
    box-shadow: .1em .2em .1em #666;
    margin-bottom: 3em;
}

#mobile_options h3 {
    font-size: 1em;
    font-weight: 700;
    color: #18361c;
}

#mobile_options .inputfield {
    margin-bottom: 1em;
    height: 34px;
    padding-right: 4em;
}

#mobile_options button {
    width: 50%;
}

#mobile_users .create_account, #mobile_create .login {
    font-weight: 700;
    margin-right: 1em;
    margin-top: 1em;
    font-size: 1.2em;
    color: #204f24;
    text-decoration: underline;
}

.mobile_search_container {
    position: relative;
}

    .mobile_search_container .inputfield {
        border-color: #1d7eb4;
    }

.mobile_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 34px;
    border: none;
    background: url(/App_Themes/ProPay/images/icon_mobile_search.png) center center no-repeat;
    cursor: pointer;
}

input.invalid {
    border: 1px solid red !important;
}

#ie7_alert {
    display: none;
}

/* SMALL Breadcrumbs */
.breadcrum_sctn {
    color: #0572ae;
    font-size: 10px;
    background-color: #ededed;
    padding: 10px 0;
}

.CMSBreadCrumbsLink {
    color: #0572ae;
    margin: 0 3px;
}

.CMSBreadCrumbsCurrentItem {
    color: #77797c;
    margin-left: 3px;
}

#goto_top {
    position: fixed;
    z-index: 9998;
    right: .5em;
    bottom: .5em;
    height: 35px;
    width: 34px;
    background: url(/App_Themes/ProPay/images/icon_to_top.png) no-repeat;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40);
}

    #goto_top:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

/* SMALL WYSIWYG Styles */

.box_20 {
    font-size: 1em;
    line-height: 1.4em;
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
    margin-right: 2%;
    margin-bottom: 1em;
}

.box_25 {
    font-size: 1em;
    line-height: 1.4em;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}

.box_33 {
    font-size: 1em;
    line-height: 1.4em;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}

.box_50 {
    font-size: 1em;
    line-height: 1.4em;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
}

.box_100 {
    font-size: 1em;
    line-height: 1.4em;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}

.image-left {
    float: left;
    margin: 1em auto;
    width: 100%;
}

.image-right {
    float: right;
    margin: 1em auto;
    width: 100%;
}

.callout-image {
    margin-top: .85em;
}

.icon-left {
    float: left;
    margin-top: .75em;
    margin-right: 1em;
    width: auto;
    clear: left;
    max-width: 4em;
    min-height: 50px;
}

.icon-right {
    float: right;
    margin-top: .75em;
    margin-left: 1em;
    width: auto;
    clear: right;
    max-width: 4em;
    min-height: 50px;
}

/* SMALL Template Zones */

#top_banner_container {
    margin-top: 80px;
    background: #ededed;
    margin-bottom: 1em;
}

    #top_banner_container h1 {
        color: #2a5630;
        font-size: 1.77rem;
        font-weight: 700;
        margin: .75em 0;
    }

        #top_banner_container h1 a {
            font-size: 1.4rem;
            font-weight: 700;
        }

.top_banner_container {
    display: inline-block;
}

.shaded_content {
    background: #ededed;
}

#content .shaded_content h2 {
    font-size: 1em;
}

#content.interior_2 .zone1_left h2, #content.interior_2 .zone1_left a {
    color: #05334e;
}

/* SMALL Content */
.content_container {
    float: left;
    margin: 1.25em 0;
    width: 100%;
}

.enterprise_solutions {
    margin-top: 2em;
}

    .enterprise_solutions .content_container h2 {
        font-size: 1.625em;
        font-weight: 700;
    }

.callout_item p {
    overflow: hidden;
}

#content {
    font-size: 1.2em;
}

    #content h1 {
        color: #1f4d25;
        font-size: 1.6em;
    }

    #content h2 {
        color: #51af33;
        font-size: 1.6em;
        margin-top: .5em;
        font-weight: 700;
    }

    #content h3 {
        color: #1d3e1c;
        font-size: 1em;
        font-weight: 700;
    }

    #content p {
        font-size: 1em;
        line-height: 1.4em;
        overflow: hidden;
    }

    #content a {
        text-decoration: underline;
        font-weight: 700;
    }

    #content h3 a, #content h2 a {
        text-decoration: none;
        color: #51af33;
    }

    #content .box_20 a {
        font-size: 1.2em;
    }

    #content a.button {
        color: #fff;
        text-decoration: none;
        font-size: 1.2em;
        font-weight: 700 !important;
    }

    .enterprise_solutions hr, #content hr {
        border: solid #ededed;
        border-width: .15em 0 0;
        clear: both;
        margin: 1.25rem .9em 1.1875rem;
        height: 0;
    }

    #content ul {
        font-size: 1em;
        list-style: none;
    }

        #content ul li {
            margin-bottom: 1em;
        }

    #content .panel {
        background: #ededed;
        border: none;
        margin: 2em 0;
    }

/* SMALL Rate Calculator */
#calculator_container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#calculator_container .calculator_form {
    margin-top: 1em;
}

#calculator_container .calculator_main_tabs ul li {
    cursor: pointer;
    display: inline;
    float: left;
    background: #c9d8e5;
    padding: .5em 2em;
    margin-bottom: .25em;
    margin-right: .75em;
    text-align: center;
    color: #999;
    font-weight: 700;
    width: 12em;
}

    #calculator_container .calculator_main_tabs ul li.active {
        color: #000;
        font-weight: 700;
    }

#calculator_container .calculator_main_tabs .comparison {
    margin-right: 0;
}

#calculator_container .mobile_hide {
    display: none;
}

#calculator_container .mobile_show {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    padding-bottom: .25em;
}

#calculator_container ul li.rate {
    background: #EDEDED;
}

#calculator_container .calculator_content {
    background: none repeat scroll 0 0 #ededed;
    padding: 1.25em 1em .25em;
    clear: both;
    display: none;
}

    #calculator_container .calculator_content.active, #calculator_container .calculator_content .calculator_step.shown, .comparison_results.shown {
        display: block;
    }

    #calculator_container .calculator_content .calculator_step, .comparison_results {
        display: none;
    }

#calculator_container .mobile_plan_col {
    display: block;
}

#calculator_container .plan_col {
    display: none;
}

#calculator_container .results .plan_col {
    display: block;
}

#calculator_container .calculator_content .mobile_plan_col {
    border: 1px solid #999;
    float: right;
    margin-left: 1em;
    position: absolute;
    right: 1.5em;
    text-align: center;
    top: 5.3em;
    width: 45%;
}

    #calculator_container .calculator_content .mobile_plan_col li:after {
        clear: both;
    }

#calculator_container .mobile_plan_col .title {
    height: 3em;
    color: #fff;
    text-align: center;
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.25em;
}

#calculator_container .mobile_plan_col .annual, #calculator_container .mobile_plan_col .swipe, #calculator_container .mobile_plan_col .discover, #calculator_container .mobile_plan_col .transfer {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0;
}

#calculator_container .mobile_plan_col .amex, #calculator_container .mobile_plan_col .limits, #calculator_container .mobile_plan_col .keyed {
    padding-top: 1em;
    padding-bottom: 1.1em;
    margin-bottom: 0;
    background: #fff;
}

#calculator_container .mobile_plan_col .limits {
    padding-top: 1em;
    padding-bottom: 1em;
    background: #fff;
    margin-bottom: 0;
}

#calculator_container .mobile_plan_col .fees {
    padding-top: .75em;
    padding-bottom: .75em;
    margin-bottom: .6em;
}

#calculator_container .mobile_plan_col .visa {
    padding-top: .75em;
    padding-bottom: .75em;
    margin-bottom: 0;
    background: #fff;
}

#calculator_container .mobile_plan_col span.mobile_plans {
    background: url(/App_Themes/ProPay/images/icon_arrowdown.png) no-repeat scroll 97% .9em #9cce71;
    padding-top: .4em;
    border-radius: 0;
    margin-bottom: 0;
}

#calculator_container .mobile_plan_col .title {
    padding: .25em;
    background: #fff;
}

#calculator_container .label_col li {
    padding-left: 1em;
    margin-bottom: 0;
}

#calculator_container .label_col .tabbed:before {
    content: "-";
    padding-right: .5em;
    padding-left: 1em;
}

#calculator_container .label_col .annual, #calculator_container .label_col .title, #calculator_container .label_col .swipe, #calculator_container .label_col .keyed, #calculator_container .label_col .transfer, #calculator_container .label_col .fees {
    padding-top: 1em;
    padding-bottom: 1em;
}

#calculator_container .label_col .visa {
    padding-top: .75em;
    padding-bottom: .75em;
}

#calculator_container .label_col li:not(.title):not(.annual):not(.fees):not(.limits) {
    border-bottom: solid 1px #999;
    width: 49%;
}

#calculator_container .label_col .amex, #calculator_container .label_col .limits, #calculator_container .label_col .discover {
    padding-top: .25em;
    padding-bottom: .25em;
    min-height: 45px;
}

#calculator_container .label_col .title {
    height: 3em;
    font-weight: 700;
    font-size: 1.25em;
}

#calculator_container .label_col .fees, #calculator_container .label_col .annual {
    background: #c9d8e5;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.7em;
}

#calculator_container .label_col .limits {
    width: 49%;
}

#calculator_container .mobile_plan_col .swipe, #calculator_container .mobile_plan_col .discover, #calculator_container .mobile_plan_col .transfer {
    padding: .3em;
    background: #fff;
}

    #calculator_container .mobile_plan_col .swipe div, #calculator_container .mobile_plan_col .discover div, #calculator_container .mobile_plan_col .transfer div {
        background: #EDEDED;
        height: 3.2em;
        padding-top: .75em;
        margin-bottom: 0;
        padding-bottom: 1px;
    }

.calculator_form ul, #calculator_form button.calculate {
    margin: 1.5em 0;
}

.calculator_form .withDollar span {
    display: inline;
    float: left;
    padding-top: .5em;
}

.calculator_form .withDollar input {
    display: inline;
    width: 95%;
    float: right;
}

.calculator_form li {
    position: relative;
}

.calculator_form button.calculate_rate, .calculator_form button.calculate_comparison, .rate_result_buttons button {
    width: 100%;
    border-radius: .4em;
}

#calculator_container .comparison .comparison_table {
    display: table;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 100%;
    border-bottom: 1px solid #000;
}

#calculator_container .comparison_header, #calculator_container .comparison_data {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
    border-right: 1px solid #000;
    padding: 1em 0;
}

    #calculator_container .comparison_header div, #calculator_container .comparison_data div {
        display: block;
        padding: .75em;
        font-size: .75em;
    }

    #calculator_container .comparison_data.competitor, #calculator_container .calculator_content.comparison {
        background: #C9D8E5;
    }

    #calculator_container .comparison_data.propay_level {
        background: #fff;
    }

#calculator_container .comparison_header {
    display: none;
}

#calculator_container input[type="radio"]:nth-child(2) {
    margin-left: 2em;
}

.comparison #calculator_form {
    margin-right: auto;
    margin-left: 0;
}

.comparison_selectors label {
    font-weight: 700;
    font-size: 1em;
}

.comparison_selectors ul li {
    display: inline;
    padding-right: 2em;
}

#calculator_container .comparison_data div:first-child {
    font-weight: 700;
    font-size: 1em;
}

#calculator_container .calculator_content .results {
    padding: 1.25em .5em .25em;
}

    #calculator_container .calculator_content .results .rec_content {
        clear: both;
    }

    #calculator_container .calculator_content .results .plan_col {
        border: none;
        margin-left: 1.5em;
        width: 17.3em;
    }

        #calculator_container .calculator_content .results .plan_col .title {
            width: 10%;
        }

        #calculator_container .calculator_content .results .plan_col.basic .rate {
            color: #9CCE71;
        }

        #calculator_container .calculator_content .results .plan_col.premium .rate {
            color: #61BB47;
        }

        #calculator_container .calculator_content .results .plan_col.professional .rate {
            color: #1E4D23;
        }

        #calculator_container .calculator_content .results .plan_col .rate {
            font-weight: 700;
            font-size: 1.25em;
            line-height: 2em;
        }

        #calculator_container .calculator_content .results .plan_col.basic {
            margin-left: 0;
        }

    #calculator_container .calculator_content .results .rate {
        text-align: center;
    }

#calculator_container .plan_col .title {
    border-bottom: solid 1px #999;
    height: 3em;
    color: #fff;
    text-align: center;
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.25em;
}

    #calculator_container .plan_col .title .sub {
        font-size: .5em;
        display: block;
        margin-top: -.75em;
    }

#calculator_container .plan_col.basic .title, #calculator_container .comparison_header {
    background: #69c800;
}

#calculator_container .plan_col.premium .title {
    background: #339400;
}

#calculator_container .plan_col.professional .title {
    background: #1f4d25;
}

#calculator_container .calculator_content .results .rec_content .title {
    color: #1E4D23;
    font-weight: 700;
    line-height: 2em;
}

.rate_result_buttons .get_started {
    background: #659e3d;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#659e3d),color-stop(100%,#1e4d23));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,#659e3d 0%,#1e4d23 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom,#659e3d 0%,#1e4d23 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#659e3d',endColorstr='#1e4d23',GradientType=0);
    /* IE6-9 */
}

    .rate_result_buttons .get_started:after, .rate_result_buttons .recalculate_results:after {
        background: url(/App_Themes/ProPay/images/sprites_selectors.png) repeat scroll -60px -40px #000;
        background: url(/App_Themes/ProPay/images/sprites_selectors.png) repeat scroll -60px -40px rgba(0,0,0,0);
    }

.rate_result_buttons .recalculate_results {
    border-top: .1em #ccc inset;
    background: #d1d1d1;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#d1d1d1),color-stop(100%,#999));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,#d1d1d1 0%,#999 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
   /* IE10+ */
    background: linear-gradient(to bottom,#d1d1d1 0%,#999 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1',endColorstr='#999999',GradientType=0);
    /* IE6-9 */
}

.comparison_info {
    font-weight: 700;
    margin: 2em 0;
}

#calculator_container .calculator_label label {
    font-size: 1em;
}

#calculator_container .calculator_input input[type="radio"] {
    margin-right: .75em;
}

/* SMALL Pagination */
.PagerControl {
    text-align: center;
    margin: 0 auto;
    font-size: .9em;
    font-weight: 700;
}

    .PagerControl .PagerResults {
        display: none;
    }

#content .PagerControl .PagerNumberArea span a, #content .PagerControl .PagerNumberArea span span {
    text-decoration: none;
    border: .1em solid #51af33;
    padding: .1em .5em;
    border-bottom-right-radius: .4em;
    border-bottom-left-radius: .4em;
    border-top-right-radius: .4em;
    border-top-left-radius: .4em;
}

    #content .PagerControl .PagerNumberArea span a.UnselectedPage {
        border: none;
    }

    #content .PagerControl .PagerNumberArea span a.UnselectedNext {
        margin-left: -15px;
    }

.PagerControl span.SelectedPage {
    background: #51af33;
    color: #fff;
}

/* SMALL Blog */
.blogpost {
    margin-bottom: 2em !important;
    border-bottom: .2em solid #ededed;
    padding-bottom: 1em;
}

@media (max-width: 640px) {
    .blogpost .blogImage {
        margin-bottom: 5px;
    }
}

.blogpost.detail {
    border-bottom: none;
}

.blogpost .calendar {
    float: left;
    margin-right: 1em;
    width: 2.75em;
    height: 3.5em;
    overflow: hidden;
    text-align: center;
}

    .blogpost .calendar .month {
        padding: .2em;
        background: #309200;
        color: #fff;
        font-size: .7em;
        text-transform: uppercase;
    }

    .blogpost .calendar .day {
        padding: .2em;
        background: #f2f2f2;
        border: .1em solid #ccc;
    }

#content .blogpost h2 a {
    color: #1f4d25;
}

#content .blogpost p {
    margin-top: 1em;
    overflow: visible;
}

.blogpost .author {
    float: left;
    margin: 1em 0;
    font-size: .7em;
    color: #77797c;
}

.blogpost .categories {
    float: left;
    margin: 1em 0;
    font-size: .7em;
    color: #77797c;
}

.blogpost .tags {
    float: left;
    margin: 1em 0;
    font-size: .7em;
    color: #77797c;
}

#content .blogpost .tags a, #content .blogpost .categories a {
    color: #0572ae;
    text-decoration: none;
    font-weight: 400;
}

.blogpost .post {
    clear: left;
}

.blogpost a.readmore {
    display: block;
    margin-bottom: 2em;
    font-size: .9em;
    color: #51af33;
}

.blogpost .social {
    float: left;
}

.subtitle {
    font-size: .75em;
    margin-bottom: 1em;
    margin-top: -1.5em;
    color: #77797c;
    font-weight: 700;
}

/* SMALL Top Banner */
.top_banner_image_container {
    float: left;
    width: 100%;
}

.top_banner_content {
    margin: 2em 0;
    font-size: 1.2em;
}

    .top_banner_content h1 {
        color: #1f4d25;
        font-size: 1.85em;
        font-weight: 700;
        margin: .8em 0;
    }

    .top_banner_content p {
        color: #3e3d3d;
        line-height: 1.4em;
        font-size: 1em;
    }

        .top_banner_content p a {
            text-decoration: underline;
        }

    .top_banner_content .button {
        width: 100%;
        margin: .25em 0;
    }

.enterprise_solutions .top_banner_content h1 {
    color: #05334e;
}

/* SMALL Content web part */
.content_container .content_description {
    overflow: hidden;
    margin-bottom: 1.2em;
}

    .content_container .content_description a {
        text-decoration: underline;
    }

/* SMALL Content with callouts */
.callouts_container h2 {
    margin-bottom: .75em;
}

/* SMALL Lead In */
.leadin_container p.leadin_description {
    min-height: 9em;
}

.leadin_container div.leadin_callouts {
    min-height: 10.5em;
}

#content .leadin_container .leadin_submit {
    margin-top: 3em;
    margin-bottom: 3em;
    font-size: .8em;
}

p.leadin_submit:empty {
    display: none;
}

/* SMALL Hero */
#hero_slider {
    margin: 0;
    overflow: hidden;
    height: 100%;
}

    #hero_slider .hero_slide {
        height: 100%;
        background-size: cover;
    }

#hero_sctn {
    position: relative;
}

/* SMALL Ported from default.css */

.signup_form_sub_sctn .signup_form_sub {
    width: auto;
    float: left;
    color: #1d4d25;
    border-right: .2em solid #0673ae;
    padding-right: 2%;
    margin-right: 0;
}

    .signup_form_sub_sctn .signup_form_sub:last-child {
        float: right;
        width: auto;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }

    .signup_form_sub_sctn .signup_form_sub .signup_form_sub_hdr {
        font-size: 1.438em;
        margin: 0;
        font-weight: 700;
        line-height: 1em;
    }

    .signup_form_sub_sctn .signup_form_sub .signup_form_sub_desc {
        font-size: 1em;
        margin: 0;
        line-height: 1em;
    }

.signup_form {
    margin-top: .75em;
    margin-bottom: 2em;
}

    .signup_form label {
        color: #112f15;
        font-size: 1.15em;
        font-weight: 700;
        cursor: default;
    }

.signup_form_half {
    width: 47.5%;
}

    .signup_form_half:last-child {
        margin-right: 0;
    }

.signup_form input {
    border-radius: .625em;
    border: 1px solid #65b844 !important;
    margin-bottom: .625em;
}

    .signup_form input.invalid {
        border: 1px solid red !important;
    }

.signup_form_cta {
    color: #112f15;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
    padding: 0;
    margin: 1em 0;
    text-align: center;
}

/* SMALL Sign Up Form */

.signup_form_sub {
    width: 100%;
    text-align: center;
}

.signup_form_sub_sctn {
    display: inline-block;
    margin: 0 auto;
    width: 98%;
}

    .signup_form_sub_sctn .signup_form_sub {
        width: 50%;
        text-align: left;
    }

        .signup_form_sub_sctn .signup_form_sub .signup_form_sub_hdr {
            font-size: 1.25em;
        }

        .signup_form_sub_sctn .signup_form_sub .signup_form_sub_desc {
            font-size: .9em;
            font-weight: 700;
        }

    .signup_form_sub_sctn .signup_form_half label {
        font-size: 1.15em;
    }

.signup_sctn h1 {
    color: #17381d;
    margin-top: 0;
    margin-bottom: .612em;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

.bx-viewport {
    height: 18em !important;
}

.signup_sctn {
    margin: 1.5em;
}

.play_button {
    display: block;
}

.youtube_overlay {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0;
    margin-top: 1em;
    display: inline-block;
    background: none;
}

    .youtube_overlay .green_btn {
        width: 100%;
    }

/* SMALL Hero Form */

.hero_form_sctn {
    margin: 1.5em;
}

    .hero_form_sctn label {
        color: #132f19;
        font-weight: 700;
    }

    .hero_form_sctn h1 {
        text-align: center;
        line-height: 1.1em;
    }

    .hero_form_sctn p {
        color: #3c3c3c;
        font-weight: 700;
        text-align: center;
        font-size: 1.05em;
    }

.hero_form_form button {
    margin: 0 3.5%;
    width: 93%;
    font-weight: 700;
    margin-top: 1.25em;
}

/* SMALL Password Checklist */

#pword_req_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #pword_req_list li {
        margin: 0;
        padding: 0;
        font-size: .8em;
        padding-left: 2.5em;
        background: url(images/x_mark_red.png) no-repeat left;
    }

        #pword_req_list li.pword_pass {
            background: url(images/check_mark_green.png) no-repeat left;
        }

/* SMALL Accept Payment Ways */

.acpt_pay_sctn {
    float: left;
    margin-top: 2em;
    margin-bottom: 2em;
}

    .acpt_pay_sctn h2 {
        font-size: 1.875em;
        margin: 0;
        color: #1f4d25;
        line-height: 1em;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .acpt_pay_sctn p.acpt_pay_desc {
        margin: 0;
        color: #3e3d3d;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

#acpt_pay_ways {
    list-style: none;
    margin: 0;
}

    #acpt_pay_ways li {
        float: left;
        width: 32%;
        height: 10em;
        text-align: center;
    }

        #acpt_pay_ways li:hover h3, #acpt_pay_ways li:hover p {
            color: #1f4d25;
        }

        #acpt_pay_ways li h3 {
            font-size: 1.1em;
            line-height: 1em;
            color: #8a8686;
            font-weight: 700;
            width: 85%;
            margin: 0 auto;
        }

        #acpt_pay_ways li p {
            font-size: .9em;
            margin: 0;
            color: #8a8686;
            line-height: 1.5em;
        }

/* SMALL Footer CTA Block */

.foot_cta_block {
    background-color: #ededed;
    border-top: 2px solid #65b64f;
    padding: 3em 0;
}

.footer_cta h4 {
    font-size: 14px;
    color: #51af33;
    font-weight: 700;
}

.footer_cta p {
    color: #3e3d3d;
}

.footer_cta_img {
    width: 60px;
    float: left;
}

.footer_cta_details {
    float: left;
    margin-left: 70px;
}

.footer_cta a.button {
    width: 100%;
}

.footer_cta {
    margin-bottom: 2em;
}

.enterprise_solutions .footer_cta h4 {
    color: #05334e;
    font-weight: 700;
}

/* SMALL YouTube */

.youtube_sctn {
    margin-bottom: 2em;
}

.youtube_poster_sctn {
    position: relative;
}

.youtube_btn {
    width: 100%;
}

.youtube_callout_list {
    margin: 0;
    list-style: none !important;
}

.youtube_callout_hdr {
    margin-bottom: 10px;
    font-size: 1.2em;
}

.youtube_callout {
    width: 100%;
    float: left;
    margin: 0 !important;
}

    .youtube_callout img {
        float: left;
        padding: 10px 15px 10px 0;
    }

    .youtube_callout p {
        font-size: .75em;
        color: #3e3d3d;
        font-weight: 700;
        padding: 10px 0;
        margin: 0;
    }

.youtube_callouts_player {
    width: 100%;
}

.youtube_callouts_callouts {
    width: 100%;
    margin: 20px 0;
    display: inline-block;
}

/* SMALL Callout */

.callout_sctn {
    padding: 20px;
}

.callout_img {
    width: 300px;
    float: left;
    margin: 0 20px 0 0;
}

.callout_details h3 {
    color: #51af33;
    font-size: 1.15em;
    font-weight: 700;
}

.callout_desc {
    font-size: .75em;
    color: #3e3d3d;
}

.callout_cta {
    color: #51af33;
    font-size: .8em;
}

/* SMALL Content Drawer */

.content_drawer_wrapper {
    margin-bottom: 2.2em;
}

.content_drawer {
    margin: 0 0 1.4em;
}

.content_drawer_headline {
    padding: .625em 1.5em .625em .625em;
    border-radius: 5px;
    cursor: pointer;
    /* background: #51af33 url(images/drawer_icon_closed.png) right 10px center no-repeat; */
    background-color: #51af33;
    background-image: url(images/drawer_icon_closed.png);
    background-repeat: no-repeat;
    background-position: right center; /* fallback for IE8 & Android Browser 4.3 */
    background-position: right 10px center;
    color: #fff;
    font-weight: 400;
    font-size: 1.25em;
}

    .content_drawer_headline.open {
        /* background: #51af33 url(images/drawer_icon_open.png) right 10px center no-repeat; */
        background-image: url(images/drawer_icon_open.png);
        color: #fff;
    }

.content_drawer_content {
    padding: 1.25em;
    display: none;
    background: #FFF;
}

    .content_drawer_content a {
        font-size: 1.5em;
        line-height: 2em;
    }

/* SMALL Testimonial List */

.testimonial_list {
    display: none;
}

.testimonial_list_hdr {
    color: #2a5630;
    font-size: .75em;
    font-weight: 700;
}

.testimonial_list ul {
    list-style: none;
    margin: 0;
}

    .testimonial_list ul li {
        border-left: 4px solid #63ba49;
        margin: 30px 0;
        padding: 0 10px;
        line-height: 1.1em;
        font-size: .688em;
        font-weight: 700;
    }

.testimonial_body {
    margin-bottom: .625em;
}

/* SMALL Resource List */

.resource_list {
    display: none;
}

/* SMALL Side Menu Links */

#side_menu_sctn {
    padding: 1.75em 0;
}

@media only screen and (max-width: 40em) {
    #side_menu_sctn {
        display: none;
    }
}

.side_menu_links {
    padding-bottom: 2em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ededed;
}

.side_menu_links_hdr {
   position: relative;
    z-index: 1;
    top: 1.5em;
    font-size: 1.5em;
    text-align: center;
    display: block;
    color: #51af33;
    font-weight: 700;
    background: url(images/side_links_downarrow.png) 95% top no-repeat;
}

.side_menu_links:hover .side_menu_links_hdr {
    display: none;
}

.side_menu_links ul {
    position: relative;
    font-size: 1.5em;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 2em;
    width: 95%;
    border: .1em solid #51af33;
}

    .side_menu_links ul li {
        display: none;
    }

    .side_menu_links ul:hover {
        height: auto;
    }

        .side_menu_links ul:hover li {
            display: block;
            font-size: .813em;
            color: #51af33;
            padding-bottom: 1em;
        }

    .side_menu_links ul li.CMSListMenuHighlightedLI {
        padding-right: 1.2em;
        text-align: center;
        display: block;
        color: #51af33;
        font-weight: 700;
        background: url(images/side_links_downarrow.png) right top no-repeat;
        background-color: #fff;
    }

    .side_menu_links ul:hover li.CMSListMenuHighlightedLI {
        text-align: left;
        background: url(images/side_links_arrow.png) right .3em no-repeat;
    }

    .side_menu_links ul li a {
        color: #51af33;
    }

/* SMALL Side Bar Twitter */

.twitter_container h3 {
    background: #0572ae;
    color: #fff;
    font-size: 1em;
    padding: .9em .5em;
    font-weight: 700;
}

.twitter_container a {
    color: #0572ae;
}

.twitter_container .icon {
    float: left;
    margin-right: .5em;
}

.twitter_container .tweet {
    margin: 1em 0;
    font-size: 1.2em;
}

.twitter_container .tweet_top {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.5em;
}

    .twitter_container .tweet_top a {
        color: #3e3d3d;
    }

/* SMALL Side Bar Blog Drawers */

.side_bar_blog_container {
    width: 100%;
    margin-bottom: 2em;
}

    .side_bar_blog_container .open {
        background: #51af33 url(images/drawer_icon_small_open.png) right 10px center no-repeat;
    }

    .side_bar_blog_container > h3 {
        display: block;
        padding: .2em 1em .2em .625em;
        font-size: 2em;
        border-radius: 5px;
        font-weight: 700;
        color: #fff;
        background: #51af33 url(images/drawer_icon_small_closed.png) right 10px center no-repeat;
    }

.side_bar_blog_content li {
    margin-left: .5em;
    list-style: none;
    font-size: .8em;
    margin-bottom: .75em;
}

    .side_bar_blog_content a, .side_bar_blog_content li a {
        font-weight: 700;
        color: #2a5630;
        font-size: 1.9em;
    }

.TagCloud.side_bar_blog_content {
    margin-left: .5em;
}

.side_bar_blog_content select {
    width: 80%;
    margin: 0 10%;
    height: auto;
    font-size: 1.5em;
}

/* SMALL Side Bar Blog Subscribe */

.side_bar_blog_subscribe_container {
    width: 100%;
    margin-bottom: 2em;
    position: relative;
}

    .side_bar_blog_subscribe_container h3 {
        color: #65b64f;
        font-size: 1em;
        font-weight: 700;
    }

    .side_bar_blog_subscribe_container ::-webkit-input-placeholder {
        color: #acacad;
    }

    .side_bar_blog_subscribe_container ::-moz-placeholder {
        color: #acacad;
    }

    /* firefox 19+ */
    .side_bar_blog_subscribe_container :-ms-input-placeholder {
        color: #acacad;
    }

    /* ie */
    .side_bar_blog_subscribe_container input:-moz-placeholder {
        color: #acacad;
    }

    .side_bar_blog_subscribe_container .inputfield {
        color: #acacad;
        height: 2.5em;
        padding-right: 4em;
    }

.blog_subscribe.rounded {
    background: #161616;
    border: .1em solid #6cbc42;
    margin: 0 auto;
    color: #fff;
}

/* blog email subscribe */

.side_bar_blog_subscribe_form_container {
    position: relative;
}

input.blog_subscribe_button {
    background: #5e5d5d;
    border: 0;
    border-radius: 0 .4em .4em 0;
    color: #fff;
    font-size: 1em;
    height: 42px;
    padding: 0 .75em;
    position: absolute;
    right: 1px;
    top: 1px;
}

    input.blog_subscribe_button:hover {
        background: #939f9f;
        cursor: pointer;
    }

@media (max-width: 1024px) {
    input.blog_subscribe_button {
        height: 36px;
        padding-right: .5em;
        padding-left: .5em;
    }
}

@media (max-width: 640px) {
    input.blog_subscribe_button {
        border-radius: 0 .25em .25em 0;
        height: 21px;
        padding-right: 1em;
        padding-left: 1em;
    }
}

.twitter_container p {
    font-size: 1em;
    overflow: hidden;
    font-weight: 700;
}

/* SMALL Side Menu Resource Document List */

.side_menu_documents_hdr {
    font-weight: 700;
    font-size: 1.25em;
    color: #51af33;
    margin: 1em 0;
}

.side_menu_documents_tree .CMSListMenuUL {
    list-style: none;
    margin: 0;
}

.side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI {
    margin: 0 0 1.875em;
}

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink {
        display: block;
        padding: .2em 1em .2em .625em;
        font-size: 2em;
        border-radius: 5px;
        font-weight: 700;
        color: #fff;
        background: #51af33 url(images/drawer_icon_small_closed.png) right 10px center no-repeat;
    }

        .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink.open {
            background: #51af33 url(images/drawer_icon_small_open.png) right 10px center no-repeat;
        }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL {
        display: none;
        margin: .25em 0 0 .625em;
    }

        .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink {
            font-weight: 700;
            color: #2a5630;
            font-size: 1.5em;
        }

        .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuHighlightedLI {
            font-size: 1.5em;
        }

        .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink:hover {
            color: #000;
        }

/* SMALL Content with Documents */

#content .content_with_documents .content_with_documents_hdr {
    color: #51af33;
}

#content .content_with_documents .content_with_documents_tree {
    overflow: hidden;
    margin-bottom: 2em;
}

    #content .content_with_documents .content_with_documents_tree ul {
        list-style: none;
        margin: 0;
    }

        #content .content_with_documents .content_with_documents_tree ul li {
            margin-bottom: 0;
        }

/* SMALL 13.0 Template */

#content.interior_13 .zone_2_right .content_with_documents {
    background: #ededed;
}

/* SMALL Gateway Login Page */

#sign_up_wrapper {
    text-align: center;
}

    #sign_up_wrapper h2 {
        color: #51af33;
       font-size: 1.4em;
        margin-bottom: .6em;
        margin-top: .3em;
    }

    #sign_up_wrapper button {
        width: 100%;
        font-size: 1em;
        margin-top: .5em;
    }

#login_wrapper {
    margin-bottom: 3em;
}

#content.gateway input {
    font-size: 1em;
}

#login_wrapper .small_link {
    font-size: .8em;
    font-weight: 400;
    color: #6bbe51;
}

#login_wrapper .button_wrapper {
    text-align: center;
}

#login_wrapper button {
    display: block;
    width: 100%;
    margin: 1.2em 0;
    font-size: 1em;
}

#content .gateway_content {
    margin-top: 3em;
}

    #content .gateway_content hr {
        border: 1px solid #6bbe51;
        margin-left: 0;
        margin-right: 0;
    }

/* Small Contact us Page */

.contact_form .button {
    width: 100%;
    font-size: 17.55px;
}

.contact_form .side_bar_content {
    padding: 0 20px;
}

    .contact_form .side_bar_content h2 {
        color: #51af33;
        font-size: 1.125em;
        margin-top: .5em;
        font-weight: 700;
    }

    .contact_form .side_bar_content p {
        font-size: .75em;
        line-height: 1.25em;
        overflow: hidden;
    }

.contact_form .pp_form {
    margin-bottom: 0;
    padding: 20px 20px 0;
}

.contact_form textarea {
    resize: vertical;
}

#form_error_list {
    color: red;
}

/* SMALL Compare Table Web Part */

.comparison_container {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

.comparison_description {
    display: table;
   width: 100%;
    border: .1em solid #ededed;
    float: left;
    padding: .3em;
}

.comparison_container .field_1 span {
    display: block;
    width: 100%;
    padding: .75em 0;
    padding-left: 1.25em;
    font-size: .8em;
    float: left;
    line-height: 1.2em;
}

.comparison_container .field_1 {
    clear: left;
    float: left;
    width: 49%;
    padding-right: .25em;
    margin-right: .25em;
    border-right: .1em solid #ededed;
}

.comparison_container .field_2 {
    float: left;
    clear: right;
    width: 49%;
}

    .comparison_container .field_2 span {
        display: block;
        width: 100%;
        padding: .75em 0;
        padding-left: 1.25em;
        font-size: .8em;
        float: left;
        padding-right: 1%;
        line-height: 1.2em;
    }

    .comparison_container .field_1 .label, .comparison_container .field_2 .label {
        padding: 1.25em;
        font-size: 1em;
        text-align: left;
        width: 99%;
        padding-right: 1%;
        font-weight: 700;
        color: #fff;
        background-color: green;
    }

    .comparison_container .field_1.has-label, .comparison_container .field_2.has-label {
        padding: 0;
        margin: 0;
    }

        .comparison_container .field_1.has-label span, .comparison_container .field_2.has-label span {
            width: 100%;
        }

    .comparison_container .field_1 span.alt, .comparison_container .field_2 span.alt {
        background: #ededed;
        height: 100%;
    }

    .comparison_container .field_2.has-label span {
        width: 100.75%;
    }

/* SMALL Search Results Web Part */

.search_results_form {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

    .search_results_form .search_bar_alt {
        float: left;
        width: 80%;
        background: none;
        border: .15em solid #ededed;
    }

    .search_results_form .search_button_alt {
        float: left;
        width: 38px;
        height: 38px;
        background: url(/App_Themes/ProPay/images/icon_search_button.png);
        border: none;
    }

.search_results_container .search_result {
    margin-bottom: 2em;
}

    .search_results_container .search_result p {
        width: 75%;
    }

    .search_results_container .search_result h3 span {
        color: #686b6a;
    }

.search_results_container .PagerControl {
    text-align: left;
}

.resultsInfo {
    display: none;
}

.searchInfoTop {
    margin-bottom: 3em;
}

/* SMALL Pricing Web Part */

.pricing_container {
    position: relative;
    float: left;
    width: 100%;
    color: #3e3d3d;
    margin-top: 3em;
}

    .pricing_container div.alt {
        background: #ededed;
    }

    .pricing_container div.tier_wrap {
        border: 1px solid #ccc;
        padding: 0;
        margin: 0;
        border-bottom: 0;
    }

    .pricing_container div.tab {
        background: #5abb57;
        color: #fff;
        padding: 1.25em;
        margin: .25em;
    }

    .pricing_container div.cta_button {
        margin: 3em auto 1em auto;
    }

.touch .Safari:not(.Chrome) .pricing_container div.cta_button {
    margin: 2em auto;
}

.pricing_container div.cta_text {
    margin-bottom: 1em;
}

.pricing_container div.true {
    background-image: url(/App_Themes/ProPay/images/icon_checkmark.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.pricing_container .label_container {
    float: left;
    width: 55%;
}

    .pricing_container .label_container .div_group div {
        padding: .69em;
        height: 3.4em;
    }

        .pricing_container .label_container .div_group div.alt {
            margin-left: 0;
        }

    .pricing_container .label_container div.pricing-header {
        width: 237.5%;
        font-weight: 700;
        background: #e6f1f7;
        padding: .5em;
        position: relative;
    }

.header-features {
    margin-top: 6.7px !important;
    background-color: #e6f1f7 !important;
}

.header-rates {
    background-color: #cde3ef !important;
    margin-top: -1px;
}

.header-other-features {
    background-color: #a8cee3 !important;
    margin-top: -1px;
}

.header-support {
    background-color: #82b8d6 !important;
    margin-top: -1px;
}


        .pricing_container .label_container div.pricing-header.two {
            background: #cde3ef;
        }

        .pricing_container .label_container div.pricing-header.three {
            background: #a8cee3;
        }

        .pricing_container .label_container div.pricing-header.four {
            background: #82b8d6;
        }

        .pricing_container .label_container div.pricing-header.five {
            background: #056AA4;
            color: #fff;
            margin-top: 3.5px;
        }

        .pricing_container .label_container div.pricing-header.six {
            background: #056AA4;
            color: #fff;
        }

.pricing-header-height {
    height: 48px;
}

.pricing_container .tier_container {
    float: left;
    width: 45%;
}

.pricing_container .tier {
    float: left;
    width: 31%;
    padding: .1em;
    margin-right: 2%;
    margin-top: -3.1em;
    text-align: center;
}

    .pricing_container .tier.dynamic {
        width: 100%;
    }

    .pricing_container .tier .div_group div {
        padding: .6em;
        color: #166f12;
        font-weight: 700;
        height: 3.4em;
    }

    .pricing_container .tier div.header {
        padding: .49em;
    }

.button.sign-up {
    margin-top: 25px;
    width: 66%;
    float: right;
    margin-right: 40px;
}

.touch .Safari:not(.Chrome) .pricing_container .tier div.pricing-header {
    padding: .75em;
}

.pricing_container .tier div.cost {
    font-weight: 700;
    font-size: 1.4em;
    width: 44%;
    text-align: center;
    position: absolute;
    z-index: 3;
    background-color: #00538f;
    height: 35px;
    margin-top: 10px;
}

.pricing_container .tier.dynamic ul.tabs {
    display: none;
    position: relative;
    top: -91.9em;
    left: -.6em;
    background: #ccc;
    width: 96%;
}

.touch .Safari:not(.Chrome) .pricing_container .tier.dynamic ul.tabs {
    top: -90.5em;
}

.pricing_container .tier.dynamic ul.tabs li {
    float: left;
    width: 100%;
    font-weight: 700;
    list-style: none;
}

/* SMALL Safari 6 Hacks */

.Safari6 .content_drawer_headline, .Safari6 .side_bar_blog_container > h3 {
    background: #51af33 url(images/drawer_icon_closed.png) right center no-repeat;
    background-size: 7px;
}

    .Safari6 .content_drawer_headline.open, .Safari6 .side_bar_blog_container .open {
        background: #51af33 url(images/drawer_icon_open.png) right center no-repeat;
        background-size: 10px;
    }

/* SMALL Safari 7 & 6 Hacks */

.touch .Safari7 #calculator_container .mobile_plan_col .title, .touch .Safari6 #calculator_container .mobile_plan_col .title {
    height: 3.3em;
}

.touch .Safari7 #calculator_container .plans, .touch .Safari6 #calculator_container .plans {
    margin-top: 0;
}

.touch .Safari7 #calculator_container .mobile_plan_col .visa, .touch .Safari6 #calculator_container .mobile_plan_col .visa {
    padding-top: .8em;
    padding-bottom: .9em;
}

.touch .Safari7 #calculator_container .mobile_plan_col .discover, .touch .Safari6 #calculator_container .mobile_plan_col .discover {
    padding-top: .3em;
    padding-bottom: .4em;
}

.touch .Safari7 #calculator_container .mobile_plan_col .amex, .touch .Safari6 #calculator_container .mobile_plan_col .amex, .touch .Safari7 #calculator_container .mobile_plan_col .limits, .touch .Safari6 #calculator_container .mobile_plan_col .limits {
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}

/* =============================================================================================================== */
/* min-width 480px, iphone portrait */
@media only screen and (min-width: 480px) {
    .touch .Safari7 #calculator_container .mobile_plan_col .title, .touch .Safari6 #calculator_container .mobile_plan_col .title {
        height: 3.3em;
    }

    .touch .Safari7 #calculator_container .mobile_plan_col .transfer, .touch .Safari6 #calculator_container .mobile_plan_col .transfer, .touch .Safari7 #calculator_container .mobile_plan_col .swipe, .touch .Safari6 #calculator_container .mobile_plan_col .swipe {
        padding: .75em .35em;
    }

    .touch .Safari7 #calculator_container .mobile_plan_col .fees, .touch .Safari6 #calculator_container .mobile_plan_col .fees {
        padding: 1.4em;
        padding-bottom: 1.4em;
        margin-bottom: .5em;
    }

    .touch .Safari7 #calculator_container .mobile_plan_col .visa, .touch .Safari6 #calculator_container .mobile_plan_col .visa, .touch .Safari7 #calculator_container .mobile_plan_col .discover, .touch .Safari6 #calculator_container .mobile_plan_col .discover {
        padding: 1.3em .35em 1.4em;
    }

    .touch .Safari7 #calculator_container .mobile_plan_col .keyed, .touch .Safari6 #calculator_container .mobile_plan_col .keyed {
        padding: 1.5em;
        padding-bottom: 1.5em;
    }

    .touch .Safari7 #calculator_container .mobile_plan_col .annual, .touch .Safari6 #calculator_container .mobile_plan_col .annual {
        padding: 1.6em;
        padding-bottom: 1.6em;
    }

    .touch .Safari7 #calculator_container .mobile_plan_col .amex, .touch .Safari6 #calculator_container .mobile_plan_col .amex, .touch .Safari7 #calculator_container .mobile_plan_col .limits, .touch .Safari6 #calculator_container .mobile_plan_col .limits {
        padding-top: 2.1em;
        padding-bottom: 2.1em;
    }
}

/* min-width 568px, iphone landscape */
@media only screen and (min-width: 568px) {
    .touch .Safari7 #calculator_container .mobile_plan_col .discover, .touch .Safari6 #calculator_container .mobile_plan_col .discover {
        padding-top: .3em;
        padding-bottom: .4em;
    }
}

/* Medium screens 641px */
@media only screen and (min-width: 40.063em) {
    /* MEDIUM Global */
    body, html {
        font-size: 14px;
    }

    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
        font-size: 1.1em;
        height: auto;
        padding: .35em;
    }

    .no-padding-medium {
        padding: 0;
    }

    p {
        font-size: .75em;
    }

    .button:after {
        right: -.2em;
   }

    .button {
        padding-right: 2.4em;
        width: auto;
    }

    /* MEDIUM Buttons */
    .button {
        width: auto;
        font-size: .875em;
    }

        .button.large.alt {
            font-weight: 700 !important;
        }

    /* MEDIUM General Styles */
    .signup_sctn, .hero_form_sctn {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        display: inline-block;
    }

    .play_button {
        display: block;
    }

    .youtube_overlay {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        padding: 0;
        margin-top: 1em;
        display: inline-block;
        background: none;
    }

    .play_button {
        display: none;
        position: absolute;
        top: 50%;
        margin-top: -1.25em;
        left: 50%;
        margin-left: -1.25em;
        width: 2.5em;
        height: 2.5em;
        background: url(images/play_button.png) no-repeat center;
        z-index: 100;
    }

    .pp_form {
        padding: 0;
        padding-top: 2em;
    }

    /* MEDIUM Header */

    #top_bar .top-bar-section {
        width: auto;
    }

    #login {
        float: left;
        margin: 0;
        padding: 0;
    }

    input.search_bar, input.search_bar:focus {
        position: relative;
        top: 0;
        width: 99%;
        display: inline-block;
        color: #fff;
        font-weight: 700;
        padding-left: .8em;
        font-size: 1em;
        color: #fff;
        background: #1e80b6;
        border: .1em solid #079ced;
        border-radius: 1em !important;
        padding-right: 2.5em;
    }

    input.search_button {
        position: absolute;
        top: .4rem;
        right: .6rem;
        font-size: 0;
        background: url(/App_Themes/ProPay/images/sprites_icons.png) -21px -13px #1E80B6;
        height: 20px;
        width: 20px;
        border: none;
    }

    .search_container {
        position: relative;
        width: 16rem;
        margin-left: 2em !important;
        margin-top: -.25em !important;
    }

        .search_container ::-webkit-input-placeholder {
            color: #fff;
            font-weight: 700;
        }

        .search_container ::-moz-placeholder {
            color: #fff;
            font-weight: 700;
        }

        /* firefox 19+ */
        .search_container :-ms-input-placeholder {
            color: #fff;
            font-weight: 700;
        }

        /* ie */
        .search_container input:-moz-placeholder {
            color: #fff;
            font-weight: 700;
        }

        .search_container .inputfield {
            color: #fff;
            font-weight: 700;
        }

    #nav_bar {
        width: 100%;
        margin-top: 1em;
    }

    #top_bar {
        overflow: visible;
    }

    #logo {
        float: left;
        margin: .6em 0 1.2em .35em;
        padding: 0;
    }

    #branded-logo {
        margin: 1.4em 0 1.2em .35em;
    }

    /* MEDIUM Main Navigation */

    #main_nav {
        float: left;
        padding: 0;
        margin-top: 2.8em;
        margin-left: 3em;
    }

        #main_nav.branded {
            margin-top: 0;
        }

    #main_navigation_list {
        position: absolute;
        width: 55em;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: .77em;
    }

        #main_navigation_list > li {
            float: left;
            position: relative;
            margin-right: .82em;
            padding-right: 1.75em;
            font-size: 1em;
            border-right: .1em solid #7ec667;
            background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .5em no-repeat;
        }

    .enterprise #main_navigation_list .CMSListMenuLI:first-child {
        margin-right: .85em;
        float: left;
        position: relative;
        padding-right: 1.75em;
        font-size: 1em;
        border-right: .1em solid #7ec667;
        background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .3em no-repeat;
    }

    .enterprise #main_navigation_list .hovactive:first-child {
        margin-right: -.05em;
    }

    .enterprise #main_navigation_list > li {
        padding-right: .8em;
        background: none;
    }

        .enterprise #main_navigation_list > li.CMSListMenuHighlightedLI {
            background: none;
        }

    #main_navigation_list > li.CMSListMenuHighlightedLI, #main_navigation_list > li.CMSListMenuHighlightedLIlast {
        background: url(/App_Themes/ProPay/images/icon_arrowdown_active.png) 96% .5em no-repeat;
    }

    #main_navigation_list > li > a {
        color: #2a5630;
    }

    #main_navigation_list > li a {
        font-weight: 700;
    }

    #main_navigation_list > li span {
        color: #0572ae;
        font-weight: 700;
    }

    #main_navigation_list li ul li > a {
        padding: 1em;
        line-height: 1em;
        overflow: visible;
    }

    #main_navigation_list > li.hovactive a, #main_navigation_list > li.hovactive span {
        display: block;
        position: relative;
        z-index: 1000;
        height: 2.25em;
    }

    #main_navigation_list > li.hovactive > a, #main_navigation_list > li.hovactive > span {
        color: #0572ae;
    }

    #main_navigation_list > a:after {
        border: none;
        background: url(/App_Themes/ProPay/images/sprites_selectors.png) -94px -25px;
        display: block;
        height: 1em;
        width: 1em;
    }

    #main_navigation_list > li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    #main_navigation_list > li:last-child {
        border: none;
        margin-right: 0;
    }

    #main_navigation_list li.hovactive ul {
        left: -.295em;
        top: -.7em;
   }

    .IE #main_navigation_list li.hovactive ul, .Gecko #main_navigation_list li.hovactive ul {
        left: -.315em;
    }

    .webgl .Gecko #main_navigation_list li.hovactive ul {
        left: -.3em;
    }

    #main_navigation_list li ul {
        position: absolute;
        list-style: none;
        top: 0;
        left: -.89em;
        width: 16.85em;
        z-index: 90;
        margin: 0;
        padding: 0;
        margin-top: 2.9em;
    }

    .Gecko #main_navigation_list li ul {
        margin-top: 2.93em;
    }

        .Gecko #main_navigation_list li ul li, .IE #main_navigation_list li ul li {
            box-shadow: none;
        }

    #main_navigation_list > li.hovactive {
        height: 2.9em;
        border-left: .1em solid #7ec667;
        left: -.88em;
        margin: 0;
        padding-left: .82em;
        padding-right: 1.655em;
        box-shadow: 0 2px 1px #184701;
        background: url(/App_Themes/ProPay/images/icon_arrowup.png) 96% .5em no-repeat;
    }

    .Gecko #main_navigation_list > li.hovactive, .IE #main_navigation_list > li.hovactive {
        box-shadow: none;
        left: -.9em;
        padding-left: .815em;
    }

    .webgl .Gecko #main_navigation_list > li.hovactive {
        padding-left: .825em;
    }

    #main_navigation_list > li.CMSListMenuLIlast.hovactive a {
        left: -.1em;
    }

    #main_navigation_list > li:last-child.hovactive {
        border-right: .1em solid #7ec667;
        left: -.86em;
    }

    #main_navigation_list > li.hovactive:after {
        position: absolute;
        width: 99.8%;
        z-index: 9999;
        display: block;
        height: .5em;
        background: #fff;
        margin-top: .4em;
        margin-left: -.82em;
        content: " ";
    }

    .Safari:not(.Chrome) #main_navigation_list > li.hovactive:after {
        margin-top: 1em;
    }

    .webgl .Gecko #main_navigation_list > li.hovactive:after {
        margin-left: -.79em;
        width: 99.6%;
    }

    /* FF Only */

    #main_navigation_list li ul li {
        overflow: hidden;
        height: 0;
        border-left: .1em solid #62b946;
        border-right: .1em solid #62b946;
        background: #fff;
        box-shadow: 0 .1em .1em #184701;
        width: 16.25em;
        margin-left: .23em;
    }

    #main_navigation_list li.hovactive ul li {
        height: 50px;
        -webkit-transition: height .4s ease;
        transition: height .4s ease;
    }

    #main_navigation_list li:hover ul li:hover a {
        color: #0572ae;
        background: #ededed;
    }

    #main_navigation_list li:hover ul li:hover:first-child a {
        border-top-right-radius: .4em;
    }

    #main_navigation_list li:hover ul li:hover:last-child a {
        border-bottom-right-radius: .4em;
        border-bottom-left-radius: .4em;
    }

    #main_navigation_list li.hovactive ul li:first-child {
        border-top: .1em solid #62b946;
    }

    #main_navigation_list li ul li:first-child {
        border-top-right-radius: .4em;
    }

    #main_navigation_list li.hovactive ul li:last-child {
        border-bottom: .1em solid #62b946;
    }

    #main_navigation_list li ul li:last-child {
        border-bottom-right-radius: .4em;
        border-bottom-left-radius: .4em;
    }

    #main_navigation_list li.hovactive ul li > a {
        height: 100%;
        background: #fff;
        color: #51af33;
        padding: 1em;
    }

    #main_navigation_list li.hovactive ul li > span {
        color: #0572ae;
        font-weight: 700;
        padding: 1em;
        line-height: 1em;
    }

    #main_navigation_list li ul, #main_navigation_list li ul li {
        -webkit-transform: translateZ(0);
        -webkit-transition: height .3s;
        transition: height .3s;
    }

    /* MEDIUM Login */

    #login {
        margin: 0;
        padding: 0;
        text-align: right;
        width: 15em;
    }

        #login li .login, #login li .signup {
            margin: .35em;
        }

        #login li {
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

    ul#login > li:first-child {
        width: 7em;
    }

    ul#login > li {
        width: 7em;
        height: 3em;
    }

    #login > li:last-child {
        margin-top: 1px;
    }

    #login li a {
        color: #000;
        font-size: .9em;
    }

    #login li ul h3 {
        font-size: 1em;
        font-weight: 700;
        color: #18361c;
    }

    #login li ul {
        display: block;
        height: 0;
        overflow: hidden;
        position: absolute;
        width: 18.75em;
        top: 2.4em;
        right: .26em;
        text-align: left;
        z-index: 90;
        background: #fff;
        color: #000;
        margin: 0;
        -webkit-transition: height .2s ease;
        transition: height .2s ease;
    }

        #login li ul li {
            height: auto;
            border: none;
            width: 94.2%;
            margin: .5em;
        }

    #login li:hover button:first-child {
        color: #0572ae;
        margin: .29em;
        background: #fff !important;
        border: .1rem solid #62b946;
        border-bottom: 0;
        border-top: 0;
        height: 100%;
        background: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        text-shadow: none;
        padding-top: 0;
    }

        #login li:hover button:first-child:after {
            height: 2.9em;
            border: none;
            right: .8em;
            margin: 0;
            padding-left: .8em;
            padding-right: 1.435em;
            background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .5em no-repeat;
        }

    #login > li:hover:after {
        position: absolute;
        right: .35em;
        width: 90%;
        z-index: 9999;
        display: block;
        height: .5em;
        background: #fff;
        margin-top: 2.4em;
        content: " ";
    }

    #login > li:hover:first-child:after {
        width: 83%;
        right: .35em;
    }

    #login li:first-child:hover ul {
        display: block;
        height: 8.32em;
    }

    #login li:hover ul {
        display: block;
        height: 13.88em;
        border: .1em solid #62b946;
    }


    /* MEDIUM WYSIWYG Styles */
    /* Change medium WYSIWYG styles to inline editor stylesheet when updated */

    .box_20 {
        float: left;
        width: 18%;
        padding: 0;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 1em;
    }

    .box_25 {
        float: left;
        width: 23%;
        padding: 0;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 1em;
    }

    .box_33 {
        float: left;
        width: 31%;
        padding: 0;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 1em;
    }

    .box_50 {
        width: 49%;
        margin-right: 1%;
        margin-bottom: 0;
    }

    .box_100 {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-right: 0;
        margin-bottom: 1em;
    }

    .image-left {
        margin: 0;
        margin-right: 1em;
        width: auto;
        margin-top: .5em;
    }

    .image-right {
        margin: 0;
        margin-left: 1em;
        width: auto;
        margin-top: .5em;
    }

    /* MEDIUM Content */

    #content {
        font-size: 1em;
        padding: 1.25em;
    }

        #content p {
            font-size: .75em;
        }

        #content ul {
            list-style: disc;
            font-size: .75em;
        }

    .contact_us .pp_form {
        border: none;
        padding: 0;
    }

    /* MEDIUM Content Web Part */

    .content_container .button {
        width: 60%;
        max-width: 300px;
    }

    #content .content_container h2 {
        margin-top: 0;
    }

    /* MEDIUM Blog */

    #content.blog {
        padding-left: 0;
    }

    .blogpost .social {
        float: right;
    }

    .blogpost.detail .social {
        float: left;
    }

    .blogpost a.readmore {
        margin-bottom: 0;
    }

    /* MEDIUM 13.0 Template */

    #content.interior_13 .zone_1 .content_with_documents .content_with_documents_tree ul li {
        float: left;
        width: 48%;
        font-size: 1.1em;
        margin-bottom: 1em;
    }

        #content.interior_13 .zone_1 .content_with_documents .content_with_documents_tree ul li a {
            color: #309200;
        }

            #content.interior_13 .zone_1 .content_with_documents .content_with_documents_tree ul li a:hover {
                color: #6ebc42;
            }

    #content.interior_13 .zone_2_right .content_with_documents {
        padding: 1.25em 1.875em;
        margin-top: 2em;
    }

    #content.interior_13 .zone_2_right h2 {
        font-size: 1.1em;
        margin-top: 0;
    }

    /* MEDIUM 17.1 Template */

    .interior17_1 .zone2 .comparison_container {
        margin-top: -2em;
    }

    .interior17_1 .zone2 .field_1 {
        width: 39%;
    }

    .interior17_1 .zone2 .field_2 {
        width: 60%;
    }

    .interior17_1 .zone3 .field_1 {
        width: 60%;
    }

    .interior17_1 .zone3 .field_2 {
        width: 39%;
    }

    .interior17_1 .zone3 .label {
        background: #1d3e1c;
    }

    /* MEDIUM Title Bar */

    #title_bar {
        margin-bottom: 1em;
        width: auto;
        position: relative;
        overflow: hidden;
        background: #EDEDED;
    }

        #title_bar h1 {
            font-size: 1.4rem;
            color: #6EBC42;
            font-weight: 700;
            margin: .75em 0;
        }

    /* MEDIUM Top Banner */

    .top_banner_image_container {
        float: left;
        width: auto;
        margin: 2em 1.2em 2em 0;
    }

    .top_banner_content {
        margin: 1.4em 0;
        width: auto;
        font-size: 1em;
        position: relative;
        overflow: hidden;
    }

        .top_banner_content:before, .top_banner_content:after {
            content: "";
            position: absolute;
            z-index: -1;
            background: #ccc;
            top: 0;
            bottom: 0;
            width: 9999px;
        }

        .top_banner_content:before {
            right: 100%;
        }

        .top_banner_content:after {
            left: 100%;
        }

        .top_banner_content h1 {
            color: #1f4d25;
            font-weight: 700;
            margin-top: 0;
            margin-bottom: .2em;
            line-height: 1.4em;
        }

        .top_banner_content p {
            width: auto;
            color: #3e3d3d;
            line-height: 1.4em;
            font-size: .8em;
        }

        .top_banner_content .button {
            width: auto;
            font-size: 1em;
            margin-right: .5em;
            padding-left: 4em;
            padding-right: 4em;
            text-align: center;
        }

    /* MEDIUM Hero Slider */

    .bx-viewport {
        height: 33.125em !important;
        overflow: hidden;
        box-shadow: 0 10px 20px 0 rgba(70,70,70,0.75);
    }

    #hero_slider {
        margin: 0;
        overflow: hidden;
        height: 100%;
    }

        #hero_slider .hero_slide {
            height: 100%;
            background-size: cover;
        }

    #hero_sctn {
        position: relative;
        margin-bottom: 50px;
        min-height: 30em;
    }

    .enterprise_solutions_hero #hero_sctn {
        margin-bottom: 20px;
    }

    /* MEDIUM Signup Form */

    .signup_sctn, .hero_form_sctn {
        position: absolute;
        float: left;
        left: 30%;
        width: 35em;
        padding: 1.25em;
        background: url(images/signup_bkgd.png) repeat;
        border: 3px solid #fff;
        border-radius: 8px;
    }

        .signup_sctn h1 {
            color: #17381d;
            margin-top: 0;
            margin-bottom: .612em;
            font-size: 2em;
            line-height: 1em;
            text-align: center;
            font-family: 'Raleway', sans-serif;
            letter-spacing: .5px;
        }

    .signup_form_sub_sctn .signup_form_sub .signup_form_sub_hdr {
        font-size: 1.465em;
        margin: 0;
        font-weight: 700;
        line-height: .9em;
    }

    .signup_form_sub_sctn .signup_form_sub .signup_form_sub_desc {
        font-size: 1em;
        margin: 0;
        line-height: 1em;
    }

    .signup_form {
        margin-top: .75em;
        margin-bottom: 0;
    }

        .signup_form label {
            color: #112f15;
            font-size: 1.25em;
            font-weight: 700;
            cursor: default;
        }

    .signup_form_half {
        width: 47.5%;
    }

        .signup_form_half:last-child {
            margin-right: 0;
        }

    .signup_form input {
        border: 1px solid #65b844 !important;
        margin-bottom: .75em;
    }

        .signup_form input.invalid {
            border: 1px solid red !important;
        }

    .signup_form_cta {
        color: #112f15;
        font-size: 1.25em;
        line-height: 1em;
        font-weight: 700;
        padding: 0;
        margin: 0;
        margin-top: .25em;
        margin-bottom: .75em;
        text-align: center;
    }

    .signup_form button {
        margin: 0;
        padding: .525em;
        font-size: 1.5em;
        line-height: 1.3em;
        width: 100%;
        font-weight: 400;
    }

        .signup_form button:after {
            right: -.5em;
        }

    #pword_req_list li {
        font-size: .75em;
        padding-left: 1.75em;
    }

    /* MEDIUM Contactus Form */

    .contact_us .invalid {
        border: 1px solid red !important;
    }

    /* MEDIUM Hero Form */

    /*.hero_form_sctn { position: absolute; top: 1.563em; left: 50%; width: 30.00em; padding: 1.250em; background: url('images/signup_bkgd.png') repeat; border: 3px solid white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } */
    .hero_form_sctn h1 {
        color: #06344e;
        margin-top: 0;
        margin-bottom: .1em;
        font-size: 2em;
        text-align: center;
        font-family: 'Raleway', sans-serif;
        letter-spacing: .5px;
    }

    .hero_form_sctn label {
        color: #112f15;
        font-weight: 700;
    }

    /* MEDIUM Youtube Player */

    .youtube_sctn {
        width: 100%;
        position: relative;
        display: inline-block;
        margin-bottom: 1.875em;
    }

        .youtube_sctn iframe {
            width: 100%;
        }

    .youtube_poster {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        z-index: 100;
    }

    .youtube_overlay {
        width: auto;
        position: absolute;
        margin: 0;
        padding: 0 1.5em;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
    }

        .youtube_overlay .youtube_hdr {
            font-size: 1.625em;
            line-height: 1.5em;
            color: #3c3d3a;
        }

        .youtube_overlay .youtube_desc {
            font-size: .75em;
            line-height: 1em;
            margin-bottom: 1.5em;
        }

    .youtube_btn {
        width: 15.95em;
    }

    .youtube_callouts {
        margin-bottom: 1.25em !important;
        padding: 1.25em;
        background-color: #ededed;
    }

    .youtube_callouts_player {
        width: 54%;
    }

        .youtube_callouts_player.right {
            margin-left: 15px;
        }

        .youtube_callouts_player.left {
            margin-right: 15px;
        }

    .youtube_callouts_callouts {
        width: 42%;
        float: left;
        margin: 0;
    }

    .youtube_callouts .youtube_sctn {
        margin: 0;
    }

    #content .youtube_callout p {
        font-size: 1em;
    }

    /* MEDIUM Hero */

    .callout_sctn {
        padding: 20px 0;
    }

    .acpt_pay_sctn {
        margin-top: 0;
        margin-bottom: 2em;
    }

    .enterprise_solutions .acpt_pay_sctn {
        margin-bottom: 1em;
    }

    #acpt_pay_ways li {
        width: 5.85em;
        height: 7.95em;
        list-style: none;
    }

    /* MEDIUM Content Drawer */

    .content_drawer_headline {
        font-size: 1.375em;
    }

    .content_drawer_content a {
        font-size: 1.2em;
        line-height: 1.2em;
    }

    /* MEDIUM Twitter side bar */

    .twitter_container .tweet {
        font-size: .8em;
    }

    /* MEDIUM Contact us Page */

    .contact_form .button {
        width: auto;
        font-size: 17.55px;
    }

    /* MEDIUM Gateway Login Page */

    #login_wrapper {
        margin-bottom: 0;
    }

    #sign_up_wrapper button {
        width: 65%;
        margin-top: 7px;
    }

    /* MEDIUM Accept payments web part */

    #acpt_pay_ways li h3 {
        font-size: .75em;
    }

    #acpt_pay_ways li p {
        font-size: .6em;
    }

    /* MEDIUM Results page */

    #SearchResult .ResultTitle {
        margin: .5em 0;
    }

        #SearchResult .ResultTitle a {
            text-decoration: none;
            color: #1F4D25;
            font-weight: 700;
            font-size: 1.6em;
        }

    /* MEDIUM Testimonials */

    .testimonial_list {
        display: block;
    }

    /* MEDIUM Resource List */

    .resource_list {
        display: block;
    }

    .resource_list_hdr {
        color: #2a5630;
        font-size: .75em;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .icon_resource_doc {
        margin: 0 10px;
        background: url(images/icon_resource_doc.png) center no-repeat;
        width: 50px;
        height: 50px;
        float: left;
    }

    .icon_resource_video {
        margin: 0 10px;
        background: url(images/icon_resource_vid.png) center no-repeat;
        width: 50px;
        height: 50px;
        float: left;
    }

    .resource_list ul {
        list-style: none;
        margin: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #ededed;
        display: inline-block;
        padding: 10px;
    }

        .resource_list ul li {
            margin-bottom: 10px;
            display: inline-block;
        }

            .resource_list ul li:last-child {
                margin-bottom: 0;
            }

            .resource_list ul li a {
                color: #51af33;
                font-size: .7em;
                line-height: 1em;
                text-decoration: underline;
                font-weight: 700;
                margin-top: .5em;
                width: 52%;
                float: left;
                line-height: 1.6em;
            }

    /* MEDIUM Side Menu Resource Document List */

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink.open {
        font-size: 1em;
        background: url(images/drawer_icon_small_open.png) no-repeat scroll right 10px center #51af33;
    }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink {
        font-size: 1em;
        background: url(images/drawer_icon_small_closed.png) no-repeat scroll right 10px center #51af33;
        border-radius: 5px;
        color: #fff;
        display: block;
        font-weight: 700;
        padding: .7em 1em .8em .625em;
    }

    .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink, .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuHighlightedLI {
        font-size: 1em;
    }

    /* MEDIUM Side Menu Links Web Part */

    #side_menu_sctn {
        padding: 1.75em 0;
    }

    .side_menu_links {
        padding-bottom: 2em;
        margin-bottom: 1em;
        border-bottom: 1px solid #ededed;
    }

    .side_menu_links_hdr {
       text-align: left;
        background: none;
        line-height: 1;
        top: 0;
        font-size: 1em;
        display: block;
        color: #295531;
        padding-bottom: .625em;
        margin-bottom: .75em;
        border-bottom: 2px solid #0472ad;
        font-weight: 700;
    }

        .side_menu_links_hdr a {
            color: #1f4d25;
        }

    .side_menu_links ul {
        font-size: 1em;
        border: none;
        list-style: none;
        margin: 0;
        overflow: visible;
        height: auto;
    }

        .side_menu_links ul li {
            display: block;
            font-size: .813em;
            color: #51af33;
            padding-bottom: 1em;
        }

            .side_menu_links ul li.CMSListMenuHighlightedLI {
                text-align: left;
                font-weight: 700;
                background: url(images/side_links_arrow.png) right .3em no-repeat;
            }

            .side_menu_links ul li a {
                color: #51af33;
            }

    .side_menu_links:hover .side_menu_links_hdr {
        display: block;
    }

    /* MEDIUM Side Bar Blog Drawers */

    .side_bar_blog_container h3 {
        cursor: pointer;
        background: #51af33;
        color: #fff;
        font-size: 1em;
        padding: .9em .5em;
        font-weight: 700;
        background: #51af33 url(images/drawer_icon_small_closed.png) right 10px center no-repeat;
    }

    .side_bar_blog_content a, .side_bar_blog_content li a {
        color: #2a5630;
        font-weight: 700;
        font-size: 1em;
    }

    .side_bar_blog_content select {
        height: 2.3125rem;
        font-size: .875em;
    }

    /* MEDIUM Search Results Web Part */

    .search_results_form .search_bar_alt, .search_results_form .search_button_alt, .search_results_container {
        margin-left: -1em;
    }

    .search_button_alt {
        cursor: pointer;
    }

    /* MEDIUM Pricing Web Part */

    .pricing_container {
        font-size: 12px;
        margin: 0;
        padding: 0;
        padding-bottom: 2em;
        margin-top: 2em;
    }

    .card-brand-pricing {
        height: 45px !important;
    }

    .pricing_container div.alt {
        margin: .2em;
    }

    .pricing_container div.tier_wrap {
        padding: 0;
        margin: 0;
        border-bottom: 0;
        padding-bottom: .05em;
    }

    .pricing_container div.tab {
        background: #5abb57;
        color: #fff;
        padding: .7em 1em;
        margin: 3px;
    }

    .pricing_container div.cta_button {
        margin: 3em 0 0 0;
    }

    .pricing_container div.true {
        background-image: url(/App_Themes/ProPay/images/icon_checkmark.png);
        background-position: center center;
        background-repeat: no-repeat;
    }

    .pricing_container .label_container {
        float: left;
        width: 40%;
    }

        .pricing_container .label_container div.pricing-header {
            width: auto;
            font-size: 1.2em;
            padding-left: .6em;
        }

    .pricing_container .tier_container {
        float: left;
        width: 57%;
    }

    .pricing_container .tier {
        margin-top: -3.4em;
    }

        .pricing_container .tier div {
            color: #166f12;
            font-weight: 700;
        }

    .pricing_container .label_container .div_group div {
        height: 3.4em;
    }

    .pricing_container .tier .div_group div {
        height: 3.4em;
    }

    .pricing_container .tier div.tiername {
        color: #fff;
        background: #156615;
        height: 45px;
    }

    .pricing_container .tier:nth-child(2) div.tiername {
        background: #056AA4;
    }

    .pricing_container .tier:nth-child(3) div.tiername {
        background: #156615;
    }

    .pricing_container .tier:nth-child(4) div.tiername {
        background: #056AA4;
    }

    .pricing_container .tier div.pricing-header {
        padding: .63em;
    }

    .touch .pricing_container .tier div.pricing-header {
        padding: .8em;
    }

    .pricing_container .tier div.cost {
        font-weight: 700;
        color: #fff;
        font-size: 1.2em;
        margin: 0 .3em;
        position: absolute;
        z-index: 3;
        text-align: center;
        padding-top: 8px;
        width: 17.2%;
        height: 35px;
        background-color: #056AA4;
        margin-top: -3px;
        margin-left: 1px;
    }

     .pricing_container .tier div.signup-cost {
       margin-top: -4px;
       
    }

    .pricing_container .tier div.renewal-cost {
        margin-top: 12px;
    }

    .renewal-cost-height {
        height: 4% !important;
    }

    .pricing_container.four .label_container {
        width: 30%;
    }

    .pricing_container.four .tier_container {
        float: left;
        width: 67%;
    }

    .pricing_container.four .tier {
        width: 23%;
    }

    .pricing_container.four .label_container div.pricing-header {
        width: auto;
    }

    /* MEDIUM Rate Calculator */

    #calculator_container .label_col .fees, #calculator_container .label_col .annual {
        background: #c9d8e5;
        font-weight: 700;
        font-size: 1.25em;
        line-height: .8em;
    }

    #calculator_container ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #calculator_container .calculator_main_tabs ul li {
        width: 25em;
        padding: 1em;
    }

    #calculator_container ul li.rate {
        background: #EDEDED;
    }

    #calculator_container .mobile_hide {
        display: inline;
    }

    #calculator_container .mobile_show {
        display: none;
    }

    #calculator_container .calculator_content .plan_col {
        border: 1px solid #999;
        float: right;
        margin-left: .75em;
        text-align: center;
        width: 9.5em;
    }

    #calculator_container .calculator_content .results .plan_col {
        float: left;
    }

    #calculator_container .plans {
        float: right;
        margin-top: -21.4em;
        width: 26.3em;
    }

    #calculator_container .calculator_content .plan_col li:after {
        clear: both;
    }

    #calculator_container .mobile_plan_col {
        display: none;
    }

    #calculator_container .plan_col {
        display: block;
    }

        #calculator_container .plan_col .fees, #calculator_container .plan_col .annual {
            padding-top: .9em;
            padding-bottom: .9em;
            margin-bottom: 0;
        }

        #calculator_container .plan_col .limits {
            padding-top: 1em;
            padding-bottom: 1em;
            margin-bottom: 0;
        }

        #calculator_container .plan_col .keyed, #calculator_container .plan_col .amex {
            padding-top: .25em;
            padding-bottom: .25em;
            margin-bottom: 1px;
        }

        #calculator_container .plan_col .swipe, #calculator_container .plan_col .transfer, #calculator_container .plan_col .discover {
            padding-top: .25em;
            padding-bottom: .25em;
            margin-bottom: 1px;
            background: #fff;
        }

        #calculator_container .plan_col .visa {
            padding-top: .75em;
            padding-bottom: .75em;
            margin-bottom: 1px;
        }

    #calculator_container .label_col li:not(.title):not(.annual):not(.fees):not(.limits) {
        border-bottom: solid 1px #999;
        width: 38%;
    }

    #calculator_container .label_col .limits {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    #calculator_container .label_col .swipe, #calculator_container .label_col .keyed, #calculator_container .label_col .transfer {
        padding-top: .25em;
        padding-bottom: .25em;
    }

    .calculator_form {
        width: 80%;
        margin-left: auto;
        margin-top: 1em;
    }

    .comparison .calculator_form {
        width: 85%;
    }

    .calculator_form li {
        width: 100%;
        display: inline;
        float: left;
    }

    .calculator_form .calculator_label {
        width: 60%;
   }

    .calculator_form .calculator_input {
        width: 40%;
    }

    #calculator_container .label_col .amex, #calculator_container .label_col .limits, #calculator_container .label_col .discover {
        min-height: inherit;
    }

    .comparison_selectors ul li {
        float: left;
        width: 47%;
    }

    #calculator_container .comparison_header {
        display: table-row;
        font-weight: 700;
        color: #fff;
    }

    #calculator_container .comparison_header, #calculator_container .comparison_data {
        display: table-row;
        float: none;
        text-align: left;
        padding: 0;
        border-right: none;
    }

        #calculator_container .comparison_header div, #calculator_container .comparison_data div {
            display: table-cell;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
        }

    #calculator_container .comparison .comparison_table {
        border-bottom: none;
    }

    #calculator_container .comparison_data div:first-child {
        font-weight: 400;
        font-size: .75em;
    }

    #calculator_container .comparison_table .title {
        width: 20em;
    }

    .calculator_form button.calculate_rate, .calculator_form button.calculate_comparison {
        left: 23.4em;
        margin-bottom: 1em;
        width: 15.3em;
    }

    .calculator_form button.calculate_comparison {
        left: 24.8em;
        width: 16.3em;
    }

    .rate_result_buttons li button {
        background: #51af33;
        border-radius: .4em;
        font-size: 1em;
        width: 20em;
        margin-right: 1.5em;
    }

    .rate_result_buttons li {
        display: inline;
        float: left;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .rate_result_buttons:after {
        content: "";
        clear: both;
        display: block;
    }

    .comparison_table .total {
        background-color: #69f;
        color: #fff;
    }

    /* Safari 7 Hacks */

    .touch .Safari7 #calculator_container .plans {
        margin-top: -20.8em;
    }

    /* MEDIUM IE7 Hacks */

    .IE7 #ie7_alert {
        width: 100%;
        background: #FF9;
        border-bottom: 2px solid #ff0;
        padding-top: 1em;
        display: block;
    }

        .IE7 #ie7_alert .ie7_message {
            width: 100%;
            max-width: 62.5em;
            margin: 0 auto;
        }

        .IE7 #ie7_alert li {
            font-size: .75em;
        }

    /* MEDIUM IE8 Hacks */

    html.IE8, .IE8 body {
        font-size: 18px;
    }

    .IE8 p {
        font-size: 12px;
    }

    /* login/signup */

    .IE8 #login li .login, .IE8 #login li .signup {
        width: 100%;
    }

    .IE8 ul#login > li:first-child, .IE8 ul#login > li {
        width: 10em;
    }

        .IE8 ul#login > li:first-child {
            margin-right: 1em;
        }

    .IE8 #login LI:hover UL {
        height: 11.35em;
        margin-top: 1em;
        border-top: none;
    }

    .IE8 #login LI:hover BUTTON:first-child {
        padding-top: .9em;
        background: #fff;
        -webkit-filter: none;
        filter: none;
        height: auto;
    }

    .IE9 #login LI:hover BUTTON:first-child {
        background: #fff;
        -webkit-filter: none;
        filter: none;
    }

    .IE8 #login LI button {
        font-size: 14px;
        text-align: left;
        padding-left: 10px;
        padding-right: 0;
    }

    .IE8 #login li ul {
        top: 3em;
    }

    /* search */

    .IE8 input.search_bar, .IE8 input.search_bar:focus {
        left: -2em;
        width: 116%;
        height: 2.5em;
        font-size: .8em;
    }

    .IE8 input.search_button {
        margin-left: -7em;
    }

    /* main nav */

    .IE8 #main_navigation_list > li.hovactive:after {
        content: none;
    }

    .IE8 #main_navigation_list li ul {
        width: 100%;
        margin-left: -.09em;
        margin-top: 2.4em;
        font-size: 12px;
    }

        .IE8 #main_navigation_list li ul li {
            width: 102%;
            font-size: 12px;
            border-left-width: .2em;
            border-right-width: .2em;
        }

    .IE8 #main_navigation_list li.hovactive ul li:first-child {
        border-top: none;
    }

    .IE8 #main_navigation_list > li.hovactive {
        height: 2em;
        padding-left: .8em;
        padding-right: 1.4em;
    }

    /* hero */

    .IE8 .button.alt.large {
        line-height: 3em;
    }

        .IE8 .button.alt.large:after {
            width: 3.4em;
            height: 3.4em;
        }

    .IE8 .signup_form_sub_sctn .signup_form_sub {
        width: 48%;
        border-right: none;
    }

    .IE8 .signup_form_sub_sctn {
        width: 102%;
    }

    /* login */

    .IE8 #login {
        width: 25%;
    }

        .IE8 #login li ul {
            margin-top: .9em;
        }

        .IE8 #login > li:hover:after {
            content: none;
        }

    .IE8 #top_bar .top-bar-section .top-bar li.has-dropdown:hover a.top_level {
        border-bottom: none;
    }

    .IE8 #login li:hover ul li {
        height: auto;
    }

        .IE8 #login li:hover ul li button {
            width: 100%;
        }

    .IE8 #login li:hover ul {
        height: 18.88em;
    }

    .IE8 #login li:first-child:hover ul {
        height: 11.35em;
    }

    /* contact us */

    .IE8 label {
        font-size: .875em;
    }

    .IE8 .button {
        padding-right: 3em;
    }

    .IE8 .customSelectInner {
        background: url(images/select_arrow.png) right center no-repeat;
        width: 100% !important;
    }

    .IE8 .hasCustomSelect {
        width: 94% !important;
    }

    /* drawers */

    .IE8 .content_drawer_headline {
        background: #51AF33;
        margin-bottom: 1em;
    }

    .IE8 .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuLink {
        background: #51AF33;
        font-size: 1.5em;
    }

    .IE8 .side_menu_documents_tree > .CMSListMenuUL > .CMSListMenuLI > .CMSListMenuUL .CMSListMenuLink {
        font-size: 1.4em;
    }

    /* top banner */

    .IE8 .top_banner_container {
        width: 100%;
    }

    .IE8 #top_banner_container H1 {
        font-size: 30px;
    }

    .IE8 .top_banner_image_container {
        width: 30%;
    }

    .IE8 .top_banner_content {
        width: 65%;
    }
}

/* min-width 641px, medium screens */
/* Medium-Small screens 745px */

@media only screen and (max-width: 750px) {
    #calculator_container .calculator_content .results .plan_col {
        width: 100%;
        margin-left: 0;
    }

        #calculator_container .calculator_content .results .plan_col .title {
            width: 7%;
        }

    .button.sign-up {
        margin-right: 30px;
    }
}

/* min-width 768px, ipad portrait */

@media only screen and (min-width: 768px) {

    .calculator_form button.calculate_rate {
        left: 20em;
        width: 13.5em;
    }

    .calculator_form button.calculate_comparison {
        left: 21.4em;
        width: 14.1em;
    }

    .calculator_input .contact_us_err_container {
        font-size: .9em;
    }

    #calculator_container .calculator_content .results .plan_col {
        width: 14.8em;
    }

    #content.blog {
        padding-left: 1.25em;
    }

    #side_menu_sctn {
        padding-left: .625em;
        padding-right: 0;
    }

        #side_menu_sctn:last-child {
            padding-right: 1.25em;
            padding-left: 0;
        }
}

/* =============================================================================================================== */
/* Large screens, 1000px */
@media only screen and (min-width: 64.063em) {
    /* LARGE Buttons */
    .button {
        padding-right: 3em;
    }

        .button.large:after, .button.dark.large:after, .button.alt.large:after {
            right: 1em;
            height: 2em;
            width: 2em;
        }

    /* LARGE Header */
    #main_nav {
        margin-left: -.8em;
    }

    #main_navigation_list {
        font-size: 1em;
    }

        #main_navigation_list li.hovactive ul {
            top: -.1em;
        }

        #main_navigation_list > li {
            padding-right: 1.49em;
        }

            #main_navigation_list > li:hover {
                padding-right: 1.42em;
            }

    .Gecko #main_navigation_list > li.hovactive, .IE #main_navigation_list > li.hovactive {
        padding-right: 1.4em;
    }

    .webgl .Gecko #main_navigation_list > li.hovactive {
        padding-right: 1.4em;
        padding-left: .84em;
    }

        /* FF Only */
        .webgl .Gecko #main_navigation_list > li.hovactive:first-child {
            padding-right: 1.405em;
        }

    /* FF Only */
    #main_navigation_list li ul {
        left: -1.16em;
        margin-top: 3em;
    }

    #main_navigation_list > li.CMSListMenuLIlast.hovactive a {
        left: -.04em;
    }

    .IE #main_navigation_list li.hovactive ul, .Gecko #main_navigation_list li.hovactive ul {
        left: -.33em;
    }

    .webgl .Gecko #main_navigation_list li.hovactive ul {
        left: -.29em;
    }

    /* FF Only */
    .enterprise #main_navigation_list > li:hover {
        padding-right: .8em;
    }

    .enterprise #main_navigation_list > li a:hover {
        color: #000;
    }

    .enterprise #main_navigation_list > li, .enterprise #main_navigation_list .subCMSListMenuLink {
        font-size: .8em;
    }

    .enterprise #main_navigation_list .CMSListMenuLI:first-child {
        font-size: .8em;
        background: url(/App_Themes/ProPay/images/icon_arrowdown.png) 96% .5em no-repeat;
    }

    .enterprise #main_navigation_list .subCMSListMenuUL {
        z-index: 90;
        margin-top: 2.4em;
    }

    #header .top-bar, #header .top-bar li, #header .top-bar a {
        margin-top: 1em;
        left: -.3em;
    }

    ul#login > li {
        width: 7.5em;
    }

    /* LARGE Signup Form */

    .signup_sctn, .hero_form_sctn {
        float: left;
        left: 45%;
    }

    /* LARGE Pricing Web Part */

    .pricing_container {
        font-size: .8em;
    }

        .pricing_container div.true {
            background-image: url(/App_Themes/ProPay/images/icon_checkmark_large.png);
        }

        .pricing_container .tier {
            margin-top: -3.1em;
        }

    /* LARGE Rate Calculator */

    .calculator_form button.calculate_rate {
        left: 23.3em;
        width: 15.4em;
   }

    .calculator_form button.calculate_comparison {
        left: 24.7em;
        width: 16.3em;
    }
}

/* min-width 1000px, large screens */

@media only screen and (min-width: 64.063em) {
    /* GLOBAL */
    html, body {
        font-family: 'Droid Sans', sans-serif;
        font-size: 16px;
    }

    .full-width {
        width: 100%;
        max-width: 100%;
    }

    .clearfix:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }
}

/**
* New Web Parts
*/

.v2 a {
    transition: background-color .15s, border-color .15s, color .15s, opacity .15s;
}

/* rows */

h1, h2, h3 {
    font-family: 'Raleway', sans-serif;
}

.row-holder {
    background-size: cover;
}

.row-holder--dark,
.row-holder--dark h1,
.row-holder--dark h2,
.row-holder--dark h3,
.row-holder--dark h4 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
}

@media only screen and (min-width: 40.0625em) { /* 64.0625em is large */
    .v2 .row-holder--gutters-none .column,
    .v2 .row-holder--gutters-none .columns {
        padding-right: 0;
        padding-left: 0;
    }

    .v2 .row-holder--gutters-tight .column,
    .v2 .row-holder--gutters-tight .columns {
        padding-right: 12.5px;
        padding-left: 12.5px;
    }

    .v2 .row-holder--gutters-normal .column,
    .v2 .row-holder--gutters-normal .columns {
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media only screen and (max-width: 40em) {
    .v2 .row-holder--gutters-tight .column:not(:first-of-type):not(.small-6),
    .v2 .row-holder--gutters-tight .columns:not(:first-of-type):not(.small-6) {
        margin-top: 25px;
    }

    .v2 .row-holder--gutters-normal .column:not(:first-of-type):not(.small-6),
    .v2 .row-holder--gutters-normal .columns:not(:first-of-type):not(.small-6) {
        margin-top: 37.5px;
    }

    .v2 .row-holder--gutters-tight .column.small-6:nth-of-type(n+3),
    .v2 .row-holder--gutters-tight .columns.small-6:nth-of-type(n+3) {
        margin-top: 25px;
    }
}

.v2 .row {
    clear: both;
}

.v2 .row--wide {
    max-width: 1100px; /* extra 50px on each side */
}

/* buttons */

.button,
.button:hover,
.button:focus {
    background: none;
    background-color: #444;
    border: 2px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    line-height: 1.414;
    padding: 6px 24px;
    text-shadow: none;
    transition: background-color .2s, border-color .2s, color .2s, opacity .2s;
}

    .button:after {
        display: none;
    }

    .button:hover,
    .button:focus {
        background-color: #252525; /* #444 darken 12% */
    }

.button--large,
.button--large:hover,
.button--large:focus {
    font-size: 16px;
    padding: 10px 32px;
}

.button--green {
    background-color: #51af33; /* ProPay green */
    width: 140px;
}

    .button--green:hover,
    .button--green:focus {
        background-color: #329014; /* ProPay green - darken 12% */
    }

.button--blue {
    background-color: #0572ae; /* ProPay blue */
}

    .button--blue:hover,
    .button--blue:focus {
        background-color: #00538f; /* ProPay blue - darken 12% */
    }

.button--white,
.button--white:hover,
.button--white:focus {
    background-color: transparent;
    border-color: #fff;
}

.button--green-trans,
.button--green-trans:hover,
.button--green-trans:focus {
    background-color: transparent;
    border-color: #51af33;
    color: #51af33;
}

.button--light-gray {
    background-color: #ddd;
    color: #51af33;
}

    .button--light-gray:hover,
    .button--light-gray:focus {
        background-color: #ccc;
        color: #329014; /* ProPay green - darken 12% */
    }

/* column content */

.v2 .column-content {
    background-size: cover;
    font-size: 14px;
}

.v2 a.column-content {
    color: inherit;
    display: block;
}

.v2 .column-content > * { /* remove margins for all direct descendants (we want to set them) */
    margin-top: 0;
    margin-bottom: 0;
}

    .v2 .column-content > *:not(:first-child) {
        margin-top: 20px;
    }

.column-content h1,
.column-content h2,
.column-content h3,
.column-content h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.column-content h1,
.column-content h2 {
    line-height: 1.333;
    font-family: 'Raleway', sans-serif;
}

.column-content h1 {
    font-size: 46px;
    font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 40em) {
    .column-content h1 {
        font-size: 34px;
        font-family: 'Raleway', sans-serif;
    }
}

.column-content h2 {
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 40em) {
    .column-content h2 {
        font-size: 24px;
        font-family: 'Raleway', sans-serif;
    }
}

.column-content h3,
.column-content h4 {
    line-height: 1.414;
    font-family: 'Raleway', sans-serif;
}

.column-content h3 {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
}

.column-content h4 {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}

.column-content p {
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    line-height: 1.414;
}

.column-content > p:not(:first-child) {
    margin-top: 12px;
}

/* hover image */

.v2 .hover-image {
    background-size: cover;
    padding: 37.5px 25px;
    position: relative;
    transition: padding .4s;
    height: 100%;
}

@media only screen and (max-width: 40em) {
    .v2 .hover-image {
        padding: 37.5px 25px !important; /* override JS-applied styles */
    }
}

.v2 .hover-image--dark,
.v2 .hover-image--dark h4 {
    color: #fff;
}

.v2 .hover-image--light {
    color: #3e3d3d; /* ProPay gray */
}

    .v2 .hover-image--light h4 {
        color: #51af33; /* ProPay green */
    }

.v2 .hover-image:before,
.v2 .hover-image > * {
    opacity: 0;
    transition: opacity .4s;
}

.v2 .hover-image > .button {
    transition: background-color .2s, border-color .2s, color .2s, opacity .4s;
}

@media only screen and (max-width: 64em) {
    .v2 .hover-image:before,
    .v2 .hover-image > * {
        opacity: 1; /* always show hover image content on mobile/tablet */
    }
}

.v2 .hover-image:before {
    background-color: rgba(0, 0, 0, .6667);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.v2 .hover-image--dark:before {
    background-color: rgba(0, 0, 0, .6667);
}

.v2 .hover-image--light:before {
    background-color: #fff;
}

.v2 .hover-image > * {
    position: relative;
    z-index: 200;
}

.v2 .hover-image:hover:before,
.v2 .hover-image:focus:before,
.v2 .hover-image:hover > *,
.v2 .hover-image:focus > * {
    opacity: 1;
}

.v2 .hover-image-subtext {
    color: #51af33; /* ProPay green */
    font-weight: 700;
    text-align: center;
}

    .v2 .hover-image-subtext:empty {
        display: none; /* don't show empty paragraphs */
    }

/* header (desktop) */

.header {
    background-color: #fff;
    border-bottom: 3px solid #51af33; /* ProPay green */
    height: 83px; /* 80px, plus 3px for the border */
    left: 0;
    padding: 12.5px;
    position: fixed;
    top: 0;
    transition: background-color .4s, border-color .4s;
    width: 100%;
    z-index: 300;
}

.PagePlaceholder {
    position: relative;
    z-index: 400; /* show Kentico editor above our header */
}

.header--trans {
    background-color: transparent;
    border-color: #fff;
}

.header > .row {
    min-height: 55px; /* height of logo */
    padding-left: 139.797px; /* logo width + 37.5px */
    position: relative;
}

.header-logo {
    display: block;
    height: 55px;
    left: 0;
    position: absolute;
    top: 0;
}

    .header-logo > img {
        display: block;
        max-height: 100%;
        transition: filter .4s;
    }

img.secondary-logo {
    max-height: 60px;
    top: 0;
    position: absolute;
    max-width: calc(100% - 150px);
}

.header--trans .header-logo > img {
    /*-webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);*/
}

.header-nav {
    list-style: none;
    margin: 8px 0 0; /* top margin to center nav in header */
    padding: 0;
    width: 100%;
}

    .header-nav > li {
        float: left;
        margin-right: 25px;
        position: relative;
    }

    .header-nav > .header-nav-button {
        float: right;
        margin-left: 11px;
        margin-right: 0;
    }

        .header-nav > .header-nav-button > .button--green-trans {
            transition: border-color .4s, color .4s;
        }

.header--trans .header-nav > .header-nav-button > .button--green-trans {
    border-color: #fff;
    color: #fff;
}

.header-nav > li > a:not(.button) {
    color: #51af33; /* ProPay green */
    display: inline-block;
    font-size: 15px;
    line-height: 37px; /* match button height */
    transition: color .4s;
}

.header--trans .header-nav > li > a:not(.button) {
    color: #fff;
}

.header-nav > .has-subnav > a:after {
    content: "\f078"; /* font awesome content for chevron-down icon */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .8em;
    margin-left: .5em;
    position: relative;
    text-rendering: auto;
    top: -.05em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header-nav > .has-subnav.is-open > a:after {
    content: "\f077"; /* font awesome content for chevron-up icon */
}

.header-nav-sub {
    background-color: #222729;
    border-bottom: 3px solid rgba(0, 0, 0, .1);
    border-top: 3px solid #fff;
    display: none;
    left: 0;
    list-style: none;
    margin: 25px 0 0; /* position subnav below nav border */
    padding: 3px 0;
    position: absolute;
    top: 100%;
    transition: border-color .4s;
    width: 250px;
}

.has-subnav.is-open > .header-nav-sub {
    display: block;
}

.header--trans .header-nav-sub {
    border-top-color: #51af33;
}

.header-nav-sub > li > a {
    color: #929292;
    display: block;
    padding: 7.5px 12.5px;
    font-size: 14px;
}

    .header-nav-sub > li > a:hover,
    .header-nav-sub > li > a:focus {
        background-color: rgba(0, 0, 0, .25);
        color: #fff;
    }

/* header (mobile/tablet) */

.header-toggle {
    color: #51af33;
    display: block;
    font-size: 28px;
    padding: 12.5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 12.5px;
}

.header--trans .header-toggle {
    color: #fff;
}

.header-toggle:before {
    content: "\f0c9"; /* font awesome content for bars icon */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header.is-open .header-toggle:before {
    content: "\f00d"; /* font awesome content for times icon */
}

@media only screen and (max-width: 64em) {
    .header {
        padding: 0;
        position: absolute;
    }

    .header-logo {
        left: 12.5px;
        top: 12.5px;
    }

    img.secondary-logo {
        top: 12px;
    }

    .header-nav {
        background-color: #222729;
        display: none;
        left: 0;
        margin-top: 0;
        padding: 12.5px;
        position: absolute;
        top: 83px;
    }

    .header.is-open .header-nav {
        display: block;
    }

    .header-nav > li {
        float: none;
        margin-right: 0;
    }

        .header-nav > li > a:not(.button) {
            display: block; /* take up full container width */
            font-size: 16px;
            padding: 2.5px 12.5px;
        }

    .header-nav > .has-subnav > a:after {
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 12.5px;
    }

    .header-nav > .header-nav-button {
        float: none;
        margin-left: 0;
        text-align: center;
    }

    .header-nav > .header-nav-button--first {
        border-top: 3px solid rgba(0, 0, 0, .25);
        margin-top: 12.5px;
        padding-top: 25px;
    }

    .header-nav > .header-nav-button > .button {
        display: inline-block;
        margin-bottom: 17.5px;
        max-width: 100%;
        width: 320px;
    }

    .header-nav-sub {
        margin-top: 2.5px;
        margin-bottom: 2.5px;
        width: auto;
        min-width: 0;
        padding: 5px 0;
        position: relative;
        top: 0;
    }

        .header-nav-sub > li > a {
            padding: 10px 12.5px;
        }
}

/* banner */

.banner--large {
    padding-top: 187.5px !important;
    padding-bottom: 125px !important;
}

@media only screen and (max-width: 40em) {
    .banner--large {
        padding-top: 125px !important;
        padding-bottom: 70px !important;
    }
}

.banner--medium {
    padding-top: 140px !important;
    padding-bottom: 80px !important;
}

@media only screen and (max-width: 40em) {
    .banner--medium {
        padding-top: 115px !important;
        padding-bottom: 55px !important;
    }
}

/* New footer styles*/

/* override weird styles... oO */
.v2 .content_container {
    float: none;
}

.footer {
    background: #242424;
    color: #AFB1B1;
    font-size: .8em;
    line-height: 1.25em;
    padding-bottom: 25px;
    font-family: 'Droid Sans', sans-serif;
}

.partial-footer {
    padding: 25px 0;
}

.footer_nav {
    background: #333131;
    margin-bottom: 30px;
}

#footer_navigation_list {
    line-height: 1em;
    margin: 0;
}

    #footer_navigation_list > li {
        text-decoration: none;
        list-style: none;
        display: inline-block;
        margin: 30px 20px 28px 0;
        font-family: 'Droid Sans', sans-serif;
    }

    #footer_navigation_list li a {
        color: #FFF;
        font-size: .85em;
        font-weight: bold;
    }

        #footer_navigation_list li a:hover {
            color: #51af33;
        }

    #footer_navigation_list > li > .CMSListMenuLinkHighlighted {
        font-size: .85em;
    }

.social_bar {
    margin: 20px 0;
}

    .social_bar a {
        display: inline-block;
        height: 30px;
        width: 30px;
        margin: 0;
    }

.facebook {
    background: url(/App_Themes/ProPay/images/social_icons_Facebook.png);
}

.twitter {
    background: url(/App_Themes/ProPay/images/social_icons_Twitter.png);
}

.instagram {
    background: url(/App_Themes/ProPay/images/social_icons_Instagram.png);
}

.linkedin {
    background: url(/App_Themes/ProPay/images/social_icons_LinkedIn.png);
}

.pinterest {
    background: url(/App_Themes/ProPay/images/social_icons_Pinterest.png);
}

.youtube {
    background: url(/App_Themes/ProPay/images/social_icons_YouTube.png);
}

.facebook:hover {
    background: url(/App_Themes/ProPay/images/social_icons_Facebook_hover.png);
}

.twitter:hover {
    background: url(/App_Themes/ProPay/images/social_icons_Twitter_hover.png);
}

.instagram:hover {
    background: url(/App_Themes/ProPay/images/social_icons_Instagram_hover.png);
}

.linkedin:hover {
    background: url(/App_Themes/ProPay/images/social_icons_LinkedIn_hover.png);
}

.pinterest:hover {
    background: url(/App_Themes/ProPay/images/social_icons_Pinterest_hover.png);
}

.youtube:hover {
    background: url(/App_Themes/ProPay/images/social_icons_YouTube_hover.png);
}

.langDropDown-wrapper {
    /*width: 128px; */ /* Removed as part of the addition of the country name in the dropdownlist. Jason Stauffer */
    background: url(/App_Themes/ProPay/images/lang_arrow.png) no-repeat 90% 45%;
    background-size: 12px;
}

#langDropDown {
    color: #686b6a;
    /*width: 128px;*/ /* Removed as part of the addition of the country name in the dropdownlist. Jason Stauffer */
    background: transparent;
    border: none;
    line-height: 1.2em;
    font-size: 1em;
  padding-right: 30px;
}

    #langDropDown option {
        background: #242424;
    }

    #langDropDown:focus {
        border: none;
    }

    #langDropDown:active {
        border: none;
    }

@media only screen and (max-width: 64em) {
    .social_bar a {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }

        .social_bar a:hover {
            width: 28px;
            height: 28px;
            background-size: 28px;
        }
}

@media only screen and (max-width: 1026px) {
    .footer-wrap {
        clear: both;
    }

    .footer-nav-column {
        width: 100%;
    }

    .social_bar {
        margin: 0 0 20px 0;
    }

    .v2 .partial-footer .social_bar {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 690px) {
    .footer {
        font-size: .95em;
    }

        /* Removed this as part of the addition of the country in the language drop down list. Jason Stauffer */
        /*.footer:not(.partial-footer) { height: 487px; }*/

    #footer_navigation_list {
        margin-top: 10px;
    }

        #footer_navigation_list > li {
            width: 100%;
            margin: 10px 0 10px 15px;
        }

            #footer_navigation_list > li > a {
                font-size: 12.5px;
            }

            #footer_navigation_list > li > .CMSListMenuLinkHighlighted {
                font-size: 1.25em;
            }

    .social_bar {
        margin: 15px 0 20px 0;
        text-align: center;
    }

        .social_bar a {
            width: 30px;
            height: 30px;
            background-size: 30px;
            margin: 0 7px;
        }

            .social_bar a:hover {
                width: 30px;
                height: 30px;
                background-size: 30px;
            }

    #disclaimer {
        margin: 0 10px 10px 15px;
    }

    .langDropDown-wrapper {
        margin: 10px 0 0 0;
    }

    #langDropDown {
        line-height: 1em;
        font-size: 1.2em;
    }
}

/**
* New table styles
*/

table tr.odd {
    background-color: transparent;
}

table tr.even {
    background-color: #F9F9F9;
}

.table-holder {
    margin-bottom: 25px;
}

.table-holder-desc {
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}

@media only screen and (max-width: 64em) {
    .table-holder {
        margin-top: 0;
        max-width: 100%;
        overflow-x: scroll;
    }
}

.table {
    margin-top: 0;
    margin-bottom: 0;
    min-width: 550px;
    width: 100%;
}

    .table > thead > tr > th,
    .table > tbody > tr > td {
        line-height: 18px;
        padding: 9px 10px;
        text-align: center;
    }

    .table > thead > tr > th {
        color: #fff;
        font-size: 15px;
        padding-top: 12.5px;
        padding-bottom: 12.5px;
        text-align: center;
    }

.table--alt > thead > tr > th {
    background-color: #69c800;
}

.table > thead > tr > th > small {
    display: block;
    font-size: .7em;
    text-transform: uppercase;
}

.table > tbody > .heading-row {
    background-color: #c9d8e5; /* light blue */
}

.table > tbody > .heading-row--results {
    background-color: #0572ae; /* ProPay blue */
}

.table > tbody > .heading-row--results-alt {
   opacity: .75;
}

.table > tbody > .heading-row > td {
    font-size: 14px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table > tbody > .heading-row--results > td {
    color: #fff;
}

.table > tbody > tr > td:first-of-type {
    text-align: left;
}

.table > tbody > tr > td {
    font-size: 13px;
}

/* table user input */

.table-input {
    font-size: 13px;
}

    .table-input > .row:not(:last-of-type) {
        margin-bottom: 12.5px;
    }

@media only screen and (max-width: 40em) {
    .table-input .mobile-row:not(:last-of-type) {
        margin-bottom: 12.5px;
    }

    .table-input label {
        font-weight: 700;
    }

        .table-input label.right {
            text-align: left;
        }
}

.table-input .button {
    display: block;
    margin-top: 7.5px;
    margin-bottom: 0;
    width: 100%;
}

/* table results */

.table-results > h3 {
    color: #1f4d25;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.table-results > p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}

.table-results-actions {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

    .table-results-actions > li {
        float: left;
    }

@media only screen and (max-width: 40em) {
    .table-results-actions > li {
        float: none;
    }
}

.table-results-actions > li:not(:last-of-type) {
    margin-right: 12.5px;
}

.table-results-actions > li > .button {
    margin-bottom: 0;
}

@media only screen and (max-width: 40em) {
    .table-results-actions > li:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 12.5px;
    }

    .table-results-actions > li > .button {
        display: block;
        float: none;
        width: 100%;
    }
}

/**
* New form styles
*/

.form label {
    font-size: 1em;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.form input[type="text"],
.form input[type="radio"],
.form select,
.form .prefix {
    font-size: 1em;
    line-height: 28px; /* 30px if you include the border */
}

.form input[type="text"],
.form select,
.form .prefix {
    height: 30px;
}

.form input[type="text"],
.form input[type="radio"],
.form select {
    margin: 0;
    padding: 0 6px;
}

.form input[type="radio"] {
    position: relative;
    top: 1px;
}

.form .columns {
    margin-top: 0 !important;
}

#viewBiz .FormButton {
    display: block;
    background: none;
    background-color: #51af33;
    border: 2px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: auto;
    line-height: 1.414;
    padding: 6px 24px;
    text-shadow: none;
    transition: background-color .2s, border-color .2s, color .2s, opacity .2s;
}

    #viewBiz .FormButton:hover,
    #viewBiz .FormButton:focus {
        background-color: #329014; /* ProPay green - darken 12% */
    }

.Error > input {
    border-color: #990000;
}

.EditingFormErrorLabel {
    color: #990000;
}

.ErrorLabel {
    display: none;
}

#overlay-form .lightbox {
    margin: 25px auto;
    width: 60%;
    height: calc(75% - 45px);
}

.iframe-container {
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;
    height: 100%;
}

.gated-form {
    padding: 25px;
}

@media (max-width: 640px) {
    #overlay-form .lightbox {
        margin: 25px auto;
        width: 83%;
        height: calc(95% - 45px);
    }
}

/**
* Foundation tabs
*/

@media only screen and (max-width: 40em) {
    .tabs dd,
    .tabs .tab-title {
        float: none;
        margin-bottom: 5px !important;
        text-align: center;
    }

        .tabs dd > a,
        .tabs .tab-title > a {
            border: 1px solid transparent;
        }

        .tabs dd:not(.active) > a,
        .tabs .tab-title:not(.active) > a {
            opacity: .75;
        }

        .tabs dd.active > a,
        .tabs .tab-title.active > a {
            border-color: rgba(0, 0, 0, .1);
        }
}

.tabs dd > a,
.tabs .tab-title > a {
    font-weight: 700;
    outline: none !important;
}

.tabs dd:nth-of-type(odd) > a,
.tabs .tab-title:nth-of-type(odd) > a,
.tabs dd.active:nth-of-type(odd) > a,
.tabs .tab-title.active:nth-of-type(odd) > a {
    background-color: #f0f0f0;
}

.tabs dd:nth-of-type(even) > a,
.tabs .tab-title:nth-of-type(even) > a,
.tabs dd.active:nth-of-type(even) > a,
.tabs .tab-title.active:nth-of-type(even) > a {
    background-color: rgba(201, 216, 229, .6); /* light blue, 40% opaque */
}

.tabs dd:not(.active) > a,
.tabs .tab-title:not(.active) > a {
    color: #777;
}

.tabs dd.active > a,
.tabs .tab-title.active > a {
    color: #222;
    cursor: default;
}

.tabs-content > .content {
    padding: 25px;
}

    .tabs-content > .content:nth-of-type(odd) {
        background-color: #f0f0f0;
    }

    .tabs-content > .content:nth-of-type(even) {
        background-color: rgba(201, 216, 229, .6); /* light blue, 40% opaque */
    }

.pricing-container-icon .false {
    min-width: 0;
}

.pricing-container-icon .true {
    min-width: 10px;
}

.price-hidden-true {
    display: none;
}

.pricing_container .tier div.tiername {
    height: 50px;
    margin-bottom: -2px;
}

@media only screen and (max-width: 64.063em) {
    .pricing_container .tier div.tiername {
        height: 40px;
        padding: 1em;
        line-height: 14px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 40.063em) {
    .pricing_container .tier div.tiername {
        height: 49px;
        margin-bottom: 9px;
    }

    .pricing-header {
        height: 35px;
    }

    .pricing_container .label_container div.pricing-header {
        width: 181.5%;
    }

    .button.sign-up {
        margin-top: 25px;
        width: 100%;
        float: right;
        margin-right: 0;
    }
}

.iframe-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500;
    height: 100%;
    background: rgba(0,0,0,.85);
    margin: 0 !important;
}

.lightbox {
    margin: 25px auto;
    width: 90%;
    height: calc(100% - 45px);
}

    .lightbox.youtube {
        width: 650px;
        height: 475px;
        transform: translateY(25%);
    }

.lightbox-close {
    position: fixed;
    right: 3%;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
}

.lightbox.youtube > .lightbox-close {
    position: fixed;
    right: -25px;
    top: -25px;
    font-size: 22px;
}

.round {
    border: 2px solid #FFF;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    padding: 20px 0 0 7px;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 32px;
}

.iframe-btn.button.button--large-play {
    background: transparent;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}

@media only screen and (max-width: 750px) {
    .lightbox.youtube {
        width: 420px;
        height: 236px;
        top: 50%;
        transform: translateY(50%);
    }

        .lightbox.youtube > .lightbox-close {
            position: fixed;
            right: -25px;
            top: -25px;
            font-size: 22px;
        }
}


@media only screen and (max-width: 550px) {
    .lightbox.youtube {
        width: 320px;
        height: 180px;
        top: 0;
        transform: none;
        margin: 50px auto;
    }

        .lightbox.youtube > .lightbox-close {
            position: fixed;
            right: 3%;
            top: 10px;
            font-size: 22px;
        }
}


/**
* 404 page
*/
.buttons-404 {
  text-align: center;
}
.buttons-404 div {
  margin:auto;
  text-align:center;
  padding:15px;
  display: inline-block;
}
.buttons-404 div a {
  display: block;
}
@media only screen and (max-width: 768px) {
  .message-404 br {
    display: none;
  }
  .message-404 span {
    display: block;
    margin-bottom: 20px;
  }
  .buttons-404 div {
    display: block;
    width: 100%;
  }
  .buttons-404 div a {
    width: 100%;
  }
}

.button--green-font {
    background-color: #51af33; /* ProPay green */
    width: 140px;
    color: black;
}

.GreenWithBlackText {
    color: black;
}

.column-content .h3header {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}

.v2 .hover-image--dark .h3header {
    color: #fff;
}

.h4header {
    font-family: 'Raleway', sans-serif;
    font-size: 23px;
}

p.h3heading {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

p.pheading {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
}