/* CSS Document */

/*-------------Font Import-----------------*/

@import url(http://fonts.googleapis.com/css?family=Actor);


/*-------------Global Tags-----------------*/

html, body {
height: 100%;
}

body {
    background: #eee;
    font-family: 'Actor';
    font-style: normal;
    font-weight: normal;
}
h1.feature {
    font-size: 31px;
    color: #fff;
    font-family: 'Actor', sans-serif;
    text-shadow: #406a20 0 2px 0;
    border-bottom: 2px dotted #94c370;
    padding: 0 0 20px 0;
}
h2 {
    font-family: 'Actor', sans-serif;
    color: #4a8543;
    font-size: 24px;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 24px;
}
h3 {
    font-family: 'Actor', sans-serif;
    color: #4a8543;
    font-size: 18px;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 24px;
}
h2 a {
    font-family: 'Actor', sans-serif;
    color: #4a8543 !important;
    font-size: 24px;
    text-decoration: none !important;
}
#footerWrap h2 {
    font-family: 'Actor', sans-serif;
    color: #fff;
    font-size: 24px;
    margin: 0;
    padding: 0 0 20px 0;
    text-shadow: #406a20 0 1px 0;
}
a {
    border: none;
    outline: none;
}
a:link, a:visited {
    color: #042768;
    text-decoration: underline;
}
img {
    border: none;
    outline: none;
}
p {
    padding: 0;
    margin: 0 0 20px 0;
    font-family: 'Actor', sans-serif;
    font-style: normal;
    line-height: 22px;
}
#zipInput {
    float: left;
    width: 68%;
}
input.zip {
    width: 100%;
    height: 18px;
    font-size: 20px;
    font-family: 'Actor', sans-serif;
    color: #444444;
    padding: 16px 15px 14px 15px;
    margin: 3px 0 0 0;
    background: #fff;
    border: none;
    outline: none;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 1px 2px 0px #444;
    -webkit-box-shadow:0px 1px 2px 0px #444;
    box-shadow:0px 1px 2px 0px #444;
}
input#msubmit {
    border: 0px;
    margin: 0;
    display: block;
    height: 48px;
    line-height: 45px;
    background: #ffbf14;
    text-decoration: none;
    text-align: center;
    float: left;
    text-shadow: #ffdb7b 0 1px 0;
    width: 100%;
    margin: 3px 0 0 0;
    padding: 0px !important;
    font-family: 'Actor', sans-serif;
    font-size: 19px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 1px 2px 0px #444;
    -webkit-box-shadow:0px 1px 2px 0px #444;
    box-shadow:0px 1px 2px 0px #444;
    }
#inputSmall, #inputLarge {
    margin: 0 0 10px 0;
}
input {
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: 'Actor', sans-serif;
    color: #444444;
    padding: 10px 15px 10px 15px;
    margin: 0 0 0 0;
    background: #fff;
    outline: none;
    line-height: 1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #9e9e9e;
}
input.checkbox {
    width: auto;
}
select {
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-family: 'Actor', sans-serif;
    color: #444444;
    padding: 8px 10px 7px 10px;
    margin: 0 0 0 0;
    background: #fff;
    outline: none;
    line-height: 1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #9e9e9e;
}
textarea {
    width: 100%;
    height: 75px;
    font-size: 15px;
    font-family: 'Actor', sans-serif;
    color: #444444;
    padding: 15px 15px 15px 15px;
    margin: 0 0 0 0;
    background: #fff;
    outline: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #9e9e9e;
    overflow: auto;
}
div.error {
    width: 100%;
    height: 15px;
    margin-top: -4px;
    background: #dc2e2f;
    padding: 18px 15px 15px 15px;
    font-size: 17px;
    text-shadow: #a61515 0 1px 0;
    color: #fff;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
@font-face {
    font-family: 'DroidSans';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.svg#DroidSans-webfont') format('svg'),
         url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoSlabRegular';
    src: url('fonts/RobotoSlab-Regular.eot');
    src: url('fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg'),
         url('fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Regular.woff') format('woff'),
         url('fonts/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoSlabBold';
    src: url('fonts/RobotoSlab-Bold.eot');
    src: url('fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg'),
         url('fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Bold.woff') format('woff'),
         url('fonts/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
    font-family: 'Actor';
    src: url('fonts/Actor-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@media screen and (min-width: 850px) {
    h1.feature {
        font-size: 41px;
        color: #fff;
        font-family: 'Actor' sans-serif;
        font-weight: bold;
        text-shadow: #406a20 0 2px 0;
        padding: 0;
        border: none;
        text-rendering: optimizelegibility;
    }
    h2 {
        font-family: 'Actor', sans-serif;
        color: #042768;
        font-size: 24px;
        margin: 0;
        padding: 0 0 30px 0;
    }
    h2 a {
        font-family: 'Actor', sans-serif;
        color: #042768 !important;
        font-size: 24px;
        text-decoration: none !important;
    }
    #footerWrap h2 {
        font-family: 'Actor', sans-serif;
        color: #fff;
        font-size: 24px;
        margin: 0;
        padding: 0 0 20px 0;
    }
    #zipInput {
        float: left;
        width: 272px;
        height: 50px;
        background: url(images/zip_input_bg.png) top left no-repeat;
        margin-top: 5px;
    }
    input.zip {
        width: 242px;
        height: 19px;
        font-size: 20px;
        font-family: 'Actor', sans-serif;
        color: #444444;
        padding: 13px 15px 14px 15px;
        background: none;
        border: none;
        outline: none;
        overflow: hidden;
        line-height: 1;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #inputSmall {
        float: left;
        width: 220px;
        height: 41px;
        background: url(images/input_small.png) top left no-repeat;
        margin: 5px 0 0 0;
    }
    input.small {
        width: 194px;
        height: 15px;
        font-size: 13px;
        color: #333;
        padding: 12px 13px 14px 13px;
        background: none;
        border: none;
        outline: none;
        overflow: hidden;
        line-height: 1.6;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #inputLarge {
        float: left;
        width: 461px;
        height: 41px;
        background: url(images/input_large.png) top left no-repeat;
        margin-top: 5px;
    }
    input.large {
        width: 435px;
        height: 15px;
        font-size: 13px;
        color: #333;
        padding: 12px 13px 14px 13px;
        background: none;
        outline: none;
        border: none;
        overflow: hidden;
        line-height: 1.6;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #inputHuge {
        float: left;
        width: 944px;
        height: 41px;
        background: url(images/input_huge.gif) top left no-repeat;
        margin-top: 5px;
    }
    input.huge {
        width: 918px;
        height: 15px;
        font-size: 13px;
        color: #333;
        padding: 12px 13px 14px 13px;
        background: none;
        outline: none;
        border: none;
        overflow: hidden;
        line-height: 1.6;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    select.small {
        width: 213px;
        height: 35px;
        font-size: 13px;
        color: #333;
        padding: 7px 8px 8px 6px;
        margin: 3px 0 0 3px;
        border: none;
        outline: none;
        overflow: hidden;
        line-height: 1.6;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    #textarea {
        width: 461px;
        height: 111px;
        background: url(images/textarea_bg.gif) top left no-repeat;
        margin: 5px 0 3px 0;
    }
    textarea {
        width: 460px;
        height: 109px;
        font-size: 13px;
        color: #333;
        padding: 13px 14px 14px 14px;
        border: none;
        outline: none;
        background: none;
        resize: none;
        font-family: 'Actor', sans-serif;
        overflow: auto;
    }
    #textareaHuge {
        width: 944px;
        height: 86px;
        background: url(images/textarea_huge.gif) top left no-repeat;
        margin: 5px 0 3px 0;
    }
    textarea.huge {
        width: 943px;
        height: 86px;
        font-size: 13px;
        color: #333;
        padding: 19px 14px 14px 14px;
        border: none;
        outline: none;
        background: none;
        resize: none;
        font-family: 'Actor', sans-serif;
        overflow: auto;
    }
    #application input {
        width: 198px;
        height: 22px;
        font-size: 13px;
        color: #444444;
        padding: 6px 10px 6px 10px;
        margin: 0;
        background: #fff;
        font-family: 'Actor', sans-serif;
        outline: none !important;
        line-height: 1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #d6d6d6;
    }
    #application input.large {
        width: 428px;
    }
    #application select {
        width: 220px;
        height: 36px;
        font-size: 13px;
        font-family: 'Actor', sans-serif;
        color: #444444;
        padding: 10px 7px 8px 7px;
        margin: 0;
        background: #fff;
        outline: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #d6d6d6;
    }
    #application select.large {
        width: 461px;
    }
    #application textarea {
        width: 220px;
        height: 103px;
        font-size: 13px;
        color: #444444;
        padding: 10px 10px 8px 10px;
        font-family: 'Actor', sans-serif;
        margin: 0;
        background: #fff;
        outline: none;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #d6d6d6;
        overflow: auto;
        line-height: 1.2;
    }
    #application textarea.large {
        width: 450px;
        height: 80px;
    }
}

/*-------------Layout Divs--------------*/

#topWrap{
    height: 64px;
    background: #001947;
    padding: 10px 15px 2px 15px;
}
#top {
    width: 100%;
}
#logo {
    width: 190px;
}
#mobileNavButton {
    width: 25px;
    float: right;
    padding: 4px 0 0 0;
}
#mnav {
    background: #04183C;
    padding: 15px 20px 9px 20px;
    border-top: 1px solid #0B285E;
}
#mnav a {
    text-decoration: none;
}
#clear {
    clear: both;
    height: 1px !important;
    font-size: 1px;
    line-height: 1px;
}
.menu {
    list-style:none;
    margin:0;
    padding:0;
}
.menu li{display:block;}
.menu li{margin-bottom:6px;}
.menu a {
    display: block;
    padding: 9px 5px 9px 5px;
    color: #FFFFFF;
    font-weight:100;
    font-size: 18px;
    border-bottom: 1px dashed #123A85;
    font-family: 'Actor', sans-serif;
    text-transform: uppercase;
}
.menu li.msubnav{margin: 0; padding: 0; margin-bottom: 5px;}
.menu a.msubnav{
    padding: 9px 0 9px 20px;
    color: #7cb375 !important;
    font-size: 18px;
}
#feature, #featureAlt {
    border-top: 1px solid #1d4a17;
    padding: 15px 15px 20px 15px;
    background: url(images/mobile_feature_bg.jpg) top center no-repeat;
}
#featureCenter, #featureCenterAlt {
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-family: 'Actor', sans-serif;
    text-shadow: #497223 0 2px 0;
}
#wrapper {
    font-size: 14px;
    color: #222;
    font-family: 'Actor', sans-serif;
    line-height: 18px;
    padding: 30px 15px 5px 15px;
}
#ctaButton a {
    display: block;
    height: 48px;
    background: #ffbf14;
    text-decoration: none;
    text-align: center;
    float: left;
    text-shadow: #ffdb7b 0 1px 0;
    width: 100%;
    padding: 15px 0 0 0 !important;
    font-family: 'Actor', sans-serif;
    font-size: 19px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 1px 2px 0px #444;
    -webkit-box-shadow:0px 1px 2px 0px #444;
    box-shadow:0px 1px 2px 0px #444;
    margin: 5px 0 5px 0;
}
.hideMobile {
    display: none;
}
.error {
    color: red;
}
#step {
    width: 100%;
    background: url(images/hr_bg.gif) bottom left repeat-x;
    padding-bottom: 26px;
    margin-bottom: 26px;
}
#error-note {
    display: none!important;
}
#checkboxStyles {
    float: left;
    width: 220px;
    margin: 5px 21px 0 0;
}
#formBox {
    margin: 0 0 25px 0;
}
p.form-text {
    padding: 24px 27px 18px 27px;
}
.mobileMargin {
    margin-top: 10px; 
}
.mobileHeight {
    height: 100px;
}
#error {
    padding: 30px 25px 0 25px;
    font-size: 14px;
    color: #a80000;
}

#nav {
    float: left;
    width: 530px;
    padding: 0 0 0 16px;
    background: url(images/top_bg.jpg) top left no-repeat;
    position: relative;
    z-index: 99999;
}

.flexnav > li {
    padding-left: 45px;
    width: auto !important;
}



/*-------------BOOK SESSION --------------*/
.mand {
    position: relative;
    top: -4px;
    color: rgb(247, 83, 83);
    font-size: 19px;
    left: 5px;
}

@media screen and (max-width: 850px) { 
    #nav {
        width: 530px;
        padding: 0 0 0 16px;
        background: url(images/top_bg.jpg) top left no-repeat;
        position: relative;
        z-index: 99999;
        margin-top: -69px;
        float: right;
    }
}



@media screen and (min-width: 850px) {
    
    /*NAV RULES*/
    #nav {
        float: left;
        width: 530px;
        padding: 0 0 0 16px;
        background: url(images/top_bg.jpg) top left no-repeat;
        position: relative;
        z-index: 99999;
    }
    .myMenu {
	margin: 0;
	padding: 0;
    }
    .myMenu li {
        list-style: none;
        float: left;
    }
    .myMenu li a:link, .myMenu li a:visited {
        display: block;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Actor', sans-serif;
        padding: 35px 23px 31px 23px;
        margin: 0;
        text-decoration: none;
    }
    .myMenu li a:hover {
        color: #ffba00;	
    }
    .myMenu li ul {
        position: absolute;
        visibility: hidden;
        margin: 0 0 0 -13px;
        z-index: 100;
        padding: 10px 0 30px 0;
        background: #2b6124 url(images/subnav_bg.jpg) top left no-repeat;
        -moz-border-radius: 0 0 9px 9px;
        -webkit-border-radius: 0 0 9px 9px;
        border-radius: 0 0 9px 9px;
    }
    .myMenu li ul li {
        display: inline;
        float: none;
    }
    .myMenu li ul li a:link, .myMenu li ul li a:visited {
        width: auto;
        padding: 28px 35px 0 35px;
        font-size: 15px;
    }
    .myMenu li ul li a:hover {
    }
    
    /*LAYOUT RULES*/
    #bodyWrap {
        width: 100%;
        position: relative;
        min-height: 100%;
    }
    #topWrap{
        width: 100%;
        background: #001947;
        height: 84px;
        padding: 0;
    }
    #top {
        width: 944px;
        position: relative;
        margin: 0 auto;
        height: 84px;
    }    
    #logo {
        float: left;
        width: 225px;
        padding: 14px 0 0 0;
    }
    #phone{
        float: left;
        width: 154px;
        padding: 35px 0 0 18px;
        background: url(images/phone_bg-blue.png) top left no-repeat;
        height: 49px;
        text-align: right;
    }
    #phone a {
        font-size: 18px;
        color: #f9b808;
        font-family: 'Actor', sans-serif;
        text-decoration: none;
    }
    #feature {
        width: 100%;
        height: 407px;
        background: url(images/feature_bg.jpg) 50% 0 no-repeat fixed;
        border: none;
        padding: 0;
        position: relative;
    }
    #featureCenter {
        width: 944px;
        margin: 0 auto;
        position: relative;
        padding: 75px 0 0 0;
        font-size: 20px;
        color: #fff;
        font-family: 'Actor', sans-serif;
        text-shadow: #497223 0 2px 0;
    }
    #featureAlt {
        width: 100%;
        height: 306px;
        border: none;
        padding: 0;
    }
    #featureCenterAlt {
        width: 944px;
        margin: 0 auto;
        position: relative;
        padding: 35px 0 0 0;
        font-size: 20px;
        color: #fff;
        font-family: 'Actor', sans-serif;
        text-shadow: #497223 0 2px 0;
    }
    #checklist {
        float: left;
        padding: 0 0 2px 35px;
        margin: 10px 0 0 15px;
        background: url(images/check.png) top left no-repeat;
        font-family: 'Actor', sans-serif;
        font-weight: normal;
        text-shadow: none;
    }
    #credibility {
        width: 100%;
        height: 99px;
        background: #f7f7f7 url(images/credibility_bg.gif) bottom left repeat-x;
    }
    #credibilityCenter {
        width: 944px;
        margin: 0 auto;
        position: relative;
    }
    #boxes {
    margin: 20px 0 25px 0;
    background: url(images/box_bg.gif) top center no-repeat;
    }
    #wrapper {
        width: 1024px;
        position: relative;
        margin: 0 auto;
        font-size: 14px;
        color: #4f4f4f;
        font-family: 'Actor', sans-serif;
        line-height: 18px;
        padding: 0 0 396px 0;
    }
    #content {
        margin: 60px 40px 40px 40px;
        text-align: justify;
    }
    #hr {
        width: 1024px;
        height: 7px;
        margin: 25px 0 25px 0;
        clear: both;
        background: url(images/hr.gif) top left no-repeat;
        border: none;
    }
    #itemBox {
        float: left;
        width: 466px;
        margin: 0 0 0 40px;
        height: 150px;
    }
    #itemBoxInner {
        float: left;
        width: 290px;
        padding: 15px 20px 0 0;
    }
    #footerWrap {
        width: 100%;
        background: #001947;
        height: 376px;
        font-size: 14px;
        font-family: 'Actor', sans-serif;
        line-height: 18px;
        position: absolute;
        bottom: 0;
    }
    #footerWrap a{
        color: #fff;
        text-decoration: none;
    }
    #footerWrap a:hover{
        text-decoration: underline;
    }
    #footerTop {
        height: 170px;
        width: 944px;
        position: relative;
        margin: 0 auto;
        padding: 45px 0 0 0;
    }
    #footerBottom {
        height: 98px;
        width: 944px;
        padding: 20px 0 0 0;
        position: relative;
        margin: 0 auto;
        color: #CABA04;
    }
    .hideMobile {
	display: block;
    }
    .hideDesktop {
        display: none;
    }
    div.error {
        width: 242px;
        height: 18px;
        background: url(images/error_bg.png) top left no-repeat;
        padding: 15px;
        font-size: 17px;
        text-shadow: #a61515 0 1px 0;
        color: #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .mcta {
        display: none;
    }
    #step {
        text-align: left;
        width: 984px;
        padding: 36px 0 30px 40px;
        background: none;
        margin: 0;
    }
    #formWrap {
        width: 1000px;
        margin: 0 12px 0 12px;
        padding: 5px 0 0 0;
    }
    #formWrapAlt {
        width: 1000px;
        margin: 40px 12px 0 12px;
        padding: 5px 0 0 0;
    }
    #formWrapTop {
        width: 1000px;
        background: url(images/form_wrap_top.gif) top left no-repeat;
    }
    #formWrapBottom {
        width: 1000px;
        height: 9px;
        background: url(images/form_wrap_bottom.gif) top left no-repeat;
    }
    #formBox {
        padding: 24px 27px 18px 27px;
        background: url(images/form_hr.gif) top left repeat-x;
        margin: 0 1px 0 1px;
    }
    .label {
    color: #363636;
    font-size: 20px;
    font-family: 'Actor';
    }
    #application .label {
    font-size: 13px;
    }
    .error {
        color: red;
    }
    #error-note {
        display: block;
    }
    #checkboxStyles {
        float: left;
        width: 220px;
        margin: 5px 21px 5px 0;
    }
    #error-note {
    display: inline !important;
    }
    .mobileMargin {
        margin: 0!important;
    }
    #application input.error, #application select.error, #application textarea.error {
        border: 1px solid #ED1C24 !important;
        background: #FFE6E7 !important;
    }
}

/* Begin Ezequiel's Edits */

@media screen and (max-width: 850px) {
    table {
        width: 100%;
    }

    #formBox td {
        display: block;
        width: 100%;
        padding: 0px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    table input[type=text], table select {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #mobileHeight {
        height: 123px;
    }
}


/* End Ezequiel's Edits */

/* REFER A FRIEND STYLES */

#referStep1, #referContent, #referStep2, #referContent2, #referStep2Center {
background: none;
padding: 0;
}

#referStep1 div {
float: none !important;
}

#referStep {
display: none !important;
}

#referContent, #referStep1, #referStep2, #referContent2, #referStep2Center {
width: 100% !important;
}

span.mobile {
margin:0 0 1em 0;line-height:20px;font-size:15px;font-family: 'Actor', sans-serif;text-align: left;color:#d2c6e5;
}

#referStep2Center {
margin:0 0 1em 0;line-height:20px;font-size:15px;font-family: 'Actor', sans-serif;text-align: left;color:#d2c6e5;
}

.unhide {
display: block;
}

#referNav, #referStep2Bottom {
display: none;
}

.referConfirm {
color: #fff;
}

.mobileHighlight {
color: #000;
background: #fabe3a;
padding: 10px;
}

@media screen and (min-width: 850px) {
    
    #referStep1 {
    width: 760px;
    height: 154px;
    background: url(images/refer_step_1_bg.gif) top left no-repeat;
    margin: 10px 0 20px 0;
    padding: 17px 30px 0 30px;
    }
    
    #referStep {
    width: 120px;
    float: right;
    text-align: right;
    color: #888;
    font-size: 14px;
    }
    
    #referContent {
    padding-top: 39px;
    text-align: left;
    }
    
    #referContent2 {
    text-align: left;
    }
    
    #referNav {
    float: left;
    height: 52px;
    width: 100%;
    margin: 0 1px 0 1px;
    display: inline;
    }
    
    #referLink1 a {
    float: left;
    background: url(images/refer_button_email.gif) top left no-repeat;
    display: block;
    width: 117px;
    height: 52px;
    }
    
    #referLink1 a:hover, #referLink1 a.active {
    background-position: right -52px;
    }
    
    #referLink2 a {
    float: left;
    background: url(images/refer_button_facebook.gif) top left no-repeat;
    display: block;
    width: 132px;
    height: 52px;
    }
    
    #referLink2 a:hover, #referLink2 a.active {
    background-position: right -52px;
    }
    
    #referLink3 a {
    float: left;
    background: url(images/refer_button_twitter.gif) top left no-repeat;
    display: block;
    width: 110px;
    height: 52px;
    }
    
    #referLink3 a:hover, #referLink3 a.active {
    background-position: right -52px;
    }
    
    #referLink4 a {
    float: left;
    background: url(images/refer_button_share_link.gif) top left no-repeat;
    display: block;
    width: 134px;
    height: 52px;
    }
    
    #referLink4 a:hover, #referLink4 a.active {
    background-position: right -52px;
    }
    
    .unhide {
    display: none;
    }
    
    .referConfirm {
    color: #bf236d;
    }
    
    #msubmit {
    display: none !important;
    }
    
    #results {
    width: 945px;
    height: 442px;
    margin: 0 40px 0 40px;
    }
}


/*-------------New Styles For Our Services--------------*/


.book-btn {
    background-color: #f9b808;
    color: #001947 !important;
    padding: 16px;
    border-radius: 7px;
    font-size: 17px;
    text-decoration: none !important;
}