.homebanner {
    background: url('../img/main-banner-bg960x357.jpg');
}
.bannercaption h1,
.bannercaption p {
    color: #ffffff;
}
.nav li:first-child {
    border-left: 1px solid #e1e1e2;
}
.nav li {
    border-right: 1px solid #e1e1e2;
}
.nav .btn, .nav .btn:hover {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 5px 11px !important;
    color: #fff !important;
    margin: 15px 15px;
    border: 1px solid #05481f;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

.navbar-default {
    background-image: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
    background-image: none;
    box-shadow: none;
}
.navbar-default .navbar-nav > .active > a {
    background-color: #ffffff;
}
a.contactemail span.glyphicon {
    font-size: 2em;
    vertical-align:middle;
    margin-right:10px;
}
a.contactemail {
    font-size: 1em;
}
.sitemap {
    font-size: 1em;
}
.footerlogo {
    margin-top: 22px;
}


#redemptionform input{
    text-align:center;
}

footer.section {
    margin-top:60px;
}

div.g-recaptcha {
    margin: 0 auto;
    width: 304px;
    margin-bottom: 20px;
}

.logorow {
    padding-bottom: 3px;
    border-bottom: 25px solid #b345a7;
}

.bannerlogo {
    margin-top:10px;
}

table.keytable {
    margin: 15px auto auto auto;
    color: white;
}

tr.key td {
    font-family: "Courier New", Courier, monospace;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
}


@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

    tr.key td {
        font-family: "Courier New", Courier, monospace;
        font-size: 90%;
        font-weight: bold;
        text-align: center;
    }

    #formandresult {
        padding-left: 0px;
        padding-right: 0px;
    }

}



tr.phonetics td {
    font-size: 0.7em;
    transform: rotate(90deg);
    transform-origin: 9px 12px;
    vertical-align: middle;
}

#keycard, #qrcard {

    margin: auto;

    margin-top:10px;
}

#keycard div.front, #keycard div.back, #qrcard div.front, #qrcard div.back {
    border-radius: 10px;
}

#keycard {
    height: 200px;
}

#qrcard {
    height: 350px;
}


div.front {
    border: 2px solid rgba(200,200,200,0.5);
    background: url('../img/main-banner-bg960x357.jpg');
    color: white;
}
div.back {
    border: 2px solid rgba(200,200,200,0.5);
    background-color: rgba(220,220,220,0.5);
    color: black;
}

div.back button, div.front button#keyhelpbtn, div.front button#qrhelpbtn {
   position:absolute;
   bottom: 20px;
   right: 20px;
}


div#live.container  {
   /*display:none;*/
}
div#maintenance.container {
    display:none;
}


/*# sourceMappingURL=site.css.map */