/*CHANGEABLE COLORS FOR CUSTOMIZER*/
.Changeable-Color1 {
    color: #6a6a6c;
}

.Changeable-Color2 {
    color: #2a56a5;
}

.Changeable-Color3 {
    color: #000000;
}
/*Add additional changeable colors here example: .Changeable-Color4 { color:#FFFFFF }
Each additional color must be accounted for at the top of customizer/css/color.js
See instructions in customizer/css/color.js*/
/*Fonts----------------------------------------------------------------------*/
@font-face {
    font-family: 'fiserv';
    src: url('../fonts/fiserv.eot?2govi7');
    src: url('../fonts/fiserv.eot?#iefix2govi7') format('embedded-opentype'), url('../fonts/fiserv.woff?2govi7') format('woff'), url('../fonts/fiserv.ttf?2govi7') format('truetype'), url('../fonts/fiserv.svg?2govi7#fiserv') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp6iIh_FvlUHQwED9Yt5Kbw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxi_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiFaMxiho_5XQnyRZzQsrZs.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgalQocB-__pDVGhF3uS2Ks.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmhQUTDJGru-0vvUpABgH8I.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* Clear fix------------------------------------------*/
.clearfix::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0px;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* End Clear fix------------------------------------------*/
/*COLORS*******************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/*GRAY*/
.content h1, #welcome, .firstname a, .firstname a:hover, .firstname a:visited, #personalizationPopup h1, nav.secondary ul li a:hover, #footerLinks ul li a:hover, .toolscontent a, #mainimg h1 {
    color: #000000;
}

body, .toc-active img, #personalizationPopupxy, .Button2, #content .Button2, .Button1:hover, #content .Button1:hover, #gototop:hover {
    background-color: #000000;
}

.Table-Style {
    border-bottom-color: #000000;
}
/*BLUE*/
a:hover {
    color: #2a56a5;
}

.login-options a.active:link, .login-options a.active:visited, .login-options a:hover, nav.secondary ul li, nav.secondary ul li a, #login-Content h1, #login-links a, .panel_content h2, #footerLinks ul li a, #footerLinks ul li, .content h2, #mainimg h2, #slideshow-container-controls .toc-active a, .content h3, #mainimg h3 {
    color: #2a56a5;
}

#submit, #mainfeatures, .aim a span, form.contact .submit:hover, #toolbarxy, #slideshow-container-controls div a:hover, #slideshow-container-controls .toc-active a, .Button1, #content .Button1, .Table-Style th, .Table-Product th, .content th, .Table-Style th p, .Table-Product th p, .content th p {
    background-color: #2a56a5;
}

.content h2, .panel_content {
    border-bottom-color: #2a56a5;
}
/*RED*/
a, .login-options a, a#personalbanking, #greeting, .content ul.List-Checkmark li::before, .Table-Style caption, .content caption, .Table-Product th:first-child, .toolscontent a:hover {
    color: #6a6a6c;
}

.ca-menu li:hover, form.contact .submit, nav.primary, .Button2:hover, #content .Button2:hover, #gototop {
    background-color: #6a6a6c;
}
/**************************************************************************************************************************/
/**************************************************************************************************************************/

body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url('../images/bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

:focus {
    outline: none;
}

a {
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.25s ease, color 0.25s ease, font-weight 0.25s ease;
}

    a:hover {
        text-decoration: none;
    }

#page {
    width: 966px;
    margin: 0 auto;
    padding: 0px;
    border-radius: 0 0 50% 50% / 0 0 50px 50px;
    background-color: rgba(255,255,255,0.75);
    border: 2px solid;
    border-bottom: 20px solid;
    border-color: rgba(255,255,255,0.5);
    margin-bottom: 50px;
    border-top: none;
    box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.5);
}

header {
    position: relative;
    width: 862px;
    height: 164px;
    margin: 0 auto;
}

#logo {
    float: left;
    width: 182px;
    height: 127px;
    background-image: url('../images/Unity-National-Bank-logo.png');
    background-repeat: no-repeat;
    margin: 25px 0px 0px 0px;
}

nav.secondary {
    position: relative;
    height: 30px;
    width: 440px;
    top: 13px;
    z-index: 1000;
    float: right;
    overflow: hidden;
}

    nav.secondary ul {
        float: right;
        margin: 5px 0px 0px 0px;
        width: 100%;
        list-style-type: none;
        padding: 0px;
    }

        nav.secondary ul li {
            float: right;
            font-size: 12px;
            line-height: 14px;
            margin: 0px;
        }

            nav.secondary ul li a {
                padding: 4px 4px 4px 6px;
                font-weight: 400;
            }

#googleMaps, #calculators, #imageGallery {
    width: 0;
    overflow: hidden;
    height: 14px;
}

.content ul.calcLinks {
    padding-top: 20px;
}

#login-Container {
    position: relative;
    float: right;
    width: 393px;
    height: 107px;
    padding: 0px 0px 0px 0px;
    /*clear: right;*/
}

#login-Content {
    display: none;
    position: relative;
    width: 419px;
    height: 108px;
    padding: 10px 0px 0px 0px;
}

body.login #login-Content {
    display: block;
}

#headerpromo {
    position: relative;
    width: 419px;
    height: 108px;
    padding: 0px 0px 0px 0px;
}

body.login div.headerpromo {
    display: none;
}

.headerpromo p {
    margin: 0px;
    padding: 0px;
}

#login-Content h1 {
    float: left;
    display: block;
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: -0.055em;
}

#accessfieldxy {
    float: left;
    width: 188px;
    height: 27px;
    margin: 40px 0px 0px 0px;
    padding: 7px 0px 0px 13px;
}

.login-access.long {
    background: url(../images/bg_accessfield-long.jpg) no-repeat;
    padding-left: 10px;
    width: 180px;
}

.login-access {
    float: left;
    background: url('../images/bg_accessfield1.png') no-repeat;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    font-style: italic;
    border-width: 0px;
    margin: 0px;
    width: 107px;
    padding: 9px 0px 6px 24px;
    color: #333333;
}

#submit {
    width: 57px;
    height: 27px;
    margin: 0px;
    padding: 0px;
    background-image: url('../images/btn_login.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.btn_go {
    border-color: inherit;
    float: left;
    width: 57px;
    height: 27px;
    background-color: transparent;
    background-image: url('../images/btn_login.png');
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    background-position: 0px -27px;
    cursor: pointer;
    filter: alpha(opacity=001);
    opacity: .01;
}

#login-links {
    font-size: 12px;
    line-height: 15px;
    width: 387px;
    height: 50px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

    #login-links p {
        margin: 0px;
        padding: 7px 0px 7px 0px;
    }

    #login-links a {
        text-decoration: none;
        padding: 0px;
        margin: 0px;
    }

        #login-links a:hover {
            text-decoration: underline;
        }

    #login-links ul {
        margin: 8px 0px 0px -95px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
    }

        #login-links ul li {
            display: inline;
            /* float: left; */
            padding: 0px 5px 0px 5px;
            margin: 0px;
        }

.login-options {
    position: absolute;
    width: 195px;
    height: 40px;
    top: 7px;
    left: 205px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}

    .login-options a {
        text-decoration: none;
    }

    .login-options ul {
        list-style-type: none;
        margin: 7px 0px 0px 0px;
        padding: 0px;
    }

        .login-options ul li {
            display: block;
            margin: 0px;
            padding: 0px;
            float: left;
        }

            .login-options ul li a {
                display: block;
                margin: 0px;
                padding: 8px 14px 7px 15px;
                background-image: url('../images/ob_divider.png');
                background-repeat: no-repeat;
                background-position: left bottom;
                font-weight: 400;
            }

            .login-options ul li:first-child a {
                background: none;
            }

li.none a {
    background: none;
}

.login-options ul li a:focus {
    outline: none;
}

#bodycontent {
    position: relative;
    min-height: 300px;
}

/** Main Navigation Styles Start **/

nav.primary {
    position: relative;
    margin: 0 auto;
    width: 920px;
    height: 52px;
    /* top: 0px; */
    /* left: 26px; */
    padding: 0px;
    z-index: 1100;
    box-sizing: border-box;
    border: 1px solid #fff;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

    nav.primary ul.navlist {
        position: absolute;
        margin: 0px;
        padding: 0px;
        z-index: 950;
        list-style-type: none;
    }

        nav.primary ul.navlist > li {
            display: block;
            float: left;
            color: #FFFFFF;
            overflow: hidden;
            text-decoration: none;
            text-align: center;
            font-size: 14px;
            line-height: 16px;
            padding: 12px 0px 12px 0px;
        }

    nav.primary ul.nav {
        /* position: absolute; */
        margin: 0px;
        padding: 0px;
        z-index: 1000;
        list-style-type: none;
    }

    nav.primary table {
        width: 100%;
    }

    nav.primary ul.nav > li {
        float: left;
        color: #FFFFFF;
        overflow: hidden;
        text-decoration: none;
    }

    nav.primary ul.nav li a.category {
        position: relative;
        float: left;
        font-size: 18px;
        color: #FFFFFF;
        height: 52px;
        line-height: 52px;
        text-decoration: none;
        text-align: center;
        background-repeat: no-repeat;
    }

ul.nav li a {
    font-weight: 400;
}

body.business nav.primary ul.nav li.menubusiness > a {
    background-position: 0px 0px;
}

nav.primary ul.nav li.menubusiness > a {
    background-position: 0px 0px;
    width: 220px;
}

body.personal nav.primary ul.nav li.menupersonal > a {
    background-position: -219px 0px;
}

nav.primary ul.nav li.menupersonal > a {
    background-position: -219px 0px;
    width: 220px;
}

body.onlineservices nav.primary ul.nav li.menuonlineservices > a {
    background-position: -429px 0px;
}

nav.primary ul.nav li.menuonlineservices > a {
    background-position: -429px 0px;
    width: 250px;
}

body.about nav.primary ul.nav li.menuabout > a {
    background-position: -610px 0px;
}

nav.primary ul.nav li.menuabout > a {
    background-position: -610px 0px;
    width: 220px;
}

nav.primary ul.nav li:hover a {
    cursor: pointer;
    text-decoration: none;
    opacity: 1.0;
}

nav.primary ul li div.navpanel {
    position: absolute;
    overflow: hidden;
    top: 53px;
    margin: 0;
    padding: 0;
    opacity: 1;
    z-index: 1000;
    width: 650px;
}

div.panelarrow {
    display: block;
    width: 100%;
    height: 17px;
    background-image: url('../images/panel_arrow.png');
    background-repeat: no-repeat;
}

#businessarrow {
    background-position: 45px 0px;
}

#personalarrow {
    background-position: 210px 0px;
}

#onlineservicesarrow {
    background-position: 270px 0px;
}

#aboutarrow {
    background-position: 80px 0px;
}

nav.primary ul li div.businesspanel {
    left: 30px;
}

nav.primary ul li:hover div.businesspanel {
    left: 30px;
    height: 215px;
}

nav.primary ul li div.personalpanel {
    left: 79px;
}

nav.primary ul li:hover div.personalpanel {
    left: 79px;
    height: 215px;
}

nav.primary ul li div.onlineservicespanel {
    left: 210px;
}

nav.primary ul li:hover div.menuonlineservices {
    left: 210px;
    height: 215px;
}

nav.primary ul li div.aboutpanel {
    left: 500px;
}

nav.primary ul li:hover div.aboutpanel {
    left: 500px;
    height: 215px;
}

nav.primary ul li div.navpanel table {
    margin: -200px 0px 0px 0px;
}

nav.primary ul li:hover div.navpanel table {
    margin: 0px 0px 0px 0px;
}

.panel_content {
    padding: 0px 0px 0px 20px;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    background-image: url('../images/bg_panel.jpg');
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

    .panel_content h2 {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 0px 2px 0px;
        margin: 2px 0px 2px 0px;
    }

    .panel_content table tr > td {
        background-image: url('../images/divider_navpanel.png');
        background-repeat: no-repeat;
        background-position: left bottom;
        padding: 0px 0px 0px 20px;
    }

        .panel_content table tr > td:first-child {
            padding: 0px;
            background: none;
        }

    .panel_content ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
    }

        .panel_content ul li {
            font-size: 11px;
            line-height: 14px;
            margin: 3px 5px 0px 0px;
            padding: 3px 0px 3px 1px;
        }

            .panel_content ul li a {
                display: block;
                font-size: 14px;
                line-height: 16px;
                text-decoration: none;
                color: #4E4E4E;
            }

                .panel_content ul li a:hover {
                    font-weight: 700;
                }
/** Main Navigation Styles End **/

#contentContainer {
    width: 920px;
    min-height: 200px;
    margin: 10px auto 0px auto;
    padding: 0px;
    background-color: #ffffff;
    border-radius: 0 0 20px 20px;
}

#features {
    height: 100%;
}

#mainfeatures {
    border-radius: 0 0 20px 20px;
    height: 228px;
}

#quicklinks {
    float: left;
    width: 259px;
    height: 207px;
    padding: 27px 0px 0px 30px;
}

    #quicklinks h2 {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 22px;
        line-height: 24px;
        margin: 0px;
        padding: 0px;
        text-shadow: rgba(0,0,0,.5) 0 1px 1px;
        font-weight: 400;
        color: #FFFFFF;
    }

    #quicklinks ul {
        margin: 5px 16px 20px 20px;
        padding: 0px;
        color: #FFFFFF;
        list-style-type: none;
    }

        #quicklinks ul li {
            margin: 0px;
            padding: 5px 0px 5px 0px;
            font-size: 13px;
            line-height: 15px;
        }

    #quicklinks a {
        color: #FFFFFF;
    }

        #quicklinks a:hover {
            color: #000000;
        }

#promoL, #promoM, #promoR {
    position: relative;
    float: left;
    width: 33%;
    height: 100%;
    padding: 23px 22px 8px 22px;
    box-sizing: border-box;
}

    #promoL::after, #promoM::after {
        content: "";
        position: absolute;
        right: 1px;
        top: 0px;
        width: 1px;
        height: 100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+25,0.5+100 */
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
    }

    #promoL p, #promoR p, #promoM p {
        margin: 0px;
        padding: 0px;
    }

#subpage {
    min-height: 400px;
}

#subpagebottom {
    width: 925px;
    height: 29px;
}

body.lightbox #subpage {
    width: 800px;
    min-height: 200px;
    margin: 0;
    background-image: none;
    background-color: #ffffff;
}

#col_left {
    float: left;
    width: 236px;
    min-height: 300px;
}

#col_right {
    float: left;
    width: 603px;
    min-height: 300px;
    padding: 20px 40px;
    border-left: 1px solid rgba(0,0,0,0.1);
}

body.fullpage #col_left {
    display: none;
}

body.fullpage #col_right {
    width: 785px;
    padding: 30px 70px 20px 70px;
}

body.lightbox #col_right {
    width: 740px;
    padding: 30px;
    min-height: 200px;
    margin: 0;
}

#bbanking, #bonline, #pdeposit, #ponline, #about, #contact {
    display: none;
}

body.bbanking #bbanking, body.bonline #bonline, body.pdeposit #pdeposit, body.ponline #ponline, body.about #about, body.contact #contact {
    display: block;
}
/************Subnav *****************/
.subnav h1 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #7F7F7F;
    margin: 0px;
    padding: 25px 0px 0px 30px;
}

.ca-menu {
    padding: 0;
    margin: 20px 0 0 0;
    width: 242px;
}

    .ca-menu li {
        width: 235px;
        height: 50px;
        overflow: hidden;
        position: relative;
        display: block;
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        .ca-menu li:last-child {
            margin-bottom: 0px;
        }

        .ca-menu li a {
            text-align: left;
            width: 100%;
            height: 100%;
            display: block;
            color: #7F7F7F;
            position: relative;
            padding-top: 5px;
        }

.ca-icon {
    width: 20px;
    height: 16px;
    position: absolute;
    left: 17px;
    top: 17px;
    background-image: url(../images/icon_checkmark1.png);
    background-repeat: no-repeat;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-content {
    position: absolute;
    left: 40px;
}

.ca-main {
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-menu li:hover .ca-icon {
    width: 80px;
    height: 100px;
    left: -10px;
    top: -12px;
    background-image: url(../images/icon_arrow.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.ca-menu li:hover .ca-main {
    color: #ffffff;
    font-weight: 700;
}

.subpromo {
    width: 234px;
    margin: 30px 0px 0px 0px;
}

footer {
    position: relative;
    width: 920px;
    margin: 0 auto;
    padding: 20px 0px 52px 0px;
}

#fdicnotice {
    position: absolute;
    width: 192px;
    height: 44px;
    left: 500px;
    top: 15px;
}

#seal {
    position: absolute;
    left: 690px;
}
/*Bugs / Logos-----------------------------------------------------------------*/
#logos {
    /* position: absolute; */
    width: 122px;
    height: 43px;
    margin-top: 20px;
    padding-right: 5px;
    /* right: 0px; */
    /* bottom: 70px; */
    z-index: 50;
    float: right;
}

.icon-ehl:before, .icon-fdic:before {
    font-family: "fiserv";
    color: rgba(0,0,0,0.35);
    font-size: 34px;
    margin-right: 14px;
}

.icon-ehl:before {
    content: "\e600";
}

.icon-fdic:before {
    content: "\e601";
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'fiserv';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.logos #logos {
    display: block;
}
/*End Bugs---*/
#social {
    position: absolute;
    width: 50px;
    height: 35px;
    top: 19px;
    left: 35px;
    background-image: url('../images/social.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

body.nologos #logos {
    display: none;
}

body.nologos #logos {
    display: none;
}

#footerLinks {
    width: auto;
    height: 36px;
    padding: 20px 0px 0px 20px;
}

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

        #footerLinks ul li {
            display: inline;
            font-size: 11px;
            line-height: 17px;
            padding: 0px 3px 0px 5px;
        }

            #footerLinks ul li:first-child {
                background: none;
            }

            #footerLinks ul li a {
                font-size: 13px;
                line-height: 17px;
                font-family: "Open Sans", Arial, Helvetica, sans-serif;
                font-weight: 400;
            }

.content {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #737373;
}

    .content h1, .content h2, .content h3, .content h4, .content h5, .content p, .content ul, .content ol, .content blockquote, .content pre, .content dl, .content dt, .content dd {
        margin-top: 3px;
        padding-top: 3px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .content ul {
        margin: 0px 0px 20px 25px;
        padding: 5px 0px 5px 20px;
    }

    .content ol {
        margin: 0px 0px 0px 16px;
        padding: 0px
    }

        .content ol li {
            padding: 3px 0px 3px 0px;
        }

    .content ul li {
        padding: 3px 0px 3px 10px;
    }

    .content ul ul, .content ol ul {
        margin: 0px 0px 0px 25px;
        padding: 5px 0px 5px 0px;
        list-style-type: circle;
    }

        .content ul ul li, .content ol ul li {
            padding: 6px 0px 6px 0px;
            background: none;
        }

        .content ul ul li {
            list-style-type: square;
        }
    /*Checkmark list-------------------------------------------------------------*/
    .content ul.List-Checkmark {
        list-style: none;
        list-style-image: none;
    }

        .content ul.List-Checkmark li {
            position: relative;
        }

            .content ul.List-Checkmark li::before {
                font-family: 'FontAwesome';
                content: "\f00c";
                position: absolute;
                top: 14px;
                left: -20px;
            }

    .content h1 {
        font-size: 36px;
        line-height: 38px;
        margin: 0px;
        padding: 10px 0px 10px 0px;
        font-weight: 400;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }

    .content h2 {
        font-size: 24px;
        line-height: 26px;
        padding: 2px 0px 4px 0px;
        margin: 2px 0px 2px 0px;
        border-bottom: 1px solid;
        font-weight: 400;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }

    .content h3 {
        font-size: 15px;
        line-height: 18px;
        font-weight: 700;
        padding: 2px 0px 2px 0px;
        margin: 10px 0px 2px 0px;
    }

    .content h1 + h3 {
        padding: 0px;
        margin: 0px;
    }

    .content h4 {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }

    .content h5 {
        font-size: 12px;
        line-height: 14px;
        font-weight: 700;
    }

    .content h6 {
        font-size: 10px;
        line-height: 12px;
        color: #999999;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 0px 0px;
        font-weight: 400;
    }

    .content p {
        font-size: 13px;
        line-height: 18px;
        color: #595959;
        padding: 4px 0px 4px 0px;
        margin: 4px 0px 4px 0px;
    }

        .content p + h2 {
            padding: 0px;
            margin: 20px 0px 0px 0px;
        }

    .content sup, .content sub, .Table-Style sup, .Table-Style sub, styledtable2 sup, styledtable2 sub {
        line-height: 0px;
        vertical-align: baseline;
        position: relative;
        bottom: .33em;
    }

/*Buttons -----------------------------------------------------------------------*/
.Button1, #content .Button1, .Button2, #content .Button2 {
    display: inline-block;
    text-decoration: none;
    padding: 8px 12px 6px 12px;
    border: none;
    border-radius: 50% 50% 50% 50% / 5px 5px 5px 5px;
    border-bottom: 5px solid rgba(255,255,255,0.35);
    color: #ffffff;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    transition: background-color 0.25s ease;
    cursor: pointer;
}

    .Button1:hover, #content .Button1:hover, .Button2:hover, #content .Button2:hover {
        color: #ffffff;
    }

p.dropcap:first-letter {
    float: left;
    font-size: 52px;
    line-height: 40px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-style: italic;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    height: 52px;
    color: #000000;
    font-weight: 400;
}

p.dropcap {
    margin: 4px 0px 10px 0px;
}

p.small, .small {
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    color: #7F7F7F;
    padding: 2px 0px 2px 0px;
    margin: 2px 0px 2px 0px;
}

ol.small, ul.small {
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: #9E9E9E;
    padding: 2px 0px 2px 0px;
    margin: 2px 0px 2px 15px;
}

    ol.small li, ul.small li {
        padding: 2px 0px 2px 0px;
        margin: 2px 0px 2px 0px;
        line-height: 15px;
    }

fieldset {
    padding: 10px;
    border: 1px #000000 solid;
}

    fieldset legend {
        color: #000000;
        padding: 5px;
    }

.clearfloat {
    clear: both;
    height: 0px;
}

/*Table Styles---------------------------------------------------------------------------*/

.Table-Style, .Table-Product, .Table-Simple {
    margin: 5px 0px 20px 0px;
    border-bottom: 3px solid;
    color: #666666;
    font-size: 12px;
    line-height: 15px;
}

    .Table-Style td, .Table-Style td p, .Table-Product td, .Table-Product td p {
        transition: background-color 0.25s ease, color 0.25s ease;
    }

    .Table-Style caption, .content caption {
        padding: 10px 7px 10px 7px;
        font-size: 18px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        text-align: left;
        margin: 0;
        caption-side: top;
        font-weight: 400;
        background-color: #F2F2F2;
    }

    .Table-Style th, .Table-Product th, .content th {
        padding: 12px 5px 12px 5px;
        border-left: 1px solid rgba(255,255,255,0.35);
        border-right: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid #898989;
        color: #FFFFFF;
        text-align: center;
        font-size: 14px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }

        .Table-Style th p, .Table-Product th p, .content th p {
            color: #FFFFFF;
            text-align: center;
            font-size: 14px;
            font-family: "Open Sans", Arial, Helvetica, sans-serif;
        }

        .Table-Style th a, .content th a {
            color: #000000;
        }

            .Table-Style th a:hover, .content th a:hover {
                color: #FFFFFF;
            }

        .Table-Style th p {
            color: #FFFFFF;
            text-align: center;
            color: #FFFFFF;
            font-size: 14px;
            font-family: "Open Sans", Arial, Helvetica, sans-serif;
        }

        .Table-Style th:first-child {
            border-left: 1px solid #8A8A66;
        }

table.Table-Style tr.odd td:first-child {
}

table.Table-Style tr.even td:first-child {
}

.Table-Style th:last-child, .Table-Product th:last-child {
    border-right: 1px solid #8A8A66;
}

.Table-Style td, .Table-Product td, .Table-Simple td {
    border-collapse: collapse;
    padding: 12px 5px 12px 5px;
    border-right: 1px solid #D3D3D4;
    border-bottom: 1px solid #D3D3D4;
}

    .Table-Style td:first-child, .Table-Product td:first-child, .Table-Product th:first-child {
        border-left: 1px solid #D3D3D4;
        text-align: right;
        font-weight: 700;
        color: #5C5C5C;
        padding-left: 10px;
        padding-right: 10px;
    }

    .Table-Style td:last-child, .Table-Product td:last-child {
        border-right: none;
        border-right: 1px solid #D3D3D4;
    }

.Table-Style tr:hover td, .Table-Style tr:hover td p, .Table-Product tr:hover td, .Table-Product tr:hover td p {
    background-color: #F2F2F2;
}

.Table-Style tr:last-child td, .Table-Product tr:last-child td {
    border-bottom: 1px solid #D3D3D4;
}

.Table-Style p, .Table-Product p, .Table-Simple p {
    color: #666666;
    font-size: 12px;
    line-height: 15px;
    margin: 0px;
    padding: 0px;
}

.Table-Style ul, .Table-Product ul, .Table-Simple ul {
    margin: 0px;
    padding: 8px 0px 0px 0px;
    list-style-type: none;
}

    .Table-Style ul li, .Table-Product ul li, .Table-Simple ul li {
        text-align: left;
        padding: 3px 0px 3px 10px;
    }

.Table-Product th:first-child, .Table-Product th:first-child p {
    background: none;
}

.Table-Product th:first-child {
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #D3D3D4;
    border-right: none;
}

.Table-Product tr td:first-child, .Table-Product tr td:first-child p {
    background-color: #F2F2F2;
}

.Table-Simple {
    border-collapse: collapse;
}

    .Table-Simple td {
        border-bottom: 1px solid #D3D3D4;
        border-right: none;
    }

    .Table-Simple tr:first-child td {
        border-top: 1px solid #D3D3D4;
    }

    .Table-Style td *:first-child, .Table-Product td *:first-child, .Table-Simple td *:first-child {
        padding-top: 0px;
        margin-top: 0px;
    }

    .Table-Style td *:last-child, .Table-Product td *:last-child, .Table-Simple td *:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

.odd {
    background-color: #FAFAFA;
}

.even {
    background-color: #FFFFFF;
}

p.normal {
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

/** Table Styles End **/

body.nologos .logos {
    display: none;
}

.reflect {
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}
/** Toggle Tabs **/
ul.toggletabs {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

.content .toggletabs li {
    margin: 0px;
    padding: 0px 25px;
    float: left;
}

.content .toggletabscontainer p {
    font-size: 14px;
    line-height: 20px;
}

.toggletabs li a {
    background-color: transparent;
    padding: 20px;
    color: #666666;
    text-decoration: none;
    font-size: 25px;
    line-height: 30px;
    display: block;
    outline: none;
    text-align: center;
    opacity: .3;
}

    .toggletabs li a:hover {
        opacity: .6;
    }

    .toggletabs li a.active, .toggletabs li a.selected:hover {
        color: #333333;
        opacity: 1;
    }

    .toggletabs li a.selected {
        color: #333333;
        opacity: 1;
    }

.toggletabscontainer {
    margin: 0px;
    padding: 30px;
    background-color: transparent;
    overflow: auto;
}

.toggletabsdiv {
    display: none;
}

    .toggletabsdiv:first-child {
        display: block;
    }
/******************Contact Form************************/
form.contact {
    margin: 0;
    padding: 0px;
    width: 100%;
}

    form.contact input:not([type=submit]):not([type=reset]), form.secure input:not([type=submit]):not([type=reset]), form.contact textarea, form.secure textarea, form.contact select, form.secure select {
        padding: 10px;
        margin-bottom: 5px;
        border: 1px solid #eeeeee;
        color: #666666;
        font-style: italic;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 13px;
        background-color: #eeeeee;
        box-sizing: border-box;
    }

    form.contact input:not([type=submit]):not([type=reset]), form.contact textarea, form.contact select {
        width: 100%;
    }

    form.contact select, form.secure select {
        width: 98%;
    }

    form.contact .submit {
        border: none;
        text-decoration: none;
        display: inline-block;
        padding: 7px 12px;
        color: #ffffff;
        cursor: pointer;
    }
/** Captcha Styles ***/

.captchaField.default {
    overflow: auto;
    margin: 0 auto;
}

    .captchaField.default .captchaFieldNumbers {
        height: 44px;
        padding: 0px 20px;
        text-align: center;
        background-image: url(../images/captcha/securityBg.jpg);
    }

    .captchaField.default .captchaFieldBoxLeft {
        height: 73px;
        width: 39px;
        background-image: url(../images/captcha/capFrameLeft.png);
        float: left;
    }

    .captchaField.default .captchaFieldBoxMid {
        height: 73px;
        padding: 14px 0 0 0;
        float: left;
        position: relative;
    }

    .captchaField.default .captchaFieldBoxMidOverlay {
        width: 100%;
        height: 73px;
        padding: 14px 0 0 0;
        background-image: url(../images/captcha/capFrameMid.png);
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        left: 0;
    }

    .captchaField.default .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 44px;
        margin: 14px 0 0 0;
        background-image: url(../images/captcha/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
    }

    .captchaField.default .captchaFieldBoxRight {
        height: 68px;
        width: 78px;
        padding: 5px 0 0 9px;
        background-image: url(../images/captcha/capFrameRight.png);
        float: left;
    }

    .captchaField.default .captchaFieldRefresh {
        display: block;
        height: 29px;
        width: 34px;
        padding: 5px 0 0 9px;
        background-image: url(../images/captcha/capFrameBtn.png);
        background-position: 0 0;
        cursor: pointer;
        float: left;
    }

        .captchaField.default .captchaFieldRefresh:hover {
            background-position: -43px 0;
        }

input#captchaAnswer {
    margin-top: 5px;
}
/** Plain **/
.captchaField.plain {
    margin: -2px auto 2px auto;
    overflow: hidden;
    position: relative;
}

    .captchaField.plain::after {
        content: "Click to refresh";
        position: absolute;
        bottom: 0px;
        padding: 0.875em;
        opacity: 0.75;
        right: 0px;
        z-index: 1;
    }

    .captchaField.plain .captchaFieldBoxRight {
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
    }

    .captchaField.plain .captchaFieldNumbers {
        height: 44px;
        padding: 0px 20px;
        text-align: center;
        background-image: url(../images/captcha/securityBg.jpg);
        width: 100%;
        box-sizing: border-box;
    }

    .captchaField.plain .captchaFieldBoxLeft {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMid {
        height: 44px;
        position: relative;
    }

    .captchaField.plain .captchaFieldBoxMidOverlay {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 44px;
        margin: 0;
        background-image: url(../images/captcha/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
    }

    .captchaField.plain .captchaFieldRefresh {
        position: absolute;
        top: 3px;
        left: 0;
        display: block;
        height: 44px;
        width: 100%;
        padding: 0;
        background-image: url(../images/captcha/spacer.gif);
        background-position: 0 0;
        cursor: pointer;
    }

        .captchaField.plain .captchaFieldRefresh:hover {
            background-position: -43px 0;
        }
/*********************************************/
/*********************************************/
/*********************************************/
/**  Site Notice **/
#notice {
    font-size: 14px;
    color: #fff;
    background-color: #ff6600;
    overflow: hidden;
    height: auto;
    -webkit-transition: max-height .75s ease-in-out;
    -moz-transition: max-height .75s ease-in-out;
    -ms-transition: max-height .75s ease-in-out;
    -o-transition: max-height .75s ease-in-out;
    transition: max-height .75s ease-in-out;
    max-height: 0px;
}

    #notice.active {
        -webkit-transition: max-height .75s ease-in-out;
        -moz-transition: max-height .75s ease-in-out;
        -ms-transition: max-height .75s ease-in-out;
        -o-transition: max-height .75s ease-in-out;
        transition: max-height .75s ease-in-out;
        max-height: 300px;
    }

    #notice table {
        margin: 0 auto;
    }

        #notice table tr td {
            border: none;
        }

#noticeHtml table td {
    padding: 10px;
    text-align: center;
    /*box-shadow:inset 0px -1px 0px rgba(0,0,0,.25), inset 0px 1px 0px rgba(255,255,255,.5);*/
}

#noticeHtml p {
    padding: 5px 0;
    margin: 3px 0;
}

#noticeHtml {
    overflow: hidden;
    color: #fffff4;
}

#notice.active #noticeHtml {
    box-shadow: 0px 1px 10px rgba(0,0,0,.25);
}

#noticeHtml a {
    color: rgba(255,255,255,.5);
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: 700;
}

    #noticeHtml a:hover {
        color: rgba(255,255,255,.75);
    }

#noticeHtml td.rev {
    background-color: transparent;
}

#noticecloser, #noticeclosersession {
    display: block;
    float: right;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

    #noticecloser:before {
        content: "x";
        font-size: 24px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: 700;
    }

    #noticeclosersession:before {
        content: "_";
        font-size: 24px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: 700;
    }

/******************************/

.featureInactive {
    height: 0px;
    overflow: hidden;
}

.featureActive {
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 0px;
}



#logoUpload {
    padding: 5px 0px 5px 0px;
}

input[type=file] {
    display: none;
}

#browseText {
    text-decoration: none;
    background-color: #EEEEEE;
    border: 1px solid #E2E2E2;
    margin-right: 5px;
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 5px;
}

/** Background Selector Styles **/

#bgContainer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    z-index: 2500;
    background: #372F2D;
}

#bgselector {
    position: relative;
    height: 49px;
    width: 970px;
    margin: 0px auto;
    background-image: url('../images/btn_bgselector.png');
    background-repeat: no-repeat;
    background-position: right top;
}

    #bgselector.active {
        background-position: right bottom;
    }

#bgthumbnails {
    position: fixed;
    bottom: 49px;
    left: 0;
    z-index: 200;
    padding: 0;
    width: 100%;
    height: 0px;
    text-align: center;
    overflow: hidden;
    background-image: url('../images/bgthumbnails.png');
    background-repeat: repeat-x;
}

    #bgthumbnails a {
        position: relative;
        display: inline-block;
        _display: inline;
        overflow: hidden;
        max-width: 175px;
        height: 110px;
        background-color: #000;
        background-image: url('../images/loading.gif');
        background-position: center center;
        background-repeat: no-repeat;
        margin: 8px 5px 5px 5px;
        border: 2px #000 solid;
        -webkit-transition: border-color .5s ease-in-out;
        -moz-transition: border-color .5s ease-in-out;
        -ms-transition: border-color .5s ease-in-out;
        -o-transition: border-color .5s ease-in-out;
    }

        #bgthumbnails a:hover {
            border: 2px #2382E2 solid;
        }

    #bgthumbnails img {
        height: 131px;
    }

    #bgthumbnails p {
        margin: 0px;
        padding: 0px;
    }

.thumbnailContainer {
    position: relative;
    height: 131px;
}

/******************************/
/** Toolbar Styles **/

#toolbarxy {
    width: 100%;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);
}

.opentools #toolbarxy {
    max-height: 4000px !important;
    height: auto;
    -webkit-transition: max-height 3s ease;
    -moz-transition: max-height 3s ease;
    -ms-transition: max-height 3s ease;
    transition: max-height 3s ease;
}

#toolbarlinks {
    width: 962px;
    height: 30px;
    padding: 0px;
    margin: 0 auto;
    color: #e3e3e3;
    cursor: pointer;
}

    #toolbarlinks h2 {
        border-style: none;
        border-color: inherit;
        border-width: medium;
        display: block;
        font-size: 12px;
        line-height: 30px;
        height: 30px;
        font-weight: normal;
        color: #e3e3e3;
        margin: 0px 25px 0px 0px;
        padding: 0px 25px 0px 0px;
        cursor: pointer;
        float: right;
        position: relative;
    }

        #toolbarlinks h2:after {
            content: '\f013';
            position: absolute;
            font-family: 'FontAwesome';
            font-weight: normal;
            font-size: 18px;
            line-height: 30px;
            right: 5px;
            top: 0px;
            color: #ffffff;
        }

    #toolbarlinks ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        color: #ededed;
        float: right;
    }

        #toolbarlinks ul li {
            display: inline;
            font-size: 12px;
            line-height: 30px;
            padding: 0px 0px 0px 15px;
        }

            #toolbarlinks ul li:hover {
                color: #FFFFFF;
                text-decoration: underline;
                cursor: pointer;
            }

#tools {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    background-color: rgba(255,255,255,0.88);
    border-bottom: 1px solid rgba(255,255,255,0.75);
}

    #tools ul.toolsnav {
        position: relative;
        margin: 0 auto;
        height: 30px;
        list-style-type: none;
        width: 962px;
        padding: 0px;
    }

        #tools ul.toolsnav > li, .mobile #tools ul.toolsnav > li {
            float: left;
            width: 25%;
            overflow: hidden;
            text-decoration: none;
            position: relative;
            padding-top: 1%;
        }

        #tools ul.toolsnav li a.toolstitle {
            position: relative;
            color: #1d5063;
            height: 30px;
            padding: 0 25px;
            text-decoration: none;
            font-size: 18px;
            line-height: 30px;
        }

        #tools ul.toolsnav li a.toolitem1:before, #tools ul.toolsnav li a.toolitem2:before, #tools ul.toolsnav li a.toolitem3:before, #tools ul.toolsnav li a.toolitem4:before {
            position: absolute;
            font-family: 'FontAwesome';
            font-weight: normal;
            font-size: 18px;
            line-height: 30px;
            left: 0px;
            top: -2px;
            color: #6a6a6c;
        }
        /*http://fortawesome.github.io/Font-Awesome/cheatsheet/*/
        #tools ul.toolsnav li a.toolitem1:before {
            content: '\f19c';
        }

        #tools ul.toolsnav li a.toolitem2:before {
            content: '\f1e0';
        }

        #tools ul.toolsnav li a.toolitem3:before {
            content: '\f004';
        }

        #tools ul.toolsnav li a.toolitem4:before {
            content: '\f07a';
        }

.toolscontent {
    /*height: 115px;*/
    padding: 10px;
}

    .toolscontent a {
        text-decoration: none;
    }

    .toolscontent ul {
        list-style: square;
        margin: 0px;
        padding: 0px 0px 10px 10px;
    }

    .toolscontent .fa {
        font-size: 35px;
    }
/*Toolbar end---------------------------------*/
#promoLweather {
    display: none;
}

#promoLpromo {
    display: block;
}

#promoMstocks {
    display: none;
}

    #promoMstocks h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        max-height: 75px;
        overflow: hidden;
        padding-top: 12px;
        font-size: 24px;
        line-height: 26px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-weight: 400;
    }

#promoMpromo {
    display: block;
}

#weather {
    float: left;
    width: 255px;
    height: 203px;
    padding: 12px 22px 8px 38px;
}

#stock {
    float: left;
    width: 255px;
    height: 203px;
    padding: 23px 32px 8px 21px;
    display: none;
}

/*Search-----------------------------------------------------------*/
#searchContainer {
    width: 0px;
    overflow: hidden;
    padding-left: 20px;
}

#search {
    position: relative;
    width: 0px;
    margin-top: -6px;
    float: right;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    #search form {
        margin-left: 15px;
    }

.searchStyle {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    padding: 6px 10px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    color: #666666;
    padding-left: 30px;
    font-size: 11px;
}

#search::before {
    font-family: "FontAwesome", Arial, Helvetica, sans-serif;
    content: "\f002";
    display: block;
    position: absolute;
    color: #171B21;
    line-height: 29px;
    padding: 0px 25px;
    z-index: 100;
    left: 0px;
    top: -2px;
}

#cse-search-results {
    max-height: 1200px;
    overflow: hidden;
}
/* Personalization Styles */

#personalization {
    display: none;
    width: 400px;
}

#welcome {
    font-size: 20px;
    padding: 0px 0px 2px 0px;
}

#greeting {
    font-size: 16px;
}
/* Personalization styles ------------------------------------------*/
#personalizationPopupxy {
    position: fixed;
    width: 322px;
    z-index: 5000;
    top: -1000px;
    left: 50%;
    margin: 0px 0px 0px -161px;
    padding: 0px 1px 5px 1px;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
    color: #ffffff;
    background-color: #666666;
}

    #personalizationPopupxy.active {
        top: 150px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    #personalizationPopupxy a {
        color: #ffffff;
        text-decoration: none;
    }

        #personalizationPopupxy a:hover {
            color: #eeeeee;
            text-decoration: underline;
        }

.personalizationPopupTitle {
    font-size: 14px;
    text-align: center;
    margin-bottom: 14px;
    margin-top: 14px;
}

#personalizationPopup p {
    margin: 3px 10px 3px 10px;
    padding: 3px 0px 3px 0px;
}

#personalizationPopupx {
    position: absolute;
    width: 16px;
    z-index: 40;
    top: 0px;
    right: 0px;
    display: block;
    padding: 3px;
    font-weight: bold;
    margin-top: -2px;
    font-size: 14px;
}

    #personalizationPopupx a:hover {
        background-position: 0px -16px;
    }

#personalizationPopup {
    padding: 5px 30px 15px 30px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
    color: #000000;
}

    #personalizationPopup h1 {
        display: block;
        font-size: 20px;
        padding: 5px 0px 3px 0px;
        margin: 0px 0px 2px 0px !important;
        text-transform: uppercase;
        font-weight: normal;
        text-align: left;
    }

    #personalizationPopup p {
        font-size: 12px;
        line-height: 14px;
        padding: 3px 0px 3px 0px;
        margin: 2px 0px 7px 0px;
        text-align: left;
    }

    #personalizationPopup label {
        display: inline-block;
        margin: 0px 15px 0px 0px;
    }

    #personalizationPopup a {
        font-size: 12px;
        text-decoration: none;
        color: #666666;
    }

        #personalizationPopup a:hover {
            text-decoration: underline;
            color: #666666;
        }

#personalizationName {
    width: 250px;
}

#personalizationForm {
    margin: 0;
    padding: 0;
}

#personalizationPopupSubmitBtn {
    padding: 2px 10px 2px 10px;
}

.personalizationPopupClosePerm {
    display: block;
    margin-top: 8px;
}
/* ------------ End Personalization Styles ------------- */
/************Image Accordion ***********************/
.aim {
    position: relative;
    overflow: hidden;
    margin: 0;
    clear: both;
    padding: 0
}

    .aim a {
        background-position: center center;
        cursor: pointer;
        display: block;
        overflow: hidden;
        position: relative;
        float: left;
        text-decoration: none
    }

        .aim a:hover, .aim a:visited {
            text-decoration: none
        }

    .aim ul {
        list-style: none
    }

    .aim li {
        display: block;
        overflow: hidden;
        float: left;
    }

    .aim a span {
        color: #FFFFFF;
        bottom: 10px;
        left: 20px;
        width: 100%;
        display: block;
        padding: 5px 15px;
        position: absolute;
        font-size: 18px;
        font-weight: 700;
        border-radius: 5px;
    }

/************************Accordion***********************/
#accordion h3 {
    cursor: pointer;
    background-color: #eeeeee;
    padding: 10px 0 10px 20px;
}

#accordion {
    padding-bottom: 20px;
}

/********************Toggle******************************/
/* ----- content slider toggle like tabs ------ */

.contentslider.tabs h2.expand, .contentslider.tabs table.expandable {
    display: none;
}

    .contentslider.tabs table.expandable.expanded {
        display: block;
        background: #eeeeee;
        margin-top: 45px;
    }

        .contentslider.tabs table.expandable.expanded > tbody, .contentslider.tabs table.expandable.expanded > tbody > tr, .contentslider.tabs table.expandable.expanded > tbody > tr > td {
            display: block;
        }

    .contentslider.tabs table.expandable > tbody > tr > td {
        padding: 0 20px 20px 20px;
    }

.contentslider.tabs, .contentslider.tabs table {
    margin: 10px 0px 0 0;
    width: 100%;
}

.contentslider.tabs {
    margin: 0px 0 20px 0;
}

    .contentslider.tabs .expandable.expanded > table td {
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

.contentslider .expandable h2, .contentslider .expandable p:first-child {
    padding-top: 20px;
}
/* toc */
.contentslider.tabs ul.expandablesTOC {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

.contentslider.tabs .expandablesTOC li {
    margin: 0px;
    padding: 0;
    float: left;
}

.contentslider .expandablesTOC li:before {
    display: none;
}

.contentslider.tabs .expandablesTOC li a, .contentslider.tabs h2.expand {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 0px 10px;
    margin: 0 5px 0 0;
    line-height: 20px;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
}

#col_right.calculator .contentslider.tabs .expandablesTOC li a, #col_right.calculator .contentslider.tabs h2.expand {
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
}

.contentslider.tabs h2.expand {
    background-color: #a1a1a1;
    padding: 0;
}

    .contentslider.tabs .expandablesTOC li a:hover, .contentslider.tabs .expandablesTOC li a.active, .contentslider.tabs .expandablesTOC li a.selected:hover, .contentslider.tabs h2.expand:hover, .contentslider.tabs .expandable.expanded h2.expand {
        background-color: #eeeeee;
        text-decoration: none;
    }

    .contentslider.tabs h2.expand:hover {
        background-color: #333333;
        color: #fff;
    }

*/.contentslider.tabs .expandablesTOC li a.expandable.expanded {
    background-color: #FFFFEC;
    color: #666666;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}

.contentslider.tabs h2.expand {
    display: none;
}
/*Back to Top---------------------------------------------------------------------*/
#gototop {
    position: fixed;
    top: 80%;
    margin-top: 0;
    color: #FFF;
    z-index: 99;
    font-size: 16px;
    width: 43px;
    height: 43px;
    right: -43px;
    margin: 0px;
    border-radius: 3px 0 0 3px / 50% 0 0 50%;
}

    #gototop i {
        font-size: 30px;
        position: absolute;
        top: 7px;
        left: 9px;
    }

    #gototop.gototopactive {
        right: 0px;
    }

body.home #gototop {
    display: none;
}

a.anchor {
    position: relative;
    top: -170px;
    display: block;
    visibility: hidden;
    height: 0;
    float: left;
}
/*************Customizer Toggles****************************/
/********************Toggle******************************/
/* ----- content slider toggle like tabs ------ */

.slide-out-div .contentslider.tabs h2.expand, .slide-out-div .contentslider.tabs table.expandable {
    display: none;
    background-color: transparent;
}

    .slide-out-div .contentslider.tabs table.expandable.expanded {
        display: block;
        margin-top: 20px;
        height: 210px;
    }

        .slide-out-div .contentslider.tabs table.expandable.expanded > tbody, .slide-out-div .contentslider.tabs table.expandable.expanded > tbody > tr, .slide-out-div .contentslider.tabs table.expandable.expanded > tbody > tr > td {
            display: block;
        }

    .slide-out-div .contentslider.tabs table.expandable > tbody > tr > td {
        padding: 0;
    }

.slide-out-div .contentslider.tabs, .slide-out-div .contentslider.tabs table {
    margin: 0;
    width: 100%;
}

.slide-out-div .contentslider.tabs {
    margin: 0px;
}

.contentslider.tabs .expandable.expanded > table td {
    padding: 0;
}

.slide-out-div .contentslider .expandable h2, .slide-out-div .contentslider .expandable p:first-child {
    padding-top: 20px;
}
/* toc */
.slide-out-div .contentslider.tabs ul.expandablesTOC {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    width: 255px;
}

.slide-out-div .contentslider.tabs .expandablesTOC li {
    margin: 0px;
    padding: 0;
    float: left;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    width: 49%;
}

    .slide-out-div .contentslider.tabs .expandablesTOC li:first-child {
        border-left: none;
    }

.slide-out-div .contentslider .expandablesTOC li:before {
    display: none;
}

.slide-out-div .contentslider.tabs .expandablesTOC li a, .slide-out-div .contentslider.tabs h2.expand {
    font-size: 15px;
    text-align: center;
    padding: 0px 10px;
    margin: 0 5px 0 0;
    line-height: 20px;
    display: block;
    cursor: pointer;
    height: 25px;
    background-color: transparent;
    text-transform: none;
    opacity: 0.7;
}

.slide-out-div .contentslider.tabs h2.expand {
    padding: 0;
    background-color: transparent;
}

    .slide-out-div .contentslider.tabs .expandablesTOC li a:hover, .slide-out-div .contentslider.tabs .expandablesTOC li a.active, .slide-out-div .contentslider.tabs .expandablesTOC li a.selected:hover, .slide-out-div .contentslider.tabs h2.expand:hover, .slide-out-div .contentslider.tabs .expandable.expanded h2.expand {
        text-decoration: none;
        background-color: transparent;
        opacity: 1;
    }

    .slide-out-div .contentslider.tabs h2.expand:hover {
        color: #fff;
    }

*/.slide-out-div .contentslider.tabs .expandablesTOC li a.expandable.expanded {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}

.slide-out-div .contentslider.tabs h2.expand {
    display: none;
}
/**********************************************/
/************Image Gallery*************************/
#sampleGallery div {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #fff;
    width: 147px;
    vertical-align: bottom;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #sampleGallery div:hover {
        background-color: #eeeeee;
        border: 1px solid #CCCCCC;
    }

#sampleGallery p {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
}

#sampleGallery img {
    border: 1px solid #ccc;
    overflow: hidden;
    width: 145px;
    background-color: #fff;
}

#sampleGallery :focus {
    outline: none;
}
/********************************************/
/**Slideshow Styles Start**/
/**************************/
#mainimgxy {
    width: 920px;
    height: 285px;
    position: relative;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#mainimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    z-index: 100;
    margin-left: -50%;
}

    #mainimg h1, #mainimg h2, #mainimg h3, #mainimg h4, #mainimg h5, #mainimg h6, #mainimg p {
        text-align: left;
        border-collapse: collapse;
        border: none;
        margin: 0px;
        padding: 0px;
    }

    #mainimg h1 {
        font-size: 52px;
        line-height: 50px;
        font-weight: 400;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        text-shadow: 1px 1px 3px rgba(255,255,255,0.35);
        margin-bottom: 6px;
    }

    #mainimg h2 {
        font-size: 32px;
        line-height: 34px;
        font-weight: 400;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
    }

    #mainimg h3 {
        font-size: 24px;
        line-height: 26px;
        font-weight: 400;
        margin-bottom: 5px;
    }

    #mainimg h1 + h3 {
        padding: 0px;
        margin: 0px;
    }

    #mainimg h4 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #737373;
    }

    #mainimg h5 {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #737373;
    }

    #mainimg p {
        color: #333333;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    #mainimg a.Button1, #mainimg a.Button2 {
        display: inline-block;
        margin-top: 10px;
    }

    #mainimg h1 + p, #mainimg h2 + p, #mainimg h3 + p, #mainimg h4 + p, #mainimg h5 + p {
        margin-top: 10px;
    }

/**************************/
/*Caption Container*/
#caption-container {
    position: absolute;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    text-indent: 0;
    overflow: hidden;
    display: block;
    z-index: 500;
    padding: 20px 40px;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.95+0,0.9+33,0+66 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.9) 33%, rgba(255,255,255,0) 66%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.9) 33%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.9) 33%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
/*.csstransforms .captionInActive {
	right:-1000px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.csstransforms .captionActive {
	right: 0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}*/
.csstransforms .captionInActive {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.csstransforms .captionActive {
    opacity: 1;
    z-index: 100;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-backface-visibility: hidden;
}

#caption-container div.caption {
    position: absolute;
    top: 30px;
    margin: 0;
    padding: 0 30px 0 0;
    overflow: hidden;
    color: #437DCA;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 16px;
}
/**************************/
/*Slideshow Outside Container*/
div.slideshow-outside-container {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 100;
    margin-top: -52px;
}

#slideshow-container {
    text-indent: -5000px;
    height: 100%;
}

    #slideshow-container table {
        margin-left: -1000px;
        margin-top: 52px;
    }

    #slideshow-container img {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        display: none;
        border-width: 0px;
    }

.csstransforms #slideshow-container img {
    z-index: 1;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-backface-visibility: hidden;
}

    .csstransforms #slideshow-container img.active {
        z-index: 2;
        visibility: visible;
    }

#slideshow-container-controls {
    position: absolute;
    margin: 0;
    height: 23px;
    bottom: 10px;
    left: 40px;
    z-index: 750;
    overflow: visible;
}

    #slideshow-container-controls div {
        cursor: pointer;
        height: 15px;
        width: 15px;
        line-height: 15px;
        margin: 2px 2px;
        display: inline-block;
    }

        #slideshow-container-controls div img {
            cursor: pointer;
            height: 40px;
            border-collapse: collapse;
            border-width: 0px;
            float: left;
            margin: 0px 0px 0px -60px;
        }

        #slideshow-container-controls div a {
            display: block;
            height: 12px;
            width: 12px;
            line-height: 12px;
            overflow: hidden;
            text-decoration: none;
            background-color: rgba(0,0,0,0.35);
            color: rgba(0,0,0,0.25);
            text-align: center;
            border-radius: 500px;
            font-size: 12px;
            text-indent: -0px;
            text-indent: -500px;
        }

.csstransitions #slideshow-container-controls div a, .csstransitions #slideshow-container-controls div:after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#slideshow-container-controls div a:hover {
    color: #fff;
}

#slideshow-container-controls div a .numeric-index {
    display: block;
}

#slideshow-container-caption {
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 10;
    overflow: hidden;
}

    #slideshow-container-caption h3 {
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        padding: 10px 10px 3px 10px;
    }

    #slideshow-container-caption p {
        color: #eee;
        font-size: 11px;
        padding: 0 10px 10px 10px;
    }

#next, #previous {
    content: "»";
    display: block;
    position: absolute;
    width: 60px;
    height: 100%;
    line-height: 400px;
    top: 0px;
    right: 0px;
    z-index: 1100;
    cursor: pointer;
    color: #fff;
    opacity: .05;
    font-size: 100px;
    text-align: right;
    padding-left: 50px;
    padding-right: 50px;
}

#previous {
    left: 0px;
    text-align: left;
}

    #next:after, #previous:after {
        content: "»";
    }

    #previous:after {
        content: "«";
    }

.csstransitions #next, .csstransitions #previous {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#next:hover, #previous:hover {
    opacity: .75;
}

#next:hover {
    -webkit-transform: translate(3px,0);
    -moz-transform: translate(3px,0);
    -ms-transform: translate(3px,0);
    transform: translate(3px,0);
}

#previous:hover {
    -webkit-transform: translate(-3px,0);
    -moz-transform: translate(-3px,0);
    -ms-transform: translate(-3px,0);
    transform: translate(-3px,0);
}
/** Slide transitions **/
/** Add the '/' after the line with the title to enable the transition **

/** fade **/
.csstransforms #slideshow-container img {
    opacity: 0;
}

    .csstransforms #slideshow-container img.active {
        opacity: 1;
    }
/** Slow Pan and Fade **
.csstransforms #slideshow-container img{
	-webkit-transform:  translateX(-5%)  scale(1.1);
    -moz-transform:  translateX(-5%)  scale(1.1);
    -o-transform:  translateX(-5%)  scale(1.1);
    -ms-transform:  translateX(-5%)  scale(1.1);
    transform: translateX(-5%)  scale(1.1);
    transform-origin: 50% 100%;
    opacity:0;
}
.csstransforms #slideshow-container img.active, .csstransforms #slideshow-container img.previous{
    overflow:hidden;
    -webkit-transition: all 5.5s ease-in-out;
	-moz-transition: all 5.5s ease-in-out;
	-ms-transition: all 5.5s ease-in-out;
	-o-transition: all 5.5s ease-in-out;
	transition: all 5.5s ease-in-out;
}
.csstransforms #slideshow-container img.active{
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    opacity:1;
}
.csstransforms #slideshow-container img.previous{
    -webkit-transform: translateX(-5%) scale(1.1);
    -moz-transform: translateX(-5%) scale(1.1);
    -o-transform: translateX(-5%) scale(1.1);
    -ms-transform: translateX(-5%) scale(1.1);
    transform: translateX(-5%) scale(1.1);
}

/** Scale Snap In **
.csstransforms #slideshow-container img{
	-webkit-transform:  scale(1.5);
    -moz-transform:  scale(1.5);
    -o-transform:  scale(1.5);
    -ms-transform:  scale(1.5);
    transform: scale(1.5);
    opacity:0;
}
.csstransforms #slideshow-container img.active, .csstransforms #slideshow-container img.previous{
    overflow:hidden;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.csstransforms #slideshow-container img.active{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity:1;
}
.csstransforms #slideshow-container img.previous{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
/*Search Results-------------------------------------------------*/
#cse {
    background: none !important;
}

.gsc-control-cse {
    font-family: Arial, sans-serif;
    width: 100%;
}

.cse .gsc-control-cse, .gsc-control-cse {
    border: none !important;
    background: none !important;
}

.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse {
    margin-left: -17px;
}

.gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
}

.gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
}

.gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #F3F3F3;
}

.gsc-tabsArea {
    border-color: #E9E9E9;
}

.gs-image img {
    margin: 0;
}

.gsc-above-wrapper-area table {
    margin-top: 0;
}

.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
}

.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
    border: none !important;
    padding: 5px;
}

.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b {
    color: #666666;
}

.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b {
    color: #666666;
}

.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b {
    color: #776441 !important;
}

.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b {
    color: #666666;
}

.gsc-cursor-page {
    color: #152F3F;
}

a.gsc-trailing-more-results:link {
    color: #152F3F;
}

.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
    color: #666666;
}

.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
    color: #776441;
}

.gs-webResult div.gs-visibleUrl-short {
    color: #776441;
}

.gs-webResult div.gs-visibleUrl-short {
    display: none;
}

.gs-webResult div.gs-visibleUrl-long {
    display: block;
}

.gs-promotion div.gs-visibleUrl-short {
    display: none;
}

.gs-promotion div.gs-visibleUrl-long {
    display: block;
}

.gsc-cursor-box {
    border-color: #FFFFFF;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #F3F3F3;
    color: #000000;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #F3F3F3;
    color: #666666;
}

.gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #F3F3F3;
}

.gsc-completion-title {
    color: #000000;
}

.gsc-completion-snippet {
    color: #666666;
}

.gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link *,
.gs-promotion .gs-snippet a:link {
    color: #000000;
}

.gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited *,
.gs-promotion .gs-snippet a:visited {
    color: #000000;
}

.gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover *,
.gs-promotion .gs-snippet a:hover {
    color: #009360;
}

.gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active *,
.gs-promotion .gs-snippet a:active {
    color: #009360;
}

.gs-promotion .gs-snippet,
.gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right * {
    color: #000000;
}

.gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl-short {
    color: #008000;
}

a.gs-title:hover {
    color: #2c478e !important;
}