body {
    background: none repeat scroll 0 0 #3876af;
    font-family:'Open Sans', sans-serif;
}

#content #intro_popup {
   background: url("../images/yachting/as_text_2017.png") no-repeat scroll center center #FFFFFF;
}

.map-title {
    background: url("../images/yachting/as_locator.jpg") no-repeat scroll right 0 #FFF;
}

.map-intro, #accordion_container {
    background: none repeat scroll 0 0 #014a8e;
    padding-bottom: 0px;
}

.map-intro h1 {
   /* background: url("../images/yachting/program_finder_title.png") no-repeat scroll center 0 transparent;*/
    color: #FFF;
   /* font-size: 0;*/
    height: 48px;
}

.map-intro h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

.search-box-wrap input[type="text"] {
    font-size: 38px;
    font-family:'Franchise-Bold', sans-serif, arial;
    font-weight:400;
}

.search-box-wrap input[type="submit"] {
    background: none repeat scroll 0 0 #ed028b;
    border: 0px;
    float: right;
    font-size: 30px;
    font-family:'Franchise-Bold', sans-serif, arial;
    font-weight:400;
    text-shadow: none;
    text-transform: uppercase;
}

#advanced-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #013668;
    margin-top: 20px;
    padding: 20px;
}

#advanced-title {
    background: url("../images/yachting/advanced_search_title.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 31px;
    width: 100%;
}

.daytitle, .typetitle, .filtertitle {
    color: #67d3f7;
}

.day, #advanced_ShowTypes .type {
    text-transform: none;
}

#advanced_ShowTypes .type {
    display: none;
}

#advanced_ShowTypes #keyID-584543.type,
#advanced_ShowTypes #keyID-584544.type,
#advanced_ShowTypes #keyID-584545.type,
#advanced_ShowTypes #keyID-585347.type,
#advanced_ShowTypes #keyID-599330.type {
    display: block;
}

.ui-buttonset, #marker_list {
    background: none no-repeat scroll center 20px #3876af;
    height: 482px;
}

.ui-buttonset .ui-button, #marker_list .ui-button {
    background: none repeat scroll 0 0 #014a8e;
    font-family:'Open Sans', sans-serif;
}

span.letter {
    background: none repeat scroll 0 0 #ed028b;
}

#map_canvas {
    height: 960px;
}
#map_canvas #firstHeading {
    background: none repeat scroll 0 0 #014a8e;
}

#map_canvas #firstHeading .program-title {
    color: #FFFFFF;
}

#map_canvas #firstHeading .letter {
    color: #FFFFFF;
}

#map_canvas #firstHeading .program-size-wrap {
    color: #B3B4B8;
}

input[type="submit"], input[type="button"], .special-button a {
    background: none repeat scroll 0 0 #ed028b;
}

input[type="submit"]:hover, input[type="button"]:hover, .special-button a:hover {
    background: none repeat scroll 0 0 #ed028b;
}

#map_canvas input[type="submit"], input[type="button"], .special-button a {
    font-family:'Open Sans', sans-serif;
    font-weight: 700;
    text-shadow: none;
}

#dialogform .result_heading {
    background: none repeat scroll 0 0 #014a8e;
    color: #FFFFFF;
}

#dialogform tr:first-child {
    background: #014a8e;
    color: #fff;
}

.programs-wrap table td a, .programs-wrap table input[type="submit"] {
    background: none repeat scroll 0 0 #ed028b;
    border-radius: 2px;   color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    text-shadow: 0 0;
}

@font-face {
    font-family:'Franchise-Bold';
    src:url('//d1f1uv2yjzdc4k.cloudfront.net/fonts/franchise/franchise-bold-webfont.eot');
    src:url('//d1f1uv2yjzdc4k.cloudfront.net/fonts/franchise/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('//d1f1uv2yjzdc4k.cloudfront.net/fonts/franchise/franchise-bold-webfont.ttf') format('truetype'),
        url('//d1f1uv2yjzdc4k.cloudfront.net/fonts/franchise/franchise-bold-webfont.woff') format('woff'),
        url('//d1f1uv2yjzdc4k.cloudfront.net/fonts/franchise/franchise-bold-webfont.svg#Franchise-Bold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@media screen and (max-width: 1279px) {

    #content #intro_popup {
        background-position: center 10px;
        background-size: 90% auto;
    }

}
