/* Embedded Font */

@font-face {
    font-family: 'Eds-Market-Narrow';
    src: url('../fonts/Eds-Market-Narrow.otf') format('opentype');
}

.edsMarket {
    font-family: 'Eds-Market-Narrow';
    color: #0d5d9a;
    font-weight: bold;
    font-size: 22px;
}


/* Header */

header {
    padding-bottom: 10px;
}

.flex-rectangle {
    width: 100%;
    height: 38px;
    background: #0d5d9a;
}

    .flex-rectangle:before {
        content: "";
        display: block;
        padding-top: 0;
    }

.wrapper {
    width: 320px;
    margin: 0 auto;
}

/* Main Content */

p {
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 18px;
    padding: 0 7px 0 7px;
}


li {
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 18px;
    padding: 0 7px 0 7px;
}

p a, a:visited, a:active {
    font-weight: bold;
    color: #0d5d9a;
    text-decoration: underline;
    font-size: 16px;
}

    p a:hover {
        color: #808080;
        font-weight: bold;
        text-decoration: underline;
        font-size: 16px;
    }

.boldBlue {
    color: #0d5d9a;
    font-weight: bold;
}

.boldBlueHeading {
    color: #0d5d9a;
    font-size: 26px;
    font-weight: bold;
}

.indentPara {
    padding-top: 20px;
    padding-left: 25px;
}

.indentPara2 {
    padding-top: 20px;
    padding-left: 80px;
}

a, a:visited, a:active {
    color: #0d5d9a;
    text-decoration: underline;
    font-size: 16px;
}

    a:hover {
        color: #808080;
        text-decoration: underline;
        font-size: 16px;
    }


#line {
    border-bottom: 1px solid #0d5d9a;
}

#contactInfo {
    padding-top: 10px;
}

    #contactInfo > p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
    }

    #contactInfo .large {
        font-size: 22px;
        font-weight: bold;
    }

#contactInfoBottom .large {
    font-size: 22px;
    font-weight: bold;
}

#contactInfoBottom > p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}


/* Step Box */

/* #sidebar {
    padding-left: -20px;
}

#box {
    padding-right: 20px;
}*/

.stepBoxTop {
    width: 320px;
    background-image: url(../images/stepBoxTop.gif);
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 23px;
}

    .stepBoxTop .stepNum {
        color: #FFFFFF;
        padding: 7px 10px 7px 20px;
        font-size: 16px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

.stepBoxContent {
    width: 320px;
    margin-top: -20px;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../images/stepBoxRepeater.gif);
    background-repeat: repeat-y;
}

    .stepBoxContent h1 {
        color: #666666;
        padding: 20px 10px 10px 10px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        font-style: italic;
    }

    .stepBoxContent p {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        padding: 0px 10px 0px 10px;
        text-align: center;
        font-size: 16px;
    }

    .stepBoxContent h3 {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        padding: 0px 10px 0px 10px;
        text-align: left;
        font-size: 18px;
    }

.stepBoxBottom {
    margin-top: -10px;
    width: 320px;
    height: 75px;
    background-image: url(../images/stepBoxBottom.gif);
    background-repeat: no-repeat;
}

.highlight {
    color: #3333CC;
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#serviceName {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    padding-left: 25px;
    text-indent: -10px;
}

.thankYou {
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 18px;
    text-align: center;
    padding: 0 7px 0 7px;
}

/* Buttons */

.simplebutton1 {
    color: #ffffff;
    background-color: #0d5d9a;
    height: 30px;
    width: 175px;
    padding: 2px 4px 4px 4px;
    border: none 0px transparent;
    font-size: 18px;
    font-weight: lighter;
    webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

    .simplebutton1:hover {
        color: #000000;
        background-color: #e2dfdf;
        border: solid 1px #000000;
        padding-top: 1px;
    }

    .simplebutton1:focus {
        color: #000000;
        background-color: #0d5d9a;
        border: solid 1px #000000;
        padding-top: 1px;
    }

.simplebutton2 {
    color: #ffffff;
    background-color: #0d5d9a;
    height: 30px;
    width: 90px;
    padding: 2px 4px 4px 4px;
    border: none 0px transparent;
    font-size: 18px;
    font-weight: lighter;
    webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

    .simplebutton2:hover {
        color: #000000;
        background-color: #e2dfdf;
        border: solid 1px #000000;
        padding-top: 1px;
    }

    .simplebutton2:focus {
        color: #000000;
        background-color: #0d5d9a;
        border: solid 1px #000000;
        padding-top: 1px;
    }


/* Small devices (tablets, 768px and up) */
@media (min-width: 320px) {
    div[class^="col"] {
        padding-left: 0px;
        padding-right: 0px;
    }
}