/**    @import url("width1000.css"); **/
@import url(https://fonts.googleapis.com/css?family=Oswald);

@font-face {
    font-family: Tenor Sans Alt;
    src: url('../font/TENORSANS.ttf');
}

@font-face {
    font-family: 'Segoe Alt';
    src: url('../font/Segoe/segoeuil-webfont.eot');
    src: local('../font/Segoe/segoeuil-webfont Regular'),
    local('../font/Segoe/segoeuil-webfont'),
    url('../font/Segoe/segoeuil-webfont.ttf') format('truetype'),
    url('../font/Segoe/segoeuil-webfont.svg') format('svg');
}

@font-face {
    font-family: Raleway;
    src: url('../font/raleway/Raleway-Light.ttf');
}

@font-face {
    font-family: Raleway-SemiBold;
    src: url('../font/raleway/Raleway-SemiBold.ttf');
}

/****This is so that the footer can stay down***/
html, body {
    height: 100%;

}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -220px; /**pixels must match with HEIGHT of .footer**/
    z-index: -10;
}

.footer, .push {
    height: 220px;
    clear: both;
}

/****RESET CSS*****/

body {
    line-height: 1.2;
    font-family: Arial, Tenor Sans Alt, sans-serif;
}

/****END OF RESET CSS*****/

/** Start of Bootstrap overrides **/
.btn-danger {
    background-color: #ff3048;
}
/** End of Bootstrap overrides **/

/****HEADER*****/

a {
    text-decoration: none;
    color: #1C86EE;
}

a:link {
    color: #1C86EE;
}

/* unvisited link */
a:visited {
    color: #1C86EE;
}

/* visited link */
a:hover {
    text-decoration: underline;
    color: red;
}

/* mouse over link */
a:active {
    color: #1C86EE;
}

a.btn {
    color: white;
}

header {
    width: 100%;
    height: 100px;
    background-color: #c8dffd;
    -moz-box-shadow: 0px 4px 10px 0px #499DF5;
    -webkit-box-shadow: 0px 4px 10px 0px #499DF5;
    box-shadow: 0px 4px 10px 0px #499DF5;
    position: relative;
}

#header-top {
    width: 1000px;
    height: 52px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

#login {
    color: white;
    font-size: 12px;
    text-align: right;
}

#login a {
    /* NEW */
    color: white;
    text-decoration: underline;
}

#login a:hover {
    /* NEW */
    color: red;
    cursor: pointer;
}

#logo {
    float: left;
}

#phone {
    float: right;
    font-family: Segoe UI semilight, Segoe Alt;
    font-size: 38px;
    color: #1A1A58; /* was white */
    font-weight: bold; /* NEW */
    height: 30px;
    margin-top: -10px;
}

#discount_logo {
    position: absolute;
    margin: -21px 0 0 830px;
}

#discount_logo a {
    padding: 10px;
    font-family: verdana;
    font-size: 10px;
}

#navigation-section {
    width: 100%;
    height: 30px;
}

#nav-bar {
    width: 1000px;
    height: 30px;
    margin: 0 auto;
}

#nav-bar ul {
    -webkit-font-smoothing: antialiased;
    /*text-align:center; */
    padding: 0;
    font-size: 14px;
    z-index: 11;
}

#nav-bar ul li {
    float: left;
    display: inline;
}

#nav-bar ul li a:hover {
    color: white;
    background-color: #1C86EE;
}

#nav-bar ul li a {
    display: block;
    padding: 8px 10px;
    color: #1A1A58;
    text-decoration: none;
}

#nav-bar ul li ul {
    position: absolute;
    text-align: left;
    width: 169px;
    padding: 0;
    background: #FFF;
    font-size: 14px;
}

#nav-bar ul li ul li {
    width: 100%;
    border-radius: 0;
}

#nav-bar ul li ul li a {
    display: block;
    padding: 15px 10px;
    color: white;
    background-color: #1C86EE;
}

#nav-bar ul li ul li:hover a {
    background: #E6E6E6;
}

#nav-bar ul li ul li a:hover {
    color: #1874CD;
}

#nav-bar ul li ul.fallback {
    top: 93px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#nav-bar ul li:hover ul.fallback {
    top: 100px;
    opacity: 1;
    visibility: visible;
}

#nav-bar ul li ul.fallback li {
    height: 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#nav-bar ul li:hover ul.fallback li {
    height: 45px;
    visibility: visible;
}

#nav-bar .active {
    color: white;
    font-weight: bold;
}

#nav-bar .active {
    background-color: #1C86EE;
}

#nav-bar .non-active-toolbox {
    color: red;
    font-weight: bold;
}

#nav-bar #agent-toolbox-link {
    width: 200px;
    background-color: #1C86EE;
}

#nav-bar #agent-toolbox-link li {
    height: 25px;
    padding: 1px 0;
}

#nav-bar #agent-toolbox-link a {
    font-size: 12px;
    padding: 5px 10px;
    margin: 0;
    background-color: #1C86EE;
}

#nav-bar #agent-toolbox-link a:hover {
    background-color: #33A1DE;
    color: white;
}

/****END OF HEADER*****/

section {
    width: 100%;
    padding: 4px 0 2px 0;
    min-width: 1080px;
    background-color: #1C86EE;
}

article {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

/****** GALLERY  ***/
#gallery {
    padding: 25px 0;
    text-align: center;
    position: absolute;
    top: 0;
}

#gallery>div {
    display: inline-block;
    opacity: 0;
    width: 19%;
    vertical-align: top;
    transition: all 1s ease-out;
}

figure {
    margin: 0 10px 0 10px;
    background: white;
    border: 10px solid white;
    -webkit-box-shadow: 0 5px 10px #C0C0C0;
    -moz-box-shadow: 0 5px 10px #C0C0C0;
    box-shadow: 0px 1px 20px #C0C0C0;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    position: relative;
    z-index: 0;
}

.fig-right {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
}

.fig-left {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

figcaption {
    letter-spacing: .5px;
    text-align: center;
    display: block;
    font-family: Segoe Alt;
    font-size: 13px;
    color: #1C86EE;
}

figure img {
    border: 1px solid #E0E0E0;
    width: 100%; /* Scale down */
}

.fig-center:hover {
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #505050;
    cursor: pointer;
}

.fig-right:hover,
.fig-left:hover {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #505050;
    cursor: pointer;
}

.fig-center:focus {
    outline: none;
    -webkit-transform: rotate(0deg) scale(1.5);
    -moz-transform: rotate(0deg) scale(1.5);
    transform: rotate(0deg) scale(1.5);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #505050;
    z-index: 10;
}

.fig-right:focus {
    outline: none;
    -webkit-transform: rotate(0deg) scale(1.5);
    -moz-transform: rotate(0deg) scale(1.5);
    transform: rotate(0deg) scale(1.5);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #505050;
    z-index: 10;
}

.fig-left:focus {
    outline: none;
    -webkit-transform: rotate(0deg) scale(1.5);
    -moz-transform: rotate(0deg) scale(1.5);
    transform: rotate(0deg) scale(1.5);
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #505050;
    z-index: 10;
}

/******END OF GALLERY  ***/

/****MID SECTIONS ***/
#home-content #mid-section2{
    padding-top: 240px;
}

#mid-section1, #mid-section2 {
    background-color: white;
}

#midSurround {
    text-align: center;
    height: 420px;
    width: 100%;
    border: 2px solid #c8dffd;
    border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    background-color: white;
    background: -ms-linear-gradient(top, #D7E9F5 0%, #ffffff 60%); /* for IE9 and up*/
    background: -webkit-linear-gradient(top, #D5E4F3 0%, white 55%, white 130%); /* for webkit - Chrome, Safari */
    background: -moz-linear-gradient(top, #D5E4F3 0%, white 55%, white 130%); /* for Firefox */
    /*background: linear-gradient(left, #D7E9F5 10%, #ffffff 50%); for old IE */
    overflow: hidden;
    box-sizing: border-box;
}

#midSurround_img {
    margin: 195px 0 0 -1080px;
    border-radius: 0 0 0 15px;
}

#midSurround-heading {
    width: 680px;
    height: 100px;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
}

#midSurround-right {
    width: 30%;
    height: 100%;
    float: left;
    position: relative;
    background-image: url('../images/home/cruise-background_3_JH.jpg');
    background-size: 100% 100%;
    border-radius: 0 10px 10px 0;
}

#midSurround-left {
    width: 70%;
    height: 100%;
    float: left;
    position: relative;
}

#midSurround-left ul {
    font-family: Arial;
    font-size: 15px;
    text-align: left;
    width: 600px;
    padding: 5px 20px 20px 20px;
}

#midSurround-left ul li {
    padding-top: 8px;
    font-size: 20px;
}

#midSurround-left ul li a {
    font-weight: bold;
    padding-left: 5px;
    font-size: 16px;
}

#midSurround-left ul li span {
    padding-left: 15px;
    font-size: 12px;
    display: block;
}

#midSurround-left ul li a:hover {
    text-decoration: none;
    color: #1C86EE;
}

#midSurround-left p {
    margin-bottom: 0;
}

#mid-textbox {
    padding: 20px 0;
    font-family: arial;
    line-height: 1.4;
}

#mid-textbox > .left {
    display: inline-block;
    vertical-align: middle;
}

#mid-textbox > .right {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}

#oval {
    text-align: center;
    width: 280px;
    height: 110px;
    background: #1C86EE;
    -moz-border-radius: 150px / 65px;
    -webkit-border-radius: 150px / 65px;
    border-radius: 150px / 65px;
    border: 5px solid blue;
    box-shadow: 0px 5px 5px #888888;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

#oval h1 {
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin: 15px 20px;
    padding: 5px;
    color: white;
}

#oval_anchor:hover {
    text-decoration: none;
}

#oval:hover {
    color: white;
    background: #E00000;
    border: 5px solid white;
    box-shadow: 0px 0px 50px #0276FD;
    cursor: pointer;
}

#oval:active {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    border: 5px solid #0147FA;
    color: #0147FA;
    background: #E0E0E0;
}

#mid-lower {
    text-align: center;
    padding: 20px 0;
    line-height: 1.4;
}

/**** END OF MID SECTIONS ***/

/**** FORMS ***/
#get-started {
    text-align: left;
    margin: 20px;
    font-family: Segoe UI semilight, Segoe Alt;
    font-size: 22px;
}

#get-started p {
    margin: 10px 0;
}

#get_started_form label {
    margin: 0;
}

#get_started_form input:not(.btn) {
    height: 28px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

#get_started_form input[type=submit] {
    text-transform: uppercase;
    font-weight: 800;
    padding: 2px 15px;
}

#get_started_form .form-group {
    margin-bottom: 8px;
}

#get_started_form p {
    font-size: 18px;
    margin: 10px 0px;
}

form h1 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: bold;
}


.reservations_wrapper .card {
    border: 1px solid #0094ff;
}

.reservations_wrapper .card-header {
    padding: 5px 0 0;
    background: #0094ff;
}

.reservations_wrapper .card-body{
    padding:0;
    position: relative;
}

.reservations_wrapper {
    width: 100%;
    float: none;
}

.reservation_form {
    background-color: #F0F0F0;
    padding: 20px;
    font-size: 14px;
    display: none;
}

.reservation_form>.title{
    font-weight: bold;
    font-size: 18px;
}

.reservation_form label {
    display: block;
    width: 130px;
    float: left;
}

.reservation_form input,
.reservation_form select,
.reservation_form textarea {
    width: 240px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 2px solid;
    outline: none;
    border-color: #D8D8D8;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 2px;
}

.reservation_form input:focus,
.reservation_form select:focus,
.reservation_form textarea:focus {
    outline: none;
    border-color: #499DF5;
}

.reservation_form input[type=submit] {
    width: 100px;
    margin-top: 10px;
    background-color: #F00;
    border: none;
    padding: 3px 0px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    border-radius: 5px;
}

.reservation_form input[type=submit]:hover {
    background-color: #c80101;
}

.reservation_form .reservation_tables {
    width: 900px;
    margin: 0 auto;
    margin-top: 35px;
    border: none;
    outline: none;
}

.reservation_form .reservation_tables td {
    padding-left: 20px;
    width: 450px;
    display: block;
    float: left;
}

.reservation_form .radio_label {
    display: inline;
    margin: 2px;
}

.sent {
    padding: 10px;
    font-size: 20px;
}

.message-popup {
    font-size: 16px;
    padding: 20px;
    display: none;
    background-color: white;
    width: 370px;
    height: 250px;
    border-radius: 20px;
    border: 5px #1C86EE solid;
    -moz-box-shadow: 0px 0px 10px 7px #499DF5;
    -webkit-box-shadow: 0px 0px 10px 7px #499DF5;
    box-shadow: 0px 0px 20px 5px #499DF5;
}

#login-popup {
    padding: 20px;
    display: none;
    background-color: rgba(255, 255, 255, 0.9);
    width: 415px;
    border-radius: 20px;
    border: 3px #1C86EE solid;
    -moz-box-shadow: 0px 0px 40px 7px #499DF5;
    -webkit-box-shadow: 0px 0px 40px 7px #499DF5;
    box-shadow: 0px 0px 40px 5px #499DF5;
}

#login-popup label {
    margin-bottom: 10px;
}

#login-popup form input[type=password],
#login-popup form input[type=text] {
    width: 100%;
    height: 40px;
    padding: 5px 0 5px 70px;
    border: 1px solid #B8B8B8;
    margin-bottom: 10px;
    background-color: rgb(232, 240, 254) !important;
}

#login-popup i {
    left: 0px;
    top: 0px;
    position: absolute;
    margin: 10px;
    padding: 5px 20px 5px 10px;
    border-right: 1px dotted;
    line-height: 10px;
}

#login-popup form .field {
    position: relative;
    margin: 0;
}

#login-popup button[type=submit] {
    padding: 8px 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    margin: 15px auto;
}

#login-popup #login-box-links {
    margin-top: 10px;
    font-size: 13px;
}

::-webkit-input-placeholder {
    font-family: Segoe Alt;
    font-size: 12px;
}

::-moz-placeholder {
    font-family: Segoe Alt;
    font-size: 12px;
}

/* firefox 19+ */
:-ms-input-placeholder {
    font-family: Segoe Alt;
}

/* ie */
input:placeholder {
    font-family: Segoe Alt;
    font-size: 12px;
}

/***** END OF FORM ***/

/***** FOOTER ***/
#footer-section {
    -moz-box-shadow: 0px 0px 10px 4px #1C86EE;
    -webkit-box-shadow: 0px 0px 10px 4px #1C86EE;
    box-shadow: 0px 0px 10px 4px #1C86EE;
    float: left;
    background-color: #c8dffd;
    height: 230px;
    margin: 10px 0 0 0;
}

footer {
    text-align: center;
    width: 100%;
    font-size: 12px;
}

footer ul {
    margin: 0 auto;
}

footer ul li {
    display: inline;
    padding: 0 10px;
}

footer ul li a {
    color: #1A1A58;
    text-decoration: none;
    padding: 5px;
    font-size: 13px;
}

footer ul li a:hover {
    color: #003F87;
    text-decoration: none;
}

footer div {
    margin: 20px 0;
}

/****END OF FOOTER ***/
#idletimeout-spacer {
    height: 20px;
    text-align: center;
    padding: 10px;
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 100000;
    display: none;
}

#idletimeout {
    background: #C00000;
    border: 3px solid #FF0000;
    color: #fff;
    font-family: arial, sans-serif;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 100000;
    display: none;
}

#idletimeout a {
    color: #fff;
    font-weight: bold
}

#idletimeout span {
    font-weight: bold
}

/***---------------- End Of Home Page ---------------***/

/***---------------- Start Of Our Program Page ---------------***/
.blog {
    width: 1000px;
    border: 1px solid #D1D1D1;
    margin: 15px 0;
    min-height: 400px;
    font-size: 14px;
}

.blog-title {
    font-family: Arial;
    letter-spacing: .5px;
    /*width:980px;*/
    font-size: 22px;
    font-weight: bold;
    background-color: #CAE1FF;
    padding: 7px 10px 6px 10px;
    color: #003F87;
    border-bottom: 1px solid #D1D1D1;
}

.post {
    margin: 20px;
}

.post-image {
    float: left;
    width: 200px;
    padding: 20px 0 0 0;
}

#advertising_links_container {
    margin: 15px 10px;
}

#advertising_links_container ul {
    list-style-type: disc;
    list-style-position: inside;
}

#advertising_links_container ul li {
    margin: 5px;
}

.post-text p {
    font-size: 14px;
    padding: 10px;
    line-height: 25px;
}

.post-text h1 {
    font-size: 18px;
    padding: 10px;
    color: red;
    font-weight: 800;
}

#awards-blog .post {
    height: 80px;
}

#awards-blog .post-image {
    padding: 0;
}

.login_form {
    padding: 20px;
    background-color: white;
    width: 300px;
    height: 340px;
    float: left;
}

.login_form h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

#agent-nav {
    margin: 10px 0 0 10px;
    width: 200px;
    font-size: 12px;
    font-family: arial;
    padding: 10px 0;
    background-color: #1C86EE;
    border-radius: 10px;
    float: left;
}

#agent-nav ul {
    background-color: #33A1DE;
}

#agent-nav ul li {
    margin: 5px 0;
    width: 100%;
    background-color: lightblue;
}

#agent-nav ul li a {
    text-decoration: none;
    padding: 0 10px;
}

#agent-nav ul li a:hover {
    color: red;
}

#agent-nav ul li ul li a:hover {
    color: white;
}

#agent-nav ul li ul li {
    background-color: #499DF5;
}

#agents-content {
    min-height: 400px;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

#promotions {
    height: 250px;
    border-bottom: 1px solid gray;
    margin-bottom: 20px;
}

#promotion-logo {
    text-align: center;
    margin: 5px;
    height: 60px;
    width: 175px;
    float: left;
    padding: 5px 0;
}

#promotion-logo img {
    height: 40px;
}

#login-details {
    font-size: 18px;
    text-align: center;
}

#login-details h2 {
    font-size: 26px;
}

#dashboard-content-agent-dashboard .card {
    border-color: #0094ff;
    height: 130px;
}
#dashboard-content-agent-dashboard .card .card-header{
    background: #0094ff;
    color: white;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
}
#dashboard-content-agent-dashboard .card ul{
    font-family: calibri, arial, verdana;
}
#dashboard-content-agent-dashboard .card ul li {
    padding: 3px 0px;
}
#dashboard-content-agent-dashboard .card ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #003F87;
}

#dashboard-content-agent-dashboard .card ul li a:hover {
    color: red;
}

/* .box {
    border: 1px solid #0094ff;
    margin: 5px;
    float: left;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
}

.box h2 {
    background: #0094ff;
    color: white;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    margin:0;
} */

/* #agents-content > .agent-toolbox-tabs .box h2 {
    background: #0094ff;
    color: white;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
} */

/* .box ul {
    padding: 10px;
    font-size: 12px;
    font-family: calibri, arial, verdana;
}

.box ul li {
    padding: 3px 0px;
}

.box ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #003F87;
}

.box ul li a:hover {
    color: red;
} */

.toolbox-btn {
    font-size: 10px;
    float: right;
    border-radius: 10px;
    background-color: #1C86EE;
}

.toolbox-btn a {
    text-decoration: none;
    color: white;
    display: block;
    padding: 7px;
}

.toolbox-btn:hover {
    background-color: red;
}

.toolbox-btn:hover a{
    color: white;
}

.cruise_promotions_content {
    margin: 10px 0;
}

#booking_step5_carnival {
    margin-top: 0;
}

.cruise_promotions_content table td {
    font-family: Calibri, Arial, Verdana;
    font-size: 12px;
    line-height: 20px;
    padding: 5px;
    margin: 0;
}

.cruise_promotions_content > div > img {
    margin: 20px 0;
}

.cruise-promotion-title td {
    font-weight: bold;
    background-color: #A0A0A0;
    color: white;
    font-size: 15px;
}

.cruise-promotion-title .cruise-promotion-description {
    width: 700px;

}

.cruise-promotion-expiration {
    width: 100px;
}

.cruise-promotion-title td {
    font-weight: bold;
    background-color: #A0A0A0;
    color: white;
    font-size: 15px;
}

.reservations-content {
    margin: 0 auto;
    width: 100%;
    font-family: Segoe Alt;
}

.reservations-content h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.reservations-content img {
    border-radius: 20px;
    border: #C0C0C0 5px solid;
    margin: 20px 10px;
}

.reservations-content img:hover {
    opacity: 0.9;
    border: #00E5EE 5px solid;
}

.reservations-content .pic {
    width: 275px;
    float: left;
}

.reservation-pics {
    width: 550px;
    margin: 0 auto;
}

.pic .caption p {
    text-align: center;
    font-size: 25px;
    margin-top: -120px;
    visibility: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.caption p {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}

.pic:hover .caption p {
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    visibility: visible;
    opacity: 1;
}

.link {
    /*prevents highlighting reservation links as text*/
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#form-nav {
    padding: 5px 5px 3px;
    margin: 0;
    font-size: 12px;
    font-family: calibri, arial, verdana;
}

#form-nav li {
    padding: 5px 10px 4px 10px;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    background-color: #1C86EE;
    display: inline;
    color: white;
}

#form-nav li:hover {
    color: #1C86EE;
    background-color: white;
    cursor: pointer;
    border-bottom: 1px solid white;
}

#form-nav #activeCruiseFormLinks {
    background-color: #F0F0F0;
    color: red;
    border-bottom: 1px solid #F0F0F0;
}

#form-nav li.not-activeCruiseFormLinks {
    color: #A0A0A0;
    background-color: #D0D0D0;
    border: #A0A0A0;
    font-style: italic;
    cursor: default;
}

.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-current {
    display: none;
}

.missing-message,
.required, .notValidMessage {
    position: absolute;
    font-size: 10px;
    color: white;
    margin: 5px 5px;
    border: 2px solid;
    border-color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 0, 0, 0.8);
    border-radius: 50px 0 0 50px;
    padding: 1px 3px;
    -moz-box-shadow: 0px 0px 1px 1px #B0B0B0;
    -webkit-box-shadow: 0px 0px 5px 1px #B0B0B0;
    box-shadow: 0px 0px 10px 1px #B0B0B0;
}

.missing-message {
    margin-top: 15px;
}

.required:after {
    content: "Required";
}

.notValidMessage:hover,
.required:hover {
    color: white;
    text-decoration: none;
}

#guests table {
    width: 800px;
}

#guests td {
    padding-bottom: 30px;
    width: 350px;
}

#guests label {
    width: 300px;
}

.heading-message {
    font-size: 15px;
    margin-bottom: 30px;
}

.currentGuests {
    width: 350px;
    min-height: 260px;
    border-radius: 10px;
    border: 1px solid;
    padding: 10px;
    background-color: white;
    border: 2px solid;
    outline: none;
    border-color: #D8D8D8;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

.currentGuests h3 {
    text-decoration: underline;
    font-size: 17px;
    font-family: Segoe Alt;
    font-style: italic;
    padding: 20px;
}

.guestList {
    font-size: 14px;
    font-family: Times New Roman;
    margin: 15px 15px 15px 25px;
    color: #A8A8A8;
}

#preferences label {
    width: 170px;
}

/*** Radio Buttons for Cruise Reservation Form ***/
#pricing #airfare input[type='radio'],
#pricing #hotel input[type='radio'],
#extras input[type='radio'],
#insurance input[type='radio'],
#pricing input[type='radio'],
#land input[type='radio'],
#cruise input[type='radio'],
#preferences input[type='radio'],
form:not(.bootstrap_strict) input[type='radio'] {
    width: 10px;
    margin-bottom: 15px;
    outline: none;
    border: none;
    box-shadow: none;
}

#preferences select {
    margin-bottom: 10px;
}

#cruise label {
    width: 160px;
}

.radioBtn_messages {
    font-size: 10px;
}

.radioBtn_messages p {
    font-size: 11px;
    width: 300px;
    margin: 0 0 10px 10px;
    padding: 0;
    font-style: normal;
}

/*** End of Radio Buttons for Cruise Reservation Form ***/

/** STYLING FOR PRICING PAGE on CRUISE RESERVATION FORM **/
#transportation label,
#pricing label {
    width: 220px;
}

#pricing .activeFields {
    width: 150px;
    margin-bottom: 10px;
}

#transportation .PricingGuestsDiscounts,
#pricing .PricingGuestsDiscounts {
    height: 30px;
}

#transportation .PricingGuestsDiscounts label,
#transportation .amenities label,
#transportation #airfare label,
#transportation #hotel label,
#pricing .PricingGuestsDiscounts label,
#pricing .amenities label,
#pricing #airfare label,
#pricing #hotel label,
#pricing #cruise_hotels label {
    width: 160px;
}

#transportation #airfare input[type=text],
#transportation #hotel input[type=text],
#pricing #airfare input[type=text],
#pricing #hotel input[type=text] {
    /* width: 180px; */
}

#transportation #hotel select,
#transportation #airfare select,
#pricing #hotel select,
#pricing #airfare select {
    /* width: 188px; */
}

div.hr {
    background: #C0C0C0 no-repeat scroll center;
    margin: 15px 40px;
    width: 340px;
    height: 2px;
}

div.hr hr {
    display: none;
}

div.summaryHR hr {
    margin: 0;
    background: #C0C0C0 no-repeat scroll center;
    width: 340px;
    height: 2px;
}

.CruiseReservationTotals {
    top: 10px;
    left: 560px;
    position: absolute;
}

.CruiseReservationTotals .totalBox {
    -webkit-box-shadow: 0px 3px 16px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 3px 16px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 3px 16px rgba(50, 50, 50, 0.6);
    background-color: #202020;
    border-radius: 15px;
    border: 5px solid #7EB6FF;
    width: 150px;
    height: 60px;
    display: inline-block;
    overflow: auto;
    margin: 0 5px;
}

.CruiseReservationTotals .totalBox .title {
    color: white;
    font-size: 10px;
    margin: 0 auto;
    width: 100%;
    float: left;
    text-align: center;
    padding: 5px 0;
}

.CruiseReservationTotals .totalBox .amount {
    margin: 0 auto;
    width: 100%;
    float: left;
    text-align: center;
    color: limegreen !important;
    font-size: 20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.guestList_edit,
.guestList_remove {
    cursor: pointer;
}

.guestList_remove img {
    opacity: 0.4;
}

.guestList_edit img {
    opacity: 0.4;
    margin-top: -4px;
}

#dialogEdit {
    display: none;
}

#dialogUserCredentials input,
#dialogUserMailingAddress input,
#dialogUserInfo input,
#dialogEdit input {
    width: 140px;
    display: block;
    margin-bottom: 10px;
}

.ui-dialog {
    -webkit-box-shadow: 0px 7px 30px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 7px 30px rgba(50, 50, 50, 1);
    box-shadow: 0px 7px 30px rgba(50, 50, 50, 1);

}

.ui-dialog, .ui-dialog-buttonpane {
    background: #F0F0F0 !important
}

.PricingGuestsContent {
    width: 440px;
}

#insurance td {
    width: 600px;
}

#insurance label {
    width: 200px;
}

/** The following is used for the AutoCompplete Jquery plugin **/
.ui-corner-all {
    font-size: 12px;
}

.ui-autocomplete-loading {
    background: url('../images/indicator2.gif') no-repeat right center
}

.qtip-content {
    font-family: Segoe Alt;
    font-size: 12px;
}

#comments td {
    width: 850px;
}

#comments label {
    width: 840px;
}

#comments textarea {
    width: 850px;
    height: 400px;
}

#Pricing_breakline .hr {
    width: 780px;
}

.GuestCharges {
    height: 100px;
}

.PricingGuestsDiscounts_append,
.PricingGuestsCharges {
    width: 900px;
}

.PricingGuestsDiscounts_append fieldset {
    width: 200px;
    height: 70px;
    float: left;
}

.PricingGuestsCharges fieldset {
    width: 300px;
    height: 70px;
    float: left;
}

#CruiseReservation_Submit_Summary {
    border-radius: 10px;
    padding: 10px 40px 30px;
    width: 785px;
    min-height: 300px;
    background-color: white;
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}

.CruiseReservation_Submit_Summary_PageSection fieldset {
    width: 750px;
    margin: 12px auto;
}

.CruiseReservation_Submit_Summary_PageTitle {
    padding-top: 20px;
    text-decoration: underline;
}

.CruiseReservation_Submit_Summary_Label {
    float: left;
    width: 250px;
}

.CruiseReservation_Submit_Summary_Content {
    float: left;
}

.CruiseReservation_Submit_Summary_Title {
    font-size: 15px;
}

#CruiseReservation_Land_Package_Message,
#LandReservation_Land_Hotels_Message > fieldset {
    width: 800px;
    padding: 30px;
    border-radius: 15px;
    border: 5px solid #C0C0C0;
    background-color: #E8E8E8;
    margin: 5px 0;
}

#LandReservation_Land_Hotels_Message > fieldset > fieldset > h4 {
    font-size: 16px;
    float: left;
}

#LandReservation_Land_Rooms_Message fieldset {
    width: 219px;
    padding: 20px;
    border: 1px solid #C0C0C0;
    border-radius: 10px;
    margin: 0 5px 5px 0;
    float: left;
}

#LandReservation_Land_Rooms_Message fieldset h4 {
    font-size: 12px;
    margin-bottom: 5px;
}

#LandReservation_Land_Rooms_Message input {
    width: 100% !important;
}

#CruiseReservation_Cruise_References_Message fieldset,
#CruiseReservation_Extras_OtherCharges_Message fieldset {
    width: 190px;
    padding: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    float: left;
}

.reservations_wrapper form #CruiseReservation_Cruise_References_Message input {
    width: 160px;
}

#CruiseReservation_Cruise_References_Message label {
    width: 80px;
}

#AddAirfare,
#AddFreeAmenity,
#AddPaidAmenity,
.AddLink {
    margin: 10px;
}

#AddSubmission a,
#AddAirfare a,
#AddPaidAmenity a,
#AddFreeAmenity a,
.AddLink a {
    color: #1C86EE;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#AddSubmission a:hover,
#AddAirfare a:hover,
#AddPaidAmenity a:hover,
#AddFreeAmenity a:hover,
.AddLink a:hover {
    color: blue;
}

#AddSubmission img,
#AddAirfare img,
#AddPaidAmenity img,
#AddFreeAmenity img,
.AddLink img {
    margin-bottom: -5px;
}

#RemoveCommission a,
.RemoveLink a,
#RemoveAmenity a,
#RemoveCrossRef a {
    color: #1C86EE;
    text-decoration: underline;
    cursor: pointer;
}

#RemoveCommission a:hover,
.RemoveLink a:hover,
#RemoveAmenity a:hover,
#RemoveCrossRef a:hover {
    color: blue;
}

#RemoveCommission a,
.RemoveLink img,
#RemoveAmenity img,
#RemoveCrossRef img {
    margin-bottom: -10px;
}

.externalLink {
    text-decoration: underline;
    cursor: pointer;
    color: #1C86EE;
}

.externalLink:hover {
    cursor: pointer;
    color: blue;
}

#CruiseReservation_Pricing_Airfare_TotalAirfareCommission,
#CruiseReservation_Pricing_Airfare_TotalServiceFee,
#CruiseReservation_Pricing_Airfare_AllGuestCost {
    font-size: 15px;
    box-shadow: none;
    outline: none;
    font-style: italic;
    border-top: none;
    border-right: none;
    border-left: none;
    border-color: black;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: none;
    text-align: right;
    margin-top: 0;
}

label[for=CruiseReservation_Pricing_Airfare_TotalServiceFee],
label[for=CruiseReservation_Pricing_Airfare_AdditionalCommission]{
    padding-right: 5px !important;
    font-style: italic;
    text-align: right;
}

#CruiseReservation_Pricing_Airfare_Message fieldset,
#CruiseReservation_Pricing_FreeAmenities_Message fieldset,
#CruiseReservation_Pricing_PaidAmenities_Message fieldset {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid;
    border-color: #E0E0E0;
    width: 350px;
}

#vendor_commissions table {
    margin: 10px 0;
    border: 1px solid #707070;
    font-size: 12px;
    font-family: Arial;
}

#vendor_commissions table td {
    border: 1px solid #707070;
    padding: 8px;
    vertical-align: middle;
}

#vendor_commissions table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#vendor_commissions .table_title {
    color: white;
    font-size: 15px;
    font-weight: bold;
}

#staff .post {
    margin: 0 0 5px 0;
    border: 1px solid;
}

#staff {
    width: 950px;
}

ul.test_accordion {
    margin: 20px 0 0 0;
    list-style: none;
    font-family: Cambria, serif;
}

ul.test_accordion > li {
    width: 950px;
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    cursor: default;
    -moz-box-shadow: 1px 3px 15px #555;
    -webkit-box-shadow: 1px 3px 15px #555;
    box-shadow: 1px 3px 15px #555;
    cursor: pointer;
}

ul.test_accordion > li .test_heading {
    background-color: #fff;
    padding: 10px;
    opacity: 0.9;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 20px;
    color: #444;
    text-align: center;
    text-shadow: -1px -1px 1px #ccc;
}

ul.test_accordion > li .test_description {
    /* position: absolute; */
    width: 100%;
}

ul.test_accordion > li > .test_description > h2 {
    width: 100%;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    color: #444;
    text-align: center;
    margin: 15px 0px;
    text-shadow: -1px -1px 1px #ccc;
}

ul.test_accordion > li .test_description p {
    line-height: 18px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}

ul.test_accordion > li > .test_description li > a {
    text-transform: uppercase;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
    color: #888;
}

ul.test_accordion > li > .test_description li:hover a {
    cursor: pointer;
    color: #333;
    text-decoration: underline;
}

ul.test_accordion > li > .test_description li:hover img {
    border-color: #0198E1;
}

.test_accordion_staff_pics {
    margin: 0 auto;
    text-align: center;
    display: table;
}

.test_accordion_staff_pics li {
    float: left;
    margin: 0 12.7px 12px 012.7px;
}

.test_accordion_staff_pics > li > a > h2 img {
    width: 100px;
    height: 120px;
    border-radius: 100%;
    border: 5px solid #104E8B;
}

.test_accordion_staff_pics > li > a > p {
    text-align: center;
}

#downloads_content a {
    text-decoration: none;
    color: blue;
}

#downloads_content a:hover {
    text-decoration: underline;
    color: red;
}

#main_training_images {
    width: 795px;
    margin: 30px auto;
}

#main_training_images ul li {
    display: inline-block;
    padding: 0 3px;
    height: 155px;
}

#main_training_images > ul li a {
    display: inline-block;
    width: 255px;
    height: 155px;
}

#main_training_images > ul li a img {
    height: 155px;
    width: 250px;
}

.vendor_training_tabs {
    margin-top: 10px;
}

.vendor_training_tabs ul li {
    font-family: verdana;
    font-size: 12px;
}

.vendor_training_content_navlinks {
    width: 300px;
    display:inline-block;
    vertical-align: top;
}

.vendor_training_content_navlinks li {
    padding: 5px;
}

.vendor_training_content a:hover {
    text-decoration: underline;
    color: red;
}

#faq-links {
    height: 320px;
}

#faq-links li {
    margin: 5px 0;
}

#faq-links li a {
    margin-left: 10px;
    text-decoration: none;
}

#faq-links li a:hover {
    text-decoration: underline;
    color: red;
}

#faq-links li img {
    margin-bottom: -5px;
}

#team-blog div.hr,
#about-blog div.hr,
#marketing-blog div.hr,
#expert-training-blog div.hr,
#techology-blog div.hr,
#program-blog div.hr,
#testimonials-blog div.hr,
#awards-blog div.hr,
#faq-blog div.hr {
    width: 920px;
}

#marketing-blog .flyers {
    box-shadow: 5px 3px 10px black;
    position: absolute;
}

#awards-blog .post h1 {
    font-size: 16px;
    line-height: 25px;
    color: red;
}

#testimonials-blog > .post > .post-text {

    min-height: 180px;
}

#testimonials-blog > .post > .post-text p {
    letter-spacing: .50px;
    line-height: 35px;
    font-family: Georgia, Segoe Alt;
    font-style: italic;
    font-size: 16px;
    color: #707070;
}

.post-signature {
    letter-spacing: 3px;
    font-size: 11px;
    font-family: Georgia, Segoe Alt;
    color: #707070;
    text-transform: uppercase;
}

.learn-more {
    text-align: left;
    padding-left: 20px;
}

#CruiseReservation_Pricing_Hotel_Message p,
#CruiseReservation_Pricing_Airfare_Message p,
#LandReservation_Pricing_CarRental_Message p {
    font-size: 17px;
}

#CruiseReservation_Pricing_Airfare_Message fieldset label {
    padding: 0px;
}

#breadcrumbs-one {
    margin: 10px 0 25px 0;
    overflow: hidden;
}

#breadcrumbs-one li {
    float: left;
}

#breadcrumbs-one a {
    font-style: italic;
    font-size: 11px;
    padding: 5px 1px 5px 20px;
    float: left;
    text-decoration: none;
    color: #fff;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    background-color: #ddd;
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #87CEEB, #0BB5FF 90%);

    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(left, #87CEEB, #0BB5FF 90%);

    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #87CEEB, #0BB5FF 90%);
    /* IE */
    background: linear-gradient(to right, #87CEEB, #0BB5FF 100%);
}

#breadcrumbs-one li:first-child a {
    padding-left: 10px;
    border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover {
    background: #1C86EE;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 12px solid;
    right: -12px;
}

#breadcrumbs-one a::after {
    z-index: 2;
    border-left-color: #0BB5FF;
}

#breadcrumbs-one a::before {
    right: -13px;
    z-index: 1;
}

#breadcrumbs-one a:hover::after {
    border-left-color: #1C86EE;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover {
    background: #1C86EE;
}

#breadcrumbs-one .current::after {
    border-left-color: #1C86EE;
}

.gallery-folders {
    text-align: center;
}

.gallery-pic-wrapper {
    height: 240px;
    width: 30%;
    display: inline-block;
    padding: 0 30px;
    margin: 10px;
}

.gallery-pic img {
    width: 100%;
    height: 160px;
}

.gallery-pic {
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);

}

.gallery-pic-caption {
    margin-top: 20px;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
}

.stack {
    position: relative;
    z-index: 10;
}
span.galleryHdr {
	font-weight:bold;
	color:#1C86EE;
}

/* Image styles */
.stack img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: 10px solid #fff;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.stack:last-of-type {
    margin-right: 0;
}

/* Stacks creted by the use of generated content */
.stack:before, .stack:after {
    content: "";
    border-radius: 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 10px solid #fff;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

.stack:before {
    top: 4px;
    z-index: -10;
}

/* 1st element in stack (behind image) */
.stack:after {
    top: 8px;
    z-index: -20;
}

/* 2nd element in stack (behind image) */

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    transform: rotate(4deg);
}

.stack.twisted:after {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.commission-submission-form-heading-title {
    float: left;
    width: 25%;
}

.commission-submission-form-heading-title-caption {
    margin-top: -18px;
}

.commission-submission-form-heading-title-caption > h2 {
    font-weight: lighter;
    font-size: 12px;
}

.commission-submission-form-input-ClientName {
    width: 210px;
    margin: 0 35px 0 5px;
}

.commission-submission-form-input-DeptDate {
    width: 160px;
    margin-right: 0px;
}

.commission-submission-form-input-InvNum {
    width: 170px;
    margin: 0 70px 0 60px;
}

.commission-submission-form-input-CommReq {
    width: 100px;
}

.commission-submission-form-inputs {
    padding: 10px 0;
    background-color: #A4D3EE;
}

#commission-submission-form-totalbar {
    background-color: rgb(255, 70, 70);;
    padding: 10px;
    color: white;
    display: none;
}

/***FIRST STYLE THE BUTTON***/
.bigbutton {

    background: rgb(103, 178, 247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(103, 178, 247, 1) 7%, rgba(43, 148, 229, 1) 49%, rgba(56, 132, 255, 1) 82%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(103, 178, 247, 1)), color-stop(49%, rgba(43, 148, 229, 1)), color-stop(82%, rgba(56, 132, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(103, 178, 247, 1) 7%, rgba(43, 148, 229, 1) 49%, rgba(56, 132, 255, 1) 82%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(103, 178, 247, 1) 7%, rgba(43, 148, 229, 1) 49%, rgba(56, 132, 255, 1) 82%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(103, 178, 247, 1) 7%, rgba(43, 148, 229, 1) 49%, rgba(56, 132, 255, 1) 82%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(103, 178, 247, 1) 7%, rgba(43, 148, 229, 1) 49%, rgba(56, 132, 255, 1) 82%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67b2f7', endColorstr='#3884ff', GradientType=0); /* IE6-9 */
    margin-left: 230px;
    width: 400px;
    /*background: #0EBFE9; /*the colour of the button*/
    padding: 8px 14px 10px; /*apply some padding inside the button*/
    border: 1px solid #3e9cbf; /*required or the default border for the browser will appear*/
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/
    /*style the text*/
    font-size: 1.5em;
    font-family: Oswald, sans-serif, arial; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
    letter-spacing: .1em;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    color: #dfe7ea;

    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    -khtml-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    -o-box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.bigbutton:hover, .bigbutton:focus {
    color: #fff;
    /*reduce the size of the shadow to give a pushed effect*/
    text-shadow: 0 0px 10px rgba(0, 0, 0, 0), 0 0px 20px rgba(0, 0, 0, 0), 0 0px 30px rgba(0, 0, 0, 0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -5px 20px;
    -khtml-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -5px 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -5px 20px;
    -o-box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -5px 20px;
    box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -5px 20px;

}

#bookingStepsMenuWrapper {
    position: relative;
    float: left;
    width: 150px;
    margin-bottom: 20px;
}

#bookingStepsMenu {
    position: relative;
    width: 150px;
}

#bookingStepsMenu li {
    height: 40px;
    margin: 3px 0;
    font-family: "Oswald", sans-serif;
    -webkit-animation: menu 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: menu 2s;
    -moz-animation-fill-mode: forwards;
    -ms-animation: menu 2s;
    -ms-animation-fill-mode: forwards;
    animation: menu 2s; /* Safari and Chrome */
    animation-fill-mode: forwards;
    opacity: 0;
}

#bookingStepsMenu li:hover {
    cursor: pointer;
}

#bookingStepsMenu li a {
    text-decoration: none;
    color: white;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px;
}

#bookingStepsMenu li a h3 {
    padding: 5px 20px;
    display: inline;
    font-size: 18px;
    opacity: 0.8;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#bookingStepsMenu li a span {
    display: block;
    margin-left: -20px;
    width: 100%;
    height: 100%;
    position: relative;
    top: -31px;
    font-size: 15px;
    color: red;
    background-color: white;
}

#bookingStepsMenu li:nth-child(1) a h3 {
    background-color: rgba(255, 0, 0, 1);
}

#bookingStepsMenu li:nth-child(2) a h3 {
    background-color: rgba(255, 0, 30, 1);
}

#bookingStepsMenu li:nth-child(3) a h3 {
    background-color: rgba(255, 0, 60, 1);
}

#bookingStepsMenu li:nth-child(4) a h3 {
    background-color: rgba(255, 0, 90, 1);
}

#bookingStepsMenu li:nth-child(5) a h3 {
    background-color: rgba(255, 0, 120, 1);
}

#bookingStepsMenu li:nth-child(6) a h3 {
    background-color: rgba(255, 0, 150, 1);
}

#bookingStepsMenu li:nth-child(1) a h3:after {
    display: inline;
    content: ">";
    height: 50px;
    font-size: 30px;
    border-left: 1px solid white;
    margin-left: 20px;
    padding: 0 0 0 17px;
}

#bookingStepsMenu li:nth-child(2) a h3:after,
#bookingStepsMenu li:nth-child(3) a h3:after,
#bookingStepsMenu li:nth-child(4) a h3:after,
#bookingStepsMenu li:nth-child(5) a h3:after,
#bookingStepsMenu li:nth-child(6) a h3:after {
    display: inline;
    content: ">";
    height: 50px;
    font-size: 30px;
    border-left: 1px solid white;
    margin-left: 17px;
    padding: 0 0 0 17px;
}

#bookingStepsMenu li a h3:hover {
    opacity: 1.0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#bookingStepsMenu li:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#bookingStepsMenu li:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#bookingStepsMenu li:nth-child(3) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#bookingStepsMenu li:nth-child(4) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

#bookingStepsMenu li:nth-child(5) {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

#bookingStepsMenu li:nth-child(6) {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

@-webkit-keyframes menu {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes menu {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes menu {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes menu {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.bookingStepsContent {
    font-family: Century Gothic, sans-serif;
    width: 750px;
    float: left;
    padding: 10px;
}

.bookingStepsContentPage h1 {
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: red;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px;
    margin-bottom: 10px;
}

.bookingStepsContentPage h1 span {
    font-size: 17px;
    color: #0198E1;
}

.bookingStepsContentPage {
    display: none;
}

.orderedDeci {
    list-style-type: decimal;
    margin: 10px 0 10px 20px;
    font-weight: bold;
}

.unordered {
    list-style-type: disc;
    margin: 10px 0 10px 20px;
}

.orderedabc {
    list-style-type: lower-alpha;
    margin: 10px 0 10px 20px;
}

.orderedRoman {
    list-style-type: upper-roman;
    margin: 10px 0 10px 20px;
}

.orderedDeci > li > span,
.unordered > li > span,
.orderedabc > li > span,
.orderedRoman > li > span {
    font-weight: normal;
}

.orderedDeci > li,
.unordered > li,
.orderedabc > li,
.orderedRoman > li {
    margin-bottom: 10px;
}

.blueBold,
#bookingStep1 > span {
    font-style: italic;
    font-weight: bold;
    color: #007FFF;
}

.blueBold a {
    text-decoration: none;
    color: #0094ff;
}

.blueBold a:hover {
    color: red;
}

.submissionLine {
    font-size: 12px;
    padding: 10px;
}

.submissionLine a {
    text-decoration: none;
}

.submissionLine a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: red;
}

#done_message_tittle {
    font-size: 24px;
    padding: 10px;
}

#done_message {
    line-height: 30px;
    font-size: 18px;
    height: 300px;
}

#profile_pic > img {
    border: 2px solid #ccc;
    width: 130px;
}

#reservation-submissions-content {
    overflow: scroll;
}

.required_asterisk:after{
    color: red;
    content: "*";
}

#forgot_pw_form {
    text-align: center;
}

#forgot_pw_form h1 {
    font-size: 25px;
}

#forgot_pw_form h2 {
    font-size: 18px;
    padding: 20px;
}

#contact_us_background {
    position: relative;
    background-image: url('../images/contact/employees2.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
}

.contact_us_heading > h1 {
    color: black;
    font-size: 30px;
    font-weight: bold;
}

.contact_us_heading h2 {
    color: #003F87;
    font-size: 30px;
    font-weight: bold;
}

#contact_us_form {
    font-weight: bold;
    color: #104E8B;
    margin-top: 20px;
    border-radius: 40px;
    padding: 20px;
    width: 100%;
    background-color: rgba(0, 149, 255, 0.2);
}

#contact_us_form form {
    width: 815px;
    margin: 0 auto;
}

#contact_us_form_title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

#contact_us_form form fieldset {
    text-align: center;
    display: inline-block;
}

#contact_us_form form fieldset label {
    font-size: 18px;
}

#contact_us_form form fieldset input {
    width: 243px;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 20px;
}

#contact_us_form form #first-name-fieldset {
    width: 266.5px;
}

#contact_us_form form #last-name-fieldset {
    width: 266.5px;
}

#contact_us_form form #email-fieldset {
    width: 266.5px;
}

#contact_us_form form #message-fieldset {
    width: 800px;
}

#contact_us_form form textarea {
    width: 800px;
    height: 100px;
    border-radius: 15px;
    border: none;
    margin: 0 auto;
    padding: 10px;
    resize: none;
    font-family: inherit;
    letter-spacing: 0.8px;
}

#contact_us_form form button[type=submit] {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 60px;
    margin-top:20px;
}

#contact_us_bottom_container {
    width: 960px;
    height: 150px;
}

#contact_us_bottom_container_wrapper {
    margin: 0 auto;
    text-align: center;
}

.contact_us_bottom_box {
    border-radius: 10px;
    font-weight: bold;
    margin: 20px;
    width: 255px;
    height: 120px;
    display: inline-block;
    padding: 10px;
    background-color: rgba(0, 149, 255, 0.3);
    text-align: center;
    vertical-align: top;
}

.contact_us_bottom_box_content {
    font-size: 15px;
    color: #104E8B;

}

.contact_us_bottom_box_content a#email {
    font-size: 10px;
}

.site_map_set {
    line-height: 22px;
    margin: 20px;
    float: left;
    height: 150px;
    width: 200px;
}

.site_map_set h2 {
    font-size: 15px;
    color: #484848;
}

.site_map_set ul {
    font-size: 12px;
}

.back-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
}

.back-top a {
    width: 80px;
    display: block;
    text-align: center;
    font: 10px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.back-top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
.back-top span {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(../images/faqs/up-arrow.png) no-repeat center center;
    background-size: 30px 30px;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.back-top a:hover span {
    background-color: #777;
}

#add-remove-icons {
    margin-top: 5px;
}

#discount-message {
    background: #FFFF66;
    border: 7px solid #FF6600;
    border-radius: 15px;
    -webkit-box-shadow: 0px 3px 16px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 3px 16px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 3px 16px rgba(50, 50, 50, 0.6);
    width: 200px;
    display: block;
    padding: 20px;
    float: left;
    color: #CC0000;
}

.radio_label {
    padding: 0 !important;
    width: 0 !important;
    float: none !important;
}

.radio_label:hover {
    cursor: pointer;
}

.total_costs {
    width: 150px;
}

.total_costs label {
    font-size: 12px;
    font-weight: bold;
}

input[type='radio']:hover {
    cursor: pointer;
}

#edit-registered-agents fieldset,
#create_new_agent_dialog fieldset {
    padding: 8px;
    font-size: 16px;
}

#edit-registered-agents fieldset textarea,
#create_new_agent_dialog fieldset textarea,
#edit-registered-agents fieldset input,
#create_new_agent_dialog fieldset input {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
}

#edit-registered-agents fieldset input[type=checkbox],
#create_new_agent_dialog fieldset input[type=checkbox],
#edit-registered-agents fieldset input[type=radio],
#create_new_agent_dialog fieldset input[type=radio] {
    width: auto;
}

#edit-registered-agents fieldset label,
#create_new_agent_dialog fieldset label {
    width: 137px;
    display: inline-block;
    vertical-align: middle;
}

.edit-registered-agents-column {
    width: 400px;
    height: 350px;
    float: left;
}

.bookingStepsContent .cruise_promotions_content {
    background-color: #E0E0E0;
    padding: 20px;
    border-radius: 10px;
}

.bookingStepsContent .cruise_promotions_content h3 {
    font-size: 18px;
    padding: 0 0 10px 0;
}

.bookingStepsContent .cruise_promotions_content h4 {
    font-size: 15px;
    font-style: italic;
}

#training_step5_table {
    background-color: white;
    width: 100%;
    text-align: center;
}

#training_step5_table td {
    min-width: 100px;
}

#training_step5_table thead {
    background-color: #686868;
    color: white
}

#training_step5_table .cruise_days_heading {
    background-color: rgba(255, 170, 77, 1);
    text-align: left;
}

#training_step5_table .cruise_days_content {
    background-color: rgba(255, 212, 142, 1);
}

#training_step5_table .place_type {
    background-color: #909090;
    color: white;
}

#booking_step5_ncl #keys {
    font-size: 10px;
}

.commission-submission-form-inputs .required {
    margin-left: -60px;
}

#commission_request_thank_you {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
    font-size: 28px;
    color: #0BB5FF;
}

#edit-commission-total {
    margin-top: 20px;
    border-top: 1px solid;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

/* Demo Styles */
.swiper-container {
    display: none;
    width: 697.5px;
    height: 376.5px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
    position: absolute;
    z-index: 5;
}

.swiper-slide {
    float: left;
    height: 100%;
    opacity: 0.4;
    -webkit-transition: 1300ms;
    -moz-transition: 1300ms;
    -ms-transition: 1300ms;
    -o-transition: 1300ms;
    transition: 1300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.swiper-slide-visible {
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.slide_content_title {
    font-size: 30px;
    color: red;
    font-family: 'Raleway', sans-serif;
}

.slide_content .quotes {
    font-family: 'Raleway', sans-serif;
    line-height: 30px;
    width: 300px;
    padding: 20px;
}

.slide_content .quotes .icon-quote-left {
    position: absolute;
    font-size: 14px;
    margin: 0 0 0 -18px;
}

.slide_content .quotes .icon-quote-right {
    position: absolute;
    font-size: 14px;
    margin: 0 0 0 8px;
}

.swiper-container .submit_btn {
    -webkit-appearance: none;
    background-color: #ff3048;
    color: white;
    font-weight: bold;
    font-size: 15px;
    width: 130px;
    height: 40px;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 10px;
    transition: 0.3s;
}

.swiper-container .submit_btn:hover {
    cursor: pointer;
    background-color: #c80101;
}

.slide-one {
    text-align: center;
    color: red;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 35px;
    color: red;
}

.slide-one .slide_content_title {
    display: none;
}

.slide-one img {
    -webkit-backface-visibility: hidden;
}

.slide-one .slide_content_bullets {
    font-size: 5px;
    text-align: left;
    display: none;
}

.slide-one .slide_content_bullets_container {
    width: 225px;
    float: left;
}

.slide-one .slide_content_bullets {
    text-align: center;
    color: #1C86EE;
    margin: 25px 0;
}

.slide-one .slide_content_bullets span {
    font-family: 'Raleway-SemiBold', sans-serif;
    display: block;
    padding: 0;
    font-size: 15px;
}

.slide-two {
    background-image: url(../images/home/woman-working-from-home.jpg);
}

.slide-two .slide_content_message_box {
    padding: 20px;
    position: absolute;
    font-family: 'Raleway', sans-serif;
    color: #0198E1;
    top: 20px;
    right: 20px;
    font-size: 22px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 3px 10px black;
}

.slide-two .slide_content_message_box .slide_content_message {
    width: 250px;
    margin: 0 auto;
}

.slide-three {
    background-color: white;
    text-align: left;
    color: black;
}

.slide-three #slide_content_img img {
    width: 350px;
}

.slide-three #slide_content_img {
    float: left;
    margin-left: 130px;
}

.slide-three .slide_content_message_box {
    position: absolute;
    text-align: center;
    padding: 20px;
    font-family: 'Raleway', sans-serif;
    color: #0198E1;
    top: 20px;
    right: 20px;
    font-size: 22px;
}

.slide-three .slide_content_message_box .slide_content_message {
    width: 300px;
    margin: 0 auto;
}

.slide-three .quotes {
    background-image: url(../images/home/spiked-circle-joad.png);
    position: absolute;
    padding: 30px 25px 15px 25px;
    margin-top: 270px;
    color: red;
    height: 100px;
    width: 190px;
    font-size: 18px;
    text-align: center;

    /* Safari */
    -webkit-transform: rotate(-10deg);

    /* Firefox */
    -moz-transform: rotate(-10deg);

    /* IE */
    -ms-transform: rotate(-10deg);

    /* Opera */
    -o-transform: rotate(-10deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-backface-visibility: hidden;

}

.slide-four {
    background-image: url(../images/home/touchscreen-hand.png);
}

.slide-four .slide_content_title {
    padding: 10px 0 2px 0;
    font-weight: 500;
}

.slide-four .bullets ul li {
    padding: 10px;
    font-size: 25px;
}

.slide-four .free-boxes {
    padding: 10px;
    text-align: center;
    position: absolute;
    background-color: rgba(0, 10, 50, 0.25);
    height: 70px;
    width: 220px;
    border-radius: 20px;
    border: 2px solid rgba(0, 200, 255, 0.5);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
    display: table;
}

.slide-four .free-boxes a {
    text-shadow: 0px 2px 5px #00BFFF;
    font-size: 20px;
    font-weight: 300;
    color: white;
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
}

.slide-four .free-boxes a:hover {
    text-decoration: none;
}

.slide-five {
    text-align: left;
    background-color: white;
}

.slide-five .image_container {
    position: absolute;
    margin-top: 150px;
}

.slide-five .slide_content_message_box {
    position: absolute;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    color: #0198E1;
    top: 20px;
    right: 20px;
    font-size: 22px;
}

.slide-five .slide_content_message_box .slide_content_message {
    width: 350px;
    margin: 0 auto;
}

.slide-six {
    text-align: left;
    background-color: white;
}

.slide-six .slide_content_message_box {
    position: absolute;
    text-align: center;
    padding: 20px;
    font-family: 'Raleway', sans-serif;
    color: #0198E1;
    top: 20px;
    left: 20px;
    font-size: 20px;
    background-color: rgba(240, 240, 240, 0.8);
    box-shadow: 0 3px 10px black;
    z-index: 100;
}

.slide-six .slide_content_message_box .slide_content_message {
    width: 400px;
    margin: 0 auto;
}

.slide-six .images_container {
    position: absolute;
}

.slide-six #not-allowed {
    margin-left: 250px;
}

.slide-six #risk {
    margin-top: 100px;
    margin-left: 320px;
    text-align: right;
}

.slide-six .slide_content_restrictions {
    position: absolute;
    color: #065e99;
    font-size: 11px;
    left: 10px;
    bottom: 10px;
    position: absolute;
}

.slide-seven {
    background-image: url(../images/home/generic-beach.png);
}

.slide-seven .slide_content_message_box {
    text-align: center;
    padding: 20px;
    font-family: 'Raleway', sans-serif;
    color: #0198E1;
    margin: 0 auto;
    margin-top: 80px;
    width: 450px;
    font-size: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 3px 20px black;
    z-index: 100;
}

.slide-seven .slide_content_message_box .slide_content_message {
    width: 400px;
    margin: 0 auto;
}

.slide-seven .slide_content_restrictions {
    left: 10px;
    bottom: 10px;
    position: absolute;
    color: #065e99;
    font-size: 11px;
}

#midSurround-left .pagination {
    background-color: #1874CD;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 700px;
    text-align: center;
    display: block;
    border-radius: 0;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    background: #B0E0E6;
    margin-right: 8px;
    cursor: pointer;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    opacity: 1;
    position: relative;
}

.swiper-visible-switch {
    opacity: 1;
    top: 0;
}

.swiper-active-switch {
    background: white;
}

form#cruise label {
    margin-top: 5px;
}

#invoice-image-box {
    width: 400px;
    height: 530px;
    border: 2px solid #a0a0a0;
    float: left;
}

#invoice-image-box #invoice-image-header {
    width: 400px;
}

#invoice-image-box #invoice-image-header #invoice-image-header-left {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
}

#invoice-image-box #invoice-image-header #invoice-image-header-right {
    font-size: 9px;
    text-align: right;
    padding-top: 20px;
    float: right;
}

#invoice-image-box #invoice-image-header #invoice-mailing-address-space {
    font-size: 9px;
    padding: 5px;
}

#invoice-image-box #invoice-image-header #invoice-image-header-left #invoice-custom-logo-space {
    float: left;
    position: relative;
}

#invoice-image-box #invoice-image-header #invoice-image-header-left #invoice-custom-logo-space .custom_logo_image {
    width: 85px;
    min-height: 80px;
    position: relative;
    margin: 5px;
}

#invoice-image-box #invoice-image-header #invoice-image-header-left #invoice-custom-logo-space .img-holder {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#invoice-image-box #invoice-image-header #invoice-image-header-left #invoice-custom-logo-space .img-holder img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fillwidth {
    width: 100%;
    height: auto;
}

.fillheight {
    height: 100%;
    width: auto;
}

#invoice-image-box #invoice-image-header #invoice-image-header-left .adc_logo {
    margin-top: 20px;
    width: 100px;
    height: 60px;
    float: left;
    position: relative;
}

#invoice-image-box #invoice-image-header #invoice-image-header-right div {
    padding-right: 5px;
}

#invoice-image-box #invoice-image-body {
    background-image: url(../images/agents/home/invoice-sample.png);
    background-size: 400px, 300px;
    width: 400px;
    height: 300px;
}

#invoice-image-footer-left #footer_image img {
    width: 50px;
}

#invoice-image-box #invoice-image-footer {
    width: 400px;
    height: 100px;
}

#edit-invoice-information {
    float: left;
    padding-left: 20px;
    width: 480px;
}

#edit-invoice-information > div > h2 {
    margin-top: 20px;
    color: white;
    padding: 10px;
    width: 150px;
    cursor: pointer;
    text-align: center;
    font: 14px/100% Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #fef4e9;
    border: solid 1px #0276FD;
    background: #499DF5;
    background: -webkit-gradient(linear, left top, left bottom, from(#499DF5), to(#1C86EE));
    background: -moz-linear-gradient(top, #499DF5, #1C86EE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499DF5', endColorstr='#1C86EE');
}

#edit-invoice-information > div > h2:hover {
    background: #499DF5;
    background: -webkit-gradient(linear, left top, left bottom, from(#1C86EE), to(#499DF5));
    background: -moz-linear-gradient(top, #1C86EE, #499DF5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C86EE', endColorstr='#499DF5');
}

#edit-invoice-information > div > h2:active {
    color: #499DF5;
    background: -webkit-gradient(linear, left top, left bottom, from(#1874CD), to(#104E8B));
    background: -moz-linear-gradient(top, #1874CD, #104E8B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1874CD', endColorstr='#104E8B');
}

#edit-invoice-information > div > div {
    padding: 2px;
    background-color: #1C86EE;
}

#edit-invoice-information > div > div > div {
    padding: 5px;
    background-color: #F0F8FF;
}

#edit-invoice-information > div > div > div a {
    color: #0276FD;
}

#edit-invoice-information > div > div > div a:hover {
    color: red;
    cursor: pointer;
}

#edit-invoice-information > div > div > div > div {
    margin-bottom: 10px;
}

#edit-invoice-information-phones fieldset {
    margin: 5px 0;
}

#edit-invoice-information-phones input[type='radio'],
#edit-invoice-information-phones input[type='checkbox'] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    float: left;
}

#edit-invoice-information-phones label {
    margin-top: 2px;
    margin-left: 3px;
}

#edit-invoice-information-footer-image fieldset {
    margin: 0;
    padding: 0;
    margin-right: 20px;
}

#invoice-image-footer-left {
    margin-left: 5px;
    font-size: 9px;
}

#edit-invoice-information-header-logo span {
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
}

.edit_invoice_sections a img {
    /* Rotate div */
    width: 15px;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}

.edit_invoice_sections a:hover img {
    /* Rotate div */
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
}

.rotate90_img {
    /* Rotate div */
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
}

.missing_phone_number {
    position: absolute;
    background-color: khaki;
    padding: 10px;
    font-weight: bold;
    color: #FF0000;
    border: 3px solid gold;
    width: 250px;
    border-radius: 10px;
    margin-top: -5px;
    margin-left: 60px;
    font-size: 11px;
}

.missing_phone_number_icon img {
    width: 20px;
    margin-top: -5px;
    margin-left: 5px;
}

.missing_phone_number_icon {
    position: absolute;
}

#edit-invoice-information-submit-container {
    text-align: center;
    margin-top: 50px;
}

#edit-invoice-information-submit-container p {
    font-weight: bold;
}

#edit-invoice-information-submit-container h2 {
    width: 240px !important;
    margin: 20px auto !important;
    border: solid 1px #ff3050 !important;
    -webkit-appearance: none;
    font-weight: bold !important;
    font-size: 20px !important;
    background: #ff3048 !important;
}

#edit-invoice-information-thankyou-container {
    text-align: center;
    font-size: 20px;
}

#edit-invoice-information-thankyou-container h4 {
    font-size: 30px;
    color: dodgerblue;
    margin-bottom: 10px;
}

#CruiseReservation_Pricing_Airfare_Message_append h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#CruiseReservation_Pricing_Airfare_Message_append input,
#CruiseReservation_Pricing_Airfare_Message_append select {
    width: 150px;
    margin-bottom: 10px;
}

#CruiseReservation_Pricing_Airfare_Message .result-section {
    padding: 20px;
    width: 350px;
    font-size: 14px;
    font-family: Segoe Alt;
}

#CruiseReservation_Pricing_Airfare_Message .result-section input,
#CruiseReservation_Pricing_Airfare_Message .result-section label{
    margin: 0;
    padding: 0;
}
#CruiseReservation_Pricing_Airfare_Message .result-section label{
    width: 75% !important;
    font-weight: bold;
}

#CruiseReservation_Pricing_Airfare_Message .result-section input{
    width: 25% !important;
    font-size: 15px;
    text-align: right;
}

#CruiseReservation_Pricing_Airfare_Message .result-section .form-group:before {
    background-color: #1d1d1d;
    content: '';
    display: block;
    height: 1px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.clear_float {
    clear: both;
}

#container_404 {
    padding: 30px 0;
    width: 1000px;
    margin: 0 auto;
}

#container_404 h1 {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: red;
}

#container_404 p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

#advanced_submitted_reservations_search {
    display: none;
}

.dashboard-tabs {
    display: none;
}

.dashboard-content-panel {
    min-height: 400px;
}

#all-agent-submissions-content .table_thead ,
#all-agent-commission-submissions-content .table_thead{
    background-image: url('../scripts/tablesorter/themes/custom/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

#all-agent-submissions-content .table_thead.active ,
#all-agent-commission-submissions-content .table_thead.active {
    background-color: #0276FD;
}

#all-agent-submissions-content .table_thead.desc,
#all-agent-commission-submissions-content .table_thead.desc {
    background-image: url('../scripts/tablesorter/themes/custom/asc.gif');
}

#all-agent-submissions-content .table_thead.asc,
#all-agent-commission-submissions-content .table_thead.asc {
    background-image: url('../scripts/tablesorter/themes/custom/desc.gif');
}


div#privacyPolicySurround p#effectiveDate {
	font-style:italic;
}
div#privacyPolicySurround p {
	line-height: normal;
	padding:0;
	margin-top:15px;
}
div#privacyPolicySurround p.bold {
	font-size:14px;
	margin-top:20px;
	font-weight:bold;
	color:#033669;
}
div#privacyPolicySurround ul {
	margin:10px 0;
	padding:0 0 0 25px;
	font-size:14px;
	list-style: circle;
}
div#privacyPolicySurround ul li {
	margin:4px 0;
}

.bootstrap-timepicker-widget.dropdown-menu{
    z-index: 2000;
}