body { color: #0274a6; background-color:#50bddc; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin:0px; padding:0px; }


/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.text { font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.message { color: #f0f0f0; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ; background-color: red; }






h1 {
    color: #af5219;
    text-align: left;
    /*background-color: rgb(255, 243, 227);*/
    /*padding: 20px;*/
    font-weight: bold;
    text-transform: capitalize;
    padding: 0;
    font-size: 30px;
}
h2 {
    color: #006699;
    font-size: 24px;
    margin: 18px 0;
}


/*header*/
.headerwrapper
{
    width: 777px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -5px;
    border-right: 1px solid #fffd2c;
    border-left: 1px solid #fffd2c;
    border-top:1px solid #fffd2c;
}
.headerimage
{
    content:url('/images/header-2016.jpg');
    width: 100%;
}




/*nav*/
.navwrapper
{
    background-color:#006699;
    padding:20px;
    width:737px;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid #fffd2c;
    border-left: 1px solid #fffd2c;
}
.nav
{
    width:20%;
    float: left;
    text-align: center;
}


/*content*/
.contentwrapper
{
    width:777px;
    text-align:center;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid #fffd2c;
    border-left: 1px solid #fffd2c;
}
.content
{
    background-color:white;
    padding: 5px;
}

main {
    padding: 1em;
}

    main > section {
        border-top: 1px solid #006699;
        padding: 1em 0;
    }

section > section {
    padding-left: 1.2em;
    padding-bottom: 0.25em;
}

section {
    padding-bottom: 0.5em;
}

.rightcolumn
{
    float:left;
    width:58%;
    text-align: left;
    margin: 5px;
}
.leftcolumn
{
    float:left;
    width:40%;
}

.rateswrapper
{
    border: 1px solid rgb(80, 189, 220);
    width: 100%;
}
.ratestitlerow
{
    height: 52px;
}
.ratesrow
{
    border-bottom: 1px solid rgb(80, 189, 220);
}
.rateslastrow
{
    border-bottom: 0px;
}
.ratescell
{
    float: left;
    width: 20%;
    border-right: 1px solid rgb(80, 189, 220);    
    padding-top: 2px;
    padding-bottom: 2px;
    height: 100%;
}
.ratesempty
{
    height:57px;
}
.rateslastcell
{
    border-right: 0px;
}
.ratesship
{
    width:44%;
    text-align: left;
}
.ratesday
{
    width:15%;
}
.ratesgated
{
    width:20%;
}
.ratesindoor
{
    width:20%;
}

.cruisewrapper
{
    width: 100%;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
}
.cruise
{
    height: 79px;
    float: left;
    width: 100%;
}
.cruiselogo
{
    float: left;
    width: 40%;
}
.cruiseships
{
    float: left;
    width: 55%;
    text-align: left;
    top: 15%;
    position: relative;
}


/*footer*/
.footerwrapper
{
    width: 777px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(233, 220, 176);
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #fffd2c;
    border-left: 1px solid #fffd2c;
    border-bottom: 1px solid #fffd2c;
}
.footer
{
    margin: 5px;
}
.footertext
{

}
.footertextsmall
{
    font-size:0.8em;
}


/*faqs & reviews*/
.q {
    font-weight: bold;
}
.a {
    padding-left: 1.2em;
}
/*.centercolumn
{
    background-color:white;
}
.faqQuestions
{
    padding: 0px 20px 20px 20px;
    text-align: left;
}
.faqAnswers
{
    background-color:white;
    padding: 10px 20px;
    text-align: left;
    border-top:1px solid #006699;
}*/



/*reviews*/
/*.reviewtitle
{
    color:#af5219;
    text-align:center;
    background-color: rgb(255, 243, 227);
    padding: 20px;
}
.centercolumn
{
    background-color:white;
}
.reviews
{
    background-color:#ffffc7;
    padding: 20px;
}*/


/*map*/
.directionstitle
{
    color:#af5219;
    text-align:center;
    background-color: rgb(255, 243, 227);
    padding: 20px;
}
.directionsleft
{
    float: left;
    width: 47%;
    padding: 10px;
}
.directionsright
{
    float: left;
    width: 47%;
    padding: 10px;
}
.google-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
    width: 100%;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}




/* unvisited link */
a:link {
    color: #0274a6;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #0274a6;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #af5219;
    text-decoration: underline;
}

/* selected link */
a:active {
    color: #0274a6;
    text-decoration: none;
}



/*BOOTSTRAP ALERTS*/
.alert {
    /*width: 98%;
    max-width: 1100px;
    padding: 0.6% 1%;*/
    padding: 12px 18px;
    margin: 1em auto;
    border: 1px solid transparent;
}

    .alert .alert-link {
        font-weight: 500;
    }

    .alert.success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .alert.info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

    .alert.warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

    .alert.danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

    .alert.hybrid {
        color: #763c75;
        background-color: #E9D8F0;
        border-color: #d9c6e9;
    }

    .alert.neutral {
        color: var(--light-low-contrast);
        background-color: var(--light-background);
        border-color: var(--light-border);
    }

    .alert.success .alert-link {
        color: #2b542c;
    }

    .alert.info .alert-link {
        color: #245269;
    }

    .alert.warning .alert-link {
        color: #66512c;
    }

    .alert.danger .alert-link {
        color: #843534;
    }

    .alert.hybrid .alert-link {
        color: #542b53;
    }

    .alert.neutral .alert-link {
        color: var(--light-high-contrast);
    }

    .alert.inverse {
        background: none;
    }

.badge {
    font-weight: bold;
    padding: 0.1em 0.5em;
    margin: 0;
    border-radius: 4px;
}








/* ----------------------------------778px---------------------------------- */

@media only screen and (max-width: 778px)
{
    .headerimage
    {
        content:url('/images/mobile-header-2016.jpg');
    }
    .headerimage, .headerwrapper, .navwrapper, .contentwrapper, .footerwrapper, .rightcolumn, .leftcolumn
    {
        width:100%;
    }
    .contentwrapper
    {
        width: 99.37%;
    }
    .navwrapper
    {
        padding:0px;
    }
    .nav 
    {
        width: 23%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .cruisewrapper
    {
        width:300px;
    }
    .directionsleft
    {
        width: 100%;
        padding:0px;
    }
    .directionsright
    {
        width: 100%;
        padding-left:0px;
        padding-right:0px;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .google-maps
    {
        width:90%;
        margin-right: auto;
        margin-left: auto;
    }
    .ratestitlerow
    {
        height:68px;
    }
    .rightcolumn
    {
        margin:0px;
    }
    .ratesship
    {
        width: 42%;
    }
    .headerwrapper, .navwrapper, .footerwrapper, .contentwrapper
    {
        width:99.7%;
    }
}
/* ----------------------------------553px---------------------------------- */

@media only screen and (max-width: 553px)
{
    .nav 
    {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .rateslastrow
    {
        height:36px;
    }
    .ratesempty
    {
        height: 68px;
    }
    .headerwrapper, .navwrapper, .footerwrapper, .contentwrapper
    {
        width: 99.5%;
    }

    section > section {
        padding-left: 0;
    }
}