body, h1, h2, h3 { font-family: 'Open Sans', sans-serif; }
h2 { color: #6a90b1; }
.bg { position: fixed; width: 100%; height: 550px; top:0; left:0; z-index: -1; }
.jumbotron { height: 550px; color: white; text-shadow: #444 0 1px 1px; background:transparent; }

header{	position: fixed; width: 100%; height: 100px; -webkit-transition: all 0.4s ease;	transition: all 0.6s ease; z-index: 100}
header.sticky {	height: 50px; z-index: 100; }

footer { padding: 10px; background: #003466; color: #fff; font-size: 14px}
footer a, footer a:hover, footer a:focus {color: #fff; font-weight: bold}
footer .txt-strong { font-size: 16px; font-weight: 600}

#header-phone {background: #fff; width: 100%; height: 50px;}
#header-phone-xs {background: #fff; font-size: 16px; padding-top: 25px; font-weight: bold}

@media (max-width: 768px){
    #header-phone { display: none; }
    .qsf_main .tab-content { position: absolute; width: 92%}
	#et-navbar-collapse { z-index: 30; position: absolute; width: 100%; }
	header { z-index: 100; }
	.cruise-logo {position: absolute; bottom: 5px; right: 5px; }
	.cruise-details .btn-info { padding-left: 5px; padding-right: 5px; }
	.cruise-details .cruise-date { padding: 0px; }
	#carousel-site { padding-top: 50px }
}
@media (min-width: 768px){
    /* .navbar-nav{ margin: 0 auto; display: table; table-layout: fixed; float: none; } - for centered navigation*/
    .cruise-details .btn-info { padding-left: 35px; padding-right: 35px; }
    .cruise-logo {position: absolute; bottom: 50px; right: 50px; }
    .cruise-details .cruise-date { padding: 0 25px 0 25px; }
    #carousel-site { padding-top: 80px }
}

/* For bootstrap navigation*/
#et-navbar-collapse { background: #003466; }
#header-logo { padding-left: 0px; }
#header-logo-sm { padding-left: 0px; display: none}
#header-phone { font-size: 28px; font-weight: bold; color: #4387c9; padding-right: 30px; }
#header-phone a:hover { text-decoration: none}
#nav-phone { font-size: 28px; font-weight: bold; color: #fff; display: none; padding: 5px 10px 0 10px;}
#nav-phone a { color: #fff; }
#nav-phone a:hover { text-decoration: none; }

.icon-btn { width: 30px; height: 30px; background-image: url(../img/c-icons.png); display: block; float: right; margin: 7px 5px 0 0;}
.icon-fb { background-position: 0 0; }
.icon-twt { background-position: -30px 0; }
.icon-gplus { background-position: -60px 0; }
.icon-blog { background-position: -90px 0; }
.icon-ytube { background-position: -120px 0; }
.icon-inst { background-position: -150px 0; }
.icon-pin { background-position: -180px 0; }
.icon-snap { background-position: -210px 0; }

.aline-icon { width: 40px; height: 30px; background-image: url(../img/airlines.png); display: block;}
.aline-AC { background-position: 0px 0px; } .aline-AF { background-position: -40px 0px; } .aline-BA { background-position: -80px 0px; }
.aline-KL { background-position: -120px 0px; } .aline-VS { background-position: -160px 0px; } .aline-MH { background-position: -200px 0px; }
.aline-ET { background-position: 0px -30px; } .aline-LH { background-position: -40px -30px; } .aline-LX { background-position: -80px -30px; }
.aline-UA { background-position: -120px -30px; } .aline-EI { background-position: -160px -30px; } .aline-EY { background-position: -200px -30px; }
.aline-VS { background-position: 0px -60px; } .aline-TK { background-position: -40px -60px; } .aline-CX { background-position: -80px -60px; }
.aline-AA { background-position: -120px -60px; } .aline-OS { background-position: -160px -60px; } .aline-IB { background-position: -200px -60px; }
.aline-QF { background-position: 0px -90px; } .aline-DL { background-position: -40px -90px; } .aline-QR { background-position: -80px -90px; }
.aline-AY { background-position: -120px -90px; } .aline-HU { background-position: -120px -90px; }

.btn-primary { background: #f58f1f; }
.btn-primary:hover { background: #e47b07 }

.navbar-brand { padding: 0px; }
.navbar-default { background: #fff; z-index: 10, border-color: #fff;}
.navbar-nav .open .dropdown-menu { background: #fff }

.navbar-default .navbar-nav > li > a { padding-left: 30px; padding-right: 30px; background: #003466; color: #fff; font-weight: 600; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{ background: #4387c9; color: #fff; font-weight: 600; }

.navbar-default .navbar-nav > .dropdown > a .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret,
.navbar-default .navbar-nav > .dropdown > a:hover .caret {border-top-color: #fff; border-bottom-color: #fff;}

.qsf_main .tab-content {z-index: 20; border: #b5e0f9 solid 1px; border-radius: 10px; background: rgba(3, 60, 95, 0.8); padding: 10px 10px 0 10px;}
.qsf_main .nav-tabs  { padding-left: 10px; border-bottom: 0px; }
.qsf_main ul.nav-tabs li  { border: #b5e0f9 solid 1px;  background: rgba(3, 60, 95, 0.8); border-top-right-radius: 10px; border-top-left-radius: 10px; height: 30px; line-height: 30px; font-size: 14px;}
.qsf_main .nav-tabs > li > a { border: 0px; color: #fff; font-weight: 600; padding-top: 5px; margin: 0px; }
.qsf_main .nav-tabs > li.active > a, 
.qsf_main .nav-tabs > li > a:focus, 
.qsf_main .nav-tabs > li > a:hover { background: none; border: 0px;  font-weight: 600; color: #b5e0f9; margin: 0px;}

.qsf_main .nav-tabs > li.active { background: #fff; color: #003466; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) inset;}
.qsf_main .nav-tabs > li.active > a { color: #003466; text-shadow: none; }

.qsf_main label { font-size: 13px; padding: 0px; }
.qsf_main .form-group {line-height: 12px; padding: 5px}
.qsf_main .advanced-div {  text-align: right; padding-top: 10px; }
.qsf_main a.advanced-link { color: #fff; text-decoration: none; font-size: 12px; }
.qsf_main .btn-primary { background: #f58f1f;  padding: 7px 12px; width: 100% }
.qsf_main .btn-primary:hover { background: #e47b07 }

.qsf_main .chosen-single { text-shadow: none; }
.qsf_main .chosen-container { text-shadow: none; }
.qsf_main .chosen-single span { color: #003466; }
.qsf_main .chosen-default span { color: #999;}
.qsf_main .check-sel { font-size: 14px; font-weight: 100; padding-left: 5px; }
.qsf_main .form-control { font-weight: 100; color: #000 }

.qsf_main .has-error .control-label { color: #f98d32 }
.qsf_main .has-error .help-block { color: #f98d32; font-size: 13px; }
.form-text { line-height: 30px; }

.nopad { padding: 0 !important; margin: 0 !important; }

.entry-form .chk-label { font-weight: 200 }
.entry-form .pref-section { font-weight: 400; color: #6A90B1}
.text-title { color: #6a90b1; font-weight: 600 }

a.offer-box:hover { text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0, .65); }
.offer-box { display: block; text-decoration: none; margin-bottom: 30px; }
.offer-box .offer-details { color: #6a90b1; padding: 5px; display: box; }
.offer-box .offer-details .title { color: #36506c; font-weight: 700}
.offer-box .offer-img {width: 100%; height: 200px;}
.offer-box .offer-logo {float: right; padding: 10px 5px 0 0;}
.offer-box .offer-price { background: #003466; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 10px;}
.offer-box .offer-price .price-txt {display: inline-block; transform:scale(1.5,2); -webkit-transform:scale(1.5,2);}
.offer-box .offer-price .big { font-size: 18px; font-weight: 800;}
.offer-box .offer-img-text { background: none repeat scroll 0 0 #fff; opacity: 0.7; top: 0; left: 15px; width: 95%; height: 30px; position: absolute; text-align: center; line-height: 30px; color: #36506C; font-size: 15px}

.img-wrapper { display: inline-block; overflow: hidden; }
.img-wrapper img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; }
.img-wrapper img:hover { transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); }

a.csoffer-box:hover { text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0, .65); }
.csoffer-box { display: block; text-decoration: none; margin-bottom: 30px; }
.csoffer-box .offer-title { background: #003466; padding: 5px; font-size: 22px; font-weight: 600; height: 60px; line-height: 24px; color: #e1ffff;}
.csoffer-box .offer-summary { background: #eaeaea; padding: 5px; display: box; color: #36506c; font-weight: 400}
.csoffer-box .offer-details { background: #eaeaea; padding: 5px; display: box; color: #36506c; font-weight: 400; height: 130px;}
.csoffer-box .offer-note { background: #d0d0d0; display: box; color: #36506c; font-weight: 400; height: 30px; padding: 5px;}
.csoffer-box .offer-request { background: #f58f1f; display: box; color: #FFF; font-size: 18px; font-weight: 600; height: 35px; padding: 5px; text-align: center}
.csoffer-box .offer-price { 
	position: absolute; bottom: 100px; right: 10px; 
	color: #000; text-align: center; 
	border-radius: 50%;	width: 100px; height: 100px;
	background: #f58f1f; 
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 0%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
	background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 0%);
	border: #fff 2px solid
}
.csoffer-box .offer-price .price-txt { padding-top: 20px; line-height: 10px; font-size: 8px; transform:scale(1.5,2); -webkit-transform:scale(1.5,2); }
.price-txt .big { font-size: 18px}

.cs-offer{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: #004276 dashed 1px;  }
.cs-offer-title { background-color: #f8931f; color: #fff; font-size: 18px; font-weight: 600; padding: 5px; margin-bottom: 2px; }
.cs-offer-details { color: #004276 }
.cs-offer-link { color: #004276; font-weight: 600; font-size: 16px }
.cs-offer-price { float: right; font-weight: 600; color: #fff; background-color: #004276; width: 200px; margin-top: 150px; text-align: center}
.cs-offer-price .big { font-size: 25px; font-weight: 800} 


.cruiseResult:hover { text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0, .65); cursor: pointer;}
.cruiseResult { display: block; text-decoration: none; margin-bottom: 30px; font-weight: 100; color: #5d76bf; padding: 5px; border: #f5f5f5 solid 1px;}
.cruiseResult .result-img {width: 100%; height: 150px;}
.cruiseResult .cruise-title { font-size: 22px;}
.cruiseResult .cruise-ship {  font-size: 18px; padding-left: 5px;}
.cruiseResult .cruise-line {  font-size: 14px; padding-left: 5px; color: #666}
.cruiseResult .cruise-ports { color: #999; font-size: 13px; }
.cruiseResult .offer-logo {float: right; padding: 10px 5px 0 0;}
.cruiseResult .offer-price { background: #003466; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 10px;}
.cruiseResult .offer-price .price-txt {display: inline-block; transform:scale(1.5,2); -webkit-transform:scale(1.5,2);}
.cruiseResult .offer-price .big { font-size: 18px; font-weight: 800;}
.cruiseResult th, .cruiseResult td { width: 20% }

.filter-panel, .filter-panel .panel-heading { border-color: #f5f5f5 }
.filter-panel .panel-heading a:after { font-family:'Glyphicons Halflings'; content:"\e114"; float: right; color: grey; }
.filter-panel .panel-heading a.collapsed:after { content:"\e080"; }
.filter-panel td, .filter-panel td > label { font-weight: 100; margin-left: 5px; color: #666 }
.filter-panel .slider-text { border: 0px none; color: #5D76BF; font-weight: 200; width: 100%; text-align: center; }
.filter-panel select { width: 100%; color: #999; font-weight: 100}
#pagingNavigation .paging li a { background: #eee; font-weight: 200; height: 25px}
#pagingNavigation .paging li a.active { font-weight: 600; background: #BCBFE0 }
.noResults { color: #5D76BF; font-weight: 200; text-align: center }

.cruise-details { background: #219cd8; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 10px;}
.cruise-details .title { color: #fff; font-size: 16px;}
.cruise-details .content { color: #000; font-size: 16px;}
.cruise-details .cruise-date { background: #fff; float: right; height: 33px; line-height: 33px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 100%; text-align: center; margin: 1px}
.cruise-details .btn-info { border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.cruise-details .cabin-type { background: #39b3d7; height: 33px; line-height: 33px; text-align: center}
.cruise-details .cabin-price { background: #fff; height: 33px; line-height: 33px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align: center; color: #bbb; }
.cruise-details .cabin-price .price { font-weight: 600; font-size: 20px; color: #39b3d7}

.cabin-prices td { color: #bbb; font-size: 10px; text-align: center }
.cabin-prices td.date {font-size: 15px; color: #39b3d7; text-align: left; line-height: 40px;}
.cabin-prices td.all-dates { line-height: 40px; background-color: #fff }
.cabin-prices .price { font-weight: 600; font-size: 18px; color: #39b3d7}
.hiddenRow { display: none }
.section-header { background: #76bfea; width: 100%; color: #fff; line-height: 35px; height: 35px; font-size: 16px; padding-left: 10px; margin-bottom: 5px;} 

.grid-details { padding: 0 30px 0 30px; }
.grid-details .entry { padding: 5px;  margin-bottom: 10px; text-align: center}
.grid-details .title { font-size: 16px; font-weight: 100; color: #5d76bf; }
.grid-details .decks { font-size: 12px; font-weight: 100; color: #999; height: 40px;}
.grid-details .description { font-weight: 100; color: #333; text-align: left}
.grid-details .entry:hover { text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0, .65); cursor: pointer;}

.calendar { width: 80% }
.calendar table {table-layout: fixed; width: 100%; *margin-left: -200px;/*ie7*/	}
.calendar td.title, .calendar th.title {height: 48px;}
.calendar td, .calendar th { vertical-align: top; padding:5px; width:60px; border-right: #eee solid 1px; border-bottom: #eee solid 1px; color: #5d76bf; text-align: center; height: 30px; font-size: 13px; font-weight: 100}
.calendar th { position:absolute; *position: relative; /*ie7*/ left:0; width:200px;	text-align: left; }
.calendar .outer {position:relative; }
.calendar .inner { overflow-x:scroll; overflow-y:visible; width:100%;  margin-left:200px; }
.calendar .inner table { margin-bottom: 10px; }
/*chrome scrollbar */
.inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #FFF; }
.inner::-webkit-scrollbar { width: 12px; background-color: #FFF;}
.inner::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #76bfea; }

.btn-date { background: #f58f1f; border-color: #e47b07 }
.btn-date:hover { background: #e47b07}

.txt-subscribe { color: #fff; font-weight: 600; font-size: 16px; line-height: 30px}
.chk-subscribe { color: #fff; font-weight: 400;}
.btn-subscribe { width: 100%; background: #41b852; border-color: #1b9d2e; font-weight: 600 }
.btn-subscribe:hover { background: #1b9d2e}

.cruise-panel .panel-info > .panel-heading { background-color: #fff; border-color: #76bfea }

.tooltip.top .tooltip-inner { background-color: #f48e1b; }
.tooltip.top .tooltip-arrow { border-top-color: #f48e1b; }

.et-callout {

    padding: 10px 20px 10px 20px;
    margin: 0 0 20px 0px;
    border-width: 1px 1px 1px 5px; border-style: solid; border-color: #EEE;
    -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none;
    border-image: none; border-radius: 3px;
    border-left-color: #F58F1F;
}
.et-callout h4 { color: #F58F1F }

#passSelector { position: absolute; overflow-x: hidden; width: 450px; display: none; z-index: 1; background: white; text-shadow: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:10px; margin-top: 3px;}
#passSelector .title { font-size: 16px; color: #666; line-height: 40px; }
#passSelector .note { font-size: 14px; color: #666; line-height: 40px; }
#passSelector .alert-danger { font-size: 14px }

#guestSelector { position: absolute; overflow-x: hidden; width: 500px; display: none; z-index: 1; background: white; text-shadow: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:10px; margin-top: 3px;}
#guestSelector .title { font-size: 14px; color: #666; line-height: 25px; }
#guestSelector .room-title { font-size: 16px; font-weight: 600; color: #6A90B1; line-height: 30px; }
#guestSelector select.age-selector { font-size: 13px; }
#guestSelector .ages-title { font-size: 14px; font-weight: 200; color: #6A90B1; line-height: 25px; }
#guestSelector .alert-danger { font-size: 12px }

#instravSelector { position: absolute; overflow-x: hidden; width: 500px; display: none; z-index: 1; background: white; text-shadow: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:10px; margin-top: 3px;}
#instravSelector .title { font-size: 14px; color: #666; line-height: 25px; }
#instravSelector select.age-selector { font-size: 13px; }
#instravSelector .ages-title { font-size: 14px; font-weight: 200; color: #6A90B1; line-height: 25px; }
#instravSelector .alert-danger { font-size: 12px }
#instravSelector .ins-spinner .form-control { margin: 0px; }

.footer-container { background: #a2a2a2; }
.footer-content, .footer-content a, .footer-content a:hover { color: #fff; font-size: 12px}

.ui-autocomplete {
    max-height: 160px;
    overflow-y: auto;
    max-width: 400px;
    overflow-x: hidden;
}

.carousel-indicators li { border: #003466 solid 1px; margin: 0 20px }
.carousel-indicators .active { border: #003466 solid 1px; background: #003466;  margin: 0 20px}