﻿div
{
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 1rem;
box-sizing: border-box;
line-height:21px;
overflow-wrap: break-word;
color:#3872b9;
}

div.cruise-reset-btn
{
font-family: "Montserrat", Helvetica, Arial, sans-serif;
font-size: 1rem;
box-sizing: border-box;
line-height:21px;
overflow-wrap: break-word;
color:#FFFFFF;
}

h1 {font-size:1.5rem; text-align:center;}
h2 {font-size:1.4rem; text-align:center;}
h3 {font-size:1rem; color:#CD2F33; font-weight:bold; margin:0;display:inline;}
h4 {font-size:1rem; color:#3872b9; font-weight:normal; margin-top:0;display:inline;}
h5 {font-size:1rem; color:#CD2F33; font-weight:bold; margin:0;display:inline;}
h6 {font-size:1rem; color:#3872b9; font-weight:normal; margin-top:0;display:inline;}

p {margin:5px 0;}

input {}
#paytable tbody tr td {height:auto; padding:3px;} 
#customtable tbody tr td {height:auto; padding:3px;} 

.styleLeft  {color:#5491CD;  height:auto; padding:3px; width:400px; text-align:right; border-width:thin; border-style:solid; border-color:#FFCC66;}
.styleLeftSmall  {color:#5491CD; font-size:11px; height:auto; padding:3px; text-align:right;}
.styleRight {color:#5491CD;  height:auto; padding:3px; width:560px; text-align:left; border-width:thin; border-style:solid; border-color:#FFCC66;}
.styleHilight {color:#CD2F33;  background-color:#FFFF00;} 
.styleLeftBigRed  {color:#CD2F33;  height:auto; padding:5px; text-align:right;}
.styleLeftSmallRed  {color: #CD2F33; font-size: 13px; padding:5px; text-align:right; text-decoration:underline;}
.styleLeftAny  {color:#5491CD; font-size:11px; height:auto; padding:5px; width:376px; text-align:right;}
.styleRightAny {color:#5491CD;  height:auto; padding:2px; width:244px; text-align:left;}
.styleBigRed  {color:#CD2F33;  font-weight:bold; padding:5px; text-align:center;  border-style:solid; border-color:#FFCC66;}
.styleRed  {color:#CD2F33;  font-weight:bold; padding:5px; text-align:center;}
.styleCenter {color:#5491CD; font-size:11px; height:auto; padding:2px; width:auto; text-align:center; border-width:thin; border-style:solid; border-color:#FFCC66;}
.styleButton {color: #EF0400;  font-weight:bold; padding:4px;width:600px; font-size:1.2em;}
.styleTable {width: 960px; background-color: #FFFFFF; display:table;}
.styleRedMenuButtons { font-weight: bold; font-size: small; text-align: center; background-color:#EF0400;}
.styleBlackTopCells { font-weight: bold; color: #5491CD; font-size: small; text-align: center; background-color:#FFFFFF;}
.styleWSJ {font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color: #666666; font-size: 11px; text-align: center;}
.styleRadio {margin:2px 0 4px 4px;}
button.custom-header-toggle {height:48px; margin-bottom: 22px;}
	.CQdeals a {
	color:#3872b9;
}

	.destination-type-radio {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	box-sizing: border-box;
	line-height:21px;
	overflow-wrap: break-word;
	color:#FFFFFF;
	}


    .custom-header {
        width: 100%;
	max-width:1300px;
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
        background-color: #FFFFFF;
        box-sizing: border-box;
	text-align: center;
	min-height:70px;
    }

    .custom-header-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 8px;
        box-sizing: border-box;
    }

    .custom-header-toggle {
        display: none;
        margin-right: 16px;
        cursor: pointer;
        border: 0;
        background: transparent;
    }

    .custom-header-flex-spacer {
        flex-grow: 1;
    }

    .custom-header-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        list-style: none;
		text-align:center;
		font-weight:bold;
    }

    .custom-header-nav a {
        position: relative;
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #FFFFFF;
        letter-spacing: 1px;
        cursor: pointer;
	background: #CD2F33;
	margin:6px;
	min-width:198px;
    }

    .custom-header-nav a:focus,
    .custom-header-nav a:hover {
	background-color:#5491CD; /*MR */
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
    }

    .custom-header-nav img {
        padding:0 110px;
     }


	.custom-header-includes  {
	width:97%; max-width:1261px;
	}

    @media (max-width: 1300px) {
	.custom-header-container {
		max-width: 800px;
	}
    .custom-header-nav img {
        padding:0 15px;
    }

	.custom-header-includes img {
	width:95%; 
	}

	}


 @media (max-width: 824px) {
        .custom-header-toggle {
            display: inline-block;
        }

        .custom-header-brand {
            max-width: 260px;
        }

        .custom-header-navbar-collapse {
            position: fixed;
            top: 60px;
            left: -300px;
            display: block;
            width: 300px;
            height: 700px;
            margin: 0;
            background: #FCF0CA;
            z-index: 1001;
            transition: .3s;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
			border:thick #CD2F33 double;
		}

        .custom-header-navbar-expanded .custom-header-navbar-collapse {
            left: 0;
        }

        .custom-header-nav {
            display: block;
        }


	    .custom-header-nav img {
        	padding:0;
     }


        .custom-header-nav li {
            width: 260px;
            padding: 0;
			margin: 10px auto;
        }

        .custom-header-nav li img {
            width: 260px;
            padding: 0;
			margin: 10px auto;
        }

		li 	{
            width: 100%;
            padding: 0;
			margin: 0;
        }

    .custom-header-nav a:focus,
    .custom-header-nav a:hover {
		background: #3872b9;
    }
    }